Hub: accounts, IMVU linking by tagline, proxy sign-in, presence, console

People sign up on the website and link IMVU accounts by putting a code in the account's tagline, which the
hub reads from IMVU's public API (the most recent proof wins; link caps per person). IMVU's age verification
or Access Pass make an account adult. T5DE's proxy signs in with a device code and keeps a WebSocket open,
reporting the IMVU account in use and the community products it wears; /online shows those who opted in.
Moderators get a console: who's online, people, link caps, bans, roles, and the audit log. Tests run the
website and API against an embedded Postgres and a fake IMVU API.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

internal/web/static/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><defs><linearGradient id="g" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#ffe795"/><stop offset="1" stop-color="#ffd200"/></linearGradient></defs><rect width="64" height="64" rx="14" fill="url(#g)"/><text x="32" y="43" font-family="Segoe UI, Arial, sans-serif" font-size="27" font-weight="800" text-anchor="middle" fill="#000">T5</text></svg>

internal/web/static/htmx.min.js

@@ -0,0 +1 @@
+var htmx=function(){"use strict";const Q={onLoad:null,process:null,on:null,off:null,trigger:null,ajax:null,find:null,findAll:null,closest:null,values:function(e,t){const n=cn(e,t||"post");return n.values},remove:null,addClass:null,removeClass:null,toggleClass:null,takeClass:null,swap:null,defineExtension:null,removeExtension:null,logAll:null,logNone:null,logger:null,config:{historyEnabled:true,historyCacheSize:10,refreshOnHistoryMiss:false,defaultSwapStyle:"innerHTML",defaultSwapDelay:0,defaultSettleDelay:20,includeIndicatorStyles:true,indicatorClass:"htmx-indicator",requestClass:"htmx-request",addedClass:"htmx-added",settlingClass:"htmx-settling",swappingClass:"htmx-swapping",allowEval:true,allowScriptTags:true,inlineScriptNonce:"",inlineStyleNonce:"",attributesToSettle:["class","style","width","height"],withCredentials:false,timeout:0,wsReconnectDelay:"full-jitter",wsBinaryType:"blob",disableSelector:"[hx-disable], [data-hx-disable]",scrollBehavior:"instant",defaultFocusScroll:false,getCacheBusterParam:false,globalViewTransitions:false,methodsThatUseUrlParams:["get","delete"],selfRequestsOnly:true,ignoreTitle:false,scrollIntoViewOnBoost:true,triggerSpecsCache:null,disableInheritance:false,responseHandling:[{code:"204",swap:false},{code:"[23]..",swap:true},{code:"[45]..",swap:false,error:true}],allowNestedOobSwaps:true},parseInterval:null,_:null,version:"2.0.4"};Q.onLoad=j;Q.process=kt;Q.on=ye;Q.off=be;Q.trigger=he;Q.ajax=Rn;Q.find=u;Q.findAll=x;Q.closest=g;Q.remove=z;Q.addClass=K;Q.removeClass=G;Q.toggleClass=W;Q.takeClass=Z;Q.swap=$e;Q.defineExtension=Fn;Q.removeExtension=Bn;Q.logAll=V;Q.logNone=_;Q.parseInterval=d;Q._=e;const n={addTriggerHandler:St,bodyContains:le,canAccessLocalStorage:B,findThisElement:Se,filterValues:hn,swap:$e,hasAttribute:s,getAttributeValue:te,getClosestAttributeValue:re,getClosestMatch:o,getExpressionVars:En,getHeaders:fn,getInputValues:cn,getInternalData:ie,getSwapSpecification:gn,getTriggerSpecs:st,getTarget:Ee,makeFragment:P,mergeObjects:ce,makeSettleInfo:xn,oobSwap:He,querySelectorExt:ae,settleImmediately:Kt,shouldCancel:ht,triggerEvent:he,triggerErrorEvent:fe,withExtensions:Ft};const r=["get","post","put","delete","patch"];const H=r.map(function(e){return"[hx-"+e+"], [data-hx-"+e+"]"}).join(", ");function d(e){if(e==undefined){return undefined}let t=NaN;if(e.slice(-2)=="ms"){t=parseFloat(e.slice(0,-2))}else if(e.slice(-1)=="s"){t=parseFloat(e.slice(0,-1))*1e3}else if(e.slice(-1)=="m"){t=parseFloat(e.slice(0,-1))*1e3*60}else{t=parseFloat(e)}return isNaN(t)?undefined:t}function ee(e,t){return e instanceof Element&&e.getAttribute(t)}function s(e,t){return!!e.hasAttribute&&(e.hasAttribute(t)||e.hasAttribute("data-"+t))}function te(e,t){return ee(e,t)||ee(e,"data-"+t)}function c(e){const t=e.parentElement;if(!t&&e.parentNode instanceof ShadowRoot)return e.parentNode;return t}function ne(){return document}function m(e,t){return e.getRootNode?e.getRootNode({composed:t}):ne()}function o(e,t){while(e&&!t(e)){e=c(e)}return e||null}function i(e,t,n){const r=te(t,n);const o=te(t,"hx-disinherit");var i=te(t,"hx-inherit");if(e!==t){if(Q.config.disableInheritance){if(i&&(i==="*"||i.split(" ").indexOf(n)>=0)){return r}else{return null}}if(o&&(o==="*"||o.split(" ").indexOf(n)>=0)){return"unset"}}return r}function re(t,n){let r=null;o(t,function(e){return!!(r=i(t,ue(e),n))});if(r!=="unset"){return r}}function h(e,t){const n=e instanceof Element&&(e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||e.oMatchesSelector);return!!n&&n.call(e,t)}function T(e){const t=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i;const n=t.exec(e);if(n){return n[1].toLowerCase()}else{return""}}function q(e){const t=new DOMParser;return t.parseFromString(e,"text/html")}function L(e,t){while(t.childNodes.length>0){e.append(t.childNodes[0])}}function A(e){const t=ne().createElement("script");se(e.attributes,function(e){t.setAttribute(e.name,e.value)});t.textContent=e.textContent;t.async=false;if(Q.config.inlineScriptNonce){t.nonce=Q.config.inlineScriptNonce}return t}function N(e){return e.matches("script")&&(e.type==="text/javascript"||e.type==="module"||e.type==="")}function I(e){Array.from(e.querySelectorAll("script")).forEach(e=>{if(N(e)){const t=A(e);const n=e.parentNode;try{n.insertBefore(t,e)}catch(e){O(e)}finally{e.remove()}}})}function P(e){const t=e.replace(/<head(\s[^>]*)?>[\s\S]*?<\/head>/i,"");const n=T(t);let r;if(n==="html"){r=new DocumentFragment;const i=q(e);L(r,i.body);r.title=i.title}else if(n==="body"){r=new DocumentFragment;const i=q(t);L(r,i.body);r.title=i.title}else{const i=q('<body><template class="internal-htmx-wrapper">'+t+"</template></body>");r=i.querySelector("template").content;r.title=i.title;var o=r.querySelector("title");if(o&&o.parentNode===r){o.remove();r.title=o.innerText}}if(r){if(Q.config.allowScriptTags){I(r)}else{r.querySelectorAll("script").forEach(e=>e.remove())}}return r}function oe(e){if(e){e()}}function t(e,t){return Object.prototype.toStrinLine truncated

internal/web/static/style.css

@@ -0,0 +1,173 @@
+/* T5DE Hub: IMVU Classic's dialog palette (dark grays, gold buttons with black text), always dark. */
+
+:root {
+  --bg: #262626;
+  --panel: #383838;
+  --panel-2: #303030;
+  --line: #4a4a4a;
+  --text: #ededed;
+  --muted: #a8a8a8;
+  --gold: #ffd200;
+  --gold-light: #ffe795;
+  --green: #6fd36f;
+  --red: #ff7b72;
+  --blue: #7cc4ff;
+  --radius: 8px;
+  color-scheme: dark;
+}
+
+* { box-sizing: border-box; }
+
+html { background: var(--bg); }
+
+body {
+  margin: 0;
+  color: var(--text);
+  font: 15px/1.5 "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+a { color: var(--gold); text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+.wrap { max-width: 960px; margin: 0 auto; padding: 0 20px; }
+
+/* Header */
+.top {
+  background: linear-gradient(#3a3a3a, #2c2c2c);
+  border-bottom: 1px solid #000;
+  box-shadow: 0 1px 0 #4a4a4a inset, 0 2px 8px rgba(0, 0, 0, .4);
+}
+.top .wrap { display: flex; align-items: center; gap: 24px; height: 56px; }
+.brand { color: var(--text); font-weight: 600; font-size: 17px; display: flex; align-items: center; gap: 8px; }
+.brand:hover { text-decoration: none; }
+.logo {
+  background: linear-gradient(var(--gold-light), var(--gold));
+  color: #000; font-weight: 800; letter-spacing: .5px;
+  padding: 2px 8px; border-radius: 5px; font-size: 15px;
+}
+nav { display: flex; gap: 4px; align-items: center; flex: 1; }
+nav a { color: var(--text); padding: 6px 12px; border-radius: 6px; }
+nav a:hover, nav a.here { background: #4a4a4a; text-decoration: none; }
+nav .right { margin-left: auto; display: flex; gap: 8px; align-items: center; }
+nav form { margin: 0; }
+
+main { padding-top: 28px; padding-bottom: 40px; min-height: 70vh; }
+footer { padding: 24px 20px 40px; font-size: 13px; }
+
+h1 { font-size: 26px; margin: 0 0 6px; font-weight: 600; }
+h2 { font-size: 18px; margin: 0 0 12px; font-weight: 600; }
+p.lead { color: var(--muted); margin: 0 0 24px; font-size: 16px; }
+.muted { color: var(--muted); }
+.small { font-size: 13px; }
+
+/* Panels */
+.panel {
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  padding: 20px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
+}
+.panel.narrow { max-width: 420px; margin-left: auto; margin-right: auto; }
+.panel h2 .count { color: var(--muted); font-weight: 400; font-size: 14px; margin-left: 6px; }
+.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
+.stat { font-size: 30px; font-weight: 600; }
+
+/* Buttons and forms */
+.button, button {
+  display: inline-block;
+  font: inherit; font-weight: 600; font-size: 14px;
+  padding: 7px 16px;
+  border-radius: 6px;
+  border: 1px solid #b38f00;
+  background: linear-gradient(var(--gold-light), var(--gold));
+  color: #000;
+  cursor: pointer;
+}
+.button:hover, button:hover { filter: brightness(1.06); text-decoration: none; }
+button.secondary, .button.secondary {
+  background: linear-gradient(#616161, #3e3e3e);
+  border-color: #2a2a2a;
+  color: var(--text);
+}
+button.danger { background: linear-gradient(#b8443c, #8c2a24); border-color: #5c1a16; color: #fff; }
+button.link { background: none; border: none; color: var(--gold); padding: 0; font-weight: 400; }
+
+label { display: block; font-size: 13px; color: var(--muted); margin: 14px 0 4px; }
+input[type=text], input[type=password], input[type=number], input[type=search], textarea, select {
+  width: 100%;
+  font: inherit;
+  padding: 8px 10px;
+  color: var(--text);
+  background: #262626;
+  border: 1px solid #555;
+  border-radius: 6px;
+}
+input:focus, textarea:focus, select:focus { outline: 2px solid var(--gold); outline-offset: -1px; border-color: transparent; }
+.inline { display: flex; gap: 8px; align-items: center; }
+.inline input { flex: 1; }
+.actions { display: flex; gap: 8px; margin-top: 18px; align-items: center; flex-wrap: wrap; }
+.check { display: flex; gap: 8px; align-items: center; color: var(--text); font-size: 14px; margin: 8px 0; }
+
+/* Messages */
+.flash, .error {
+  padding: 10px 14px; border-radius: 6px; margin-bottom: 20px;
+}
+.flash { background: #2f3d2f; border: 1px solid #4b6b4b; }
+.error { background: #4a2a28; border: 1px solid #7a3b36; }
+
+/* Linked accounts */
+.account-row {
+  display: flex; gap: 16px; align-items: flex-start;
+  padding: 16px 0; border-top: 1px solid var(--line);
+}
+.account-row:first-of-type { border-top: none; padding-top: 4px; }
+.avatar {
+  width: 44px; height: 44px; border-radius: 50%; flex: none;
+  background: linear-gradient(135deg, #5a5a5a, #3a3a3a);
+  display: flex; align-items: center; justify-content: center;
+  font-weight: 700; color: var(--gold);
+  border: 1px solid #222;
+}
+.account-main { flex: 1; min-width: 0; }
+.account-name { font-weight: 600; font-size: 16px; }
+.tags { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0; }
+.tag {
+  font-size: 12px; padding: 1px 8px; border-radius: 999px;
+  background: #2a2a2a; border: 1px solid #555; color: var(--muted);
+}
+.tag.ok { color: var(--green); border-color: #3f6b3f; }
+.tag.adult { color: var(--blue); border-color: #3b5f7a; }
+.tag.online { color: #000; background: var(--green); border-color: var(--green); }
+.tag.gold { color: #000; background: var(--gold); border-color: var(--gold); }
+.tag.warn { color: var(--red); border-color: #7a3b36; }
+.settings { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; margin-top: 4px; }
+.settings form { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; margin: 0; }
+.row-actions { display: flex; gap: 8px; flex: none; }
+.row-actions form { margin: 0; }
+
+.code {
+  font: 600 22px/1.2 ui-monospace, "Cascadia Mono", Consolas, monospace;
+  letter-spacing: 1px;
+  background: #222; border: 1px dashed var(--gold); color: var(--gold);
+  padding: 10px 14px; border-radius: 6px; display: inline-block; margin: 6px 0;
+  user-select: all;
+}
+ol.steps { padding-left: 20px; margin: 8px 0 0; }
+ol.steps li { margin: 6px 0; }
+
+.outfit { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
+.item { font-size: 12px; padding: 2px 8px; border-radius: 4px; background: #2a2a2a; border: 1px solid #555; }
+
+/* Tables */
+table { width: 100%; border-collapse: collapse; font-size: 14px; }
+th { text-align: left; color: var(--muted); font-weight: 400; padding: 6px 8px; border-bottom: 1px solid var(--line); }
+td { padding: 8px; border-bottom: 1px solid #424242; vertical-align: top; }
+tr:last-child td { border-bottom: none; }
+
+.empty { color: var(--muted); padding: 12px 0; }
+
+.hero { text-align: center; padding: 30px 0 34px; }
+.hero h1 { font-size: 34px; }
+.hero .actions { justify-content: center; }