diff --git a/tool/zjit_iongraph.html b/tool/zjit_iongraph.html
index e97ac74e4a..993cce9045 100644
--- a/tool/zjit_iongraph.html
+++ b/tool/zjit_iongraph.html
@@ -1,7 +1,7 @@
 <!-- Copyright Mozilla and licensed under Mozilla Public License Version 2.0.
      Source can be found at https://github.com/mozilla-spidermonkey/iongraph -->
 <!-- Generated by `npm run build-www` on
-    c08a296ff71bbcebf88104d1ae3adb64ebac6113 in aidenfoxivey/iongraph -->
+    39b04fa18f23cbf3fd2ca7339a45341ff3351ba1 in tekknolagi/iongraph -->
 <!DOCTYPE html>
 
 <head>
@@ -337,6 +337,10 @@ a.ig-link-normal {
   overflow-y: auto;
 }
 
+.ig-hide-if-empty:empty {
+  display: none;
+}
+
 /* Non-utility styles */
 
 .ig-graph {
@@ -511,8 +515,7 @@ body {
 </head>
 
 <body>
-  <div id="reactRoot"></div>
-  <script>"use strict";var iongraph=(()=>{var kt=Object.defineProperty;var Ve=Object.getOwnPropertyDescriptor;var Ue=Object.getOwnPropertyNames;var Ge=Object.prototype.hasOwnProperty;var We=(e,t)=>{for(var n in t)kt(e,n,{get:t[n],enumerable:!0})},Je=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Ue(t))!Ge.call(e,s)&&s!==n&&kt(e,s,{get:()=>t[s],enumerable:!(o=Ve(t,s))||o.enumerable});return e};var Ye=e=>Je(kt({},"__esModule",{value:!0}),e);var Yn={};We(Yn,{renderStandaloneUI:()=>Vn,renderWebUI:()=>zn});var lt,b,Jt,Ze,D,Vt,Yt,Zt,qt,St,xt,wt,qe,J={},Xt=[],Xe=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,Y=Array.isArray;function B(e,t){for(var n in t)e[n]=t[n];return e}function Pt(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function Z(e,t,n){var o,s,i,a={};for(i in t)i=="key"?o=t[i]:i=="ref"?s=t[i]:a[i]=t[i];if(arguments.length>2&&(a.children=arguments.length>3?lt.call(arguments,2):n),typeof e=="function"&&e.defaultProps!=null)for(i in e.defaultProps)a[i]===void 0&&(a[i]=e.defaultProps[i]);return it(e,a,o,s,null)}function it(e,t,n,o,s){var i={type:e,props:t,key:n,ref:o,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:s??++Jt,__i:-1,__u:0};return s==null&&b.vnode!=null&&b.vnode(i),i}function M(e){return e.children}function C(e,t){this.props=e,this.context=t}function z(e,t){if(t==null)return e.__?z(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type=="function"?z(e):null}function Kt(e){var t,n;if((e=e.__)!=null&&e.__c!=null){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null){e.__e=e.__c.base=n.__e;break}return Kt(e)}}function Ut(e){(!e.__d&&(e.__d=!0)&&D.push(e)&&!at.__r++||Vt!=b.debounceRendering)&&((Vt=b.debounceRendering)||Yt)(at)}function at(){for(var e,t,n,o,s,i,a,r=1;D.length;)D.length>r&&D.sort(Zt),e=D.shift(),r=D.length,e.__d&&(n=void 0,o=void 0,s=(o=(t=e).__v).__e,i=[],a=[],t.__P&&((n=B({},o)).__v=o.__v+1,b.vnode&&b.vnode(n),Nt(t.__P,n,o,t.__n,t.__P.namespaceURI,32&o.__u?[s]:null,i,s??z(o),!!(32&o.__u),a),n.__v=o.__v,n.__.__k[n.__i]=n,ee(i,n,a),o.__e=o.__=null,n.__e!=s&&Kt(n)));at.__r=0}function Qt(e,t,n,o,s,i,a,r,c,l,u){var d,f,p,h,_,m,g,v=o&&o.__k||Xt,x=t.length;for(c=Ke(n,t,v,c,x),d=0;d<x;d++)(p=n.__k[d])!=null&&(f=p.__i==-1?J:v[p.__i]||J,p.__i=d,m=Nt(e,p,f,s,i,a,r,c,l,u),h=p.__e,p.ref&&f.ref!=p.ref&&(f.ref&&Ct(f.ref,null,p),u.push(p.ref,p.__c||h,p)),_==null&&h!=null&&(_=h),(g=!!(4&p.__u))||f.__k===p.__k?c=te(p,c,e,g):typeof p.type=="function"&&m!==void 0?c=m:h&&(c=h.nextSibling),p.__u&=-7);return n.__e=_,c}function Ke(e,t,n,o,s){var i,a,r,c,l,u=n.length,d=u,f=0;for(e.__k=new Array(s),i=0;i<s;i++)(a=t[i])!=null&&typeof a!="boolean"&&typeof a!="function"?(c=i+f,(a=e.__k[i]=typeof a=="string"||typeof a=="number"||typeof a=="bigint"||a.constructor==String?it(null,a,null,null,null):Y(a)?it(M,{children:a},null,null,null):a.constructor==null&&a.__b>0?it(a.type,a.props,a.key,a.ref?a.ref:null,a.__v):a).__=e,a.__b=e.__b+1,r=null,(l=a.__i=Qe(a,n,c,d))!=-1&&(d--,(r=n[l])&&(r.__u|=2)),r==null||r.__v==null?(l==-1&&(s>u?f--:s<u&&f++),typeof a.type!="function"&&(a.__u|=4)):l!=c&&(l==c-1?f--:l==c+1?f++:(l>c?f--:f++,a.__u|=4))):e.__k[i]=null;if(d)for(i=0;i<u;i++)(r=n[i])!=null&&(2&r.__u)==0&&(r.__e==o&&(o=z(r)),oe(r,r));return o}function te(e,t,n,o){var s,i;if(typeof e.type=="function"){for(s=e.__k,i=0;s&&i<s.length;i++)s[i]&&(s[i].__=e,t=te(s[i],t,n,o));return t}e.__e!=t&&(o&&(t&&e.type&&!t.parentNode&&(t=z(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do t=t&&t.nextSibling;while(t!=null&&t.nodeType==8);return t}function q(e,t){return t=t||[],e==null||typeof e=="boolean"||(Y(e)?e.some(function(n){q(n,t)}):t.push(e)),t}function Qe(e,t,n,o){var s,i,a,r=e.key,c=e.type,l=t[n],u=l!=null&&(2&l.__u)==0;if(l===null&&e.key==null||u&&r==l.key&&c==l.type)return n;if(o>(u?1:0)){for(s=n-1,i=n+1;s>=0||i<t.length;)if((l=t[a=s>=0?s--:i++])!=null&&(2&l.__u)==0&&r==l.key&&c==l.type)return a}return-1}function Gt(e,t,n){t[0]=="-"?e.setProperty(t,n??""):e[t]=n==null?"":typeof n!="number"||Xe.test(t)?n:n+"px"}function rt(e,t,n,o,s){var i,a;t:if(t=="style")if(typeof n=="string")e.style.cssText=n;else{if(typeof o=="string"&&(e.style.cssText=o=""),o)for(t in o)n&&t in n||Gt(e.style,t,"");if(n)for(t in n)o&&n[t]==o[t]||Gt(e.style,t,n[t])}else if(t[0]=="o"&&t[1]=="n")i=t!=(t=t.replace(qt,"$1")),a=t.toLowerCase(),t=a in e||t=="onFocusOut"||t=="onFocusIn"?a.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+i]=n,n?o?n.u=o.u:(n.u=St,e.addEventListener(t,i?wt:xt,i)):e.removeEventListener(t,i?wt:xt,i);else{if(s=="http://www.w3.org/2000/svg")t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(t!="width"&&t!="height"&&t!="href"&&t!="list"&&t!="form"&&t!="tabIndex"&&t!="download"&&t!="rowSpan"&&t!="colSpan"&&t!="role"&&t!="popover"&&t in e)try{e[t]=n??"";break t}catch{}typeof n=="function"||(n==null||n===!1&&t[4]!="-"?e.removeAttribute(t):e.setAttribute(t,t=="popover"&&n==1?"":n))}}function Wt(e){return function(t){if(this.l){var n=this.l[t.type+e];if(t.t==null)t.t=St++;else if(t.t<n.u)return;return n(b.event?b.event(t):t)}}}function Nt(e,t,n,o,s,i,a,r,c,l){var u,d,f,p,h,_,m,g,v,x,S,O,H,st,G,W,yt,$=t.type;if(t.constructor!=null)return null;128&n.__u&&(c=!!(32&n.__u),i=[r=t.__e=n.__e]),(u=b.__b)&&u(t);t:if(typeof $=="function")try{if(g=t.props,v="prototype"in $&&$.prototype.render,x=(u=$.contextType)&&o[u.__c],S=u?x?x.props.value:u.__:o,n.__c?m=(d=t.__c=n.__c).__=d.__E:(v?t.__c=d=new $(g,S):(t.__c=d=new C(g,S),d.constructor=$,d.render=en),x&&x.sub(d),d.props=g,d.state||(d.state={}),d.context=S,d.__n=o,f=d.__d=!0,d.__h=[],d._sb=[]),v&&d.__s==null&&(d.__s=d.state),v&&$.getDerivedStateFromProps!=null&&(d.__s==d.state&&(d.__s=B({},d.__s)),B(d.__s,$.getDerivedStateFromProps(g,d.__s))),p=d.props,h=d.state,d.__v=t,f)v&&$.getDerivedStateFromProps==null&&d.componentWillMount!=null&&d.componentWillMount(),v&&d.componentDidMount!=null&&d.__h.push(d.componentDidMount);else{if(v&&$.getDerivedStateFromProps==null&&g!==p&&d.componentWillReceiveProps!=null&&d.componentWillReceiveProps(g,S),!d.__e&&d.shouldComponentUpdate!=null&&d.shouldComponentUpdate(g,d.__s,S)===!1||t.__v==n.__v){for(t.__v!=n.__v&&(d.props=g,d.state=d.__s,d.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(F){F&&(F.__=t)}),O=0;O<d._sb.length;O++)d.__h.push(d._sb[O]);d._sb=[],d.__h.length&&a.push(d);break t}d.componentWillUpdate!=null&&d.componentWillUpdate(g,d.__s,S),v&&d.componentDidUpdate!=null&&d.__h.push(function(){d.componentDidUpdate(p,h,_)})}if(d.context=S,d.props=g,d.__P=e,d.__e=!1,H=b.__r,st=0,v){for(d.state=d.__s,d.__d=!1,H&&H(t),u=d.render(d.props,d.state,d.context),G=0;G<d._sb.length;G++)d.__h.push(d._sb[G]);d._sb=[]}else do d.__d=!1,H&&H(t),u=d.render(d.props,d.state,d.context),d.state=d.__s;while(d.__d&&++st<25);d.state=d.__s,d.getChildContext!=null&&(o=B(B({},o),d.getChildContext())),v&&!f&&d.getSnapshotBeforeUpdate!=null&&(_=d.getSnapshotBeforeUpdate(p,h)),W=u,u!=null&&u.type===M&&u.key==null&&(W=ne(u.props.children)),r=Qt(e,Y(W)?W:[W],t,n,o,s,i,a,r,c,l),d.base=t.__e,t.__u&=-161,d.__h.length&&a.push(d),m&&(d.__E=d.__=null)}catch(F){if(t.__v=null,c||i!=null)if(F.then){for(t.__u|=c?160:128;r&&r.nodeType==8&&r.nextSibling;)r=r.nextSibling;i[i.indexOf(r)]=null,t.__e=r}else{for(yt=i.length;yt--;)Pt(i[yt]);It(t)}else t.__e=n.__e,t.__k=n.__k,F.then||It(t);b.__e(F,t,n)}else i==null&&t.__v==n.__v?(t.__k=n.__k,t.__e=n.__e):r=t.__e=tn(n.__e,t,n,o,s,i,a,c,l);return(u=b.diffed)&&u(t),128&t.__u?void 0:r}function It(e){e&&e.__c&&(e.__c.__e=!0),e&&e.__k&&e.__k.forEach(It)}function ee(e,t,n){for(var o=0;o<n.length;o++)Ct(n[o],n[++o],n[++o]);b.__c&&b.__c(t,e),e.some(function(s){try{e=s.__h,s.__h=[],e.some(function(i){i.call(s)})}catch(i){b.__e(i,s.__v)}})}function ne(e){return typeof e!="object"||e==null||e.__b&&e.__b>0?e:Y(e)?e.map(ne):B({},e)}function tn(e,t,n,o,s,i,a,r,c){var l,u,d,f,p,h,_,m=n.props,g=t.props,v=t.type;if(v=="svg"?s="http://www.w3.org/2000/svg":v=="math"?s="http://www.w3.org/1998/Math/MathML":s||(s="http://www.w3.org/1999/xhtml"),i!=null){for(l=0;l<i.length;l++)if((p=i[l])&&"setAttribute"in p==!!v&&(v?p.localName==v:p.nodeType==3)){e=p,i[l]=null;break}}if(e==null){if(v==null)return document.createTextNode(g);e=document.createElementNS(s,v,g.is&&g),r&&(b.__m&&b.__m(t,i),r=!1),i=null}if(v==null)m===g||r&&e.data==g||(e.data=g);else{if(i=i&&lt.call(e.childNodes),m=n.props||J,!r&&i!=null)for(m={},l=0;l<e.attributes.length;l++)m[(p=e.attributes[l]).name]=p.value;for(l in m)if(p=m[l],l!="children"){if(l=="dangerouslySetInnerHTML")d=p;else if(!(l in g)){if(l=="value"&&"defaultValue"in g||l=="checked"&&"defaultChecked"in g)continue;rt(e,l,null,p,s)}}for(l in g)p=g[l],l=="children"?f=p:l=="dangerouslySetInnerHTML"?u=p:l=="value"?h=p:l=="checked"?_=p:r&&typeof p!="function"||m[l]===p||rt(e,l,p,m[l],s);if(u)r||d&&(u.__html==d.__html||u.__html==e.innerHTML)||(e.innerHTML=u.__html),t.__k=[];else if(d&&(e.innerHTML=""),Qt(t.type=="template"?e.content:e,Y(f)?f:[f],t,n,o,v=="foreignObject"?"http://www.w3.org/1999/xhtml":s,i,a,i?i[0]:n.__k&&z(n,0),r,c),i!=null)for(l=i.length;l--;)Pt(i[l]);r||(l="value",v=="progress"&&h==null?e.removeAttribute("value"):h!=null&&(h!==e[l]||v=="progress"&&!h||v=="option"&&h!=m[l])&&rt(e,l,h,m[l],s),l="checked",_!=null&&_!=e[l]&&rt(e,l,_,m[l],s))}return e}function Ct(e,t,n){try{if(typeof e=="function"){var o=typeof e.__u=="function";o&&e.__u(),o&&t==null||(e.__u=e(t))}else e.current=t}catch(s){b.__e(s,n)}}function oe(e,t,n){var o,s;if(b.unmount&&b.unmount(e),(o=e.ref)&&(o.current&&o.current!=e.__e||Ct(o,null,t)),(o=e.__c)!=null){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(i){b.__e(i,t)}o.base=o.__P=null}if(o=e.__k)for(s=0;s<o.length;s++)o[s]&&oe(o[s],t,n||typeof e.type!="function");n||Pt(e.__e),e.__c=e.__=e.__e=void 0}function en(e,t,n){return this.constructor(e,n)}function Lt(e,t,n){var o,s,i,a;t==document&&(t=document.documentElement),b.__&&b.__(e,t),s=(o=typeof n=="function")?null:n&&n.__k||t.__k,i=[],a=[],Nt(t,e=(!o&&n||t).__k=Z(M,null,[e]),s||J,J,t.namespaceURI,!o&&n?[n]:s?null:t.firstChild?lt.call(t.childNodes):null,i,!o&&n?n:s?s.__e:t.firstChild,o,a),ee(i,e,a)}lt=Xt.slice,b={__e:function(e,t,n,o){for(var s,i,a;t=t.__;)if((s=t.__c)&&!s.__)try{if((i=s.constructor)&&i.getDerivedStateFromError!=null&&(s.setState(i.getDerivedStateFromError(e)),a=s.__d),s.componentDidCatch!=null&&(s.componentDidCatch(e,o||{}),a=s.__d),a)return s.__E=s}catch(r){e=r}throw e}},Jt=0,Ze=function(e){return e!=null&&e.constructor==null},C.prototype.setState=function(e,t){var n;n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=B({},this.state),typeof e=="function"&&(e=e(B({},n),this.props)),e&&B(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),Ut(this))},C.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),Ut(this))},C.prototype.render=M,D=[],Yt=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Zt=function(e,t){return e.__v.__b-t.__v.__b},at.__r=0,qt=/(PointerCapture)$|Capture$/i,St=0,xt=Wt(!1),wt=Wt(!0),qe=0;var X,w,Et,se,ut=0,pe=[],I=b,re=I.__b,ie=I.__r,ae=I.diffed,le=I.__c,ce=I.unmount,ue=I.__;function $t(e,t){I.__h&&I.__h(w,e,ut||t),ut=0;var n=w.__H||(w.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function N(e){return ut=1,fe(me,e)}function fe(e,t,n){var o=$t(X++,2);if(o.t=e,!o.__c&&(o.__=[n?n(t):me(void 0,t),function(r){var c=o.__N?o.__N[0]:o.__[0],l=o.t(c,r);c!==l&&(o.__N=[l,o.__[1]],o.__c.setState({}))}],o.__c=w,!w.__f)){var s=function(r,c,l){if(!o.__c.__H)return!0;var u=o.__c.__H.__.filter(function(f){return!!f.__c});if(u.every(function(f){return!f.__N}))return!i||i.call(this,r,c,l);var d=o.__c.props!==r;return u.forEach(function(f){if(f.__N){var p=f.__[0];f.__=f.__N,f.__N=void 0,p!==f.__[0]&&(d=!0)}}),i&&i.call(this,r,c,l)||d};w.__f=!0;var i=w.shouldComponentUpdate,a=w.componentWillUpdate;w.componentWillUpdate=function(r,c,l){if(this.__e){var u=i;i=void 0,s(r,c,l),i=u}a&&a.call(this,r,c,l)},w.shouldComponentUpdate=s}return o.__N||o.__}function L(e,t){var n=$t(X++,3);!I.__s&&_e(n.__H,t)&&(n.__=e,n.u=t,w.__H.__h.push(n))}function dt(e){return ut=5,he(function(){return{current:e}},[])}function he(e,t){var n=$t(X++,7);return _e(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function nn(){for(var e;e=pe.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(ct),e.__H.__h.forEach(Tt),e.__H.__h=[]}catch(t){e.__H.__h=[],I.__e(t,e.__v)}}I.__b=function(e){w=null,re&&re(e)},I.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),ue&&ue(e,t)},I.__r=function(e){ie&&ie(e),X=0;var t=(w=e.__c).__H;t&&(Et===w?(t.__h=[],w.__h=[],t.__.forEach(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(t.__h.forEach(ct),t.__h.forEach(Tt),t.__h=[],X=0)),Et=w},I.diffed=function(e){ae&&ae(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(pe.push(t)!==1&&se===I.requestAnimationFrame||((se=I.requestAnimationFrame)||on)(nn)),t.__H.__.forEach(function(n){n.u&&(n.__H=n.u),n.u=void 0})),Et=w=null},I.__c=function(e,t){t.some(function(n){try{n.__h.forEach(ct),n.__h=n.__h.filter(function(o){return!o.__||Tt(o)})}catch(o){t.some(function(s){s.__h&&(s.__h=[])}),t=[],I.__e(o,n.__v)}}),le&&le(e,t)},I.unmount=function(e){ce&&ce(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.forEach(function(o){try{ct(o)}catch(s){t=s}}),n.__H=void 0,t&&I.__e(t,n.__v))};var de=typeof requestAnimationFrame=="function";function on(e){var t,n=function(){clearTimeout(o),de&&cancelAnimationFrame(t),setTimeout(e)},o=setTimeout(n,35);de&&(t=requestAnimationFrame(n))}function ct(e){var t=w,n=e.__c;typeof n=="function"&&(e.__c=void 0,n()),w=t}function Tt(e){var t=w;e.__c=e.__(),w=t}function _e(e,t){return!e||e.length!==t.length||t.some(function(n,o){return n!==e[o]})}function me(e,t){return typeof t=="function"?t(e):t}function an(e,t){for(var n in t)e[n]=t[n];return e}function ge(e,t){for(var n in e)if(n!=="__source"&&!(n in t))return!0;for(var o in t)if(o!=="__source"&&e[o]!==t[o])return!0;return!1}function ve(e,t){this.props=e,this.context=t}(ve.prototype=new C).isPureReactComponent=!0,ve.prototype.shouldComponentUpdate=function(e,t){return ge(this.props,e)||ge(this.state,t)};var be=b.__b;b.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),be&&be(e)};var co=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.forward_ref")||3911;var ln=b.__e;b.__e=function(e,t,n,o){if(e.then){for(var s,i=t;i=i.__;)if((s=i.__c)&&s.__c)return t.__e==null&&(t.__e=n.__e,t.__k=n.__k),s.__c(e,t)}ln(e,t,n,o)};var ye=b.unmount;function Pe(e,t,n){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(o){typeof o.__c=="function"&&o.__c()}),e.__c.__H=null),(e=an({},e)).__c!=null&&(e.__c.__P===n&&(e.__c.__P=t),e.__c.__e=!0,e.__c=null),e.__k=e.__k&&e.__k.map(function(o){return Pe(o,t,n)})),e}function Ne(e,t,n){return e&&n&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(o){return Ne(o,t,n)}),e.__c&&e.__c.__P===t&&(e.__e&&n.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=n)),e}function Mt(){this.__u=0,this.o=null,this.__b=null}function Ce(e){var t=e.__.__c;return t&&t.__a&&t.__a(e)}function pt(){this.i=null,this.l=null}b.unmount=function(e){var t=e.__c;t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),ye&&ye(e)},(Mt.prototype=new C).__c=function(e,t){var n=t.__c,o=this;o.o==null&&(o.o=[]),o.o.push(n);var s=Ce(o.__v),i=!1,a=function(){i||(i=!0,n.__R=null,s?s(r):r())};n.__R=a;var r=function(){if(!--o.__u){if(o.state.__a){var c=o.state.__a;o.__v.__k[0]=Ne(c,c.__c.__P,c.__c.__O)}var l;for(o.setState({__a:o.__b=null});l=o.o.pop();)l.forceUpdate()}};o.__u++||32&t.__u||o.setState({__a:o.__b=o.__v.__k[0]}),e.then(a,a)},Mt.prototype.componentWillUnmount=function(){this.o=[]},Mt.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=Pe(this.__b,n,o.__O=o.__P)}this.__b=null}var s=t.__a&&Z(M,null,e.fallback);return s&&(s.__u&=-33),[Z(M,null,t.__a?null:e.children),s]};var ke=function(e,t,n){if(++n[1]===n[0]&&e.l.delete(t),e.props.revealOrder&&(e.props.revealOrder[0]!=="t"||!e.l.size))for(n=e.i;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e.i=n=n[2]}};(pt.prototype=new C).__a=function(e){var t=this,n=Ce(t.__v),o=t.l.get(e);return o[0]++,function(s){var i=function(){t.props.revealOrder?(o.push(s),ke(t,e,o)):s()};n?n(i):i()}},pt.prototype.render=function(e){this.i=null,this.l=new Map;var t=q(e.children);e.revealOrder&&e.revealOrder[0]==="b"&&t.reverse();for(var n=t.length;n--;)this.l.set(t[n],this.i=[1,0,this.i]);return e.children},pt.prototype.componentDidUpdate=pt.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,n){ke(e,n,t)})};var cn=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,un=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,dn=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,pn=/[A-Z0-9]/g,fn=typeof document<"u",hn=function(e){return(typeof Symbol<"u"&&typeof Symbol()=="symbol"?/fil|che|rad/:/fil|che|ra/).test(e)};function Le(e,t,n){return t.__k==null&&(t.textContent=""),Lt(e,t),typeof n=="function"&&n(),e?e.__c:null}C.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty(C.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var xe=b.event;function _n(){}function mn(){return this.cancelBubble}function gn(){return this.defaultPrevented}b.event=function(e){return xe&&(e=xe(e)),e.persist=_n,e.isPropagationStopped=mn,e.isDefaultPrevented=gn,e.nativeEvent=e};var Ee,vn={enumerable:!1,configurable:!0,get:function(){return this.class}},we=b.vnode;b.vnode=function(e){typeof e.type=="string"&&function(t){var n=t.props,o=t.type,s={},i=o.indexOf("-")===-1;for(var a in n){var r=n[a];if(!(a==="value"&&"defaultValue"in n&&r==null||fn&&a==="children"&&o==="noscript"||a==="class"||a==="className")){var c=a.toLowerCase();a==="defaultValue"&&"value"in n&&n.value==null?a="value":a==="download"&&r===!0?r="":c==="translate"&&r==="no"?r=!1:c[0]==="o"&&c[1]==="n"?c==="ondoubleclick"?a="ondblclick":c!=="onchange"||o!=="input"&&o!=="textarea"||hn(n.type)?c==="onfocus"?a="onfocusin":c==="onblur"?a="onfocusout":dn.test(a)&&(a=c):c=a="oninput":i&&un.test(a)?a=a.replace(pn,"-$&").toLowerCase():r===null&&(r=void 0),c==="oninput"&&s[a=c]&&(a="oninputCapture"),s[a]=r}}o=="select"&&s.multiple&&Array.isArray(s.value)&&(s.value=q(n.children).forEach(function(l){l.props.selected=s.value.indexOf(l.props.value)!=-1})),o=="select"&&s.defaultValue!=null&&(s.value=q(n.children).forEach(function(l){l.props.selected=s.multiple?s.defaultValue.indexOf(l.props.value)!=-1:s.defaultValue==l.props.value})),n.class&&!n.className?(s.class=n.class,Object.defineProperty(s,"className",vn)):(n.className&&!n.class||n.class&&n.className)&&(s.class=s.className=n.className),t.props=s}(e),e.$$typeof=cn,we&&we(e)};var Ie=b.__r;b.__r=function(e){Ie&&Ie(e),Ee=e.__c};var Se=b.diffed;b.diffed=function(e){Se&&Se(e);var t=e.props,n=e.__e;n!=null&&e.type==="textarea"&&"value"in t&&t.value!==n.value&&(n.value=t.value==null?"":t.value),Ee=null};function Te(e){return!!e.__k&&(Lt(null,e),!0)}function Bt(e){return{render:function(t){Le(t,e)},unmount:function(){Te(e)}}}function Ot(...e){let t=[];for(let n of e)if(typeof n=="string")t.push(n);else for(let[o,s]of Object.entries(n))s&&t.push(o);return t.join(" ")}function R(e,t,n={}){let o=t,s=[],i={get(){return o},set(a){o=a;for(let r of s)r(o)},valueOf(){return o},toString(){return String(o)},[Symbol.toPrimitive](a){return a==="string"?String(o):o},onChange(a){s.push(a)},initial:t,name:e,min:n.min??0,max:n.max??100,step:n.step??1};return(n.tweaksObject??Ht).add(i)}var ft=class{constructor(t){this.container=t.container,this.tweaks=[],this.callbacks=[]}add(t){let n=this.tweaks.find(l=>l.name===t.name);if(n)return n;this.tweaks.push(t);let o=document.createElement("div");this.container.appendChild(o),o.style.display="flex",o.style.alignItems="center",o.style.justifyContent="end",o.style.gap="0.5rem";let s=t.name.replace(/[a-zA-Z0-9]/g,"_"),i=document.createElement("label");o.appendChild(i),i.innerText=t.name,i.htmlFor=`tweak-${s}-input`;let a=document.createElement("input");o.appendChild(a),a.type="number",a.value=String(t),a.id=`tweak-${s}-input`,a.style.width="4rem",a.addEventListener("input",()=>{t.set(a.valueAsNumber)});let r=document.createElement("input");o.appendChild(r),r.type="range",r.value=String(t),r.min=String(t.min),r.max=String(t.max),r.step=t.step===0?"any":String(t.step),r.addEventListener("input",()=>{t.set(r.valueAsNumber)});let c=document.createElement("button");return o.appendChild(c),c.innerText="Reset",c.disabled=t.get()===t.initial,c.addEventListener("click",()=>{t.set(t.initial)}),t.onChange(l=>{a.value=String(l),r.value=String(l),c.disabled=t.get()===t.initial;for(let u of this.callbacks)u(t)}),t}onTweak(t){this.callbacks.push(t)}},$e=document.createElement("div");$e.classList.add("tweaks-panel");var Ht=new ft({container:$e});Ht.onTweak(e=>{window.dispatchEvent(new CustomEvent("tweak",{detail:e}))});window.tweaks=Ht;var bn=document.createElement("div"),yn=new ft({container:bn}),Me=R("Test Value",3,{tweaksObject:yn});Me.set(4);Me=4;function Dt(e,t,n){return Math.max(t,Math.min(n,e))}function ht(e,t,n,o){return(e-t)*Math.pow(n,o)+t}function y(e,t,n=!1){if(!e)if(n)console.error(t??"Assertion failed");else throw new Error(t??"Assertion failed")}function E(e,t){return y(e,t),e}var Ae=R("Debug?",0,{min:0,max:1}),T=20,K=44,P=16,A=60,j=12,Q=36,Be=16,tt=16,kn=R("Layout Iterations",2,{min:0,max:6}),Oe=R("Nearly Straight Threshold",30,{min:0,max:200}),xn=R("Nearly Straight Iterations",8,{min:0,max:10}),He=R("Stop At Pass",30,{min:0,max:30}),wn=1.5,In=.01,Sn=1,Pn=.1,_t=40;function mt(e){return e.attributes.includes("loopheader")}function Nn(e){return e.loopHeight!==void 0}function V(e){if(y(e),Nn(e))return e;throw new Error("Block is not a pseudo LoopHeader")}var gt=1,De=2,Rt=4,et=0,At=1,jt=new Proxy(console,{get(e,t){let n=e[t];return typeof n!="function"?n:+Ae?n.bind(e):()=>{}}}),vt=class{constructor(t,n,o={}){let s=n.mir.blocks;this.viewport=t;let i=t.getBoundingClientRect();this.viewportSize={x:i.width,y:i.height},this.graphContainer=document.createElement("div"),this.graphContainer.classList.add("ig-graph"),this.graphContainer.style.transformOrigin="top left",this.viewport.appendChild(this.graphContainer),this.pass=n,this.blocks=s,this.blocksInOrder=[...s].sort((u,d)=>u.id-d.id),this.blocksByID=new Map,this.blocksByPtr=new Map,this.insPtrsByID=new Map,this.insIDsByPtr=new Map,this.loops=[],this.sampleCounts=o.sampleCounts,this.maxSampleCounts=[0,0],this.heatmapMode=et;for(let[u,d]of this.sampleCounts?.totalLineHits??[])this.maxSampleCounts[et]=Math.max(this.maxSampleCounts[et],d);for(let[u,d]of this.sampleCounts?.selfLineHits??[])this.maxSampleCounts[At]=Math.max(this.maxSampleCounts[At],d);this.size={x:0,y:0},this.numLayers=0,this.zoom=1,this.translation={x:0,y:0},this.animating=!1,this.targetZoom=1,this.targetTranslation={x:0,y:0},this.startMousePos={x:0,y:0},this.lastMousePos={x:0,y:0},this.selectedBlockPtrs=new Set,this.lastSelectedBlockPtr=0,this.nav={visited:[],currentIndex:-1,siblings:[]},this.highlightedInstructions=[],this.instructionPalette=o.instructionPalette??[0,1,2,3,4].map(u=>`var(--ig-highlight-${u})`);let a=new Map;for(let u of n.lir.blocks)a.set(u.id,u);for(let u of s){y(u.ptr,"blocks must always have non-null ptrs"),this.blocksByID.set(u.id,u),this.blocksByPtr.set(u.ptr,u);for(let f of u.instructions)this.insPtrsByID.set(f.id,f.ptr),this.insIDsByPtr.set(f.ptr,f.id);if(u.lir=a.get(u.id)??null,u.lir)for(let f of u.lir.instructions)this.insPtrsByID.set(f.id,f.ptr),this.insIDsByPtr.set(f.ptr,f.id);let d=this.renderBlock(u);if(u.el=d,u.layer=-1,u.loopID=-1,u.attributes.includes("loopheader")){let f=u;f.loopHeight=0,f.parentLoop=null,f.outgoingEdges=[]}}for(let u of s)u.size={x:u.el.clientWidth,y:u.el.clientHeight};for(let u of s)if(u.preds=u.predecessors.map(d=>E(this.blocksByID.get(d))),u.succs=u.successors.map(d=>E(this.blocksByID.get(d))),mt(u)){let d=u.preds.filter(f=>f.attributes.includes("backedge"));y(d.length===1),u.backedge=d[0]}let[r,c,l]=this.layout();this.render(r,c,l),this.addEventListeners()}layout(){let t=this.blocks.filter(i=>i.predecessors.length===0);for(let i of t){let a=i;a.loopHeight=0,a.parentLoop=null,a.outgoingEdges=[],Object.defineProperty(a,"backedge",{get(){throw new Error("Accessed .backedge on a pseudo loop header! Don't do that.")},configurable:!0})}for(let i of t)this.findLoops(i),this.layer(i);let n=this.makeLayoutNodes();this.straightenEdges(n);let o=this.finagleJoints(n),s=this.verticalize(n,o);return[n,s,o]}findLoops(t,n=null){if(n===null&&(n=[t.id]),!(t.loopID>=0)){if(mt(t)){y(t.loopDepth===n.length);let o=n[n.length-1],s=V(this.blocksByID.get(o));t.parentLoop=s,n=[...n,t.id]}if(t.loopDepth<n.length-1?n=n.slice(0,t.loopDepth+1):t.loopDepth>=n.length&&(t.loopDepth=n.length-1),t.loopID=n[t.loopDepth],!t.attributes.includes("backedge"))for(let o of t.succs)this.findLoops(o,n)}}layer(t,n=0){if(t.attributes.includes("backedge")){t.layer=t.succs[0].layer;return}if(n<=t.layer)return;t.layer=Math.max(t.layer,n),this.numLayers=Math.max(t.layer+1,this.numLayers);let o=V(this.blocksByID.get(t.loopID));for(;o;)o.loopHeight=Math.max(o.loopHeight,t.layer-o.layer+1),o=o.parentLoop;for(let s of t.succs)s.loopDepth<t.loopDepth?V(this.blocksByID.get(t.loopID)).outgoingEdges.push(s):this.layer(s,n+1);if(mt(t))for(let s of t.outgoingEdges)this.layer(s,n+t.loopHeight)}makeLayoutNodes(){function t(r,c,l){r.dstNodes[c]=l,l.srcNodes.includes(r)||l.srcNodes.push(r)}let n;{let r={};for(let c of this.blocks)r[c.layer]||(r[c.layer]=[]),r[c.layer].push(c);n=Object.entries(r).map(([c,l])=>[Number(c),l]).sort((c,l)=>c[0]-l[0]).map(([c,l])=>l)}let o=0,s=n.map(()=>[]),i=[],a=new Map;for(let[r,c]of n.entries()){let l=[];for(let p of c)for(let h=i.length-1;h>=0;h--){let _=i[h];_.dstBlock===p&&(l.unshift(_),i.splice(h,1))}let u=new Map;for(let p of i){let h,_=u.get(p.dstBlock.id);if(_)t(p.src,p.srcPort,_),h=_;else{let m={id:o++,pos:{x:T,y:T},size:{x:0,y:0},block:null,srcNodes:[],dstNodes:[],dstBlock:p.dstBlock,jointOffsets:[],flags:0};t(p.src,p.srcPort,m),s[r].push(m),u.set(p.dstBlock.id,m),h=m}p.src=h,p.srcPort=0}let d=[];for(let p of c){let h=V(this.blocksByID.get(p.loopID));for(;mt(h);){let _=d.find(g=>g.loopID===h.id);_?_.block=p:d.push({loopID:h.id,block:p});let m=h.parentLoop;if(!m)break;h=m}}let f=[];for(let p of c){let h={id:o++,pos:{x:T,y:T},size:p.size,block:p,srcNodes:[],dstNodes:[],jointOffsets:[],flags:0};for(let _ of l)_.dstBlock===p&&t(_.src,_.srcPort,h);s[r].push(h),p.layoutNode=h;for(let _ of d.filter(m=>m.block===p)){let m=V(this.blocksByID.get(_.loopID)).backedge,g={id:o++,pos:{x:T,y:T},size:{x:0,y:0},block:null,srcNodes:[],dstNodes:[],dstBlock:m,jointOffsets:[],flags:0},v=a.get(m);v?t(g,0,v):(g.flags|=Rt,t(g,0,m.layoutNode)),s[r].push(g),a.set(m,g)}if(p.attributes.includes("backedge"))t(p.layoutNode,0,p.succs[0].layoutNode);else for(let[_,m]of p.succs.entries())m.attributes.includes("backedge")?f.push({src:h,srcPort:_,dstBlock:m}):i.push({src:h,srcPort:_,dstBlock:m})}for(let p of f){let h=E(a.get(p.dstBlock));t(p.src,p.srcPort,h)}}{let r=[];for(let l of Ln(s))l.srcNodes.length===0&&r.push(l);let c=new Set;for(let l of r){let u=l;for(;u.block===null&&u.srcNodes.length===0;)Cn(u),c.add(u),y(u.dstNodes.length===1),u=u.dstNodes[0]}for(let l of s)for(let u=l.length-1;u>=0;u--)c.has(l[u])&&l.splice(u,1)}for(let r of s){for(let c=0;c<r.length&&r[c].block===null;c++)r[c].flags|=gt;for(let c=r.length-1;c>=0&&r[c].block===null;c--)r[c].flags|=De}for(let r of s)for(let c of r){c.block?y(c.dstNodes.length===c.block.successors.length,`expected node ${c.id} for block ${c.block.id} to have ${c.block.successors.length} destination nodes, but got ${c.dstNodes.length} instead`):y(c.dstNodes.length===1,`expected dummy node ${c.id} to have only one destination node, but got ${c.dstNodes.length} instead`);for(let l=0;l<c.dstNodes.length;l++)y(c.dstNodes[l]!==void 0,`dst slot ${l} of node ${c.id} was undefined`)}return s}straightenEdges(t){let n=f=>{for(let p=0;p<f.length-1;p++){let h=f[p],_=f[p+1],m=h.block===null&&_.block!==null,g=h.pos.x+h.size.x+(m?P:0)+K;_.pos.x=Math.max(_.pos.x,g)}},o=()=>{for(let f of t)for(let p of f){if(p.block===null)continue;let h=p.block.loopID!==null?V(this.blocksByID.get(p.block.loopID)):null;if(h){let _=h.layoutNode;p.pos.x=Math.max(p.pos.x,_.pos.x)}}},s=()=>{let f=new Map;for(let p of Ft(t)){let h=p.dstBlock,_=p.pos.x;f.set(h,Math.max(f.get(h)??0,_))}for(let p of Ft(t)){let h=p.dstBlock,_=f.get(h);y(_,`no position for backedge ${h.id}`),p.pos.x=_}for(let p of t)n(p)},i=()=>{let f=new Map;for(let p of t){let h=0,_=0;for(;h<p.length;h++)if(!(p[h].flags&gt)){_=p[h].pos.x;break}for(h-=1,_-=K+P;h>=0;h--){let m=p[h];y(m.block===null&&m.flags&gt);let g=_;for(let v of m.srcNodes){let x=v.pos.x+v.dstNodes.indexOf(m)*A;x<g&&(g=x)}m.pos.x=g,_=m.pos.x-K,f.set(m.dstBlock,Math.min(f.get(m.dstBlock)??1/0,g))}}for(let p of Ft(t)){if(!(p.flags&gt))continue;let h=f.get(p.dstBlock);y(h,`no position for run to block ${p.dstBlock.id}`),p.pos.x=h}},a=()=>{for(let f=0;f<t.length-1;f++){let p=t[f];n(p);let h=-1;for(let _ of p)for(let[m,g]of _.dstNodes.entries()){let v=t[f+1].indexOf(g);if(v>h&&g.srcNodes[0]===_){let x=P+A*m,S=P,O=g.pos.x;g.pos.x=Math.max(g.pos.x,_.pos.x+x-S),g.pos.x!==O&&(h=v)}}}},r=()=>{for(let f of t){for(let p=f.length-1;p>=0;p--){let h=f[p];if(!h.block||h.block.attributes.includes("backedge"))continue;let _=[];for(let m of h.srcNodes){let g=P+m.dstNodes.indexOf(h)*A,v=P;_.push(m.pos.x+g-(h.pos.x+v))}for(let[m,g]of h.dstNodes.entries()){if(g.block===null&&g.dstBlock.attributes.includes("backedge"))continue;let v=P+m*A,x=P;_.push(g.pos.x+x-(h.pos.x+v))}if(!_.includes(0)){_=_.filter(m=>m>0).sort((m,g)=>m-g);for(let m of _){let g=!1;for(let v=p+1;v<f.length;v++){let x=f[v];if(x.flags&De)continue;let S=h.pos.x+m,O=h.pos.x+m+h.size.x,H=x.pos.x-K,st=x.pos.x+x.size.x+K;O>=H&&S<=st&&(g=!0)}if(!g){h.pos.x+=m;break}}}}n(f)}},c=()=>{for(let f=t.length-1;f>=0;f--){let p=t[f];n(p);for(let h of p)for(let _ of h.srcNodes){if(_.block!==null)continue;Math.abs(_.pos.x-h.pos.x)<=Oe&&(_.pos.x=Math.max(_.pos.x,h.pos.x),h.pos.x=Math.max(_.pos.x,h.pos.x))}}},l=()=>{for(let f=0;f<t.length;f++){let p=t[f];n(p);for(let h of p){if(h.dstNodes.length===0)continue;let _=h.dstNodes[0];if(_.block!==null)continue;Math.abs(_.pos.x-h.pos.x)<=Oe&&(_.pos.x=Math.max(_.pos.x,h.pos.x),h.pos.x=Math.max(_.pos.x,h.pos.x))}}};function u(f,p){let h=[];for(let _=0;_<p;_++)for(let m of f)h.push(m);return h}let d=[...u([a,o,s],kn),s,...u([c,l],xn),r,s,i];y(d.length<=(He.initial??1/0),`STOP_AT_PASS was too small - should be at least ${d.length}`),jt.group("Running passes");for(let[f,p]of d.entries())f<He&&(jt.log(p.name??p.toString()),p());jt.groupEnd()}finagleJoints(t){let n=[];for(let o of t){let s=[];for(let l of o)if(l.jointOffsets=new Array(l.dstNodes.length).fill(0),!l.block?.attributes.includes("backedge"))for(let[u,d]of l.dstNodes.entries()){let f=l.pos.x+P+A*u,p=d.pos.x+P;Math.abs(p-f)<2*j||s.push({x1:f,x2:p,src:l,srcPort:u,dst:d})}s.sort((l,u)=>l.x1-u.x1);let i=[],a=[];t:for(let l of s){let u=l.x2-l.x1>=0?i:a,d=null;for(let f=u.length-1;f>=0;f--){let p=u[f],h=!1;for(let _ of p){if(l.dst===_.dst){p.push(l);continue t}let m=Math.min(l.x1,l.x2),g=Math.max(l.x1,l.x2),v=Math.min(_.x1,_.x2),x=Math.max(_.x1,_.x2);if(g>=v&&m<=x){h=!0;break}}if(h)break;d=p}d?d.push(l):u.push([l])}let r=Math.max(0,i.length+a.length-1)*Be,c=-r/2;for(let l of[...i.reverse(),...a]){for(let u of l)u.src.jointOffsets[u.srcPort]=c;c+=Be}n.push(r)}return y(n.length===t.length),n}verticalize(t,n){let o=new Array(t.length),s=T;for(let i=0;i<t.length;i++){let a=t[i],r=0;for(let c of a)c.pos.y=s,r=Math.max(r,c.size.y);o[i]=r,s+=r+Q+n[i]+Q}return o}renderBlock(t){let n=document.createElement("div");this.graphContainer.appendChild(n),n.classList.add("ig-block","ig-bg-white");for(let r of t.attributes)n.classList.add(`ig-block-att-${r}`);n.setAttribute("data-ig-block-ptr",`${t.ptr}`),n.setAttribute("data-ig-block-id",`${t.id}`);let o="";t.attributes.includes("loopheader")?o=" (loop header)":t.attributes.includes("backedge")?o=" (backedge)":t.attributes.includes("splitedge")&&(o=" (split edge)");let s=document.createElement("div");s.classList.add("ig-block-header"),s.innerText=`Block ${t.id}${o}`,n.appendChild(s);let i=document.createElement("div");i.classList.add("ig-instructions"),n.appendChild(i);let a=document.createElement("table");if(t.lir){a.innerHTML=`
+  <script>"use strict";var iongraph=(()=>{var J=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var gt=Object.getOwnPropertyNames;var ft=Object.prototype.hasOwnProperty;var bt=(a,t)=>{for(var e in t)J(a,e,{get:t[e],enumerable:!0})},kt=(a,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of gt(t))!ft.call(a,i)&&i!==e&&J(a,i,{get:()=>t[i],enumerable:!(s=mt(t,i))||s.enumerable});return a};var yt=a=>kt(J({},"__esModule",{value:!0}),a);var Yt={};bt(Yt,{StandaloneUI:()=>et,WebUI:()=>tt});function X(a){a.version===void 0&&(a.version=0);for(let t of a.functions)xt(t,a.version);return a.version=1,a}function xt(a,t){for(let e of a.passes){for(let s of e.mir.blocks)wt(s,t);for(let s of e.lir.blocks)It(s,t)}return a}function wt(a,t){t===0&&(a.ptr=(a.id??a.number)+1,a.id=a.number);for(let e of a.instructions)vt(e,t);return a}function vt(a,t){return t===0&&(a.ptr=a.id),a}function It(a,t){t===0&&(a.ptr=a.id??a.number,a.id=a.number);for(let e of a.instructions)Lt(e,t);return a}function Lt(a,t){return t===0&&(a.ptr=a.id,a.mirPtr=null),a}function q(a,t,e){return Math.max(t,Math.min(e,a))}function R(a,t,e,s){return(a-t)*Math.pow(e,s)+t}function k(a,t,e=!1){if(!a)if(e)console.error(t??"Assertion failed");else throw new Error(t??"Assertion failed")}function L(a,t){return k(a,t),a}function Pt(a){return typeof a=="string"?document.createTextNode(a):a}function Bt(a,t){for(let e of t)e&&a.appendChild(Pt(e))}function x(a,t,e,s){let i=document.createElement(a);if(t&&t.length>0){let c=t.filter(l=>!!l);i.classList.add(...c)}return e?.(i),s&&Bt(i,s),i}var st=Object.prototype.hasOwnProperty;function E(a,t){var e,s;if(a===t)return!0;if(a&&t&&(e=a.constructor)===t.constructor){if(e===Date)return a.getTime()===t.getTime();if(e===RegExp)return a.toString()===t.toString();if(e===Array){if((s=a.length)===t.length)for(;s--&&E(a[s],t[s]););return s===-1}if(!e||typeof a=="object"){s=0;for(e in a)if(st.call(a,e)&&++s&&!st.call(t,e)||!(e in t)||!E(a[e],t[e]))return!1;return Object.keys(t).length===s}}return a!==a&&t!==t}function N(a,t,e={}){let s=t,i=[],c={get(){return s},set(l){s=l;for(let o of i)o(s)},valueOf(){return s},toString(){return String(s)},[Symbol.toPrimitive](l){return l==="string"?String(s):s},onChange(l){i.push(l)},initial:t,name:a,min:e.min??0,max:e.max??100,step:e.step??1};return(e.tweaksObject??K).add(c)}var F=class{constructor(t){this.container=t.container,this.tweaks=[],this.callbacks=[]}add(t){let e=this.tweaks.find(r=>r.name===t.name);if(e)return e;this.tweaks.push(t);let s=document.createElement("div");this.container.appendChild(s),s.style.display="flex",s.style.alignItems="center",s.style.justifyContent="end",s.style.gap="0.5rem";let i=t.name.replace(/[a-zA-Z0-9]/g,"_"),c=document.createElement("label");s.appendChild(c),c.innerText=t.name,c.htmlFor=`tweak-${i}-input`;let l=document.createElement("input");s.appendChild(l),l.type="number",l.value=String(t),l.id=`tweak-${i}-input`,l.style.width="4rem",l.addEventListener("input",()=>{t.set(l.valueAsNumber)});let o=document.createElement("input");s.appendChild(o),o.type="range",o.value=String(t),o.min=String(t.min),o.max=String(t.max),o.step=t.step===0?"any":String(t.step),o.addEventListener("input",()=>{t.set(o.valueAsNumber)});let n=document.createElement("button");return s.appendChild(n),n.innerText="Reset",n.disabled=t.get()===t.initial,n.addEventListener("click",()=>{t.set(t.initial)}),t.onChange(r=>{l.value=String(r),o.value=String(r),n.disabled=t.get()===t.initial;for(let d of this.callbacks)d(t)}),t}onTweak(t){this.callbacks.push(t)}},nt=document.createElement("div");nt.classList.add("tweaks-panel");var K=new F({container:nt});K.onTweak(a=>{window.dispatchEvent(new CustomEvent("tweak",{detail:a}))});window.tweaks=K;var Nt=document.createElement("div"),St=new F({container:Nt}),ot=N("Test Value",3,{tweaksObject:St});ot.set(4);ot=4;var dt=N("Debug?",0,{min:0,max:1}),P=20,C=44,I=16,S=60,T=12,H=36,it=16,D=16,Tt=N("Layout Iterations",2,{min:0,max:6}),rt=N("Nearly Straight Threshold",30,{min:0,max:200}),$t=N("Nearly Straight Iterations",8,{min:0,max:10}),at=N("Stop At Pass",30,{min:0,max:30}),Mt=1.5,Et=.01,Ct=1,Ht=.1,z=40;function _(a){return a.mir.attributes.includes("loopheader")}function Dt(a){return a.loopHeight!==void 0}function $(a){if(k(a),Dt(a))return a;throw new Error(`Block ${a.id} is not a pseudo LoopHeader`)}var j=1,lt=2,U=4,O=0,W=1,w=new Proxy(console,{get(a,t){let e=a[t];return typeof e!="function"?e:+dt?e.bind(a):()=>{}}}),V=class{constructor(t,e,s={}){this.viewport=t;let i=t.getBoundingClientRect();this.viewportSize={x:i.width,y:i.height},this.graphContainer=document.createElement("div"),this.graphContainer.classList.add("ig-graph"),this.graphContainer.style.transformOrigin="top left",this.viewport.appendChild(this.graphContainer),this.sampleCounts=s.sampleCounts,this.maxSampleCounts=[0,0],this.heatmapMode=O;for(let[n,r]of this.sampleCounts?.totalLineHits??[])this.maxSampleCounts[O]=Math.max(this.maxSampleCounts[O],r);for(let[n,r]of this.sampleCounts?.selfLineHits??[])this.maxSampleCounts[W]=Math.max(this.maxSampleCounts[W],r);this.size={x:0,y:0},this.numLayers=0,this.zoom=1,this.translation={x:0,y:0},this.animating=!1,this.targetZoom=1,this.targetTranslation={x:0,y:0},this.startMousePos={x:0,y:0},this.lastMousePos={x:0,y:0},this.selectedBlockPtrs=new Set,this.lastSelectedBlockPtr=0,this.nav={visited:[],currentIndex:-1,siblings:[]},this.highlightedInstructions=[],this.instructionPalette=s.instructionPalette??[0,1,2,3,4].map(n=>`var(--ig-highlight-${n})`),this.blocks=e.mir.blocks.map(n=>{let r={ptr:n.ptr,id:n.id,mir:n,lir:e.lir.blocks.find(d=>d.id===n.id)??null,preds:[],succs:[],el:void 0,size:{x:0,y:0},layer:-1,loopID:-1,layoutNode:void 0};if(r.mir.attributes.includes("loopheader")){let d=r;d.loopHeight=0,d.parentLoop=null,d.outgoingEdges=[]}return k(r.ptr,"blocks must always have non-null ptrs"),r}),this.blocksByID=new Map,this.blocksByPtr=new Map,this.insPtrsByID=new Map,this.insIDsByPtr=new Map,this.loops=[];for(let n of this.blocks){this.blocksByID.set(n.id,n),this.blocksByPtr.set(n.ptr,n);for(let r of n.mir.instructions)this.insPtrsByID.set(r.id,r.ptr),this.insIDsByPtr.set(r.ptr,r.id);if(n.lir)for(let r of n.lir.instructions)this.insPtrsByID.set(r.id,r.ptr),this.insIDsByPtr.set(r.ptr,r.id)}for(let n of this.blocks)if(n.preds=n.mir.predecessors.map(r=>L(this.blocksByID.get(r))),n.succs=n.mir.successors.map(r=>L(this.blocksByID.get(r))),_(n)){let r=n.preds.filter(d=>d.mir.attributes.includes("backedge"));k(r.length===1),n.backedge=r[0]}for(let n of this.blocks)n.el=this.renderBlock(n);for(let n of this.blocks)n.size={x:n.el.clientWidth,y:n.el.clientHeight};let[c,l,o]=this.layout();this.render(c,l,o),this.addEventListeners()}layout(){let[t,e]=this.findLayoutRoots();w.log("Layout roots:",t.map(l=>l.id));for(let l of[...t,...e]){let o=l;o.loopHeight=0,o.parentLoop=null,o.outgoingEdges=[],Object.defineProperty(o,"backedge",{get(){throw new Error("Accessed .backedge on a pseudo loop header! Don't do that.")},configurable:!0})}for(let l of t)w.group("findLoops"),this.findLoops(l),w.groupEnd();for(let l of t)w.group("layer"),this.layer(l),w.groupEnd();for(let l of e)l.layer=0,l.loopID=l.id;let s=this.makeLayoutNodes();this.straightenEdges(s);let i=this.finagleJoints(s),c=this.verticalize(s,i);return[s,c,i]}findLayoutRoots(){let t=[],e=[],s=this.blocks.filter(i=>i.preds.length===0);for(let i of s){let c=i;if(i.mir.attributes.includes("osr")){k(i.succs.length>0);let l=i.succs[0];c=l;for(let o=0;;o++){if(o>=1e7)throw new Error("likely infinite loop");let n=c.preds.filter(r=>!r.mir.attributes.includes("osr")&&!r.mir.attributes.includes("backedge"));if(n.length===0)break;c=n[0]}c!==l?e.push(i):c=i}t.includes(c)||t.push(c)}return[t,e]}findLoops(t,e=null){if(e===null&&(e=[t.id]),!(t.loopID>=0)){if(w.log("block:",t.id,t.mir.loopDepth,"loopIDsByDepth:",e),w.log(t.mir.attributes),_(t)){let s=e[e.length-1],i=$(this.blocksByID.get(s));t.parentLoop=i,e=[...e,t.id],w.log("Block",t.id,"is true loop header, loopIDsByDepth is now",e)}if(t.mir.loopDepth>e.length-1&&(t.mir.loopDepth=e.length-1,w.log("Block",t.id,"has been forced back to loop depth",t.mir.loopDepth)),t.mir.loopDepth<e.length-1&&(e=e.slice(0,t.mir.loopDepth+1),w.log("Block",t.id,"has low loop depth, therefore we exited a loop. loopIDsByDepth:",e)),t.loopID=e[t.mir.loopDepth],!t.mir.attributes.includes("backedge"))for(let s of t.succs)this.findLoops(s,e)}}layer(t,e=0){if(w.log("block",t.id,"layer",e),t.mir.attributes.includes("backedge")){t.layer=t.succs[0].layer;return}if(e<=t.layer)return;t.layer=Math.max(t.layer,e),this.numLayers=Math.max(t.layer+1,this.numLayers);let s=$(this.blocksByID.get(t.loopID));for(;s;)s.loopHeight=Math.max(s.loopHeight,t.layer-s.layer+1),s=s.parentLoop;for(let i of t.succs)i.mir.loopDepth<t.mir.loopDepth?$(this.blocksByID.get(t.loopID)).outgoingEdges.push(i):this.layer(i,e+1);if(_(t))for(let i of t.outgoingEdges)this.layer(i,e+t.loopHeight)}makeLayoutNodes(){w.group("makeLayoutNodes");function t(o,n,r){o.dstNodes[n]=r,r.srcNodes.includes(o)||r.srcNodes.push(o),w.log("connected",o.id,"to",r.id)}let e;{let o={};for(let n of this.blocks)o[n.layer]||(o[n.layer]=[]),o[n.layer].push(n);e=Object.entries(o).map(([n,r])=>[Number(n),r]).sort((n,r)=>n[0]-r[0]).map(([n,r])=>r)}let s=0,i=e.map(()=>[]),c=[],l=new Map;for(let[o,n]of e.entries()){w.group("layer",o,"blocks",n.map(u=>u.id));let r=[];for(let u of n)for(let h=c.length-1;h>=0;h--){let p=c[h];p.dstBlock===u&&(r.unshift(p),c.splice(h,1))}let d=new Map;for(let u of c){let h,p=d.get(u.dstBlock.id);if(p)t(u.src,u.srcPort,p),h=p;else{let m={id:s++,pos:{x:P,y:P},size:{x:0,y:0},block:null,srcNodes:[],dstNodes:[],dstBlock:u.dstBlock,jointOffsets:[],flags:0};t(u.src,u.srcPort,m),i[o].push(m),d.set(u.dstBlock.id,m),h=m,w.log("Created dummy",h.id,"on the way to block",u.dstBlock.id)}u.src=h,u.srcPort=0}let b=[];for(let u of n){let h=$(this.blocksByID.get(u.loopID));for(;_(h);){let p=b.find(f=>f.loopID===h.id);p?p.block=u:b.push({loopID:h.id,block:u});let m=h.parentLoop;if(!m)break;h=m}}let g=[];for(let u of n){let h={id:s++,pos:{x:P,y:P},size:u.size,block:u,srcNodes:[],dstNodes:[],jointOffsets:[],flags:0};for(let p of r)p.dstBlock===u&&t(p.src,p.srcPort,h);i[o].push(h),u.layoutNode=h;for(let p of b.filter(m=>m.block===u)){let m=$(this.blocksByID.get(p.loopID)).backedge,f={id:s++,pos:{x:P,y:P},size:{x:0,y:0},block:null,srcNodes:[],dstNodes:[],dstBlock:m,jointOffsets:[],flags:0},y=l.get(m);y?t(f,0,y):(f.flags|=U,t(f,0,m.layoutNode)),i[o].push(f),l.set(m,f)}if(u.mir.attributes.includes("backedge"))t(u.layoutNode,0,u.succs[0].layoutNode);else for(let[p,m]of u.succs.entries())m.mir.attributes.includes("backedge")?g.push({src:h,srcPort:p,dstBlock:m}):c.push({src:h,srcPort:p,dstBlock:m})}for(let u of g){let h=L(l.get(u.dstBlock));t(u.src,u.srcPort,h)}w.groupEnd()}w.log("Pruning backedge dummies");{let o=[];for(let r of At(i))r.srcNodes.length===0&&o.push(r);let n=new Set;for(let r of o){let d=r;for(;d.block===null&&d.srcNodes.length===0;)Ot(d),n.add(d),k(d.dstNodes.length===1),d=d.dstNodes[0]}for(let r of i)for(let d=r.length-1;d>=0;d--)n.has(r[d])&&r.splice(d,1)}w.log("Marking leftmost and rightmost dummies");for(let o of i){for(let n=0;n<o.length&&o[n].block===null;n++)o[n].flags|=j;for(let n=o.length-1;n>=0&&o[n].block===null;n--)o[n].flags|=lt}w.log("Verifying integrity of all nodes");for(let o of i)for(let n of o){n.block?k(n.dstNodes.length===n.block.succs.length,`expected node ${n.id} for block ${n.block.id} to have ${n.block.succs.length} destination nodes, but got ${n.dstNodes.length} instead`):k(n.dstNodes.length===1,`expected dummy node ${n.id} to have only one destination node, but got ${n.dstNodes.length} instead`);for(let r=0;r<n.dstNodes.length;r++)k(n.dstNodes[r]!==void 0,`dst slot ${r} of node ${n.id} was undefined`)}return w.groupEnd(),i}straightenEdges(t){let e=g=>{for(let u=0;u<g.length-1;u++){let h=g[u],p=g[u+1],m=h.block===null&&p.block!==null,f=h.pos.x+h.size.x+(m?I:0)+C;p.pos.x=Math.max(p.pos.x,f)}},s=()=>{for(let g of t)for(let u of g){if(u.block===null)continue;let h=u.block.loopID!==null?$(this.blocksByID.get(u.block.loopID)):null;if(h){let p=h.layoutNode;u.pos.x=Math.max(u.pos.x,p.pos.x)}}},i=()=>{let g=new Map;for(let u of Q(t)){let h=u.dstBlock,p=u.pos.x;g.set(h,Math.max(g.get(h)??0,p))}for(let u of Q(t)){let h=u.dstBlock,p=g.get(h);k(p,`no position for backedge ${h.id}`),u.pos.x=p}for(let u of t)e(u)},c=()=>{let g=new Map;for(let u of t){let h=0,p=0;for(;h<u.length;h++)if(!(u[h].flags&j)){p=u[h].pos.x;break}for(h-=1,p-=C+I;h>=0;h--){let m=u[h];k(m.block===null&&m.flags&j);let f=p;for(let y of m.srcNodes){let v=y.pos.x+y.dstNodes.indexOf(m)*S;v<f&&(f=v)}m.pos.x=f,p=m.pos.x-C,g.set(m.dstBlock,Math.min(g.get(m.dstBlock)??1/0,f))}}for(let u of Q(t)){if(!(u.flags&j))continue;let h=g.get(u.dstBlock);k(h,`no position for run to block ${u.dstBlock.id}`),u.pos.x=h}},l=()=>{for(let g=0;g<t.length-1;g++){let u=t[g];e(u);let h=-1;for(let p of u)for(let[m,f]of p.dstNodes.entries()){let y=t[g+1].indexOf(f);if(y>h&&f.srcNodes[0]===p){let v=I+S*m,B=I,Z=f.pos.x;f.pos.x=Math.max(f.pos.x,p.pos.x+v-B),f.pos.x!==Z&&(h=y)}}}},o=()=>{for(let g of t){for(let u=g.length-1;u>=0;u--){let h=g[u];if(!h.block||h.block.mir.attributes.includes("backedge"))continue;let p=[];for(let m of h.srcNodes){let f=I+m.dstNodes.indexOf(h)*S,y=I;p.push(m.pos.x+f-(h.pos.x+y))}for(let[m,f]of h.dstNodes.entries()){if(f.block===null&&f.dstBlock.mir.attributes.includes("backedge"))continue;let y=I+m*S,v=I;p.push(f.pos.x+v-(h.pos.x+y))}if(!p.includes(0)){p=p.filter(m=>m>0).sort((m,f)=>m-f);for(let m of p){let f=!1;for(let y=u+1;y<g.length;y++){let v=g[y];if(v.flags&lt)continue;let B=h.pos.x+m,Z=h.pos.x+m+h.size.x,ht=v.pos.x-C,pt=v.pos.x+v.size.x+C;Z>=ht&&B<=pt&&(f=!0)}if(!f){h.pos.x+=m;break}}}}e(g)}},n=()=>{for(let g=t.length-1;g>=0;g--){let u=t[g];e(u);for(let h of u)for(let p of h.srcNodes){if(p.block!==null)continue;Math.abs(p.pos.x-h.pos.x)<=rt&&(p.pos.x=Math.max(p.pos.x,h.pos.x),h.pos.x=Math.max(p.pos.x,h.pos.x))}}},r=()=>{for(let g=0;g<t.length;g++){let u=t[g];e(u);for(let h of u){if(h.dstNodes.length===0)continue;let p=h.dstNodes[0];if(p.block!==null)continue;Math.abs(p.pos.x-h.pos.x)<=rt&&(p.pos.x=Math.max(p.pos.x,h.pos.x),h.pos.x=Math.max(p.pos.x,h.pos.x))}}};function d(g,u){let h=[];for(let p=0;p<u;p++)for(let m of g)h.push(m);return h}let b=[...d([l,s,i],Tt),i,...d([n,r],$t),o,i,c];k(b.length<=(at.initial??1/0),`STOP_AT_PASS was too small - should be at least ${b.length}`),w.group("Running passes");for(let[g,u]of b.entries())g<at&&(w.log(u.name??u.toString()),u());w.groupEnd()}finagleJoints(t){let e=[];for(let s of t){let i=[];for(let r of s)if(r.jointOffsets=new Array(r.dstNodes.length).fill(0),!r.block?.mir.attributes.includes("backedge"))for(let[d,b]of r.dstNodes.entries()){let g=r.pos.x+I+S*d,u=b.pos.x+I;Math.abs(u-g)<2*T||i.push({x1:g,x2:u,src:r,srcPort:d,dst:b})}i.sort((r,d)=>r.x1-d.x1);let c=[],l=[];t:for(let r of i){let d=r.x2-r.x1>=0?c:l,b=null;for(let g=d.length-1;g>=0;g--){let u=d[g],h=!1;for(let p of u){if(r.dst===p.dst){u.push(r);continue t}let m=Math.min(r.x1,r.x2),f=Math.max(r.x1,r.x2),y=Math.min(p.x1,p.x2),v=Math.max(p.x1,p.x2);if(f>=y&&m<=v){h=!0;break}}if(h)break;b=u}b?b.push(r):d.push([r])}let o=Math.max(0,c.length+l.length-1)*it,n=-o/2;for(let r of[...c.reverse(),...l]){for(let d of r)d.src.jointOffsets[d.srcPort]=n;n+=it}e.push(o)}return k(e.length===t.length),e}verticalize(t,e){let s=new Array(t.length),i=P;for(let c=0;c<t.length;c++){let l=t[c],o=0;for(let n of l)n.pos.y=i,o=Math.max(o,n.size.y);s[c]=o,i+=o+H+e[c]+H}return s}renderBlock(t){let e=document.createElement("div");this.graphContainer.appendChild(e),e.classList.add("ig-block","ig-bg-white");for(let o of t.mir.attributes)e.classList.add(`ig-block-att-${o}`);e.setAttribute("data-ig-block-ptr",`${t.ptr}`),e.setAttribute("data-ig-block-id",`${t.id}`);let s="";t.mir.attributes.includes("loopheader")?s=" (loop header)":t.mir.attributes.includes("backedge")?s=" (backedge)":t.mir.attributes.includes("splitedge")&&(s=" (split edge)");let i=document.createElement("div");i.classList.add("ig-block-header"),i.innerText=`Block ${t.id}${s}`,e.appendChild(i);let c=document.createElement("div");c.classList.add("ig-instructions"),e.appendChild(c);let l=document.createElement("table");if(t.lir){l.innerHTML=`
         <colgroup>
           <col style="width: 1px">
           <col style="width: auto">
@@ -531,16 +534,18 @@ body {
             </tr>
           </thead>
         `:""}
-      `;for(let r of t.lir.instructions)a.appendChild(this.renderLIRInstruction(r))}else{a.innerHTML=`
+      `;for(let o of t.lir.instructions)l.appendChild(this.renderLIRInstruction(o))}else{l.innerHTML=`
         <colgroup>
           <col style="width: 1px">
           <col style="width: auto">
           <col style="width: 1px">
         </colgroup>
-      `;for(let r of t.instructions)a.appendChild(this.renderMIRInstruction(r))}if(i.appendChild(a),t.successors.length===2)for(let[r,c]of[1,0].entries()){let l=document.createElement("div");l.innerText=`${c}`,l.classList.add("ig-edge-label"),l.style.left=`${P+A*r}px`,n.appendChild(l)}return s.addEventListener("pointerdown",r=>{r.preventDefault(),r.stopPropagation()}),s.addEventListener("click",r=>{r.stopPropagation(),r.shiftKey||this.selectedBlockPtrs.clear(),this.setSelection([],t.ptr)}),n}render(t,n,o){for(let c of t)for(let l of c)if(l.block!==null){let u=l.block;u.el.style.left=`${l.pos.x}px`,u.el.style.top=`${l.pos.y}px`}let s=0,i=0;for(let c of t)for(let l of c)s=Math.max(s,l.pos.x+l.size.x+T),i=Math.max(i,l.pos.y+l.size.y+T);let a=document.createElementNS("http://www.w3.org/2000/svg","svg");this.graphContainer.appendChild(a);let r=(c,l)=>{for(let u of c)s=Math.max(s,u+T);for(let u of l)i=Math.max(i,u+T)};for(let c=0;c<t.length;c++){let l=t[c];for(let u of l){u.block||y(u.dstNodes.length===1,`dummy nodes must have exactly one destination, but dummy ${u.id} had ${u.dstNodes.length}`),y(u.dstNodes.length===u.jointOffsets.length,"must have a joint offset for each destination");for(let[d,f]of u.dstNodes.entries()){let p=u.pos.x+P+A*d,h=u.pos.y+u.size.y;if(u.block?.attributes.includes("backedge")){let _=u.block.succs[0],m=u.pos.x,g=u.pos.y+tt,v=_.layoutNode.pos.x+_.size.x,x=_.layoutNode.pos.y+tt,S=Bn(m,g,v,x);a.appendChild(S),r([m,v],[g,x])}else if(u.flags&Rt){let _=E(f.block),m=u.pos.x+P,g=u.pos.y+tt+j,v=_.layoutNode.pos.x+_.size.x,x=_.layoutNode.pos.y+tt,S=$n(m,g,v,x);a.appendChild(S),r([m,v],[g,x])}else if(f.block===null&&f.dstBlock.attributes.includes("backedge")){let _=f.pos.x+P,m=f.pos.y+(f.flags&Rt?tt+j:0);if(u.block===null){let g=h-Q,v=Tn(p,h,_,m,g,!1);a.appendChild(v),r([p,_],[h,m,g])}else{let g=h-u.size.y+n[c]+Q+o[c]/2+u.jointOffsets[d],v=Mn(p,h,_,m,g);a.appendChild(v),r([p,_],[h,m,g])}}else{let _=f.pos.x+P,m=f.pos.y,g=h-u.size.y+n[c]+Q+o[c]/2+u.jointOffsets[d],v=En(p,h,_,m,g,f.block!==null);a.appendChild(v),r([p,_],[h,m,g])}}}}if(a.setAttribute("width",`${s}`),a.setAttribute("height",`${i}`),this.size={x:s,y:i},+Ae)for(let c of t)for(let l of c){let u=document.createElement("div");u.innerHTML=`${l.id}<br>&lt;- ${l.srcNodes.map(d=>d.id)}<br>-&gt; ${l.dstNodes.map(d=>d.id)}<br>${l.flags}`,u.style.position="absolute",u.style.border="1px solid black",u.style.backgroundColor="white",u.style.left=`${l.pos.x}px`,u.style.top=`${l.pos.y}px`,u.style.whiteSpace="nowrap",this.graphContainer.appendChild(u)}this.updateHighlightedInstructions(),this.updateHotness()}renderMIRInstruction(t){let n=t.opcode.replace("->","\u2192").replace("<-","\u2190"),o=document.createElement("tr");o.classList.add("ig-ins","ig-ins-mir","ig-can-flash",...t.attributes.map(r=>`ig-ins-att-${r}`)),o.setAttribute("data-ig-ins-ptr",`${t.ptr}`),o.setAttribute("data-ig-ins-id",`${t.id}`);let s=document.createElement("td");s.classList.add("ig-ins-num"),s.innerText=`v${t.id}`,o.appendChild(s);let i=document.createElement("td");i.innerHTML=n.replace(/(v)(\d+)/g,(r,c,l)=>`<span class="ig-use ig-highlightable" data-ig-use="${l}">${c}${l}</span>`),o.appendChild(i);let a=document.createElement("td");return a.classList.add("ig-ins-type"),a.innerText=t.type==="None"?"":t.type,o.appendChild(a),s.addEventListener("pointerdown",r=>{r.preventDefault(),r.stopPropagation()}),s.addEventListener("click",()=>{this.toggleInstructionHighlight(t.ptr)}),i.querySelectorAll(".ig-use").forEach(r=>{r.addEventListener("pointerdown",c=>{c.preventDefault(),c.stopPropagation()}),r.addEventListener("click",c=>{let l=parseInt(E(r.getAttribute("data-ig-use")),10);this.jumpToInstruction(l,{zoom:1})})}),o}renderLIRInstruction(t){let n=t.opcode.replace("->","\u2192").replace("<-","\u2190"),o=document.createElement("tr");o.classList.add("ig-ins","ig-ins-lir","ig-hotness"),o.setAttribute("data-ig-ins-ptr",`${t.ptr}`),o.setAttribute("data-ig-ins-id",`${t.id}`);let s=document.createElement("td");s.classList.add("ig-ins-num"),s.innerText=String(t.id),o.appendChild(s);let i=document.createElement("td");if(i.innerText=n,o.appendChild(i),this.sampleCounts){let a=this.sampleCounts?.totalLineHits.get(t.id)??0,r=this.sampleCounts?.selfLineHits.get(t.id)??0,c=document.createElement("td");c.classList.add("ig-ins-samples"),c.classList.toggle("ig-text-dim",a===0),c.innerText=`${a}`,c.title="Color by total count",o.appendChild(c);let l=document.createElement("td");l.classList.add("ig-ins-samples"),l.classList.toggle("ig-text-dim",r===0),l.innerText=`${r}`,l.title="Color by self count",o.appendChild(l);for(let[u,d]of[c,l].entries())d.addEventListener("pointerdown",f=>{f.preventDefault(),f.stopPropagation()}),d.addEventListener("click",()=>{y(u===et||u===At),this.heatmapMode=u,this.updateHotness()})}return s.addEventListener("pointerdown",a=>{a.preventDefault(),a.stopPropagation()}),s.addEventListener("click",()=>{this.toggleInstructionHighlight(t.ptr)}),o}renderSelection(){this.graphContainer.querySelectorAll(".ig-block").forEach(t=>{let n=parseInt(E(t.getAttribute("data-ig-block-ptr")),10);t.classList.toggle("ig-selected",this.selectedBlockPtrs.has(n)),t.classList.toggle("ig-last-selected",this.lastSelectedBlockPtr===n)})}removeNonexistentHighlights(){this.highlightedInstructions=this.highlightedInstructions.filter(t=>this.graphContainer.querySelector(`.ig-ins[data-ig-ins-ptr="${t.ptr}"]`))}updateHighlightedInstructions(){for(let t of this.highlightedInstructions)y(this.highlightedInstructions.filter(n=>n.ptr===t.ptr).length===1,`instruction ${t.ptr} was highlighted more than once`);this.graphContainer.querySelectorAll(".ig-ins, .ig-use").forEach(t=>{On(t)});for(let t of this.highlightedInstructions){let n=this.instructionPalette[t.paletteColor%this.instructionPalette.length],o=this.graphContainer.querySelector(`.ig-ins[data-ig-ins-ptr="${t.ptr}"]`);if(o){Re(o,n);let s=this.insIDsByPtr.get(t.ptr);this.graphContainer.querySelectorAll(`.ig-use[data-ig-use="${s}"]`).forEach(i=>{Re(i,n)})}}}updateHotness(){this.graphContainer.querySelectorAll(".ig-ins-lir").forEach(t=>{y(t.classList.contains("ig-hotness"));let n=parseInt(E(t.getAttribute("data-ig-ins-id")),10),o=0;this.sampleCounts&&(o=((this.heatmapMode===et?this.sampleCounts.totalLineHits:this.sampleCounts.selfLineHits).get(n)??0)/this.maxSampleCounts[this.heatmapMode]),t.style.setProperty("--ig-hotness",`${o}`)})}addEventListeners(){this.viewport.addEventListener("wheel",n=>{n.preventDefault();let o=this.zoom;if(n.ctrlKey){o=Math.max(Pn,Math.min(Sn,this.zoom*Math.pow(wn,-n.deltaY*In)));let i=o/this.zoom-1;this.zoom=o;let{x:a,y:r}=this.viewport.getBoundingClientRect(),c=n.clientX-a-this.translation.x,l=n.clientY-r-this.translation.y;this.translation.x-=c*i,this.translation.y-=l*i}else this.translation.x-=n.deltaX,this.translation.y-=n.deltaY;let s=this.clampTranslation(this.translation,o);this.translation.x=s.x,this.translation.y=s.y,this.animating=!1,this.updatePanAndZoom()}),this.viewport.addEventListener("pointerdown",n=>{n.pointerType==="mouse"&&!(n.button===0||n.button===1)||(n.preventDefault(),this.viewport.setPointerCapture(n.pointerId),this.startMousePos={x:n.clientX,y:n.clientY},this.lastMousePos={x:n.clientX,y:n.clientY},this.animating=!1)}),this.viewport.addEventListener("pointermove",n=>{if(!this.viewport.hasPointerCapture(n.pointerId))return;let o=n.clientX-this.lastMousePos.x,s=n.clientY-this.lastMousePos.y;this.translation.x+=o,this.translation.y+=s,this.lastMousePos={x:n.clientX,y:n.clientY};let i=this.clampTranslation(this.translation,this.zoom);this.translation.x=i.x,this.translation.y=i.y,this.animating=!1,this.updatePanAndZoom()}),this.viewport.addEventListener("pointerup",n=>{this.viewport.releasePointerCapture(n.pointerId);let o=2,s=this.startMousePos.x-n.clientX,i=this.startMousePos.y-n.clientY;Math.abs(s)<=o&&Math.abs(i)<=o&&this.setSelection([]),this.animating=!1}),new ResizeObserver(n=>{y(n.length===1);let o=n[0].contentRect;this.viewportSize.x=o.width,this.viewportSize.y=o.height}).observe(this.viewport)}setSelection(t,n=0){this.setSelectionRaw(t,n),n?this.nav={visited:[n],currentIndex:0,siblings:[n]}:this.nav={visited:[],currentIndex:-1,siblings:[]}}setSelectionRaw(t,n){this.selectedBlockPtrs.clear();for(let o of[...t,n])this.blocksByPtr.has(o)&&this.selectedBlockPtrs.add(o);this.lastSelectedBlockPtr=this.blocksByPtr.has(n)?n:0,this.renderSelection()}navigate(t){let n=this.lastSelectedBlockPtr;if(t==="down"||t==="up")if(n){let o=E(this.blocksByPtr.get(n)),s=(t==="down"?o.successors:o.predecessors).map(a=>E(this.blocksByID.get(a)).ptr);o.ptr!==this.nav.visited[this.nav.currentIndex]&&(this.nav.visited=[o.ptr],this.nav.currentIndex=0);let i=this.nav.currentIndex+(t==="down"?1:-1);if(0<=i&&i<this.nav.visited.length)this.nav.currentIndex=i,this.nav.siblings=s;else{let a=s[0];a!==void 0&&(t==="down"?(this.nav.visited.push(a),this.nav.currentIndex+=1,y(this.nav.currentIndex===this.nav.visited.length-1)):(this.nav.visited.unshift(a),y(this.nav.currentIndex===0)),this.nav.siblings=s)}this.setSelectionRaw([],this.nav.visited[this.nav.currentIndex])}else{let o=this.blocksInOrder,s=o.filter(c=>c.predecessors.length===0),i=o.filter(c=>c.successors.length===0),a=t==="down"?s:i,r=a[0];y(r),this.setSelectionRaw([],r.ptr),this.nav={visited:[r.ptr],currentIndex:0,siblings:a.map(c=>c.ptr)}}else if(n!==void 0){let o=this.nav.siblings.indexOf(n);y(o>=0,"currently selected node should be in siblings array");let s=o+(t==="right"?1:-1);0<=s&&s<this.nav.siblings.length&&this.setSelectionRaw([],this.nav.siblings[s])}y(this.nav.visited.length===0||this.nav.siblings.includes(this.nav.visited[this.nav.currentIndex]),"expected currently visited node to be in the siblings array"),y(this.lastSelectedBlockPtr===0||this.nav.siblings.includes(this.lastSelectedBlockPtr),"expected currently selected block to be in siblings array")}toggleInstructionHighlight(t,n){this.removeNonexistentHighlights();let o=this.highlightedInstructions.findIndex(i=>i.ptr===t),s=o>=0;if(n!==void 0&&(s=!n),s)o>=0&&this.highlightedInstructions.splice(o,1);else if(o<0){let i=0;for(;;){if(this.highlightedInstructions.find(a=>a.paletteColor===i)){i+=1;continue}break}this.highlightedInstructions.push({ptr:t,paletteColor:i})}this.updateHighlightedInstructions()}clampTranslation(t,n){let o=_t-this.size.x*n,s=this.viewportSize.x-_t,i=_t-this.size.y*n,a=this.viewportSize.y-_t,r=Dt(t.x,o,s),c=Dt(t.y,i,a);return{x:r,y:c}}updatePanAndZoom(){let t=this.clampTranslation(this.translation,this.zoom);this.graphContainer.style.transform=`translate(${t.x}px, ${t.y}px) scale(${this.zoom})`}graph2viewport(t,n=this.translation,o=this.zoom){return{x:t.x*o+n.x,y:t.y*o+n.y}}viewport2graph(t,n=this.translation,o=this.zoom){return{x:(t.x-n.x)/o,y:(t.y-n.y)/o}}async goToGraphCoordinates(t,{zoom:n=this.zoom,animate:o=!0}){let s={x:-t.x*n,y:-t.y*n};if(!o){this.animating=!1,this.translation.x=s.x,this.translation.y=s.y,this.zoom=n,this.updatePanAndZoom(),await new Promise(a=>setTimeout(a,0));return}if(this.targetTranslation=s,this.targetZoom=n,this.animating)return;this.animating=!0;let i=performance.now();for(;this.animating;){let a=await new Promise(h=>requestAnimationFrame(h)),r=(a-i)/1e3;i=a;let c=1,l=.01,u=1e-6,d=this.targetTranslation.x-this.translation.x,f=this.targetTranslation.y-this.translation.y,p=this.targetZoom-this.zoom;if(this.translation.x=ht(this.translation.x,this.targetTranslation.x,u,r),this.translation.y=ht(this.translation.y,this.targetTranslation.y,u,r),this.zoom=ht(this.zoom,this.targetZoom,u,r),this.updatePanAndZoom(),Math.abs(d)<=c&&Math.abs(f)<=c&&Math.abs(p)<=l){this.translation.x=this.targetTranslation.x,this.translation.y=this.targetTranslation.y,this.zoom=this.targetZoom,this.animating=!1,this.updatePanAndZoom();break}}await new Promise(a=>setTimeout(a,0))}jumpToBlock(t,{zoom:n=this.zoom,animate:o=!0,viewportPos:s}={}){let i=this.blocksByPtr.get(t);if(!i)return Promise.resolve();let a;return s?a={x:i.layoutNode.pos.x-s.x/n,y:i.layoutNode.pos.y-s.y/n}:a=this.graphPosToCenterRect(i.layoutNode.pos,i.layoutNode.size,n),this.goToGraphCoordinates(a,{zoom:n,animate:o})}async jumpToInstruction(t,{zoom:n=this.zoom,animate:o=!0}){let s=this.graphContainer.querySelector(`.ig-ins[data-ig-ins-id="${t}"]`);if(!s)return;let i=s.getBoundingClientRect(),a=this.graphContainer.getBoundingClientRect(),r=(i.x-a.x)/this.zoom,c=(i.y-a.y)/this.zoom,l=i.width/this.zoom,u=i.height/this.zoom,d=this.graphPosToCenterRect({x:r,y:c},{x:l,y:u},n);s.classList.add("ig-flash"),await this.goToGraphCoordinates(d,{zoom:n,animate:o}),s.classList.remove("ig-flash")}graphPosToCenterRect(t,n,o){let s=this.viewportSize.x/o,i=this.viewportSize.y/o,a=Math.max(20/o,(s-n.x)/2),r=Math.max(20/o,(i-n.y)/2),c=t.x-a,l=t.y-r;return{x:c,y:l}}exportState(){let t={translation:this.translation,zoom:this.zoom,heatmapMode:this.heatmapMode,highlightedInstructions:this.highlightedInstructions,selectedBlockPtrs:this.selectedBlockPtrs,lastSelectedBlockPtr:this.lastSelectedBlockPtr,viewportPosOfSelectedBlock:void 0};return this.lastSelectedBlockPtr&&(t.viewportPosOfSelectedBlock=this.graph2viewport(E(this.blocksByPtr.get(this.lastSelectedBlockPtr)).layoutNode.pos)),t}restoreState(t,n){this.translation.x=t.translation.x,this.translation.y=t.translation.y,this.zoom=t.zoom,this.heatmapMode=t.heatmapMode,this.highlightedInstructions=t.highlightedInstructions,this.setSelection(Array.from(t.selectedBlockPtrs),t.lastSelectedBlockPtr),this.updatePanAndZoom(),this.updateHotness(),this.updateHighlightedInstructions(),n.preserveSelectedBlockPosition&&this.jumpToBlock(this.lastSelectedBlockPtr,{zoom:this.zoom,animate:!1,viewportPos:t.viewportPosOfSelectedBlock})}};function Cn(e){for(let t of e.dstNodes){let n=t.srcNodes.indexOf(e);y(n!==-1),t.srcNodes.splice(n,1)}}function*Ft(e){for(let t of e)for(let n of t)n.block===null&&(yield n)}function*Ln(e){for(let t of e)for(let n of t)n.block===null&&n.dstBlock.attributes.includes("backedge")&&(yield n)}function En(e,t,n,o,s,i,a=1){let r=j;y(t+r<=s&&s<o-r,`downward arrow: x1 = ${e}, y1 = ${t}, x2 = ${n}, y2 = ${o}, ym = ${s}, r = ${r} `,!0),a%2===1&&(e+=.5,n+=.5,s+=.5);let c="";if(c+=`M ${e} ${t} `,Math.abs(n-e)<2*r)c+=`C ${e} ${t+(o-t)/3} ${n} ${t+2*(o-t)/3} ${n} ${o} `;else{let d=Math.sign(n-e);c+=`L ${e} ${s-r} `,c+=`A ${r} ${r} 0 0 ${d>0?0:1} ${e+r*d} ${s} `,c+=`L ${n-r*d} ${s} `,c+=`A ${r} ${r} 0 0 ${d>0?1:0} ${n} ${s+r} `,c+=`L ${n} ${o} `}let l=document.createElementNS("http://www.w3.org/2000/svg","g"),u=document.createElementNS("http://www.w3.org/2000/svg","path");if(u.setAttribute("d",c),u.setAttribute("fill","none"),u.setAttribute("stroke","black"),u.setAttribute("stroke-width",`${a} `),l.appendChild(u),i){let d=bt(n,o,180);l.appendChild(d)}return l}function Tn(e,t,n,o,s,i,a=1){let r=j;y(o+r<=s&&s<=t-r,`upward arrow: x1 = ${e}, y1 = ${t}, x2 = ${n}, y2 = ${o}, ym = ${s}, r = ${r} `,!0),a%2===1&&(e+=.5,n+=.5,s+=.5);let c="";if(c+=`M ${e} ${t} `,Math.abs(n-e)<2*r)c+=`C ${e} ${t+(o-t)/3} ${n} ${t+2*(o-t)/3} ${n} ${o} `;else{let d=Math.sign(n-e);c+=`L ${e} ${s+r} `,c+=`A ${r} ${r} 0 0 ${d>0?1:0} ${e+r*d} ${s} `,c+=`L ${n-r*d} ${s} `,c+=`A ${r} ${r} 0 0 ${d>0?0:1} ${n} ${s-r} `,c+=`L ${n} ${o} `}let l=document.createElementNS("http://www.w3.org/2000/svg","g"),u=document.createElementNS("http://www.w3.org/2000/svg","path");if(u.setAttribute("d",c),u.setAttribute("fill","none"),u.setAttribute("stroke","black"),u.setAttribute("stroke-width",`${a} `),l.appendChild(u),i){let d=bt(n,o,0);l.appendChild(d)}return l}function $n(e,t,n,o,s=1){let i=j;y(t-i>=o&&e-i>=n,`to backedge: x1 = ${e}, y1 = ${t}, x2 = ${n}, y2 = ${o}, r = ${i} `,!0),s%2===1&&(e+=.5,o+=.5);let a="";a+=`M ${e} ${t} `,a+=`A ${i} ${i} 0 0 0 ${e-i} ${o} `,a+=`L ${n} ${o} `;let r=document.createElementNS("http://www.w3.org/2000/svg","g"),c=document.createElementNS("http://www.w3.org/2000/svg","path");c.setAttribute("d",a),c.setAttribute("fill","none"),c.setAttribute("stroke","black"),c.setAttribute("stroke-width",`${s} `),r.appendChild(c);let l=bt(n,o,270);return r.appendChild(l),r}function Mn(e,t,n,o,s,i=1){let a=j;y(t+a<=s&&e<=n&&o<=t,`block to backedge dummy: x1 = ${e}, y1 = ${t}, x2 = ${n}, y2 = ${o}, ym = ${s}, r = ${a} `,!0),i%2===1&&(e+=.5,n+=.5,s+=.5);let r="";r+=`M ${e} ${t} `,r+=`L ${e} ${s-a} `,r+=`A ${a} ${a} 0 0 0 ${e+a} ${s} `,r+=`L ${n-a} ${s} `,r+=`A ${a} ${a} 0 0 0 ${n} ${s-a} `,r+=`L ${n} ${o} `;let c=document.createElementNS("http://www.w3.org/2000/svg","g"),l=document.createElementNS("http://www.w3.org/2000/svg","path");return l.setAttribute("d",r),l.setAttribute("fill","none"),l.setAttribute("stroke","black"),l.setAttribute("stroke-width",`${i} `),c.appendChild(l),c}function Bn(e,t,n,o,s=1){y(n<e&&o===t,`x1 = ${e}, y1 = ${t}, x2 = ${n}, y2 = ${o} `,!0),s%2===1&&(t+=.5,o+=.5);let i="";i+=`M ${e} ${t} `,i+=`L ${n} ${o} `;let a=document.createElementNS("http://www.w3.org/2000/svg","g"),r=document.createElementNS("http://www.w3.org/2000/svg","path");r.setAttribute("d",i),r.setAttribute("fill","none"),r.setAttribute("stroke","black"),r.setAttribute("stroke-width",`${s} `),a.appendChild(r);let c=bt(n,o,270);return a.appendChild(c),a}function bt(e,t,n,o=5){let s=document.createElementNS("http://www.w3.org/2000/svg","path");return s.setAttribute("d",`M 0 0 L ${-o} ${o*1.5} L ${o} ${o*1.5} Z`),s.setAttribute("transform",`translate(${e}, ${t}) rotate(${n})`),s}function Re(e,t){e.classList.add("ig-highlight"),e.style.setProperty("--ig-highlight-color",t)}function On(e){e.classList.remove("ig-highlight"),e.style.setProperty("--ig-highlight-color","transparent")}var je=Object.prototype.hasOwnProperty;function nt(e,t){var n,o;if(e===t)return!0;if(e&&t&&(n=e.constructor)===t.constructor){if(n===Date)return e.getTime()===t.getTime();if(n===RegExp)return e.toString()===t.toString();if(n===Array){if((o=e.length)===t.length)for(;o--&&nt(e[o],t[o]););return o===-1}if(!n||typeof e=="object"){o=0;for(n in e)if(je.call(e,n)&&++o&&!je.call(t,n)||!(n in t)||!nt(e[n],t[n]))return!1;return Object.keys(t).length===o}}return e!==e&&t!==t}var Hn=0,So=Array.isArray;function k(e,t,n,o,s,i){t||(t={});var a,r,c=t;if("ref"in c)for(r in c={},t)r=="ref"?a=t[r]:c[r]=t[r];var l={type:e,props:c,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--Hn,__i:-1,__u:0,__source:s,__self:i};if(typeof e=="function"&&(a=e.defaultProps))for(r in a)c[r]===void 0&&(c[r]=a[r]);return b.vnode&&b.vnode(l),l}function zt({func:e,pass:t=0,sampleCounts:n}){let o=dt(null),s=dt(null),[i,a]=N(t),[r,c]=N([null,null,null,null]),[l,u]=N([]);L(()=>{a(t)},[t]),L(()=>{{let f=[null,null,null,null],p=null;for(let[h,_]of e.passes.entries())_.mir.blocks.length>0&&(f[0]===null&&(f[0]=h),_.lir.blocks.length===0&&(f[1]=h)),_.lir.blocks.length>0&&(p?.lir.blocks.length===0&&(f[2]=h),f[3]=h),p=_;c(f)}{let f=[],p=null;for(let[h,_]of e.passes.entries()){if(p===null){p=_;continue}nt(p.mir,_.mir)&&nt(p.lir,_.lir)&&f.push(h),p=_}u(f)}},[e]);function d(f){if(o.current){let p=s.current?.exportState();if(o.current.innerHTML="",s.current=null,f)try{s.current=new vt(o.current,f,{sampleCounts:n}),p&&s.current.restoreState(p,{preserveSelectedBlockPosition:!0})}catch(h){o.current.innerHTML="An error occurred while laying out the graph. See console.",console.error(h)}}}return L(()=>{let f=e.passes[i];d(f);let p=()=>{d(f)};return window.addEventListener("tweak",p),()=>{window.removeEventListener("tweak",p)}},[e,i,n]),L(()=>{let f=p=>{switch(p.key){case"w":case"s":s.current?.navigate(p.key==="s"?"down":"up"),s.current?.jumpToBlock(s.current.lastSelectedBlockPtr);break;case"a":case"d":s.current?.navigate(p.key==="d"?"right":"left"),s.current?.jumpToBlock(s.current.lastSelectedBlockPtr);break;case"f":a(h=>{for(let _=h+1;_<e.passes.length;_++)if(!l.includes(_))return _;return h});break;case"r":a(h=>{for(let _=h-1;_>=0;_--)if(!l.includes(_))return _;return h});break;case"1":case"2":case"3":case"4":{let h=["1","2","3","4"].indexOf(p.key),_=r[h];typeof _=="number"&&a(_)}break;case"c":{let h=s.current?.blocksByPtr.get(s.current?.lastSelectedBlockPtr??-1);h&&o.current&&s.current?.jumpToBlock(h.ptr,{zoom:1})}break}};return window.addEventListener("keydown",f),()=>{window.removeEventListener("keydown",f)}},[e,r,l]),k("div",{className:"ig-absolute ig-absolute-fill ig-flex",children:[k("div",{className:"ig-w5 ig-br ig-flex-shrink-0 ig-overflow-y-auto ig-bg-white",children:e.passes.map((f,p)=>k("div",{children:k("a",{href:"#",className:Ot("ig-link-normal ig-pv1 ig-ph2 ig-flex ig-g2",{"ig-bg-primary":i===p}),onClick:h=>{h.preventDefault(),a(p)},children:[k("div",{className:"ig-w1 ig-tr ig-f6 ig-text-dim",style:{paddingTop:"0.08rem"},children:p}),k("div",{className:Ot({"ig-text-dim":l.includes(p)}),children:f.name})]})},p))}),k("div",{ref:o,className:"ig-flex-grow-1 ig-overflow-hidden",style:{position:"relative"}})]})}function ot(e){e.version===void 0&&(e.version=0);for(let t of e.functions)Dn(t,e.version);return e.version=1,e}function Dn(e,t){for(let n of e.passes){for(let o of n.mir.blocks)Rn(o,t);for(let o of n.lir.blocks)jn(o,t)}return e}function Rn(e,t){t===0&&(e.ptr=(e.id??e.number)+1,e.id=e.number);for(let n of e.instructions)An(n,t);return e}function An(e,t){return t===0&&(e.ptr=e.id),e}function jn(e,t){t===0&&(e.ptr=e.id??e.number,e.id=e.number);for(let n of e.instructions)Fn(n,t);return e}function Fn(e,t){return t===0&&(e.ptr=e.id,e.mirPtr=null),e}function zn(e){Bt(e).render(k(Gn,{}))}function Vn(e,t){let n=Bt(e),o=ot(t);n.render(k(Wn,{ionjson:o}))}var U=new URL(window.location.toString()).searchParams,Un=U.has("func")?parseInt(U.get("func"),10):void 0,Fe=U.has("pass")?parseInt(U.get("pass"),10):void 0;function ze(e){let[[t,n],o]=N([null,""]),[s,i]=N(Un??0);L(()=>{e.ionjson&&(o([e.ionjson,JSON.stringify(e.ionjson)]),e.funcSelected(e.ionjson.functions[s]??null))},[]),L(()=>{e.ionjson&&(o([e.ionjson,JSON.stringify(e.ionjson)]),e.funcSelected(e.ionjson.functions[s]??null))},[e.ionjson]),L(()=>{t&&e.funcSelected(t.functions[s]??null)},[s]);async function a(l){let u=l.target;if(!u.files?.length)return;let d=u.files[0],f=JSON.parse(await d.text()),p=ot(f);o([p,JSON.stringify(p)]),i(0),e.funcSelected(p.functions[0]??null)}let r=t?.functions.length??0,c=0<=s&&s<r;return k("div",{className:"ig-bb ig-flex ig-bg-white",children:[k("div",{className:"ig-pv2 ig-ph3 ig-flex ig-g2 ig-items-center ig-br",children:[e.browse&&k("div",{children:k("input",{type:"file",onChange:a})}),r>1&&k("div",{children:["Function ",k("input",{type:"number",min:"1",max:r,value:s+1,className:"ig-w3",onChange:l=>{let u=parseInt(l.target.value,10),d=Math.max(0,Math.min(r-1,u-1));i(isNaN(d)?0:d)}})," / ",r]}),t&&r===0&&k("div",{children:"No functions to display."})]}),k("div",{className:"ig-flex-grow-1 ig-pv2 ig-ph3 ig-flex ig-g2 ig-items-center",children:[c&&k("div",{children:t?.functions[s].name??""}),k("div",{className:"ig-flex-grow-1"}),e.export&&k("div",{children:k("button",{disabled:!c,onClick:()=>{Jn(t?.functions[s].name??"",n,{funcIndex:s})},children:"Export"})})]})]})}function Gn(){let[e,t]=N(),[n,o]=N(null),[s,i]=N();return L(()=>{(async()=>{let a=U.get("file");if(a){let c=await(await fetch(a)).json(),l;c.functions?l=ot(c):l=ot({functions:[c]}),t(l)}})(),(async()=>{let a=U.get("sampleCounts");if(a){let c=await(await fetch(a)).json();i({selfLineHits:new Map(c.selfLineHits),totalLineHits:new Map(c.totalLineHits)})}})()},[]),k("div",{className:"ig-absolute ig-absolute-fill ig-flex ig-flex-column",children:[k(ze,{browse:!0,export:!0,ionjson:e,funcSelected:a=>o(a)}),n&&k("div",{className:"ig-relative ig-flex-basis-0 ig-flex-grow-1 ig-overflow-hidden",children:k(zt,{func:n,pass:Fe,sampleCounts:s})})]})}function Wn(e){let[t,n]=N(null);return k("div",{className:"ig-absolute ig-absolute-fill ig-flex ig-flex-column",children:[k(ze,{ionjson:e.ionjson,funcSelected:o=>n(o)}),t&&k("div",{className:"ig-relative ig-flex-basis-0 ig-flex-grow-1 ig-overflow-hidden",children:k(zt,{func:t,pass:Fe})})]})}async function Jn(e,t,n={}){let o=t;if(n.funcIndex!==void 0){let u={version:1,functions:[JSON.parse(t).functions[n.funcIndex]]};o=JSON.stringify(u)}let i=(await(await fetch("./standalone.html")).text()).replace(/\{\{\s*IONJSON\s*\}\}/,o),a=URL.createObjectURL(new Blob([i],{type:"text/html;charset=utf-8"})),r=document.createElement("a");r.href=a,r.download=`iongraph-${e}.html`,document.body.appendChild(r),r.click(),r.remove(),URL.revokeObjectURL(a)}return Ye(Yn);})();
+      `;for(let o of t.mir.instructions)l.appendChild(this.renderMIRInstruction(o))}if(c.appendChild(l),t.succs.length===2)for(let[o,n]of[1,0].entries()){let r=document.createElement("div");r.innerText=`${n}`,r.classList.add("ig-edge-label"),r.style.left=`${I+S*o}px`,e.appendChild(r)}return i.addEventListener("pointerdown",o=>{o.preventDefault(),o.stopPropagation()}),i.addEventListener("click",o=>{o.stopPropagation(),o.shiftKey||this.selectedBlockPtrs.clear(),this.setSelection([],t.ptr)}),e}render(t,e,s){for(let n of t)for(let r of n)if(r.block!==null){let d=r.block;d.el.style.left=`${r.pos.x}px`,d.el.style.top=`${r.pos.y}px`}let i=0,c=0;for(let n of t)for(let r of n)i=Math.max(i,r.pos.x+r.size.x+P),c=Math.max(c,r.pos.y+r.size.y+P);let l=document.createElementNS("http://www.w3.org/2000/svg","svg");this.graphContainer.appendChild(l);let o=(n,r)=>{for(let d of n)i=Math.max(i,d+P);for(let d of r)c=Math.max(c,d+P)};for(let n=0;n<t.length;n++){let r=t[n];for(let d of r){d.block||k(d.dstNodes.length===1,`dummy nodes must have exactly one destination, but dummy ${d.id} had ${d.dstNodes.length}`),k(d.dstNodes.length===d.jointOffsets.length,"must have a joint offset for each destination");for(let[b,g]of d.dstNodes.entries()){let u=d.pos.x+I+S*b,h=d.pos.y+d.size.y;if(d.block?.mir.attributes.includes("backedge")){let p=d.block.succs[0],m=d.pos.x,f=d.pos.y+D,y=p.layoutNode.pos.x+p.size.x,v=p.layoutNode.pos.y+D,B=jt(m,f,y,v);l.appendChild(B),o([m,y],[f,v])}else if(d.flags&U){let p=L(g.block),m=d.pos.x+I,f=d.pos.y+D+T,y=p.layoutNode.pos.x+p.size.x,v=p.layoutNode.pos.y+D,B=zt(m,f,y,v);l.appendChild(B),o([m,y],[f,v])}else if(g.block===null&&g.dstBlock.mir.attributes.includes("backedge")){let p=g.pos.x+I,m=g.pos.y+(g.flags&U?D+T:0);if(d.block===null){let f=h-H,y=Ft(u,h,p,m,f,!1);l.appendChild(y),o([u,p],[h,m,f])}else{let f=h-d.size.y+e[n]+H+s[n]/2+d.jointOffsets[b],y=_t(u,h,p,m,f);l.appendChild(y),o([u,p],[h,m,f])}}else{let p=g.pos.x+I,m=g.pos.y,f=h-d.size.y+e[n]+H+s[n]/2+d.jointOffsets[b],y=Rt(u,h,p,m,f,g.block!==null);l.appendChild(y),o([u,p],[h,m,f])}}}}if(l.setAttribute("width",`${i}`),l.setAttribute("height",`${c}`),this.size={x:i,y:c},+dt)for(let n of t)for(let r of n){let d=document.createElement("div");d.innerHTML=`${r.id}<br>&lt;- ${r.srcNodes.map(b=>b.id)}<br>-&gt; ${r.dstNodes.map(b=>b.id)}<br>${r.flags}`,d.style.position="absolute",d.style.border="1px solid black",d.style.backgroundColor="white",d.style.left=`${r.pos.x}px`,d.style.top=`${r.pos.y}px`,d.style.whiteSpace="nowrap",this.graphContainer.appendChild(d)}this.updateHighlightedInstructions(),this.updateHotness()}renderMIRInstruction(t){let e=t.opcode.replace("->","\u2192").replace("<-","\u2190"),s=document.createElement("tr");s.classList.add("ig-ins","ig-ins-mir","ig-can-flash",...t.attributes.map(o=>`ig-ins-att-${o}`)),s.setAttribute("data-ig-ins-ptr",`${t.ptr}`),s.setAttribute("data-ig-ins-id",`${t.id}`);let i=document.createElement("td");i.classList.add("ig-ins-num"),i.innerText=`v${t.id}`,s.appendChild(i);let c=document.createElement("td");c.innerHTML=e.replace(/(v)(\d+)/g,(o,n,r)=>`<span class="ig-use ig-highlightable" data-ig-use="${r}">${n}${r}</span>`),s.appendChild(c);let l=document.createElement("td");return l.classList.add("ig-ins-type"),l.innerText=t.type==="None"?"":t.type,s.appendChild(l),i.addEventListener("pointerdown",o=>{o.preventDefault(),o.stopPropagation()}),i.addEventListener("click",()=>{this.toggleInstructionHighlight(t.ptr)}),c.querySelectorAll(".ig-use").forEach(o=>{o.addEventListener("pointerdown",n=>{n.preventDefault(),n.stopPropagation()}),o.addEventListener("click",n=>{let r=parseInt(L(o.getAttribute("data-ig-use")),10);this.jumpToInstruction(r,{zoom:1})})}),s}renderLIRInstruction(t){let e=t.opcode.replace("->","\u2192").replace("<-","\u2190"),s=document.createElement("tr");s.classList.add("ig-ins","ig-ins-lir","ig-hotness"),s.setAttribute("data-ig-ins-ptr",`${t.ptr}`),s.setAttribute("data-ig-ins-id",`${t.id}`);let i=document.createElement("td");i.classList.add("ig-ins-num"),i.innerText=String(t.id),s.appendChild(i);let c=document.createElement("td");if(c.innerText=e,s.appendChild(c),this.sampleCounts){let l=this.sampleCounts?.totalLineHits.get(t.id)??0,o=this.sampleCounts?.selfLineHits.get(t.id)??0,n=document.createElement("td");n.classList.add("ig-ins-samples"),n.classList.toggle("ig-text-dim",l===0),n.innerText=`${l}`,n.title="Color by total count",s.appendChild(n);let r=document.createElement("td");r.classList.add("ig-ins-samples"),r.classList.toggle("ig-text-dim",o===0),r.innerText=`${o}`,r.title="Color by self count",s.appendChild(r);for(let[d,b]of[n,r].entries())b.addEventListener("pointerdown",g=>{g.preventDefault(),g.stopPropagation()}),b.addEventListener("click",()=>{k(d===O||d===W),this.heatmapMode=d,this.updateHotness()})}return i.addEventListener("pointerdown",l=>{l.preventDefault(),l.stopPropagation()}),i.addEventListener("click",()=>{this.toggleInstructionHighlight(t.ptr)}),s}renderSelection(){this.graphContainer.querySelectorAll(".ig-block").forEach(t=>{let e=parseInt(L(t.getAttribute("data-ig-block-ptr")),10);t.classList.toggle("ig-selected",this.selectedBlockPtrs.has(e)),t.classList.toggle("ig-last-selected",this.lastSelectedBlockPtr===e)})}removeNonexistentHighlights(){this.highlightedInstructions=this.highlightedInstructions.filter(t=>this.graphContainer.querySelector(`.ig-ins[data-ig-ins-ptr="${t.ptr}"]`))}updateHighlightedInstructions(){for(let t of this.highlightedInstructions)k(this.highlightedInstructions.filter(e=>e.ptr===t.ptr).length===1,`instruction ${t.ptr} was highlighted more than once`);this.graphContainer.querySelectorAll(".ig-ins, .ig-use").forEach(t=>{Vt(t)});for(let t of this.highlightedInstructions){let e=this.instructionPalette[t.paletteColor%this.instructionPalette.length],s=this.graphContainer.querySelector(`.ig-ins[data-ig-ins-ptr="${t.ptr}"]`);if(s){ct(s,e);let i=this.insIDsByPtr.get(t.ptr);this.graphContainer.querySelectorAll(`.ig-use[data-ig-use="${i}"]`).forEach(c=>{ct(c,e)})}}}updateHotness(){this.graphContainer.querySelectorAll(".ig-ins-lir").forEach(t=>{k(t.classList.contains("ig-hotness"));let e=parseInt(L(t.getAttribute("data-ig-ins-id")),10),s=0;this.sampleCounts&&(s=((this.heatmapMode===O?this.sampleCounts.totalLineHits:this.sampleCounts.selfLineHits).get(e)??0)/this.maxSampleCounts[this.heatmapMode]),t.style.setProperty("--ig-hotness",`${s}`)})}addEventListeners(){this.viewport.addEventListener("wheel",e=>{e.preventDefault();let s=this.zoom;if(e.ctrlKey){s=Math.max(Ht,Math.min(Ct,this.zoom*Math.pow(Mt,-e.deltaY*Et)));let c=s/this.zoom-1;this.zoom=s;let{x:l,y:o}=this.viewport.getBoundingClientRect(),n=e.clientX-l-this.translation.x,r=e.clientY-o-this.translation.y;this.translation.x-=n*c,this.translation.y-=r*c}else this.translation.x-=e.deltaX,this.translation.y-=e.deltaY;let i=this.clampTranslation(this.translation,s);this.translation.x=i.x,this.translation.y=i.y,this.animating=!1,this.updatePanAndZoom()}),this.viewport.addEventListener("pointerdown",e=>{e.pointerType==="mouse"&&!(e.button===0||e.button===1)||(e.preventDefault(),this.viewport.setPointerCapture(e.pointerId),this.startMousePos={x:e.clientX,y:e.clientY},this.lastMousePos={x:e.clientX,y:e.clientY},this.animating=!1)}),this.viewport.addEventListener("pointermove",e=>{if(!this.viewport.hasPointerCapture(e.pointerId))return;let s=e.clientX-this.lastMousePos.x,i=e.clientY-this.lastMousePos.y;this.translation.x+=s,this.translation.y+=i,this.lastMousePos={x:e.clientX,y:e.clientY};let c=this.clampTranslation(this.translation,this.zoom);this.translation.x=c.x,this.translation.y=c.y,this.animating=!1,this.updatePanAndZoom()}),this.viewport.addEventListener("pointerup",e=>{this.viewport.releasePointerCapture(e.pointerId);let s=2,i=this.startMousePos.x-e.clientX,c=this.startMousePos.y-e.clientY;Math.abs(i)<=s&&Math.abs(c)<=s&&this.setSelection([]),this.animating=!1}),new ResizeObserver(e=>{k(e.length===1);let s=e[0].contentRect;this.viewportSize.x=s.width,this.viewportSize.y=s.height}).observe(this.viewport)}setSelection(t,e=0){this.setSelectionRaw(t,e),e?this.nav={visited:[e],currentIndex:0,siblings:[e]}:this.nav={visited:[],currentIndex:-1,siblings:[]}}setSelectionRaw(t,e){this.selectedBlockPtrs.clear();for(let s of[...t,e])this.blocksByPtr.has(s)&&this.selectedBlockPtrs.add(s);this.lastSelectedBlockPtr=this.blocksByPtr.has(e)?e:0,this.renderSelection()}navigate(t){let e=this.lastSelectedBlockPtr;if(t==="down"||t==="up")if(e){let s=L(this.blocksByPtr.get(e)),i=(t==="down"?s.succs:s.preds).map(l=>l.ptr);s.ptr!==this.nav.visited[this.nav.currentIndex]&&(this.nav.visited=[s.ptr],this.nav.currentIndex=0);let c=this.nav.currentIndex+(t==="down"?1:-1);if(0<=c&&c<this.nav.visited.length)this.nav.currentIndex=c,this.nav.siblings=i;else{let l=i[0];l!==void 0&&(t==="down"?(this.nav.visited.push(l),this.nav.currentIndex+=1,k(this.nav.currentIndex===this.nav.visited.length-1)):(this.nav.visited.unshift(l),k(this.nav.currentIndex===0)),this.nav.siblings=i)}this.setSelectionRaw([],this.nav.visited[this.nav.currentIndex])}else{let s=[...this.blocks].sort((n,r)=>n.id-r.id),i=s.filter(n=>n.preds.length===0),c=s.filter(n=>n.succs.length===0),l=t==="down"?i:c,o=l[0];k(o),this.setSelectionRaw([],o.ptr),this.nav={visited:[o.ptr],currentIndex:0,siblings:l.map(n=>n.ptr)}}else if(e!==void 0){let s=this.nav.siblings.indexOf(e);k(s>=0,"currently selected node should be in siblings array");let i=s+(t==="right"?1:-1);0<=i&&i<this.nav.siblings.length&&this.setSelectionRaw([],this.nav.siblings[i])}k(this.nav.visited.length===0||this.nav.siblings.includes(this.nav.visited[this.nav.currentIndex]),"expected currently visited node to be in the siblings array"),k(this.lastSelectedBlockPtr===0||this.nav.siblings.includes(this.lastSelectedBlockPtr),"expected currently selected block to be in siblings array")}toggleInstructionHighlight(t,e){this.removeNonexistentHighlights();let s=this.highlightedInstructions.findIndex(c=>c.ptr===t),i=s>=0;if(e!==void 0&&(i=!e),i)s>=0&&this.highlightedInstructions.splice(s,1);else if(s<0){let c=0;for(;;){if(this.highlightedInstructions.find(l=>l.paletteColor===c)){c+=1;continue}break}this.highlightedInstructions.push({ptr:t,paletteColor:c})}this.updateHighlightedInstructions()}clampTranslation(t,e){let s=z-this.size.x*e,i=this.viewportSize.x-z,c=z-this.size.y*e,l=this.viewportSize.y-z,o=q(t.x,s,i),n=q(t.y,c,l);return{x:o,y:n}}updatePanAndZoom(){let t=this.clampTranslation(this.translation,this.zoom);this.graphContainer.style.transform=`translate(${t.x}px, ${t.y}px) scale(${this.zoom})`}graph2viewport(t,e=this.translation,s=this.zoom){return{x:t.x*s+e.x,y:t.y*s+e.y}}viewport2graph(t,e=this.translation,s=this.zoom){return{x:(t.x-e.x)/s,y:(t.y-e.y)/s}}async goToGraphCoordinates(t,{zoom:e=this.zoom,animate:s=!0}){let i={x:-t.x*e,y:-t.y*e};if(!s){this.animating=!1,this.translation.x=i.x,this.translation.y=i.y,this.zoom=e,this.updatePanAndZoom(),await new Promise(l=>setTimeout(l,0));return}if(this.targetTranslation=i,this.targetZoom=e,this.animating)return;this.animating=!0;let c=performance.now();for(;this.animating;){let l=await new Promise(h=>requestAnimationFrame(h)),o=(l-c)/1e3;c=l;let n=1,r=.01,d=1e-6,b=this.targetTranslation.x-this.translation.x,g=this.targetTranslation.y-this.translation.y,u=this.targetZoom-this.zoom;if(this.translation.x=R(this.translation.x,this.targetTranslation.x,d,o),this.translation.y=R(this.translation.y,this.targetTranslation.y,d,o),this.zoom=R(this.zoom,this.targetZoom,d,o),this.updatePanAndZoom(),Math.abs(b)<=n&&Math.abs(g)<=n&&Math.abs(u)<=r){this.translation.x=this.targetTranslation.x,this.translation.y=this.targetTranslation.y,this.zoom=this.targetZoom,this.animating=!1,this.updatePanAndZoom();break}}await new Promise(l=>setTimeout(l,0))}jumpToBlock(t,{zoom:e=this.zoom,animate:s=!0,viewportPos:i}={}){let c=this.blocksByPtr.get(t);if(!c)return Promise.resolve();let l;return i?l={x:c.layoutNode.pos.x-i.x/e,y:c.layoutNode.pos.y-i.y/e}:l=this.graphPosToCenterRect(c.layoutNode.pos,c.layoutNode.size,e),this.goToGraphCoordinates(l,{zoom:e,animate:s})}async jumpToInstruction(t,{zoom:e=this.zoom,animate:s=!0}){let i=this.graphContainer.querySelector(`.ig-ins[data-ig-ins-id="${t}"]`);if(!i)return;let c=i.getBoundingClientRect(),l=this.graphContainer.getBoundingClientRect(),o=(c.x-l.x)/this.zoom,n=(c.y-l.y)/this.zoom,r=c.width/this.zoom,d=c.height/this.zoom,b=this.graphPosToCenterRect({x:o,y:n},{x:r,y:d},e);i.classList.add("ig-flash"),await this.goToGraphCoordinates(b,{zoom:e,animate:s}),i.classList.remove("ig-flash")}graphPosToCenterRect(t,e,s){let i=this.viewportSize.x/s,c=this.viewportSize.y/s,l=Math.max(20/s,(i-e.x)/2),o=Math.max(20/s,(c-e.y)/2),n=t.x-l,r=t.y-o;return{x:n,y:r}}exportState(){let t={translation:this.translation,zoom:this.zoom,heatmapMode:this.heatmapMode,highlightedInstructions:this.highlightedInstructions,selectedBlockPtrs:this.selectedBlockPtrs,lastSelectedBlockPtr:this.lastSelectedBlockPtr,viewportPosOfSelectedBlock:void 0};return this.lastSelectedBlockPtr&&(t.viewportPosOfSelectedBlock=this.graph2viewport(L(this.blocksByPtr.get(this.lastSelectedBlockPtr)).layoutNode.pos)),t}restoreState(t,e){this.translation.x=t.translation.x,this.translation.y=t.translation.y,this.zoom=t.zoom,this.heatmapMode=t.heatmapMode,this.highlightedInstructions=t.highlightedInstructions,this.setSelection(Array.from(t.selectedBlockPtrs),t.lastSelectedBlockPtr),this.updatePanAndZoom(),this.updateHotness(),this.updateHighlightedInstructions(),e.preserveSelectedBlockPosition&&this.jumpToBlock(this.lastSelectedBlockPtr,{zoom:this.zoom,animate:!1,viewportPos:t.viewportPosOfSelectedBlock})}};function Ot(a){for(let t of a.dstNodes){let e=t.srcNodes.indexOf(a);k(e!==-1),t.srcNodes.splice(e,1)}}function*Q(a){for(let t of a)for(let e of t)e.block===null&&(yield e)}function*At(a){for(let t of a)for(let e of t)e.block===null&&e.dstBlock.mir.attributes.includes("backedge")&&(yield e)}function Rt(a,t,e,s,i,c,l=1){let o=T;k(t+o<=i&&i<s-o,`downward arrow: x1 = ${a}, y1 = ${t}, x2 = ${e}, y2 = ${s}, ym = ${i}, r = ${o} `,!0),l%2===1&&(a+=.5,e+=.5,i+=.5);let n="";if(n+=`M ${a} ${t} `,Math.abs(e-a)<2*o)n+=`C ${a} ${t+(s-t)/3} ${e} ${t+2*(s-t)/3} ${e} ${s} `;else{let b=Math.sign(e-a);n+=`L ${a} ${i-o} `,n+=`A ${o} ${o} 0 0 ${b>0?0:1} ${a+o*b} ${i} `,n+=`L ${e-o*b} ${i} `,n+=`A ${o} ${o} 0 0 ${b>0?1:0} ${e} ${i+o} `,n+=`L ${e} ${s} `}let r=document.createElementNS("http://www.w3.org/2000/svg","g"),d=document.createElementNS("http://www.w3.org/2000/svg","path");if(d.setAttribute("d",n),d.setAttribute("fill","none"),d.setAttribute("stroke","black"),d.setAttribute("stroke-width",`${l} `),r.appendChild(d),c){let b=G(e,s,180);r.appendChild(b)}return r}function Ft(a,t,e,s,i,c,l=1){let o=T;k(s+o<=i&&i<=t-o,`upward arrow: x1 = ${a}, y1 = ${t}, x2 = ${e}, y2 = ${s}, ym = ${i}, r = ${o} `,!0),l%2===1&&(a+=.5,e+=.5,i+=.5);let n="";if(n+=`M ${a} ${t} `,Math.abs(e-a)<2*o)n+=`C ${a} ${t+(s-t)/3} ${e} ${t+2*(s-t)/3} ${e} ${s} `;else{let b=Math.sign(e-a);n+=`L ${a} ${i+o} `,n+=`A ${o} ${o} 0 0 ${b>0?1:0} ${a+o*b} ${i} `,n+=`L ${e-o*b} ${i} `,n+=`A ${o} ${o} 0 0 ${b>0?0:1} ${e} ${i-o} `,n+=`L ${e} ${s} `}let r=document.createElementNS("http://www.w3.org/2000/svg","g"),d=document.createElementNS("http://www.w3.org/2000/svg","path");if(d.setAttribute("d",n),d.setAttribute("fill","none"),d.setAttribute("stroke","black"),d.setAttribute("stroke-width",`${l} `),r.appendChild(d),c){let b=G(e,s,0);r.appendChild(b)}return r}function zt(a,t,e,s,i=1){let c=T;k(t-c>=s&&a-c>=e,`to backedge: x1 = ${a}, y1 = ${t}, x2 = ${e}, y2 = ${s}, r = ${c} `,!0),i%2===1&&(a+=.5,s+=.5);let l="";l+=`M ${a} ${t} `,l+=`A ${c} ${c} 0 0 0 ${a-c} ${s} `,l+=`L ${e} ${s} `;let o=document.createElementNS("http://www.w3.org/2000/svg","g"),n=document.createElementNS("http://www.w3.org/2000/svg","path");n.setAttribute("d",l),n.setAttribute("fill","none"),n.setAttribute("stroke","black"),n.setAttribute("stroke-width",`${i} `),o.appendChild(n);let r=G(e,s,270);return o.appendChild(r),o}function _t(a,t,e,s,i,c=1){let l=T;k(t+l<=i&&a<=e&&s<=t,`block to backedge dummy: x1 = ${a}, y1 = ${t}, x2 = ${e}, y2 = ${s}, ym = ${i}, r = ${l} `,!0),c%2===1&&(a+=.5,e+=.5,i+=.5);let o="";o+=`M ${a} ${t} `,o+=`L ${a} ${i-l} `,o+=`A ${l} ${l} 0 0 0 ${a+l} ${i} `,o+=`L ${e-l} ${i} `,o+=`A ${l} ${l} 0 0 0 ${e} ${i-l} `,o+=`L ${e} ${s} `;let n=document.createElementNS("http://www.w3.org/2000/svg","g"),r=document.createElementNS("http://www.w3.org/2000/svg","path");return r.setAttribute("d",o),r.setAttribute("fill","none"),r.setAttribute("stroke","black"),r.setAttribute("stroke-width",`${c} `),n.appendChild(r),n}function jt(a,t,e,s,i=1){k(e<a&&s===t,`x1 = ${a}, y1 = ${t}, x2 = ${e}, y2 = ${s} `,!0),i%2===1&&(t+=.5,s+=.5);let c="";c+=`M ${a} ${t} `,c+=`L ${e} ${s} `;let l=document.createElementNS("http://www.w3.org/2000/svg","g"),o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("d",c),o.setAttribute("fill","none"),o.setAttribute("stroke","black"),o.setAttribute("stroke-width",`${i} `),l.appendChild(o);let n=G(e,s,270);return l.appendChild(n),l}function G(a,t,e,s=5){let i=document.createElementNS("http://www.w3.org/2000/svg","path");return i.setAttribute("d",`M 0 0 L ${-s} ${s*1.5} L ${s} ${s*1.5} Z`),i.setAttribute("transform",`translate(${a}, ${t}) rotate(${e})`),i}function ct(a,t){a.classList.add("ig-highlight"),a.style.setProperty("--ig-highlight-color",t)}function Vt(a){a.classList.remove("ig-highlight"),a.style.setProperty("--ig-highlight-color","transparent")}var A=class{constructor(t,{func:e,pass:s=0,sampleCounts:i}){this.graph=null,this.func=e,this.passNumber=s,this.sampleCounts=i,this.keyPasses=[null,null,null,null];{let c=null;for(let[l,o]of e.passes.entries())o.mir.blocks.length>0&&(this.keyPasses[0]===null&&(this.keyPasses[0]=l),o.lir.blocks.length===0&&(this.keyPasses[1]=l)),o.lir.blocks.length>0&&(c?.lir.blocks.length===0&&(this.keyPasses[2]=l),this.keyPasses[3]=l),c=o}this.redundantPasses=[];{let c=null;for(let[l,o]of e.passes.entries()){if(c===null){c=o;continue}E(c.mir,o.mir)&&E(c.lir,o.lir)&&this.redundantPasses.push(l),c=o}}this.viewport=x("div",["ig-flex-grow-1","ig-overflow-hidden"],c=>{c.style.position="relative"}),this.sidebarLinks=e.passes.map((c,l)=>x("a",["ig-link-normal","ig-pv1","ig-ph2","ig-flex","ig-g2"],o=>{o.href="#",o.addEventListener("click",n=>{n.preventDefault(),this.switchPass(l)})},[x("div",["ig-w1","ig-tr","ig-f6","ig-text-dim"],o=>{o.style.paddingTop="0.08rem"},[`${l}`]),x("div",[this.redundantPasses.includes(l)&&"ig-text-dim"],()=>{},[c.name])])),this.container=x("div",["ig-absolute","ig-absolute-fill","ig-flex"],()=>{},[x("div",["ig-w5","ig-br","ig-flex-shrink-0","ig-overflow-y-auto","ig-bg-white"],()=>{},[...this.sidebarLinks]),this.viewport]),t.appendChild(this.container),this.keydownHandler=this.keydownHandler.bind(this),this.tweakHandler=this.tweakHandler.bind(this),window.addEventListener("keydown",this.keydownHandler),window.addEventListener("tweak",this.tweakHandler),this.update()}destroy(){this.container.remove(),window.removeEventListener("keydown",this.keydownHandler),window.removeEventListener("tweak",this.tweakHandler)}update(){for(let[s,i]of this.sidebarLinks.entries())i.classList.toggle("ig-bg-primary",this.passNumber===s);let t=this.graph?.exportState();this.viewport.innerHTML="",this.graph=null;let e=this.func.passes[this.passNumber];if(e)try{this.graph=new V(this.viewport,e,{sampleCounts:this.sampleCounts}),t&&this.graph.restoreState(t,{preserveSelectedBlockPosition:!0})}catch(s){this.viewport.innerHTML="An error occurred while laying out the graph. See console.",console.error(s)}}switchPass(t){this.passNumber=t,this.update()}keydownHandler(t){switch(t.key){case"w":case"s":this.graph?.navigate(t.key==="s"?"down":"up"),this.graph?.jumpToBlock(this.graph.lastSelectedBlockPtr);break;case"a":case"d":this.graph?.navigate(t.key==="d"?"right":"left"),this.graph?.jumpToBlock(this.graph.lastSelectedBlockPtr);break;case"f":for(let e=this.passNumber+1;e<this.func.passes.length;e++)if(!this.redundantPasses.includes(e)){this.switchPass(e);break}break;case"r":for(let e=this.passNumber-1;e>=0;e--)if(!this.redundantPasses.includes(e)){this.switchPass(e);break}break;case"1":case"2":case"3":case"4":{let e=["1","2","3","4"].indexOf(t.key),s=this.keyPasses[e];typeof s=="number"&&this.switchPass(s)}break;case"c":{let e=this.graph?.blocksByPtr.get(this.graph?.lastSelectedBlockPtr??-1);e&&this.graph?.jumpToBlock(e.ptr,{zoom:1})}break}}tweakHandler(){this.update()}};var M=new URL(window.location.toString()).searchParams,Gt=M.has("func")?parseInt(M.get("func"),10):void 0,ut=M.has("pass")?parseInt(M.get("pass"),10):void 0,Y=class{constructor(t){this.exportButton=null,this.ionjson=null,this.funcIndex=Gt??0,this.funcSelected=t.funcSelected,this.funcSelector=x("div",[],()=>{},["Function",x("input",["ig-w3"],e=>{e.type="number",e.min="1",e.addEventListener("input",()=>{this.switchFunc(parseInt(e.value,10)-1)})},[])," / ",x("span",["num-functions"])]),this.funcSelectorNone=x("div",[],()=>{},["No functions to display."]),this.funcName=x("div"),this.root=x("div",["ig-bb","ig-flex","ig-bg-white"],()=>{},[x("div",["ig-pv2","ig-ph3","ig-flex","ig-g2","ig-items-center","ig-br","ig-hide-if-empty"],()=>{},[t.browse&&x("div",[],()=>{},[x("input",[],e=>{e.type="file",e.addEventListener("change",s=>{let i=s.target;i.files?.length&&this.fileSelected(i.files[0])})})]),this.funcSelector,this.funcSelectorNone]),x("div",["ig-flex-grow-1","ig-pv2","ig-ph3","ig-flex","ig-g2","ig-items-center"],()=>{},[this.funcName,x("div",["ig-flex-grow-1"]),t.export&&x("div",[],()=>{},[x("button",[],e=>{this.exportButton=e,e.addEventListener("click",()=>{this.exportStandalone()})},["Export"])])])]),this.update()}async fileSelected(t){let e=JSON.parse(await t.text());this.ionjson=X(e),this.switchFunc(0),this.update()}switchIonJSON(t){this.ionjson=t,this.switchFunc(this.funcIndex)}switchFunc(t){t=Math.max(0,Math.min(this.numFunctions()-1,t)),this.funcIndex=isNaN(t)?0:t,this.funcSelected(this.ionjson?.functions[this.funcIndex]??null),this.update()}numFunctions(){return this.ionjson?.functions.length??0}update(){let t=0<=this.funcIndex&&this.funcIndex<this.numFunctions();this.funcSelector.hidden=this.numFunctions()<=1,this.funcSelectorNone.hidden=!(this.ionjson&&this.numFunctions()===0);let e=this.funcSelector.querySelector("input");e.max=`${this.numFunctions()}`,e.value=`${this.funcIndex+1}`,this.funcSelector.querySelector(".num-functions").innerHTML=`${this.numFunctions()}`,this.funcName.hidden=!t,this.funcName.innerText=`${this.ionjson?.functions[this.funcIndex].name??""}`,this.exportButton&&(this.exportButton.disabled=!this.ionjson||!t)}async exportStandalone(){let t=L(this.ionjson),e=t.functions[this.funcIndex].name,s={version:1,functions:[t.functions[this.funcIndex]]},c=(await(await fetch("./standalone.html")).text()).replace(/\{\{\s*IONJSON\s*\}\}/,JSON.stringify(s)),l=URL.createObjectURL(new Blob([c],{type:"text/html;charset=utf-8"})),o=document.createElement("a");o.href=l,o.download=`iongraph-${e}.html`,document.body.appendChild(o),o.click(),o.remove(),URL.revokeObjectURL(l)}},tt=class{constructor(){this.menuBar=new Y({browse:!0,export:!0,funcSelected:t=>this.switchFunc(t)}),this.func=null,this.sampleCountsFromFile=void 0,this.graph=null,this.loadStuffFromQueryParams(),this.graphContainer=x("div",["ig-relative","ig-flex-basis-0","ig-flex-grow-1","ig-overflow-hidden"]),this.root=x("div",["ig-absolute","ig-absolute-fill","ig-flex","ig-flex-column"],()=>{},[this.menuBar.root,this.graphContainer]),this.update()}update(){this.graph&&this.graph.destroy(),this.func&&(this.graph=new A(this.graphContainer,{func:this.func,pass:ut,sampleCounts:this.sampleCountsFromFile}))}loadStuffFromQueryParams(){(async()=>{let t=M.get("file");if(t){let s=await(await fetch(t)).json(),i=X(s);this.menuBar.switchIonJSON(i)}})(),(async()=>{let t=M.get("sampleCounts");if(t){let s=await(await fetch(t)).json();this.sampleCountsFromFile={selfLineHits:new Map(s.selfLineHits),totalLineHits:new Map(s.totalLineHits)},this.update()}})()}switchFunc(t){this.func=t,this.update()}},et=class{constructor(){this.menuBar=new Y({funcSelected:t=>this.switchFunc(t)}),this.func=null,this.graph=null,this.graphContainer=x("div",["ig-relative","ig-flex-basis-0","ig-flex-grow-1","ig-overflow-hidden"]),this.root=x("div",["ig-absolute","ig-absolute-fill","ig-flex","ig-flex-column"],()=>{},[this.menuBar.root,this.graphContainer])}update(){this.graph&&this.graph.destroy(),this.func&&(this.graph=new A(this.graphContainer,{func:this.func,pass:ut}))}setIonJSON(t){this.menuBar.switchIonJSON(t)}switchFunc(t){this.func=t,this.update()}};return yt(Yt);})();
 </script>
   <script>window.__exportedIonJSON = {{ IONJSON }}</script>
   <script>
-    iongraph.renderStandaloneUI(window.reactRoot, window.__exportedIonJSON);
+    const ui = new iongraph.StandaloneUI();
+    document.body.appendChild(ui.root);
+    ui.setIonJSON(window.__exportedIonJSON);
   </script>
 </body>
