@trifle/trifle-hub 1.0.161 → 1.0.162

package/dist/Profile-YoSRBmlN.js

@@ -0,0 +1,1818 @@
+import { createElementBlock as a, openBlock as t, createElementVNode as e, renderSlot as ie, createCommentVNode as i, computed as g, inject as ge, normalizeStyle as pe, toDisplayString as v, ref as p, unref as d, Fragment as D, createTextVNode as x, watch as Ee, normalizeClass as C, createBlock as E, renderList as q, withCtx as I, defineComponent as st, onMounted as ze, withDirectives as be, withKeys as Le, vModelText as Me, resolveDynamicComponent as lt, mergeProps as nt, nextTick as Qe, onBeforeUnmount as ot, defineAsyncComponent as rt, createSlots as it, createVNode as Ue, vShow as Ye } from "vue";
+import { p as Re, a6 as Oe, a7 as ut, a8 as Ke, a9 as Xe, aa as Je, ab as Ve, n as je, o as ct } from "./index-BBZwHOZx.js";
+import { storeToRefs as $e } from "pinia";
+import { _ as Fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as dt } from "./QuestCard-CapG6iNR.js";
+const _t = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAAB1CAYAAABzn2LRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABnrSURBVHgB7V0JdFzVef5n3/d9tNmSvIDBgZpASdMAcRJoMKQNMZCwBNIkBJwTCgQ4BVIMlMU5YQkkoS5L7aSJWVMcdgIYw8FAbBYDxkACXrAxNsabLEu2pFG/b+YJhJDeaN7cNxrJ851zjwy23rvv3v/++/9fm9RQKVgSicQEh8NxIIbX7/e7mpubc7Nmzep+6qmneqWGGvpj2rRpjkgk/iObzfYB/jNntVr32O32DSCex/Hn65PJzCk+n29qKpVKTp061Scy24p/Z5EqRdVObKygqakps3Hjh1fs2dN5Si6Xc8gna/4p7mKxWDpcLtca/Jt3AoHQazabfUUu1/WW0+nc5PV6t9XX1+8CR+oZ+Hs1jCHMnDnTFo/HZ4AQVuA/c1LY7GIj98mw9IATtXs83vc8Hs9il8v9m3A4dgqIaHIgEIhPmTLFKbVDP3YArhDFRl8H0bNThk8wwyEmcpqdIKZXIOp+B6L8t2g0+rVQKNmSzWbjra2trtmz86LNVNQoVS0ssVjsoI6OjhswDu3t7TVrfT8WURBr3eA+m8Vq/cDlcKwEZ3vPZnO+2Na27U0o2xtBWNtWrFixR2qoPkCJ9QWD4XPAATaLGu5imCOBkKhstzudrjdsNset6XR6itRQVbBAHO3v8wUewkZ1ycgQiy4RQR96YNy4cWGpYeRBUzqZTJ4KHWOjjBx3KTpAzLuh+1xx+OGH26WGEYMlm21udHu9t1mttg6pYoLpG3aHY1MikTlKaqg8aEqDuxzn9njelVFALP1Gzu32LIFinJUaKge4/UNut/tKOuJkdBFM3+iGRXU9xarUYC7IXeAH+Qev1/8MCKbPKzsqB8IXWxOJ9PFSc7eYBxALg4v/Ybc72sRc7pKTCnEveqljsexkqUE5YEq3tCLu83/4c7eYuKGwbrqxkavxczMGRV+PmEtEPfBY31kIjpYOm9TwGcCn4bbbXadt3frhvM7Ojs/jf5kZde6FgroKHO2ocDh8Ty5necFut62FMxnE0+uEOLTDs2zV5qAKFgRGx3d19XzY0bHrRSkQUg1G0dDQkMUpvJvueTGJswwYuVA4vJSEOmAqzsYJE5oxl2/5AoHb4WnuFMWcB9ztnbq6us9JDcZAZTeVqpsO6+h1qaxllAuHI0/j56csGupSiUTiKGzs3cy9MendPXj+gwx2Sg2lAbGZhM/n+yU2p10qb0rnQqHIHdJP/EFMHQjifQLcZbfZ8wFH3RMIBK6qeYuHD0alD4YIoFyvmPUyYOQCgdB/900ok8kchKj16krOBYdlUzbb+BWpQR+MSoP9nz3CUWmedHKaOZwTAp8TqBRXej6cg8fnWwxPd0pqGBSWSCSyH0zpRxQ76nI4sdtKfabFYu3BfM7Hn+1wHv5aCuZ27wiMLnDcXw2ikO/d6ItKY3PzCd6ibsG7oRM9HI8nz9D8LMN+NtMpQDSzwPVaMa8RjZZjLm0Q16dKzVtcQCxWX4eNvY1pAqJuY3I2m3273x+8jPkq2Pwvlvp8/nsEEU9MpTIXy8hxmY+Hy+V+nU5N2ZtBqyAeTx/tdJaU4D2c0QMifAGW1xGincxkMnMc9YNSnmO12nalUtljI5HonTKCXKZv0D8Fa2puNjvNK3sjGhsbI8Fg+CYou7tEIXdhDo3P579+4sSJn/JvpNPZWVIit8Dc2lpaJh0FE/sZqQJOIwXCafcFg2dXIkm9mmAByz8Iih2dZspOL5VcOMPehdw/WQY44wgQzYVS4saDALeA+A5GUPQJqQJO0zdg9r/PyL7sDWDOSyyWuAibodKUZqJ2J5xutycbGlqGeLU1Gk/+otR3ghA3UIcIhUKPShURDQ8IxNRDYz63GB85CX6OJ7HBytg8dRSIkA+xqWewrkjn9fZoNDpXStt4Vg6sZjkudJo/SBURTeHbrR1wPF4wJsUUqw2ZWITNXSUKF57mMMUGNvUQ0TFDtRTQr0J0vV3iO0g0axA0nJjJ1J1TjQlemNMmHIYjZSyZ4dis5mAwuEBxFJjiaEs0Hj+HyrTe+ykOgSvx/u1G3k9CgbI+LxSKH2T0GSaPHByhy5hIL2MA1mg0eaTN5virKFd23a9DkT5c9E8Xle2/g9m9uFQze+AAgW4Hpzzd6XQ/J9VHNFyTLhD2DaM6txi6RQKONJ7uHaLWUdcWDkduhNXQoPd+eG/9sKAuUKhs5xwOx0u+QOB+qUKikQJhbw3HYv8io1BM8XQf4fF4l5d7uuXTJwniyP42HHVH4791UwQgipp9vsCfmKKp6v19c0AYoVKJX4YGHaQIqo4ebzEm6wmHo+fidKuU+/kGQ4FA8L5QKDVe7/1kzYlE6gSIw9VSpdzA7EHDIBqNf19GASywXvbDxt6vuFaa4mhdPJX6Iawvv94EotG6epjz80dLNaVZg8YGQh4nSDWDpzsUjf4Am8t0R5XiiFHpx6LR9L76M5hthTg8DIqx6rjViA8j4h1E097YOP6rUq1oatonA1Pvdi1qrGqx8jkvYLGX0VTWez98J7FIJHa1YnFYFQObz9jZBwZ+b8ukSZOmSrVBazt2TIltx4ZzsnoQT3k5na4/TPTLQSwg1oMQQHxepbJdTYMcw+v1bSzx93JQhN9vaWnRtSwrDrYdY4I3TrfKBG9yl3bEja7PZifqZt0za62QSGXbInux7jLUOiJEs7KaYlFM8P48XPbPKT7djBu9C1N6puib0hboN1Og7P6R1pTC9+fnoPh5IzV6vF7/Ehkkul9xpFJT4dMK/ZTyUhRHpUGEdzPMoPd+TRyeBGVbdQpon3d5hcv1cbVD7ygeiHoHH5IRdu7BlK7fHxv7qOYoU+jZtb0H7vLdYknS+Ps03OM3anm9Khc4xwgxYmK/5juSybpDoU+tl9FNODns1S9lpEBTmqcbrnOlp5snG3L3Gfp1pEhUOhKJHw0u8Iao5y4k2nUQt6fIJ6zcHosl/t0E0WdoYI02Y46lzgWKsPsSGQHk7wdwu723QtnsFHULwQ/ajBD+7GKKWiIxxe/x+K5RrGznB4kCnOu+TKZpn4HvZRUnLLKHynknNroHSn1Z0Xxy1UwmezUsoa0lPoeO1e9KJVGolU6d6PF6VZdpkGAQus9+QYqY0kwB9fuDf4boUB3jIXf5CNzlJwx3DDUB/N1UiCnD3I1WYDyeeBgb/5HBZ0DEBBZiH6bbHY6SiI/dvxAk/rpUCixm93g8V2ttx1Ru1C4ED+cVqwykbqMp20YXW28x2evlxUQm849SXEkE4SZPop/E4DwYDX8eVt7p4FrLtAzFYT2HYhMOvUeYJZhO180s9f2Mcjc3T95fKoF0ujWBDbtNcVQYPgPvCnz88UVyPCzjx49vgu/nDsXKdh/RtkdisTl1dZNjMkxQPMJn9FujWXqFgv3Qz5uaJuyD59yC7yLn1iMeWpJt4DD3wDGX5BwymfoflLgWzDBc39AwyfwmjxAHE3EilkIcKLOMmBCEk72AfWT03k1iikYTJ0B2K03SEulLpbC9Cw73TTHQGAr6zb6amDJEOBBTH8Kz/U/4s4P+rULzSOtKJnMx7KKNDnJWN0IxkUiSVQVO7fWWdDp7qZRONK/ip7klu1RIwQ4XiboNY+ft96HsnjscUxqc6JZSS2SHMwfGbaDs/g4bP06MwwIRcwxEjdEkLuhxzr9gLejSz4tExsoger4MQ+N4jng8NQMHi1bkQD3PBu54U4nvhWjzPSVqu3F9GlQGwQ5vUVgV0F1Q4OopU/X0Bis28zBwouWi3ieS9/9gY76tXZtTFvKcMBa7wmJQbGuVkA8mEqmzvd7wgQzByDCqBvheENxdJa5PLhSJ/EFMhB1U+XNFmfWMG+0A1/gZPla3TLS1tTWIQOPlilNA83NgHg+e/UwkklKqCLIRtMfjfV6MV1bmtPntstsdz9PYgJ7zJSq7Q90HRS4Noim1xoqc5hdiFrLZJt7RqCIkgFiH90VwDspuXVOajYAgCheb0CeP1srGRCJ9YbFUCoNAzCv5NRD6+1L+evU1ZdoNVvK6zeaYF4slzwyFQtNoXWqdriyFBtqeZSU+m91HZ4kZoFhCfGKhlLcAeasEpvR1TCDXex+L1+A7OAvcyBRTGvNYBqLt6+5pCrCpLQ6H82XF8//4hjoQfRtiX69CWb4ZOtDxCG0cDONgTSnvo2KtBX3VA5P6ltYnzvDH4uNW4WRzgnpWiSXV1DQent0FiluHaERr3wkZfnOfiWoGCr1yMsdhvVYrnr8eIZETt5X6u2xSMG5c62GiGpSVDofrSTG4ADSl/cHgAlYb6r2HbBZs9xReEirqFxsWmuslWh5SpCqhHLCbJr5VdTeLUoinpN9hflFLyz77iWowl7aM1MwcLR72wdN7By0EsNsbQGDKuQvjRoji3pWAuS7mwQpz+Ev9GkP2joLBtdkAVaBe1GKaIxSKlFPATr/DuokTJ9YN9nRyF/b4xWIvFVO4i3stROKP9eJG5YJ+q3A0epkJ1p3pRAM14M1i5cklAxp5Iza0rHwRsMCtEyZMOGTgs6EnBWnuQdlVzsqp7LJhIz20Yl5yESyk6L7wqSxS2c2igoPdR5eAz6s9ULFE4jQps4sTUyWgq5zc77EWphhgU83o25JDlHcrNvNyM3NeybkQyvgeiEWFST1iRBOJxGgRq7MgafY6Xa4Hyl0UxnOgU1zJZ1K34Z3TUEqV1jtpg4laz2m98ky7UITdOsFdFmoFfqM6Yw9ydZ6oRDAYo0hR0eaDRHMf/BbjwV0eMKFXCxW6Dq/XPzfvcjcJWt7QMSZ1Hc9JhQmQhxmc5ipRCAuccHNUfQj0li3Y2FViwmKDu/w1mUyfqiJuNBRY4MeuE1B2d5rwDd1er+9VOALfxhrx+cPOpSlnaH2OfyyqcMABB4RNCA4qfRbzT8DB7kwmh+yVpwIWxHxYvmvGDS752BI41xxGspubpzSCEx8LAroKh+w1LR3CtPvA+W74rY4VVWD/Wyiw1XaB+ceLjU3cFA7HfmJm63YmVbFNPRbXDFOa/qu3Ie6+I5/Vv3iJfJTpEBDpF8N/tUnxu7U19PyNl9WLItgw2dukOpW8bvgWnmLpiJhoSkNZn+b3Bx83Kee4E3G8eQjGNulNgtwnEAhdaS20XlM2B+qUCAI/WayyoyQwmAg94W9SXUSTs9sdW7CRlzJVQkwC9SLeZ2DSDS4MMrI54g9Fv5oR+qRvf3zvEsVz4Pu3U1dV7o7w+YKs66km0cQE71fIrsW8qDR8R+ObgsHwfDMCpYXedqHHM5mGg/QmwUR9pj2obsGC0eP3B5ak0/WHi2p3BH0zUMIekergMvm281B25zY1NWXEJOQL7OLxE9mx3ITvpjjazIqJSZMmBfTmoV079JjqRH26IxjXS6VMiuzzujxq1TLyRJOPi/AWEzGxMJ1s2ul0zTHpmxnKWJpMJlm3NaTuUGjflpjJ7l2K50BlG+6IzMlmuiNYJXmxjCzB5HNDwErvRSBNt8C/TCAqnf0iHIJmXHZB7rIzGAzeNK5IZB3Kbj2MjlvUXwxi3c0keXBo9hs0r7C/kIvrWyYjRDT0UEJEbPQFAucXyxsuB2z76nbnc47N6IRFd8DKWCz1DdHRHQo154mvQ2y8KcqVXedmEMw5FblJLh5PH6Z1B+8dgcFeeYsymcZpYqIpzUQwHIwHTQpl7IZ193sos416k4jHJwXAhS5noZsoJJiCsh18DL4Xhn8qcucBwwbXSeW5TJ6V493XmGlKU8EPRSJnQH9Zq/obtW4SG2Kx2JlFTreFebxut3uxamUX+tA2KNvnF1O2lYI5s3Bnr5LKEk0Op55ZfUzBNO1ksHxXyzlW3g5EaxN/P5Tdz+nNgaZ0KBT9KaxB1YnyULZ9r/DSD6l0U6JAKMTGw0ao32h0ltbRSjObA2pR6RnQMcxwVNIdsJ3X3xTpVQzjor4VCvdC9dyloGyb6Y4YEmSpwJ/FwMKyIIydNY38Lu9DSuPlYgLogkds5boyujjozbvH4/W+yLb8UsSUhvf3BCi7qhPlWdnBenPeZ2Ba3pAuqBxiEiUXwVHxgw/gpGg0zk4FJSuWhSh1cLbii6q08l2vGVYgT/eOSCT2nxB5ui1QoIzWQWzMV1xznle2Q6HwH5ubJ+tWdpgNSzyZPNdA582c0+VaxxxiEFyTUX2I92hDgfyyKAD1hkAgcBHLfUVMUXZX8XZe0T/dVjhIj4DrQKkp/YmynZhVX3+oaUnywwI7cGLDn5XSP5DZeHdLYQHt4XD0cjHmJMtBkVxYZrWAJZ1u3Bcn+09aVFp5N4lQKHIniHsfvUnU1+8bJedkHoyoJRg4O4OPwr90gFQDeB2fdplEaR9itbbHCgHEPGg9QHYbsgxY5Rc2eDt9oXw3NotOQTFF2bWuSWYyJxczpenjAtEuLaWD1fDeb9uOA3mZSfXmhmBhY0MxwGUgApb39wnQgvAHAkZrvXMOp3M5Oy1ICUgmx6cgGv+HZq+Bd+rOh6cbcZsnnE5/Ee5S7wHRnqXau1xo3eZ9GdxtulTT5V2YUB0230gInnczXj7weUy6LkPxo0f4Wq0Dgi5oleBd3zDpBhUeiM0QBRcVKSLTynD896i+GATPY+v+a8eZWxFqDLFY8lQD7nQu6qbGxtYpA58XhUcXYoLcxmjrsM3FrsXL10r7/Qjw2VVehtr/dL9QrJsECTsQCJ+uugyHyi7NcxwI3rtkWr25YTBUDtPtXjEgmoKhEHvmDhpqByF+pRxWDTf/G3BWDSYSrJlMZhrrmsQE7mKz29uh7M6lyBMd0NSG2LoRf1TKXRjzw/vvAPefLNWKVKppPDag5K7ilPXwy5wz1HOpMIIYbxGDG6uV0z7YvxVsBEog3nmpooZKn9kwWI9vZrMN/8y69aG+S7tnYQZLTVRfDAJxtB7c5V8rEpUuBwyuSeliJN9loNgFmWDvB7PLlBgnHPacu5WKNtzkrVDWF2kbpXizbLuhR81nTove99BywRyu5UUeCufAOxa6fD7/05iDbtyqKkAnGOTx02JANIE1/1aKaPNUVKEoX1KOgshm1uA4C/FzlYgpyu6GeDz5I5rsOp9iwVodyMx9xXPg+z+Co+4iMytClQLxkL83cjsJTkY7/BFHDOcdhdiPu9wCf+WlqpZCY8aHi5VvsOY8FApdYNT3NPQaWniL2/JMpoFd0CuS86ICFlgfN4gBLgPu9FopvUwYA1K96GUMnu4tON0XFrtBlwX+breXjQ9UJmrllW2Y0rcXE4dVh0LzZs8qMUA00O7nSAkg64+xn676zpylDpbAvJQpcsdBISqdPA6HY7UoFkdQtldCFB1nZoK3aWB+iYH7gOhD6QCXOUZKBJQ8em0fNSG9crjcpQ3i6KZi5RvQXRrAXehd5tqojEqz3vzeUcdd+sEaiUTnigEuAzm8ngXqYgCF1Avva6I+67/o6dZ6FesmeMO8PxKE/ZaoV3Y3sOv4iEelywH77Rtshsykn3J6s1lSqboZqm+bE53TDc/u3cUSvCOR5hBM+itUtw8peJZ9jw+jdX/1IxyNfk8Mpi+A06wuswskrwn8tsmEw141bMw4q0iqhYXRffzbRaKeu7QxbqS8+eFIoNAL2PGEGFwkZrtjIaZLebCFw7HTsLDK642obEN3uV/rVWzRW4dwOHoevqfUK/uKDU3Zrj9KqjFuZASRSGRqOaWnWiLQTUUu7ioKWlTw9l6pOA2yBzrTf02dOlWvV7EFuksLNvZexdZcPkkL0e7fmNkFfUTAlE4pc5Ow2FtBfDOkTLDCEeY70zKVtPNgth50k/kkChmEy5BQE+n06U6Xa5WoN6XXsFa63MNUdSjc0eR/XBQsGBZpabF29cMB0wugmH8fp1SJmKCnFcr6X+DFnd5/A+mXglJ6p1bzpNSUBte6h+UpMtqV3cGQzY6bjA9UEiGmZYBTvaCIKBgWuLmhSORMrT2Ykg3F/D7yBYNnM6ajtZ1X3Qmdyu5GcLWzqj4qXQ4QmDtDFC4ca4lgiZ2niCXbeXUMW+GLOsIhF1gCbrBNFJvSULaf5R1UMha5i2gfxY1dvnz5gu7u7m+Kwg9lxr3L5f1ZIOC9Cwrgjj179nSLQWzfvt26efPmo3fu3HVjd/eerKJ59oq67+3l3UpOp3tuLBa5eu3atVtljCK/YI2N+0c2bXrn2c7OXZNEcVSVJxpxmlUgyLdzuVz7YO+XwTevV/uZKzzGshsn+KPe3t7pO3furI4yjU/Qy9a4iEmdt379msVS8HONbcC8nYRNUV6a2m/kFI/eKhlUdjuhXM+vygRvM6HV+47GG0JGlGDcHs9bybS5XdCrFlAyjaR17rXEol0o/3vtbu4xqezqQXNlj0xTgVEIKLvOLV6/7/pIKHTt6tWrO2UvRJ5oentztGr2uhNTCrRE9kVeb/CSDz5Yt2z71q052ZuBxTjUhHshx4w4Yt87mNKzK9p2rNrB+iGYxWbcIDLaB9uOvardnjtqErwrBWs0mji7CvJ0q2XkTelgMPyrhoaGkhoO7FVADCbt9wcW7uWEQ8uoB36XlYjUf2dMx41UgYnTTHC2WJRGe0cFsXCw4jMWS1yTzTY3Sg3DB/UbEM7NYM+btOqAsUo8eULhN+JbN8Lv8r9akLGmuxTBUGY2L284BAHGUzs7O7/Q1dXFdqJexI4c2u+MZvM8n5BltVpgETnfh1X0sN/vvW39+vV9LWFrKIJim29rampK5nLW1rZdO1o6du6KY6HTWPAwftOC5ff19PTkk6Ot1vyzeIItuVz+Z/7/8c+D/eTfD/bnwf5dH0C09vb2dr6vPzfIv7PfTxn4Z7fbu8Nut7XZbNYNOACbHA73m5FIbHlXl/29deve6EuNqGGYMMIx+nOaSnMdo+/L9ftZI5Ay8f+8FFLxg4KdeQAAAABJRU5ErkJggg==", ft = {}, mt = { class: "_p-5 _w-full _flex _flex-col _gap-5 _items-center _overflow-y-scroll-masked _no-scrollbar _relative" }, vt = { class: "_absolute _top-4 _left-4 _z-10" }, pt = { class: "_mt-6 _w-full _text-center" }, gt = { class: "_size-24 _rounded-full _mx-auto" }, ht = { class: "_mt-5 _flex _flex-col _gap-3 _w-full" }, yt = { class: "_text-5xl _tracking-wide _w-full _text-center _min-w-0" }, bt = { class: "_w-full _flex-1 _flex _flex-col _gap-3" };
+function xt(k, l) {
+  return t(), a("div", mt, [
+    e("div", vt, [
+      ie(k.$slots, "admin-controls")
+    ]),
+    e("header", pt, [
+      e("div", gt, [
+        ie(k.$slots, "avatar")
+      ]),
+      e("div", ht, [
+        e("h2", yt, [
+          ie(k.$slots, "title")
+        ]),
+        k.$slots.description ? ie(k.$slots, "description", { key: 0 }) : i("", !0)
+      ])
+    ]),
+    e("section", bt, [
+      ie(k.$slots, "default")
+    ])
+  ]);
+}
+const wt = /* @__PURE__ */ Fe(ft, [["render", xt]]), kt = ["disabled"], At = { class: "_size-7 _rounded-lg _overflow-hidden" }, St = ["src"], Ct = { class: "_flex-1 _min-w-0 _truncate _text-center _text-stroke-md _leading-snug" }, Ut = { class: "_size-7 _flex _justify-end _items-center" }, zt = {
+  key: 0,
+  class: "_whitespace-nowrap _leading-snug _pr-[0.25em] _pl-[0.4em] _shadow-panel-inset _rounded-full _text-[0.875em] _tracking-tight"
+}, re = {
+  __name: "AuthButton",
+  props: {
+    platform: {
+      type: String,
+      default: "wallet"
+    },
+    points: {
+      type: String,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(k) {
+    const l = k, b = g(() => Re[l.platform]), r = ge("TrifleHub/store");
+    let A = !1;
+    const U = async (h) => {
+      if (!A)
+        switch (A = !0, setTimeout(() => {
+          A = !1;
+        }, 1e3), h) {
+          case "discord":
+            await f();
+            break;
+          case "farcaster":
+            await w();
+            break;
+          case "wallet":
+          case "email":
+            await o();
+            break;
+          case "twitter":
+            await B();
+            break;
+          case "telegram":
+            await z();
+            break;
+          case "solana":
+            await L();
+            break;
+          default:
+            throw new Error(`Unsupported platform: ${h}`);
+        }
+    }, w = async () => {
+      console.log("Farcaster connect clicked");
+      try {
+        await r.connectFarcaster();
+      } catch (h) {
+        console.error("Farcaster connection failed:", h), r.addNotification({
+          type: "error",
+          message: "Farcaster login failed. Try again?"
+        });
+      }
+    }, o = async () => {
+      try {
+        await r.connectWallet();
+      } catch (h) {
+        console.error("Wallet connection failed:", h), r.addNotification({
+          type: "error",
+          message: "Wallet login failed. Try again?"
+        });
+      }
+    }, f = async () => {
+      try {
+        await r.connectDiscord();
+      } catch (h) {
+        h.message.includes("Authentication window closed") && r.addNotification({
+          type: "error",
+          message: "Discord login failed. Try again?"
+        }), console.error("Discord connection failed:", h);
+      }
+    }, B = async () => {
+      try {
+        await r.connectTwitter();
+      } catch (h) {
+        h.message.includes("Authentication window closed") && r.addNotification({
+          type: "error",
+          message: "TwitterX login failed. Try again?"
+        }), console.error("TwitterX connection failed:", h);
+      }
+    }, z = async () => {
+      try {
+        await r.connectTelegram();
+      } catch (h) {
+        console.error("Telegram connection failed:", h), r.addNotification({
+          type: "error",
+          message: "Telegram login failed. Try again?"
+        });
+      }
+    }, L = async () => {
+      try {
+        await r.connectSolana();
+      } catch (h) {
+        console.error("Solana connection failed:", h), r.addNotification({
+          type: "error",
+          message: h.message || "Solana login failed. Try again?"
+        });
+      }
+    };
+    return (h, M) => (t(), a("button", {
+      class: "_platform-login-btn _bubble-btn-full _p-4.5",
+      style: pe({
+        filter: `hue-rotate(${b.value.bubbleButtonStyle.hueRotate}deg) saturate(${b.value.bubbleButtonStyle.saturate}) brightness(${b.value.bubbleButtonStyle.brightness || 1})`
+      }),
+      disabled: l.disabled,
+      onClick: M[0] || (M[0] = (P) => l.click || U(l.platform))
+    }, [
+      e("div", {
+        class: "_flex _justify-between _items-center _gap-2.5",
+        style: pe({
+          filter: `hue-rotate(${b.value.bubbleButtonStyle.hueRotate * -1}deg) saturate(${1 / b.value.bubbleButtonStyle.saturate})`
+        })
+      }, [
+        e("div", At, [
+          e("img", {
+            src: b.value.icon,
+            class: "_w-full",
+            style: pe({ backgroundColor: b.value.iconBgColor })
+          }, null, 12, St)
+        ]),
+        e("div", Ct, [
+          ie(h.$slots, "default")
+        ]),
+        e("div", Ut, [
+          l.points ? (t(), a("div", zt, v(l.points) + " 🪩 ", 1)) : i("", !0)
+        ])
+      ], 4)
+    ], 12, kt));
+  }
+}, Tt = { class: "_flex _flex-col _gap-2ff _bg-metallic-linear _shadow-panel _rounded-lg _p-3 _gap-3" }, Dt = { class: "_flex _items-center _justify-between _gap-3" }, Bt = { class: "_flex _items-center _gap-2.5 _min-w-0" }, Nt = { class: "_flex-1 _min-w-0 _leading-tight" }, Lt = { class: "_flex-1 _min-w-0 _truncate _text-em-lg _text-gray-500" }, Mt = ["disabled"], jt = { class: "_flex-1 _min-w-0 _truncate _text-center _text-stroke-md _leading-snug" }, $t = {
+  key: 0,
+  class: "_animate-pulse-deep"
+}, Ft = {
+  __name: "AuthenticateWalletSection",
+  props: {
+    walletAddress: String,
+    walletAvatar: String,
+    displayName: String,
+    points: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(k) {
+    const l = Re.wallet, b = k, r = ge("TrifleHub/store"), A = p(!1), U = async () => {
+      if (b.disabled || r.isSimulationMode) {
+        r.addNotification({
+          message: "Cannot disconnect wallet in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      try {
+        if (!b.walletAddress)
+          throw new Error("No wallet address provided");
+        r.isWalletAuthenticated(b.walletAddress) ? await r.disconnectPlatformInstance("wallet", b.walletAddress) : await r.disconnectWalletConnection(), r.addNotification({ message: "Wallet disconnected" });
+      } catch (o) {
+        console.error(o), r.addNotification({ type: "error", message: "Failed to disconnect wallet" });
+      }
+    }, w = async () => {
+      if (b.disabled || r.isSimulationMode) {
+        r.addNotification({
+          message: "Cannot authenticate wallet in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      A.value = !0;
+      try {
+        await r.authenticateWithWallet(b.walletAddress);
+      } catch {
+        r.addNotification({ type: "error", message: "Authentication failed" });
+      } finally {
+        A.value = !1;
+      }
+    };
+    return (o, f) => (t(), a("section", Tt, [
+      e("div", Dt, [
+        e("div", Bt, [
+          f[0] || (f[0] = e("img", {
+            src: Oe,
+            class: "_size-7 _rounded-md",
+            style: { "background-color": "#f1584d" }
+          }, null, -1)),
+          e("div", Nt, [
+            e("div", Lt, v(k.displayName), 1)
+          ])
+        ]),
+        e("button", {
+          class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+          "aria-label": "Disconnect wallet",
+          onClick: U,
+          title: "Disconnect wallet"
+        }, f[1] || (f[1] = [
+          e("span", null, "⛌", -1)
+        ]))
+      ]),
+      e("button", {
+        class: "_platform-login-btn _bubble-btn _p-4.5 flex-1 basis-1/2ff min-w-0",
+        style: pe({
+          filter: `hue-rotate(${d(l).bubbleButtonStyle.hueRotate}deg) saturate(${d(l).bubbleButtonStyle.saturate}) brightness(${d(l).bubbleButtonStyle.brightness || 1})`
+        }),
+        onClick: w,
+        disabled: A.value || k.disabled
+      }, [
+        e("div", jt, [
+          A.value ? (t(), a("span", $t, "Confirm in your wallet...")) : (t(), a(D, { key: 1 }, [
+            x("Finish Wallet Login")
+          ], 64))
+        ])
+      ], 12, Mt)
+    ]));
+  }
+}, Ht = /* @__PURE__ */ Fe(Ft, [["__scopeId", "data-v-221d7566"]]), It = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, Pt = { class: "_text-mlg _opacity-30 _weight-bold" }, Yt = { class: "_flex _flex-col _gap-0.5" }, Wt = { class: "_flex _items-center _gap-2" }, Et = ["disabled"], Qt = ["onClick"], Rt = ["src"], Ot = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, Kt = { class: "_flex-1 _min-w-0 _leading-tight" }, Xt = ["onClick"], Jt = {
+  key: 0,
+  class: "_text-em-2xs _text-primary _leading-none _weight-semibold"
+}, Vt = {
+  key: 0,
+  class: "_opacity-30"
+}, Gt = {
+  key: 1,
+  class: "_text-em-2xs _text-gray-500 _leading-none _weight-semibold"
+}, Zt = ["onClick"], qt = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, ea = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, ta = { class: "_text-mlg _opacity-30 _weight-bold" }, aa = { class: "_flex _flex-col _gap-0.5" }, sa = { class: "_flex _items-center _gap-2" }, la = { class: "_flex-1 _min-w-0 _leading-tight" }, na = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, oa = ["onClick"], ra = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, ia = { class: "_space-y-0.5" }, ua = { class: "_flex _items-center _gap-2" }, ca = ["disabled"], da = ["onClick"], _a = ["src"], fa = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, ma = { class: "_flex-1 _min-w-0 _leading-tight" }, va = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, pa = ["onClick"], ga = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, ha = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, ya = { class: "_space-y-0.5" }, ba = { class: "_flex _items-center _gap-2" }, xa = ["disabled"], wa = ["onClick"], ka = ["src"], Aa = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, Sa = { class: "_flex-1 _min-w-0 _leading-tight" }, Ca = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, Ua = {
+  key: 0,
+  class: "_text-em-2xs _text-blue-400 _leading-none"
+}, za = ["onClick"], Ta = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, Da = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, Ba = { class: "_space-y-0.5" }, Na = { class: "_flex _items-center _gap-2" }, La = ["disabled"], Ma = ["onClick"], ja = ["src"], $a = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, Fa = { class: "_flex-1 _min-w-0 _leading-tight" }, Ha = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, Ia = ["onClick"], Pa = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, Ya = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, Wa = { class: "_space-y-0.5" }, Ea = { class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg" }, Qa = { class: "_flex _items-center _gap-2" }, Ra = ["disabled"], Oa = ["onClick"], Ka = ["src"], Xa = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, Ja = { class: "_flex-1 _min-w-0 _leading-tight" }, Va = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, Ga = ["onClick"], Za = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, qa = {
+  __name: "AccountSettings",
+  setup(k) {
+    const l = ge("TrifleHub/store"), { isAuthenticated: b, backendUrl: r } = $e(l), A = g(() => !!l.isFarcaster), U = g(() => l.isSuperApp), w = async () => {
+      await l.addFrame();
+    }, o = g(() => l.getPlatformData("wallet")), f = g(() => l.getPlatformData("solana")), B = g(() => l.getPlatformData("discord").filter((_) => _.username)), z = g(() => l.getPlatformData("farcaster")), L = g(() => l.getPlatformData("twitter").filter((_) => _.username)), h = g(() => l.getPlatformData("telegram").filter((_) => _.username)), M = g(() => B.value.length > 0), P = g(() => z.value.length > 0), Y = g(() => L.value.length > 0), K = g(() => h.value.length > 0), X = g(() => f.value.length > 0), O = g(
+      () => o.value.length + f.value.length + B.value.length + z.value.length + L.value.length + h.value.length
+    ), N = p({ platform: null, id: null }), Q = async (_, y, R) => {
+      if (R.stopPropagation(), l.isSimulationMode) {
+        l.addNotification({
+          message: "Cannot disconnect platforms in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      if (N.value.platform === _ && N.value.id === y) {
+        try {
+          await l.disconnectPlatformInstance(_, y);
+        } catch (de) {
+          console.error(`Failed to disconnect ${_} instance:`, de);
+        }
+        N.value = { platform: null, id: null };
+        return;
+      }
+      N.value = { platform: _, id: y };
+    }, ee = () => {
+      N.value = { platform: null, id: null };
+    };
+    Ee(N, (_) => {
+      _.platform ? window.addEventListener("click", ee, { once: !0 }) : window.removeEventListener("click", ee);
+    });
+    const te = (_) => _ ? `0x${_.slice(2, 6).toUpperCase()}...${_.slice(-4).toUpperCase()}` : "", ue = (_) => _ ? `${_.slice(0, 4)}...${_.slice(-4)}` : "", T = async () => {
+      try {
+        await l.disconnect(), console.log("User logged out");
+      } catch (_) {
+        console.error("Logout failed:", _);
+      }
+    };
+    g(() => l.isWalletAuthenticated(l.accountAddress));
+    const m = g(() => l.accountAddress), j = g(() => m.value ? o.value.find((_) => {
+      var y, R;
+      return ((y = _.id) == null ? void 0 : y.toLowerCase()) === ((R = m.value) == null ? void 0 : R.toLowerCase());
+    }) : null), ce = async () => {
+      try {
+        await l.openAccountModal();
+      } catch {
+        l.addNotification({ type: "error", message: "Couldn't open wallet modal" });
+      }
+    }, J = async (_, y) => {
+      if (l.isSimulationMode) {
+        l.addNotification({
+          message: "Cannot set avatar in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      try {
+        if (!(await fetch(`${r.value}/auth/update-avatar`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${l.authToken}`
+          },
+          body: JSON.stringify({ platform: _, platformId: y })
+        })).ok) throw new Error("Failed to set avatar");
+        await l.fetchUserStatus(), l.addNotification({ type: "success", message: "Avatar updated!" });
+      } catch (R) {
+        l.addNotification({ type: "error", message: "Oops, couldn't set avatar. Try again?" }), console.error("Failed to set avatar:", R);
+      }
+    };
+    return (_, y) => {
+      var R, de, xe, we, ae, se, le, ne, ke;
+      return t(), a("section", {
+        class: C(["_flex _flex-col _gap-[inherit]", _.$attrs.class])
+      }, [
+        e("section", {
+          class: C(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-last": !((R = o.value) != null && R.length) }])
+        }, [
+          o.value.length ? (t(), a("header", It, [
+            e("h3", Pt, " wallet" + v(o.value.length > 1 ? "s" : ""), 1)
+          ])) : i("", !0),
+          e("ul", Yt, [
+            (t(!0), a(D, null, q(o.value, (n) => {
+              var $, F, W, _e, fe, Ae, Se, he;
+              return t(), a("li", {
+                key: n.id,
+                class: C(["_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg", {
+                  "_order-first": d(l).accountConnected && n.id.toLowerCase() === (($ = d(l).accountAddress) == null ? void 0 : $.toLowerCase())
+                }])
+              }, [
+                e("div", Wt, [
+                  e("button", {
+                    class: C(["_size-11 _flex _items-stretch _p-1.5 _group _rounded-md _overflow-hidden", [
+                      {
+                        "_shadow-panel": n.avatar,
+                        "_shadow-panel-inset _bg-metallic-cone _cursor-default": n.avatar === ((F = d(l).user) == null ? void 0 : F.avatar)
+                      }
+                    ]]),
+                    disabled: !n.avatar
+                  }, [
+                    n.avatar ? (t(), a("div", {
+                      key: 0,
+                      onClick: () => J("wallet", n.id),
+                      style: { background: "none" },
+                      type: "button",
+                      title: "Set as profile avatar"
+                    }, [
+                      e("img", {
+                        src: `${n.avatar}`,
+                        class: C(["_size-full _rounded-full _duration-150", {
+                          "group-hover:_scale-[1.8]": n.avatar !== ((W = d(l).user) == null ? void 0 : W.avatar)
+                        }])
+                      }, null, 10, Rt)
+                    ], 8, Qt)) : (t(), a("div", Ot, y[0] || (y[0] = [
+                      e("img", {
+                        src: Oe,
+                        class: "_size-6 _rounded",
+                        style: { "background-color": "#f1584d" }
+                      }, null, -1)
+                    ])))
+                  ], 10, Et),
+                  e("div", Kt, [
+                    e("div", {
+                      onClick: () => {
+                        var V;
+                        return n.id.toLowerCase() == ((V = d(l).accountAddress) == null ? void 0 : V.toLowerCase()) && ce();
+                      },
+                      class: C(["_flex-1 _min-w-0 _truncate _text-em-lg", {
+                        "_text-stroke-xl _tracking-wide": o.value.length > 1 && d(l).accountConnected && n.id.toLowerCase() === ((_e = d(l).accountAddress) == null ? void 0 : _e.toLowerCase()),
+                        "cursor-pointer": n.id.toLowerCase() == ((fe = d(l).accountAddress) == null ? void 0 : fe.toLowerCase())
+                      }])
+                    }, v(n.username == n.id ? te(n.id) : n.username), 11, Xt),
+                    d(l).accountConnected && n.id.toLowerCase() === ((Ae = d(l).accountAddress) == null ? void 0 : Ae.toLowerCase()) ? (t(), a("div", Jt, [
+                      y[1] || (y[1] = x(" connected ")),
+                      (Se = n.metadata) != null && Se.origin ? (t(), a("span", Vt, " via " + v(n.metadata.origin), 1)) : i("", !0)
+                    ])) : (he = n.metadata) != null && he.origin ? (t(), a("div", Gt, " via " + v(n.metadata.origin), 1)) : i("", !0)
+                  ])
+                ]),
+                O.value > 1 ? (t(), a("button", {
+                  key: 0,
+                  class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                  onClick: (V) => Q("wallet", n.id, V),
+                  styleff: "filter: hue-rotate(130deg) saturate(2)",
+                  "aria-label": "Remove"
+                }, [
+                  e("span", qt, [
+                    N.value.platform == "wallet" && N.value.id == n.id ? (t(), a(D, { key: 0 }, [
+                      x(" Confirm? ")
+                    ], 64)) : (t(), a(D, { key: 1 }, [
+                      x(" ⛌ ")
+                    ], 64))
+                  ])
+                ], 8, Zt)) : i("", !0)
+              ], 2);
+            }), 128)),
+            d(b) && d(l).accountConnected && d(l).currentWalletNeedsAuth && !A.value ? (t(), E(Ht, {
+              key: 0,
+              "wallet-address": d(l).accountAddress,
+              "wallet-avatar": (de = j.value) == null ? void 0 : de.avatar,
+              "display-name": ((xe = j.value) == null ? void 0 : xe.username) || m.value,
+              disabled: d(l).isSimulationMode
+            }, {
+              default: I(() => [
+                x(" Authenticate " + v(te(d(l).accountAddress)), 1)
+              ]),
+              _: 1
+            }, 8, ["wallet-address", "wallet-avatar", "display-name", "disabled"])) : i("", !0),
+            d(b) && !d(l).accountConnected && !A.value ? (t(), E(re, {
+              key: 1,
+              platform: "wallet",
+              points: o.value.length ? void 0 : "+10",
+              disabled: d(l).isSimulationMode,
+              class: "_w-full"
+            }, {
+              default: I(() => [
+                x(v(o.value.length > 0 ? "Link another Wallet" : "Link Wallet"), 1)
+              ]),
+              _: 1
+            }, 8, ["points", "disabled"])) : i("", !0)
+          ])
+        ], 2),
+        e("section", {
+          class: C(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-last": !((we = f.value) != null && we.length) }])
+        }, [
+          f.value.length ? (t(), a("div", ea, [
+            e("h3", ta, " solana wallet" + v(f.value.length > 1 ? "s" : ""), 1)
+          ])) : i("", !0),
+          e("ul", aa, [
+            (t(!0), a(D, null, q(f.value, (n) => (t(), a("li", {
+              key: n.id,
+              class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg"
+            }, [
+              e("div", sa, [
+                y[2] || (y[2] = e("div", { class: "_size-11 _flex _items-stretch _p-1.5 _rounded-md" }, [
+                  e("div", { class: "_w-full _flex _items-center _justify-center" }, [
+                    e("img", {
+                      src: ut,
+                      class: "_size-6 _rounded",
+                      style: { "background-color": "#000" }
+                    })
+                  ])
+                ], -1)),
+                e("div", la, [
+                  e("div", na, v(ue(n.id)), 1)
+                ])
+              ]),
+              O.value > 1 ? (t(), a("button", {
+                key: 0,
+                class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                onClick: ($) => Q("solana", n.id, $),
+                "aria-label": "Remove"
+              }, [
+                e("span", null, [
+                  N.value.platform == "solana" && N.value.id == n.id ? (t(), a(D, { key: 0 }, [
+                    x(" Confirm? ")
+                  ], 64)) : (t(), a(D, { key: 1 }, [
+                    x(" ⛌ ")
+                  ], 64))
+                ])
+              ], 8, oa)) : i("", !0)
+            ]))), 128)),
+            !X.value && !A.value ? (t(), E(re, {
+              key: 0,
+              platform: "solana",
+              points: f.value.length ? void 0 : "+10",
+              disabled: d(l).isSimulationMode,
+              class: "_w-full"
+            }, {
+              default: I(() => [
+                x(v(f.value.length > 0 ? "Link another Solana" : "Link Solana"), 1)
+              ]),
+              _: 1
+            }, 8, ["points", "disabled"])) : i("", !0)
+          ])
+        ], 2),
+        e("section", {
+          class: C(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-last": !((ae = B.value) != null && ae.length) }])
+        }, [
+          B.value.length ? (t(), a("div", ra, y[3] || (y[3] = [
+            e("h3", { class: "_text-mlg _opacity-30 _weight-bold" }, "discord", -1)
+          ]))) : i("", !0),
+          e("ul", ia, [
+            (t(!0), a(D, null, q(B.value, (n) => {
+              var $, F;
+              return t(), a("li", {
+                key: n.id,
+                class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg"
+              }, [
+                e("div", ua, [
+                  e("button", {
+                    class: C(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                      {
+                        "_shadow-panel": n.avatar,
+                        "_shadow-panel-inset _bg-metallic-cone _cursor-default": n.avatar === (($ = d(l).user) == null ? void 0 : $.avatar)
+                      }
+                    ]]),
+                    disabled: !n.avatar
+                  }, [
+                    n.avatar ? (t(), a("div", {
+                      key: 0,
+                      onClick: () => J("discord", n.id),
+                      style: { background: "none" },
+                      type: "button",
+                      title: "Set as profile avatar"
+                    }, [
+                      e("img", {
+                        src: `${n.avatar}`,
+                        class: C(["_size-full _rounded-full _duration-150", {
+                          "group-hover:_scale-[1.8]": n.avatar !== ((F = d(l).user) == null ? void 0 : F.avatar)
+                        }])
+                      }, null, 10, _a)
+                    ], 8, da)) : (t(), a("div", fa, y[4] || (y[4] = [
+                      e("img", {
+                        src: Ke,
+                        class: "_size-6 _rounded",
+                        style: { "background-color": "#5865f2" }
+                      }, null, -1)
+                    ])))
+                  ], 10, ca),
+                  e("div", ma, [
+                    e("div", va, v(n.username), 1)
+                  ])
+                ]),
+                O.value > 1 ? (t(), a("button", {
+                  key: 0,
+                  class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                  onClick: (W) => Q("discord", n.id, W),
+                  styleff: "filter: hue-rotate(130deg) saturate(2)",
+                  "aria-label": "Remove"
+                }, [
+                  e("span", ga, [
+                    N.value.platform == "discord" && N.value.id == n.id ? (t(), a(D, { key: 0 }, [
+                      x(" Confirm? ")
+                    ], 64)) : (t(), a(D, { key: 1 }, [
+                      x(" ⛌ ")
+                    ], 64))
+                  ])
+                ], 8, pa)) : i("", !0)
+              ]);
+            }), 128)),
+            M.value ? i("", !0) : (t(), E(re, {
+              key: 0,
+              platform: "discord",
+              points: "+10",
+              disabled: d(l).isSimulationMode,
+              class: "_w-full"
+            }, {
+              default: I(() => [
+                x(v(B.value.length > 0 ? "Link Another Discord" : "Link Discord"), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]))
+          ])
+        ], 2),
+        e("section", {
+          class: C(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-last": !((se = L.value) != null && se.length) }])
+        }, [
+          L.value.length ? (t(), a("div", ha, y[5] || (y[5] = [
+            e("h3", { class: "_text-mlg _opacity-30 _weight-bold" }, "twitter", -1)
+          ]))) : i("", !0),
+          e("ul", ya, [
+            (t(!0), a(D, null, q(L.value, (n) => {
+              var $, F, W;
+              return t(), a("li", {
+                key: n.id,
+                class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg"
+              }, [
+                e("div", ba, [
+                  e("button", {
+                    class: C(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                      {
+                        "_shadow-panel": n.avatar,
+                        "_shadow-panel-inset _bg-metallic-cone _cursor-default": n.avatar === (($ = d(l).user) == null ? void 0 : $.avatar)
+                      }
+                    ]]),
+                    disabled: !n.avatar
+                  }, [
+                    n.avatar ? (t(), a("div", {
+                      key: 0,
+                      onClick: () => J("twitter", n.id),
+                      style: { background: "none" },
+                      type: "button",
+                      title: "Set as profile avatar"
+                    }, [
+                      e("img", {
+                        src: `${n.avatar}`,
+                        class: C(["_size-full _rounded-full _duration-150", {
+                          "group-hover:_scale-[1.8]": n.avatar !== ((F = d(l).user) == null ? void 0 : F.avatar)
+                        }])
+                      }, null, 10, ka)
+                    ], 8, wa)) : (t(), a("div", Aa, y[6] || (y[6] = [
+                      e("img", {
+                        src: Xe,
+                        class: "_size-6 _rounded",
+                        style: { "background-color": "#000" }
+                      }, null, -1)
+                    ])))
+                  ], 10, xa),
+                  e("div", Sa, [
+                    e("div", Ca, v(n.username), 1),
+                    (W = n.metadata) != null && W.verified ? (t(), a("div", Ua, " verified ✓ ")) : i("", !0)
+                  ])
+                ]),
+                O.value > 1 ? (t(), a("button", {
+                  key: 0,
+                  class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                  onClick: (_e) => Q("twitter", n.id, _e),
+                  styleff: "filter: hue-rotate(130deg) saturate(2)",
+                  "aria-label": "Remove"
+                }, [
+                  e("span", Ta, [
+                    N.value.platform == "twitter" && N.value.id == n.id ? (t(), a(D, { key: 0 }, [
+                      x(" Confirm? ")
+                    ], 64)) : (t(), a(D, { key: 1 }, [
+                      x(" ⛌ ")
+                    ], 64))
+                  ])
+                ], 8, za)) : i("", !0)
+              ]);
+            }), 128)),
+            Y.value ? i("", !0) : (t(), E(re, {
+              key: 0,
+              platform: "twitter",
+              points: "+10",
+              disabled: d(l).isSimulationMode,
+              class: "_w-full"
+            }, {
+              default: I(() => [
+                x(v(L.value.length > 0 ? "Link Another TwitterX" : "Link TwitterX"), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]))
+          ])
+        ], 2),
+        e("section", {
+          class: C(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-last": !((le = h.value) != null && le.length) }])
+        }, [
+          h.value.length ? (t(), a("div", Da, y[7] || (y[7] = [
+            e("h3", { class: "_text-mlg _opacity-30 _weight-bold" }, "telegram", -1)
+          ]))) : i("", !0),
+          e("ul", Ba, [
+            (t(!0), a(D, null, q(h.value, (n) => {
+              var $, F;
+              return t(), a("li", {
+                key: n.id,
+                class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg"
+              }, [
+                e("div", Na, [
+                  e("button", {
+                    class: C(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                      {
+                        "_shadow-panel": n.avatar,
+                        "_shadow-panel-inset _bg-metallic-cone _cursor-default": n.avatar === (($ = d(l).user) == null ? void 0 : $.avatar)
+                      }
+                    ]]),
+                    disabled: !n.avatar
+                  }, [
+                    n.avatar ? (t(), a("div", {
+                      key: 0,
+                      onClick: () => J("telegram", n.id),
+                      style: { background: "none" },
+                      type: "button",
+                      title: "Set as profile avatar"
+                    }, [
+                      e("img", {
+                        src: `${n.avatar}`,
+                        class: C(["_size-full _rounded-full _duration-150", {
+                          "group-hover:_scale-[1.8]": n.avatar !== ((F = d(l).user) == null ? void 0 : F.avatar)
+                        }])
+                      }, null, 10, ja)
+                    ], 8, Ma)) : (t(), a("div", $a, y[8] || (y[8] = [
+                      e("img", {
+                        src: Je,
+                        class: "_size-6 _rounded",
+                        style: { "background-color": "#0088cc" }
+                      }, null, -1)
+                    ])))
+                  ], 10, La),
+                  e("div", Fa, [
+                    e("div", Ha, v(n.username), 1)
+                  ])
+                ]),
+                O.value > 1 ? (t(), a("button", {
+                  key: 0,
+                  class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                  onClick: (W) => Q("telegram", n.id, W),
+                  styleff: "filter: hue-rotate(130deg) saturate(2)",
+                  "aria-label": "Remove"
+                }, [
+                  e("span", Pa, [
+                    N.value.platform == "telegram" && N.value.id == n.id ? (t(), a(D, { key: 0 }, [
+                      x(" Confirm? ")
+                    ], 64)) : (t(), a(D, { key: 1 }, [
+                      x(" ⛌ ")
+                    ], 64))
+                  ])
+                ], 8, Ia)) : i("", !0)
+              ]);
+            }), 128)),
+            K.value ? i("", !0) : (t(), a(D, { key: 0 }, [
+              K.value ? i("", !0) : (t(), E(re, {
+                key: 0,
+                platform: "telegram",
+                points: "+10",
+                disabled: d(l).isSimulationMode
+              }, {
+                default: I(() => [
+                  x(v(h.value.length > 0 ? "Link Another Telegram" : "Link Telegram"), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]))
+            ], 64))
+          ])
+        ], 2),
+        e("section", {
+          class: C(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-first": A.value }])
+        }, [
+          z.value.length ? (t(), a("div", Ya, y[9] || (y[9] = [
+            e("h3", { class: "_text-mlg _opacity-30 _weight-bold" }, "farcaster", -1)
+          ]))) : i("", !0),
+          e("ul", Wa, [
+            (t(!0), a(D, null, q(z.value, (n) => {
+              var $, F;
+              return t(), a("li", {
+                key: n.id
+              }, [
+                e("div", Ea, [
+                  e("div", Qa, [
+                    e("button", {
+                      class: C(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                        {
+                          "_shadow-panel": n.avatar,
+                          "_shadow-panel-inset _bg-metallic-cone _cursor-default": n.avatar === (($ = d(l).user) == null ? void 0 : $.avatar)
+                        }
+                      ]]),
+                      disabled: !n.avatar
+                    }, [
+                      n.avatar ? (t(), a("div", {
+                        key: 0,
+                        onClick: () => J("farcaster", n.id),
+                        style: { background: "none" },
+                        type: "button",
+                        title: "Set as profile avatar"
+                      }, [
+                        e("img", {
+                          src: `${n.avatar}`,
+                          class: C(["_size-full _rounded-full _duration-150", {
+                            "group-hover:_scale-[1.8]": n.avatar !== ((F = d(l).user) == null ? void 0 : F.avatar)
+                          }])
+                        }, null, 10, Ka)
+                      ], 8, Oa)) : (t(), a("div", Xa, y[10] || (y[10] = [
+                        e("img", {
+                          src: Ve,
+                          class: "_size-6 _rounded",
+                          style: { "background-color": "#000" }
+                        }, null, -1)
+                      ])))
+                    ], 10, Ra),
+                    e("div", Ja, [
+                      e("div", Va, v(n.username), 1)
+                    ])
+                  ]),
+                  O.value > 1 ? (t(), a("button", {
+                    key: 0,
+                    class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                    onClick: (W) => Q("farcaster", n.id, W),
+                    styleff: "filter: hue-rotate(130deg) saturate(2)",
+                    "aria-label": "Remove"
+                  }, [
+                    e("span", Za, [
+                      N.value.platform == "farcaster" && N.value.id == n.id ? (t(), a(D, { key: 0 }, [
+                        x(" Confirm? ")
+                      ], 64)) : (t(), a(D, { key: 1 }, [
+                        x(" ⛌ ")
+                      ], 64))
+                    ])
+                  ], 8, Ga)) : i("", !0)
+                ])
+              ]);
+            }), 128)),
+            P.value ? i("", !0) : (t(), E(re, {
+              key: 0,
+              platform: "farcaster",
+              points: "+10",
+              disabled: d(l).isSimulationMode,
+              class: "_w-full"
+            }, {
+              default: I(() => [
+                x(v(z.value.length > 0 ? "Link Another Farcaster" : "Link Farcaster"), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])),
+            A.value && !((ke = (ne = d(l).isFarcaster) == null ? void 0 : ne.client) != null && ke.added) && U.value ? (t(), E(re, {
+              key: 1,
+              platform: "farcaster",
+              points: "+10",
+              disabled: d(l).isSimulationMode,
+              class: "_w-full",
+              onClick: w
+            }, {
+              default: I(() => y[11] || (y[11] = [
+                x(" Add this Mini App ")
+              ])),
+              _: 1
+            }, 8, ["disabled"])) : i("", !0)
+          ])
+        ], 2),
+        e("footer", { class: "_order-last _bg-metallic-cone _p-4 _rounded-lg _shadow-panel" }, [
+          e("div", { class: "_w-full" }, [
+            e("button", {
+              onClick: T,
+              class: "_bubble-btn-full _h-16 _text-lg _bold"
+            }, y[12] || (y[12] = [
+              e("span", null, "logout 💤", -1)
+            ]))
+          ])
+        ])
+      ], 2);
+    };
+  }
+}, es = { class: "_bg-metallic-linear _shadow-panel _p-4 _space-y-2 _rounded-lg" }, ts = { class: "_flex _items-center _justify-between _-mt-1.5" }, as = {
+  key: 0,
+  class: "_text-sm _text-red-400"
+}, ss = {
+  key: 1,
+  class: "_space-y-2"
+}, ls = { class: "_flex _flex-col _gap-0.5" }, ns = {
+  key: 0,
+  class: "_bg-metallic-linear _shadow-panel _p-3 _rounded-lg _flex _flex-col _gap-2.5"
+}, os = { class: "_w-full _flex _flex-col _gap-2.5" }, rs = { class: "_w-full _truncate _min-w-0" }, is = {
+  key: 0,
+  class: "_flex _flex-wrap _gap-[inherit] _text-center"
+}, us = { class: "_flex-1 _bg-metallic-linear _shadow-panel _rounded-lg _p-3" }, cs = { class: "_text-3xl _font-bold _text-primary _leading-tight" }, ds = { class: "_flex-1 _bg-metallic-linear _shadow-panel _rounded-lg _p-3" }, _s = { class: "_text-md" }, fs = {
+  key: 0,
+  class: "_bg-metallic-linear _shadow-panel _p-3 _rounded-lg _space-y-2"
+}, ms = { class: "_flex _items-center _gap-2" }, vs = ["disabled"], ps = ["disabled"], gs = {
+  key: 0,
+  class: "_text-xs _text-red-500"
+}, hs = {
+  key: 1,
+  class: "_text-xs _text-emerald-300"
+}, ys = {
+  key: 1,
+  class: "_text-xs _bg-metallic-linear _shadow-panel _px-3 _py-1 _rounded-lg _text-zinc-500"
+}, bs = { class: "" }, xs = { class: "_weight-black _text-em-xl _text-black" }, ws = /* @__PURE__ */ st({
+  __name: "ReferralSection",
+  setup(k) {
+    const l = ge("TrifleHub/store"), { backendUrl: b } = $e(l), r = p(!0), A = p(null), U = p({
+      invited: 0,
+      qualified: 0,
+      points: 0
+    }), w = p(""), o = p(null), f = g(() => !!o.value), B = p(""), z = p(!1), L = p(""), h = p(!1), M = p(!1), P = p(!1), Y = g(() => {
+      var T;
+      return ((T = l == null ? void 0 : l.user) == null ? void 0 : T.username) || "";
+    }), K = g(() => o.value ? o.value.username || o.value.displayName : "someone"), X = g(() => {
+      const T = w.value || Y.value;
+      return T ? `${window.location.origin}?ref=${T}` : "";
+    });
+    g(() => X.value.replace("https://", ""));
+    const O = () => {
+      const T = {
+        "Content-Type": "application/json"
+      };
+      return l != null && l.authToken && (T.Authorization = `Bearer ${l.authToken}`), T;
+    }, N = async () => {
+      r.value = !0, A.value = null;
+      try {
+        if (!b.value || !(l != null && l.isAuthenticated)) {
+          r.value = !1;
+          return;
+        }
+        const T = await fetch(`${b.value}/profile/me`, {
+          headers: {
+            Authorization: `Bearer ${l.authToken}`
+          }
+        });
+        let m = null;
+        try {
+          m = await T.json();
+        } catch {
+        }
+        if (!T.ok) {
+          const j = m && m.error || "";
+          if (T.status === 404 || /no route matches/i.test(j)) {
+            r.value = !1;
+            return;
+          }
+          A.value = j || `failed to load referrals (status ${T.status})`;
+          return;
+        }
+        U.value = m.referralStats || { invited: 0, qualified: 0, points: 0 }, w.value = m.referralCode || "", o.value = m.referrer || null;
+      } catch (T) {
+        console.error("Referral profile fetch error:", T), A.value = T.message || "error loading referrals";
+      } finally {
+        r.value = !1;
+      }
+    }, Q = () => {
+      X.value && (navigator.clipboard.writeText(X.value), M.value = !0, setTimeout(() => {
+        M.value = !1;
+      }, 2e3));
+    }, ee = () => {
+      !w.value || !Y.value || (navigator.clipboard.writeText(w.value || Y.value), P.value = !0, setTimeout(() => {
+        P.value = !1;
+      }, 2e3));
+    }, te = (T) => {
+      const m = T.trim();
+      try {
+        const j = new URL(m);
+        if (j.hash) {
+          const _ = new URLSearchParams(j.hash.substring(1)).get("ref");
+          if (_) return _;
+        }
+        const ce = j.searchParams.get("ref");
+        if (ce) return ce;
+      } catch {
+      }
+      return m;
+    }, ue = async () => {
+      const T = te(B.value);
+      if (!(!T || z.value)) {
+        z.value = !0, L.value = "", h.value = !1;
+        try {
+          const m = await fetch(`${b.value}/profile/referral`, {
+            method: "POST",
+            headers: O(),
+            body: JSON.stringify({ referralCode: T })
+          }), j = await m.json();
+          if (!m.ok) {
+            j.error === "Already referred" ? L.value = "You already have a referrer" : j.error === "Invalid referral code" ? L.value = "Invalid referral code" : j.error === "Cannot refer yourself" ? L.value = "You can't use your own code" : L.value = j.error || "Something went wrong";
+            return;
+          }
+          h.value = !0, B.value = "", await N();
+        } catch (m) {
+          console.error("Referral submit error:", m), L.value = m.message || "Something went wrong";
+        } finally {
+          z.value = !1;
+        }
+      }
+    };
+    return ze(() => {
+      N();
+    }), (T, m) => (t(), a("section", {
+      class: C(["_w-full _max-w-2xl", T.$attrs.class])
+    }, [
+      e("section", es, [
+        e("div", ts, [
+          e("h3", {
+            class: C(["_text-mlg _weight-bold", { "_animate-pulse-deep": r.value }])
+          }, m[1] || (m[1] = [
+            e("span", { class: "_opacity-30" }, "invites", -1)
+          ]), 2)
+        ]),
+        A.value ? (t(), a("div", as, v(A.value), 1)) : (t(), a("div", ss, [
+          e("section", ls, [
+            w.value ? (t(), a("div", ns, [
+              m[4] || (m[4] = e("div", { class: "_text-base" }, [
+                x(" Invite a friend and "),
+                e("u", null, "you both"),
+                x(" get "),
+                e("span", { class: "_font-semiboldff _whitespace-nowrap" }, "10🪩"),
+                x(" for every 100🪩 they earn ")
+              ], -1)),
+              e("div", os, [
+                e("button", {
+                  class: "_flex-1 _bubble-btn _py-4 _weight-black",
+                  style: { filter: "hue-rotate(20deg) saturate(3)" },
+                  onClick: Q
+                }, v(M.value ? "Copied!" : "Copy Invite Link"), 1),
+                e("button", {
+                  class: "_py-0.5 _border-4 _border-dashed _border-zinc-400 _rounded-lg _px-2 _leading-relaxed _text-center _text-zinc-500 _text-em-lg _text-stroke-3xl",
+                  onClick: ee
+                }, [
+                  e("div", rs, v(P.value ? "Copied!" : w.value || Y.value), 1)
+                ])
+              ]),
+              U.value.invited > 0 ? (t(), a("div", is, [
+                e("div", us, [
+                  e("div", cs, v(U.value.invited), 1),
+                  m[2] || (m[2] = e("div", { class: "_text-md" }, "invited", -1))
+                ]),
+                e("div", ds, [
+                  e("div", {
+                    class: C(["_text-3xl _font-bold _leading-tight", { "_text-primary": !U.value.points }])
+                  }, [
+                    x(v(U.value.points) + " ", 1),
+                    U.value.points > 0 ? (t(), a(D, { key: 0 }, [
+                      x("🪩")
+                    ], 64)) : i("", !0)
+                  ], 2),
+                  e("div", _s, [
+                    U.value.points ? i("", !0) : (t(), a(D, { key: 0 }, [
+                      x("🪩 ")
+                    ], 64)),
+                    m[3] || (m[3] = x("earned"))
+                  ])
+                ])
+              ])) : i("", !0),
+              e("div", {
+                class: C(["_text-zinc-500 _text-xs _-my-0.5", { "_text-center": U.value.invited > 0, "_text-right": U.value.invited === 0 }])
+              }, " Max 100🪩 per friend ", 2)
+            ])) : i("", !0)
+          ]),
+          f.value ? (t(), a("div", ys, [
+            e("div", bs, [
+              m[6] || (m[6] = x(" ♡ You were invited by ")),
+              e("span", xs, v(K.value), 1),
+              m[7] || (m[7] = e("br", null, null, -1)),
+              m[8] || (m[8] = x(" You BOTH earn 10🪩 every time YOU earn 100🪩 (max 100) "))
+            ]),
+            m[9] || (m[9] = e("div", { class: "_text-em-2xsff _mt-0.5" }, null, -1))
+          ])) : (t(), a("div", fs, [
+            m[5] || (m[5] = e("div", { class: "_text-base" }, "Have an invite?", -1)),
+            e("div", ms, [
+              be(e("input", {
+                "onUpdate:modelValue": m[0] || (m[0] = (j) => B.value = j),
+                type: "text",
+                placeholder: "enter code or invite link",
+                class: "_flex-1 _bg-metallic-linear _shadow-panel-inset _rounded-lg _px-3 _h-10 _text-sm _min-w-0",
+                disabled: z.value,
+                onKeyup: Le(ue, ["enter"])
+              }, null, 40, vs), [
+                [Me, B.value]
+              ]),
+              e("button", {
+                class: "_bubble-btn _h-12 _text-sm _text-stroke-md _px-[1.5em] _font-bold",
+                disabled: !B.value.trim() || z.value,
+                style: pe({
+                  filter: B.value.trim().length > 0 && !z.value ? "hue-rotate(20deg) saturate(3)" : "none"
+                }),
+                onClick: ue
+              }, [
+                e("span", {
+                  class: C({ "_opacity-30": !B.value.trim() || z.value })
+                }, v(z.value ? "Sending..." : "Apply"), 3)
+              ], 12, ps)
+            ]),
+            L.value ? (t(), a("div", gs, v(L.value), 1)) : i("", !0),
+            h.value ? (t(), a("div", hs, "invite code applied!")) : i("", !0)
+          ]))
+        ]))
+      ])
+    ], 2));
+  }
+}), ks = { class: "_flex _w-full _gap-2.5 _items-stretch" }, As = { class: "_size-9 _flex-shrink-0" }, Ss = ["src"], Cs = { class: "_flex-1 _flex _flex-col _gap-[0.25em] _justify-center _min-h-8 _text-left _leading-normal _min-w-0" }, Us = { class: "_min-w-0 _leading-[1.1]" }, zs = {
+  key: 0,
+  class: "_weight-semiboldff"
+}, Ts = {
+  key: 0,
+  class: "_text-em-2xs _opacity-25 _leading-tight _flex _gap-[0.35em] _truncate"
+}, Ds = { class: "_flex _items-center _h-9 _text-em-sm _flex-shrink-0 sm:_text-mlg" }, Bs = { class: "_rounded-full _bg-metallic-linear _shadow-panel _pr-[0.4em] _pl-[0.25em] _flex _gap-[0.15em]" }, Ns = {
+  __name: "PointCard",
+  props: { point: Object },
+  setup(k) {
+    const l = k, b = g(
+      () => je.find((o) => o.name === l.point.name || o.id === l.point.name)
+    ), r = (o) => {
+      if (!o) return "";
+      const f = /* @__PURE__ */ new Date(), B = new Date(o), z = f - B, L = Math.floor(z / (1e3 * 60)), h = Math.floor(z / (1e3 * 60 * 60)), M = Math.floor(z / (1e3 * 60 * 60 * 24)), P = Math.floor(M / 7), Y = Math.floor(M / 30), K = Math.floor(M / 365);
+      return L < 1 ? "<1m" : L < 60 ? `${L}m` : h < 24 ? `${h}h` : M < 7 ? `${M}d` : P < 4 ? `${P}wk` : Y < 12 ? `${Y}mo` : `${K}y`;
+    }, A = (o) => (o = Number(o), o % 1 === 0 ? o : o.toFixed(2)), U = (o) => {
+      if (!o) return "";
+      const f = new Date(o), B = f.toLocaleString("en-US", { month: "short" }).toUpperCase(), z = f.toLocaleString("en-US", { day: "2-digit" });
+      return `${B} ${z}`;
+    }, w = g(() => {
+      var f;
+      let o;
+      try {
+        o = new URL((f = b.value) == null ? void 0 : f.link), ["farcaster", "discord"].includes(o.host.split(".")[0]) && (o = { host: "trifle", origin: o.href });
+      } catch {
+      }
+      return o;
+    });
+    return (o, f) => (t(), E(lt(w.value ? "a" : "div"), nt(w.value ? { href: w.value.origin, target: "_blank" } : {}, {
+      class: ["_bg-metallic-linear _shadow-panel _w-full _p-2 _px-2.5 _pr-3 _rounded-lg _block _flex _items-center _min-h-14", { "mouse:hover:_scale-[1.01] _origin-center _duration-150 _group": w.value }]
+    }), {
+      default: I(() => {
+        var B, z;
+        return [
+          e("header", ks, [
+            e("div", As, [
+              b.value && b.value.icon ? (t(), a("img", {
+                key: 0,
+                src: b.value.icon,
+                class: "_w-full _h-full _rounded-lg _block"
+              }, null, 8, Ss)) : i("", !0)
+            ]),
+            e("div", Cs, [
+              e("div", Us, [
+                k.point.name === "anybody-daily" ? (t(), a(D, { key: 0 }, [
+                  x("Solved " + v(U(k.point.createdAt)), 1)
+                ], 64)) : k.point.name === "gm" ? (t(), a(D, { key: 1 }, [
+                  x('"' + v(k.point.extra) + '"', 1)
+                ], 64)) : k.point.name === "gm-react" ? (t(), a(D, { key: 2 }, [
+                  x(v(!k.point.giver || k.point.giver === "???" ? "someone" : k.point.giver) + " ♥︎ ", 1),
+                  k.point.gmMessage ? (t(), a("span", zs, '"' + v(k.point.gmMessage) + '"', 1)) : (t(), a(D, { key: 1 }, [
+                    x("your gm")
+                  ], 64))
+                ], 64)) : (t(), a(D, { key: 3 }, [
+                  x(v(((B = b.value) == null ? void 0 : B.activityText) || ((z = b.value) == null ? void 0 : z.name) || k.point.name), 1)
+                ], 64))
+              ]),
+              w.value ? (t(), a("div", Ts, [
+                e("span", null, v(r(k.point.createdAt)), 1),
+                f[0] || (f[0] = e("span", null, "·", -1)),
+                e("u", null, v(w.value.host), 1)
+              ])) : i("", !0)
+            ]),
+            e("div", Ds, [
+              e("div", Bs, [
+                f[1] || (f[1] = e("div", null, "🪩", -1)),
+                e("span", null, v(A(k.point.value)), 1)
+              ])
+            ])
+          ])
+        ];
+      }),
+      _: 1
+    }, 16, ["class"]));
+  }
+}, Ls = {
+  __name: "ScrollMaskedX",
+  props: {
+    fade: { type: String, default: "1.5rem" }
+  },
+  setup(k) {
+    const l = p(null), b = p(null), r = p(!0), A = p(!1), U = () => {
+      const f = l.value;
+      f && (r.value = f.scrollLeft <= 1, A.value = f.scrollLeft + f.clientWidth >= f.scrollWidth - 1);
+    };
+    let w, o;
+    return ze(async () => {
+      await Qe(), U(), typeof ResizeObserver < "u" && (w = new ResizeObserver(U), w.observe(l.value), b.value && w.observe(b.value)), typeof MutationObserver < "u" && b.value && (o = new MutationObserver(U), o.observe(b.value, { childList: !0, subtree: !0, characterData: !0 }));
+    }), ot(() => {
+      w == null || w.disconnect(), o == null || o.disconnect();
+    }), (f, B) => (t(), a("div", {
+      ref_key: "el",
+      ref: l,
+      class: "_overflow-x-scroll _no-scrollbar _scroll-masked-x",
+      style: pe({
+        "--fade-left": r.value ? "0rem" : k.fade,
+        "--fade-right": A.value ? "0rem" : k.fade
+      }),
+      onScrollPassive: U
+    }, [
+      e("div", {
+        ref_key: "inner",
+        ref: b,
+        class: "_scroll-masked-x-inner"
+      }, [
+        ie(f.$slots, "default", {}, void 0, !0)
+      ], 512)
+    ], 36));
+  }
+}, We = /* @__PURE__ */ Fe(Ls, [["__scopeId", "data-v-83ac05cc"]]), Ms = {
+  key: 0,
+  class: "_flex _flex-col _gap-2"
+}, js = {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "_size-5 _opacity-60",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  style: { "pointer-events": "none" }
+}, $s = {
+  key: 1,
+  class: "_bg-metallic-linear _shadow-panel _rounded-lg _p-3 _space-y-2 _min-w-[200px]"
+}, Fs = {
+  key: 0,
+  class: "_text-xs _font-semibold _text-center _bg-yellow-500/20 _border _border-yellow-500/40 _rounded _py-1"
+}, Hs = {
+  key: 1,
+  class: "_space-y-2"
+}, Is = ["disabled"], Ps = {
+  key: 0,
+  class: "_h-12 _flex _items-center _gap-1 _w-full _justify-center _border _border-transparent"
+}, Ys = { class: "_text-stroke-2xl _min-w-0 _px-0.5" }, Ws = {
+  key: 1,
+  class: "_h-12 _flex _items-center _gap-1 _w-full _justify-center _border _border-transparent"
+}, Es = { class: "_flex _items-center _gap-1 _w-full _justify-center _pl-[1em]" }, Qs = { class: "_text-stroke-2xl _min-w-0 _truncate _px-0.5" }, Rs = { class: "_relative _h-12 _flex _items-stretch _gap-0.5 _px-1 _rounded-lg _shadow-panel-inset _text-center _bg-metallic-linear" }, Os = { class: "_flex _justify-center _gap-2 _h-10 _items-center" }, Ks = ["href"], Xs = ["href"], Js = ["href"], Vs = ["href"], Gs = { class: "_inline-flex _gap-2" }, Zs = { class: "_inline-flex _flex-col _bg-metallic-linear _shadow-panel _px-3 _py-2 _pb-1.5 _rounded-lg" }, qs = { class: "_flex _justify-end _text-2xl _gap-[0.1em] _pl-4" }, el = { key: 0 }, tl = {
+  key: 1,
+  class: "_text-stroke-xl _animate-pulse-deep"
+}, al = {
+  key: 2,
+  class: "_text-stroke-xl"
+}, sl = { class: "_inline-flex _flex-col _bg-metallic-linear _shadow-panel _px-3 _py-2 _pb-1.5 _rounded-lg" }, ll = { class: "_flex _justify-end _text-2xl _gap-[0.1em] _pl-4" }, nl = { key: 0 }, ol = {
+  key: 1,
+  class: "_text-stroke-xl _animate-pulse-deep"
+}, rl = {
+  key: 2,
+  class: "_text-stroke-xl"
+}, il = { class: "_flex _justify-end _text-2xl _pl-4" }, ul = {
+  key: 0,
+  class: "_text-stroke-xl _animate-pulse-deep"
+}, cl = {
+  key: 1,
+  class: "_text-stroke-xl"
+}, dl = {
+  key: 0,
+  class: "_w-full _max-w-2xl"
+}, _l = { class: "_bg-metallic-linear _shadow-panel _p-4 _space-y-2 _rounded-lg" }, fl = { class: "_inline-flex _gap-2 _items-start" }, ml = { class: "_w-full _max-w-2xl" }, vl = { class: "_bg-metallic-linear _shadow-panel _p-4 _space-y-2 _rounded-lg" }, pl = { class: "_flex _items-center _justify-between _-mt-1.5" }, gl = {
+  key: 0,
+  class: "_flex _items-center _gap-2"
+}, hl = {
+  key: 0,
+  class: "_text-xs _opacity-30 _tracking-wide"
+}, yl = { key: 0 }, bl = { class: "_flex _items-center _gap-1" }, xl = ["disabled"], wl = ["disabled"], kl = {
+  key: 0,
+  class: "_text-sm _text-red-400"
+}, Al = {
+  key: 1,
+  class: "_flex _flex-col _gap-4"
+}, Sl = { class: "_space-y-0.5" }, Ne = 3, Cl = {
+  __name: "Profile",
+  setup(k) {
+    const l = rt(() => import("./TrifleBall-BzjRmmn0.js")), b = ge("hub"), r = ge("TrifleHub/store"), { currentProfileUsername: A, backendUrl: U, user: w } = $e(r), o = p(null), f = p(!0), B = p(null), z = p([]), L = p(!1), h = p(null), M = p(1), P = p(!1), Y = p(0), K = g(() => Math.max(1, Math.ceil(Y.value / Ne))), X = ["follow-trifle-twitter", "trifler"], O = ["twitter-like-tweet", "twitter-reply-tweet", "trifler"], N = p([...X]);
+    let Q = !1;
+    const ee = p(
+      N.value.map((u) => {
+        const s = je.find((c) => c.id === u);
+        return {
+          ...s,
+          completed: !1,
+          enabled: (s == null ? void 0 : s.enabled) !== void 0 ? s.enabled : !0,
+          link: (s == null ? void 0 : s.link) || null
+        };
+      })
+    ), te = async () => {
+      var u;
+      if (!(!_.value || !((u = w.value) != null && u.id)))
+        try {
+          const s = await fetch(`${U.value}/balls/point-categories-with-counts`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ userId: w.value.id })
+          });
+          if (!s.ok) return;
+          const c = await s.json();
+          if (!Q) {
+            const S = c.balls.data.some((H) => H.name === "follow-trifle-twitter");
+            N.value = S ? [...O] : [...X], Q = !0;
+          }
+          ee.value = N.value.map((S) => {
+            const H = je.find((Be) => Be.id === S), at = c.balls.data.some((Be) => Be.name === S);
+            return {
+              ...H,
+              completed: at,
+              enabled: (H == null ? void 0 : H.enabled) !== void 0 ? H.enabled : !0,
+              link: (H == null ? void 0 : H.link) || null
+            };
+          });
+        } catch (s) {
+          console.error("Failed to fetch profile quests", s);
+        }
+    }, ue = () => {
+      b.openHub("earn");
+    }, T = p(null), m = p(0), j = p(!0), ce = g(() => {
+      const u = T.value;
+      if (!u || isNaN(u)) return "—";
+      const s = Number(u), c = s % 10, S = s % 100;
+      return c === 1 && S !== 11 ? `${s}st` : c === 2 && S !== 12 ? `${s}nd` : c === 3 && S !== 13 ? `${s}rd` : `${s}th`;
+    }), J = g(
+      () => Number(m.value || 0).toLocaleString("en-us")
+    ), _ = g(() => {
+      var u;
+      return !((u = w.value) != null && u.username) || !A.value ? !1 : w.value.username === A.value;
+    }), y = g(
+      () => {
+        var u, s;
+        return _.value ? (u = w.value) == null ? void 0 : u.avatar : (s = o.value) == null ? void 0 : s.avatar;
+      }
+    ), R = g(() => {
+      var s, c;
+      return (_.value ? r.getPlatformData("discord") || [] : ((c = (s = o.value) == null ? void 0 : s.linkedAccounts) == null ? void 0 : c.discord) || []).filter((S) => S.username);
+    }), de = g(() => {
+      var s, c;
+      return (_.value ? r.getPlatformData("twitter") || [] : ((c = (s = o.value) == null ? void 0 : s.linkedAccounts) == null ? void 0 : c.twitter) || []).filter((S) => S.username);
+    }), xe = g(() => {
+      var s, c;
+      return (_.value ? r.getPlatformData("telegram") || [] : ((c = (s = o.value) == null ? void 0 : s.linkedAccounts) == null ? void 0 : c.telegram) || []).filter((S) => S.username);
+    }), we = g(() => {
+      var s, c;
+      return (_.value ? r.getPlatformData("farcaster") || [] : ((c = (s = o.value) == null ? void 0 : s.linkedAccounts) == null ? void 0 : c.farcaster) || []).filter((S) => S.username);
+    }), ae = g(() => R.value[0] || null), se = g(() => de.value[0] || null), le = g(() => xe.value[0] || null), ne = g(() => we.value[0] || null), ke = g(
+      () => ae.value ? `https://discord.com/users/${ae.value.id}` : "#"
+    ), n = g(
+      () => se.value ? `https://x.com/${se.value.username}` : "#"
+    ), $ = g(
+      () => le.value ? `https://t.me/${le.value.username}` : "#"
+    ), F = g(
+      () => ne.value ? `https://warpcast.com/${ne.value.username}` : "#"
+    ), W = async () => {
+      f.value = !0, B.value = null;
+      try {
+        const u = await fetch(
+          `${U.value}/auth/by-username?username=${encodeURIComponent(
+            A.value
+          )}`
+        );
+        if (!u.ok) throw new Error("Failed to fetch user");
+        const s = await u.json();
+        console.log({ data: s }), o.value = s.user, console.log({ user: o });
+      } catch (u) {
+        B.value = u.message;
+      } finally {
+        f.value = !1;
+      }
+    }, _e = async () => {
+      var u;
+      j.value = !0;
+      try {
+        if (!U.value || !((u = o.value) != null && u.id)) return;
+        const s = new URLSearchParams({
+          sortBy: "count",
+          sortDir: "desc",
+          limit: "1",
+          userId: String(o.value.id)
+        }), c = await fetch(`${U.value}/balls/airdrop-points?${s.toString()}`);
+        if (!c.ok) return;
+        const S = await c.json();
+        S.currentUser && (m.value = S.currentUser.totalBalls || 0, T.value = S.currentUser.rank || null);
+      } catch (s) {
+        console.error("Failed to fetch airdrop info", s);
+      } finally {
+        j.value = !1;
+      }
+    }, fe = async () => {
+      L.value = !0, h.value = null;
+      try {
+        let u = `${U.value}/balls/list?page=${M.value}&limit=${Ne}&username=${encodeURIComponent(A.value)}`;
+        const s = await fetch(u);
+        if (!s.ok) throw new Error("Failed to fetch points");
+        const c = await s.json();
+        z.value = c.data, P.value = c.data.length === Ne, Y.value = c.total || 0;
+      } catch (u) {
+        h.value = u.message;
+      } finally {
+        L.value = !1;
+      }
+    }, Ae = () => {
+      M.value > 1 && (M.value--, fe());
+    }, Se = () => {
+      P.value && (M.value++, fe());
+    }, he = async () => {
+      if (!A.value) {
+        f.value = !1;
+        return;
+      }
+      await W(), await Promise.all([_e(), fe(), te()]);
+    };
+    ze(async () => {
+      console.log("onMounted", A.value), await he();
+    }), Ee(A, async (u, s) => {
+      !u || u === s || (o.value = null, M.value = 1, Q = !1, N.value = [...X], await he());
+    });
+    const V = p(!1);
+    ze(() => {
+      setTimeout(() => {
+        V.value = !0;
+      }, 350);
+    });
+    const me = p(!1), ve = p(""), Ce = p(!1), He = async () => {
+      var u;
+      if (ve.value) {
+        Ce.value = !0;
+        try {
+          await r.enterSimulationMode(ve.value), me.value = !1, ve.value = "", r.addNotification({
+            message: `Entered simulation mode for user: ${(u = r.user) == null ? void 0 : u.username}`,
+            type: "success"
+          });
+        } catch (s) {
+          r.addNotification({
+            message: s.message || "Failed to enter simulation mode",
+            type: "error"
+          });
+        } finally {
+          Ce.value = !1;
+        }
+      }
+    }, Ge = () => {
+      r.exitSimulationMode(), me.value = !1, r.addNotification({
+        message: "Exited simulation mode",
+        type: "success"
+      });
+    }, Te = p(null), ye = p(!1), G = p(""), Ie = p(!1), Z = p(""), Pe = p(!1), oe = p(!0);
+    let De;
+    const Ze = async (u) => {
+      var c;
+      if (!u) {
+        oe.value = !0, Z.value = "";
+        return;
+      }
+      if (u === ((c = w.value) == null ? void 0 : c.username)) {
+        oe.value = !0, Z.value = "";
+        return;
+      }
+      if (!/^(?!.*--)[a-zA-Z0-9]+(-[a-zA-Z0-9]+)*$/.test(u)) {
+        Z.value = "Username must be alphanumeric";
+        return;
+      }
+      if (u.length > 22) {
+        Z.value = "Username must be 22 characters or less";
+        return;
+      }
+      Pe.value = !0;
+      try {
+        const S = await fetch(
+          `${U.value}/auth/username/check?username=${encodeURIComponent(u)}`
+        );
+        if (!S.ok) throw new Error("Failed to check username availability");
+        const H = await S.json();
+        oe.value = H.available, Z.value = H.available ? "" : "This username is already taken";
+      } catch (S) {
+        console.error("Failed to check username:", S), Z.value = "Error checking username";
+      } finally {
+        Pe.value = !1;
+      }
+    }, qe = (u) => {
+      const s = u.target.value.trim();
+      G.value = s, Z.value = "", De && clearTimeout(De), s ? De = setTimeout(() => Ze(s), 500) : oe.value = !0;
+    }, et = async () => {
+      var u, s, c;
+      if (_.value) {
+        if (r.isSimulationMode) {
+          r.addNotification({
+            message: "Cannot edit username in simulation mode",
+            type: "error"
+          });
+          return;
+        }
+        Z.value = "", G.value = ((u = w.value) == null ? void 0 : u.username) || "", ye.value = !0, oe.value = !0, await Qe(), (s = Te.value) == null || s.focus(), (c = Te.value) == null || c.select();
+      }
+    }, tt = async () => {
+      var u;
+      if (!G.value.trim()) {
+        r.addNotification({ type: "error", message: "Oops, name can't be empty!" });
+        return;
+      }
+      if (!oe.value) {
+        r.addNotification({ type: "error", message: "This name is already taken" });
+        return;
+      }
+      if (G.value.trim() === ((u = w.value) == null ? void 0 : u.username)) {
+        ye.value = !1;
+        return;
+      }
+      Ie.value = !0;
+      try {
+        await r.updateUsername(G.value.trim()), ye.value = !1, r.addNotification({ type: "success", message: "Name updated!" });
+      } catch (s) {
+        console.error("Failed to update name:", s), r.addNotification({ type: "error", message: "Hmm, something went wrong" });
+      } finally {
+        Ie.value = !1;
+      }
+    };
+    return (u, s) => (t(), E(wt, null, it({
+      "admin-controls": I(() => [
+        _.value && d(r).isAdmin ? (t(), a("div", Ms, [
+          !me.value && !d(r).isSimulationMode ? (t(), a("button", {
+            key: 0,
+            class: "_p-2 _bg-metallic-linear _shadow-panel _rounded-full _cursor-pointer mouse:hover:_scale-110 _duration-150",
+            onClick: s[0] || (s[0] = (c) => me.value = !0),
+            title: "Admin Mode"
+          }, [
+            (t(), a("svg", js, s[5] || (s[5] = [
+              e("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",
+                style: { "pointer-events": "none" }
+              }, null, -1),
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z",
+                style: { "pointer-events": "none" }
+              }, null, -1)
+            ])))
+          ])) : i("", !0),
+          me.value || d(r).isSimulationMode ? (t(), a("div", $s, [
+            d(r).isSimulationMode ? (t(), a("div", Fs, " SIMULATION MODE ")) : i("", !0),
+            d(r).isSimulationMode ? i("", !0) : (t(), a("div", Hs, [
+              be(e("input", {
+                "onUpdate:modelValue": s[1] || (s[1] = (c) => ve.value = c),
+                type: "text",
+                placeholder: "Username or ID",
+                autocomplete: "off",
+                "data-1p-ignore": "",
+                class: "_w-full _px-2 _py-1 _text-sm _font-normal _rounded _bg-black/20 _border _border-white/10 _outline-none focus:_border-white/30",
+                onKeyup: Le(He, ["enter"])
+              }, null, 544), [
+                [Me, ve.value]
+              ]),
+              e("button", {
+                class: "_w-full _px-3 _py-1 _text-sm _bg-blue-500/80 _rounded mouse:hover:_bg-blue-500 _duration-150",
+                disabled: !ve.value || Ce.value,
+                onClick: He
+              }, v(Ce.value ? "Loading..." : "Simulate User"), 9, Is),
+              e("button", {
+                class: "_w-full _px-3 _py-1 _text-xs _bg-white/10 _rounded mouse:hover:_bg-white/20 _duration-150",
+                onClick: s[2] || (s[2] = (c) => me.value = !1)
+              }, " Cancel ")
+            ])),
+            d(r).isSimulationMode ? (t(), a("button", {
+              key: 2,
+              class: "_w-full _px-3 _py-1.5 _text-sm _bg-red-500/80 _rounded mouse:hover:_bg-red-500 _duration-150 _font-semibold",
+              onClick: Ge
+            }, " Exit Simulation ")) : i("", !0)
+          ])) : i("", !0)
+        ])) : i("", !0)
+      ]),
+      avatar: I(() => [
+        e("div", {
+          class: C(["_size-full _flex _items-center _justify-center _rounded-full _duration-150 _delay-50", { "_opacity-0": !V.value }]),
+          style: { "box-shadow": "0 16px 24px 2px rgba(0, 0, 0, 0.4)" }
+        }, [
+          V.value ? (t(), E(d(l), {
+            key: y.value || "smiley-face",
+            mode: "glass-inner-wall",
+            "image-source": y.value || d(ct),
+            style: { width: "175%", height: "175%" },
+            class: "_cursor-grab"
+          }, null, 8, ["image-source"])) : i("", !0)
+        ], 2)
+      ]),
+      title: I(() => {
+        var c, S;
+        return [
+          _.value ? (t(), a("div", Ws, [
+            be(e("div", Es, [
+              e("span", Qs, v(((S = d(w)) == null ? void 0 : S.username) || "Not set"), 1),
+              e("button", {
+                class: "_p-1 _-m-0.5 _leading-none _flex-shrink-0 _block mouse:hover:_scale-[1.2] _duration-150 _rounded-md",
+                onClick: et
+              }, s[6] || (s[6] = [
+                e("img", {
+                  src: _t,
+                  class: "_h-[0.72em] _opacity-20 _pointer-events-none"
+                }, null, -1)
+              ]))
+            ], 512), [
+              [Ye, !ye.value]
+            ]),
+            be(e("div", Rs, [
+              be(e("input", {
+                ref_key: "usernameInput",
+                ref: Te,
+                "onUpdate:modelValue": s[3] || (s[3] = (H) => G.value = H),
+                type: "text",
+                maxlength: "22",
+                autocomplete: "off",
+                "data-1p-ignore": "",
+                class: C(["_flex-1 _text-stroke-2xl _bg-transparent _text-center _w-full _outline-none", { "_border-red-500": !oe.value && G.value }]),
+                placeholder: "Enter new username",
+                onInput: qe,
+                onKeyup: Le(tt, ["enter"])
+              }, null, 34), [
+                [Me, G.value]
+              ])
+            ], 512), [
+              [Ye, ye.value]
+            ])
+          ])) : (t(), a("div", Ps, [
+            e("span", Ys, v(((c = o.value) == null ? void 0 : c.username) || "..."), 1)
+          ]))
+        ];
+      }),
+      default: I(() => [
+        Ue(We, { class: "_whitespace-nowrap _align-top _-ml-[2px] _p-[2px]" }, {
+          default: I(() => {
+            var c, S;
+            return [
+              e("div", Gs, [
+                e("section", Zs, [
+                  s[11] || (s[11] = e("header", { class: "_flex _justify-between _leading-snug _text-mlg _weight-bold _opacity-30" }, [
+                    e("h3", null, "balance")
+                  ], -1)),
+                  e("div", qs, [
+                    f.value ? i("", !0) : (t(), a("span", el, "🪩")),
+                    f.value ? (t(), a("span", tl, "...")) : (t(), a("span", al, v(((S = (c = o.value) == null ? void 0 : c.totalPoints) == null ? void 0 : S.toLocaleString()) || 0), 1))
+                  ])
+                ]),
+                e("section", sl, [
+                  s[12] || (s[12] = e("header", { class: "_flex _justify-between _items-center _leading-snug _text-mlg _weight-bold _opacity-30" }, [
+                    e("h3", null, "airdrop pts.")
+                  ], -1)),
+                  e("div", ll, [
+                    j.value ? i("", !0) : (t(), a("span", nl, "🪂")),
+                    j.value ? (t(), a("span", ol, "...")) : (t(), a("span", rl, v(J.value), 1))
+                  ])
+                ]),
+                e("section", {
+                  class: C(["_inline-flex _flex-col _bg-metallic-linear _shadow-panel _px-3 _py-2 _pb-1.5 _rounded-lg", { "_order-first": T.value < 100 || !_.value }]),
+                  onClick: s[4] || (s[4] = (H) => d(b).openHub("leaderboard"))
+                }, [
+                  s[13] || (s[13] = e("header", { class: "_flex _justify-between _items-center _leading-snug _text-mlg _weight-bold _opacity-30" }, [
+                    e("h3", null, "rank")
+                  ], -1)),
+                  e("div", il, [
+                    j.value ? (t(), a("span", ul, "...")) : (t(), a("span", cl, v(ce.value), 1))
+                  ])
+                ], 2)
+              ])
+            ];
+          }),
+          _: 1
+        }),
+        _.value ? (t(), a("section", dl, [
+          e("section", _l, [
+            s[14] || (s[14] = e("div", { class: "_flex _items-center _justify-between _-mt-1.5" }, [
+              e("h3", { class: "_text-mlg _weight-bold" }, [
+                e("span", { class: "_opacity-30" }, "quests")
+              ])
+            ], -1)),
+            Ue(We, { class: "_whitespace-nowrap _align-top _-mx-[2px] _p-[2px]" }, {
+              default: I(() => [
+                e("div", fl, [
+                  (t(!0), a(D, null, q(ee.value, (c, S) => (t(), a("div", {
+                    key: c.id,
+                    class: C(["_inline-block _align-top", { "_max-w-[14em]": !S }])
+                  }, [
+                    Ue(dt, {
+                      quest: c,
+                      onPointsUpdated: te
+                    }, null, 8, ["quest"])
+                  ], 2))), 128)),
+                  e("button", {
+                    class: "_bubble-btn _px-5 _py-4.5 _inline-flex _items-center _justify-center _text-stroke-xl _whitespace-nowrap",
+                    style: { filter: "hue-rotate(20deg) saturate(3)" },
+                    onClick: ue
+                  }, " view all Quests ")
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ])) : i("", !0),
+        e("section", ml, [
+          e("section", vl, [
+            e("div", pl, [
+              e("h3", {
+                class: C(["_text-mlg _weight-bold", { "_animate-pulse-deep": L.value }])
+              }, s[15] || (s[15] = [
+                e("span", { class: "_opacity-30" }, "activity", -1)
+              ]), 2),
+              K.value > 1 ? (t(), a("div", gl, [
+                M.value > 1 ? (t(), a("div", hl, [
+                  x(" Page " + v(M.value), 1),
+                  Y.value ? (t(), a("span", yl, " of " + v(K.value), 1)) : i("", !0)
+                ])) : i("", !0),
+                e("div", bl, [
+                  e("button", {
+                    class: C(["_size-8 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel _text-xl mouse:hover:_scale-[1.05] _duration-150", { "_opacity-30 _cursor-default": M.value === 1 }]),
+                    onClick: Ae,
+                    disabled: M.value === 1,
+                    "aria-label": "Previous page"
+                  }, " ← ", 10, xl),
+                  e("button", {
+                    class: C(["_size-8 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel _text-xl mouse:hover:_scale-[1.05] _duration-150", { "_opacity-30 _cursor-default": !P.value }]),
+                    onClick: Se,
+                    disabled: !P.value,
+                    "aria-label": "Next page"
+                  }, " → ", 10, wl)
+                ])
+              ])) : i("", !0)
+            ]),
+            h.value ? (t(), a("div", kl, v(h.value), 1)) : z.value.length ? (t(), a("section", Al, [
+              e("ul", Sl, [
+                (t(!0), a(D, null, q(z.value, (c) => (t(), a("li", {
+                  key: c.id
+                }, [
+                  Ue(Ns, { point: c }, null, 8, ["point"])
+                ]))), 128))
+              ])
+            ])) : i("", !0)
+          ])
+        ]),
+        _.value ? (t(), E(ws, {
+          key: 1,
+          class: "_w-full _max-w-2xl"
+        })) : i("", !0),
+        _.value ? (t(), E(qa, {
+          key: 2,
+          class: "_w-full _max-w-2xl"
+        })) : i("", !0)
+      ]),
+      _: 2
+    }, [
+      ae.value || se.value || le.value || ne.value ? {
+        name: "description",
+        fn: I(() => [
+          e("div", Os, [
+            ae.value ? (t(), a("a", {
+              key: 0,
+              href: ke.value,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "_p-1.5 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel",
+              "aria-label": "View Discord profile"
+            }, s[7] || (s[7] = [
+              e("img", {
+                src: Ke,
+                class: "_size-7 _rounded",
+                style: { "background-color": "#5865f2" }
+              }, null, -1)
+            ]), 8, Ks)) : i("", !0),
+            se.value ? (t(), a("a", {
+              key: 1,
+              href: n.value,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "_p-1.5 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel",
+              "aria-label": "View Twitter profile"
+            }, s[8] || (s[8] = [
+              e("img", {
+                src: Xe,
+                class: "_size-7 _rounded",
+                style: { "background-color": "#000" }
+              }, null, -1)
+            ]), 8, Xs)) : i("", !0),
+            le.value ? (t(), a("a", {
+              key: 2,
+              href: $.value,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "_p-1.5 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel",
+              "aria-label": "View Telegram profile"
+            }, s[9] || (s[9] = [
+              e("img", {
+                src: Je,
+                class: "_size-7 _rounded",
+                style: { "background-color": "#0088cc" }
+              }, null, -1)
+            ]), 8, Js)) : i("", !0),
+            ne.value ? (t(), a("a", {
+              key: 3,
+              href: F.value,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "_p-1.5 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel",
+              "aria-label": "View Farcaster profile"
+            }, s[10] || (s[10] = [
+              e("img", {
+                src: Ve,
+                class: "_size-7 _rounded",
+                style: { "background-color": "#000" }
+              }, null, -1)
+            ]), 8, Vs)) : i("", !0)
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024));
+  }
+}, Nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Cl
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  wt as A,
+  Nl as P,
+  re as _,
+  Ht as a,
+  Cl as b
+};