\n {/* Header */}\n

\n XRPL EVM Compensation Summary\n

\n October 2026 - September 2028\n

\n\n {/* Scenario Selector */}\n

\n setScenario(\"low\")}\n className={`p-5 rounded-xl text-left transition-all ${\n scenario === \"low\"\n ? \"bg-blue-600 text-white shadow-lg scale-[1.02]\"\n : \"bg-blue-100 text-blue-800 hover:bg-blue-200\"\n }`}\n >\n

\n $1B TVL Target (Conservative)\n

â€¢ 2-Year Net Spend: $71.7M

â€¢ Year 1: $51.2M | Year 2: $20.5M

\n \n setScenario(\"medium\")}\n className={`p-5 rounded-xl text-left transition-all ${\n scenario === \"medium\"\n ? \"bg-blue-600 text-white shadow-lg scale-[1.02]\"\n : \"bg-blue-100 text-blue-800 hover:bg-blue-200\"\n }`}\n >\n

$2B TVL Target (Base Case)

â€¢ 2-Year Net Spend: $138.0M

â€¢ Year 1: $102.4M | Year 2: $35.6M

\n \n setScenario(\"high\")}\n className={`p-5 rounded-xl text-left transition-all ${\n scenario === \"high\"\n ? \"bg-blue-600 text-white shadow-lg scale-[1.02]\"\n : \"bg-blue-100 text-blue-800 hover:bg-blue-200\"\n }`}\n >\n

$4B TVL Target (Aggressive)

â€¢ 2-Year Net Spend: $229.3M

â€¢ Year 1: $163.8M | Year 2: $65.5M

\n \n

\n\n {/* Model Parameters */}\n

\n {/* Performance Selector */}\n

\n TVL Performance vs Target\n

\n setPerformance(\"underperform\")}\n className={`flex-1 py-3 px-4 transition-all border-r border-gray-200 ${\n performance === \"underperform\"\n ? \"bg-indigo-600 text-white\"\n : \"bg-gray-50 text-gray-700 hover:bg-gray-100\"\n }`}\n >\n \n Underperform\n

\n \n 75% of target\n

\n \n Peak: ${(current.peakTvl * 0.75 / 1000).toFixed(2)}B\n

\n \n setPerformance(\"perform\")}\n className={`flex-1 py-3 px-4 transition-all border-r border-gray-200 ${\n performance === \"perform\"\n ? \"bg-indigo-600 text-white\"\n : \"bg-gray-50 text-gray-700 hover:bg-gray-100\"\n }`}\n >\n \n Perform\n

\n \n 100% of target\n

\n \n Peak: ${(current.peakTvl / 1000).toFixed(2)}B\n \n \n setPerformance(\"outperform\")}\n className={`flex-1 py-3 px-4 transition-all ${\n performance === \"outperform\"\n ? \"bg-indigo-600 text-white\"\n : \"bg-gray-50 text-gray-700 hover:bg-gray-100\"\n }`}\n >\n \n Outperform\n \n \n 125% of target\n \n \n Peak: ${(current.peakTvl * 1.25 / 1000).toFixed(2)}B\n \n \n \n \n\n {/* Composition and Firelight Row */}\n

\n {/* Composition Checkbox */}\n

\n Composition Requirement\n

\n \n setCompositionMet(e.target.checked)}\n className=\"w-5 h-5 text-indigo-600 rounded border-gray-300 focus:ring-indigo-500\"\n />\n

\n ≥60% XRP + RLUSD\n

\n {compositionMet\n ? \"Met → 1.0× multiplier\"\n : \"Not met → 0.75× multiplier\"}\n

\n \n {compositionMet ? \"1.0×\" : \"0.75×\"}\n

\n \n

\n\n {/* Firelight TVL Slider */}\n

\n Firelight TVL Contribution\n

\n ${firelightTvl}M\n

\n setFirelightTvl(parseInt(e.target.value))}\n className=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-indigo-600\"\n />\n

\n $0\n $250M\n $500M\n

\n \n \n\n {/* Total Compensation - Hero Card */}\n

\n Total Compensation\n

\n ${totalCompensation.toFixed(2)}M\n

Over 24-month program

\n\n

\n ${projectFees.toFixed(2)}M\n

Project Fees

\n ${distributionFees.toFixed(2)}M\n

Distribution (7%)

\n ${bonusCompensation.toFixed(2)}M\n

Bonus Comp

\n\n {/* Key Metrics Row */}\n

Program Spend

\n ${totalSpend.toFixed(1)}M\n

\n Peak TVL{\" \"}\n {performance !== \"perform\" && `(${Math.round(perfMult * 100)}%)`}\n

\n ${(adjustedPeakTvl / 1000).toFixed(2)}B\n

\n Retained TVL{\" \"}\n {performance !== \"perform\" && `(${Math.round(perfMult * 100)}%)`}\n

\n ${(adjustedRetainedTvl / 1000).toFixed(2)}B\n

Comp / Spend

\n {(totalCompensation / totalSpend * 100).toFixed(1)}%\n

\n\n {/* Calendar Year Breakdown */}\n

\n {calendarYears.map((cy, idx) => (\n \n \n {cy.year}\n

{cy.months}

\n Project Fees\n \n ${cy.projectFees.toFixed(2)}M\n \n

\n Distribution\n ${cy.distFees.toFixed(2)}M\n

\n Bonus\n ${cy.bonus.toFixed(2)}M\n

\n Total\n ${cy.total.toFixed(2)}M\n

\n \n ))}\n \n\n {/* Quarterly Earnings Chart */}\n

\n Quarterly Earnings\n

\n \n \n \n \n `$${v}M`} />\n [`$${value.toFixed(2)}M`, name]}\n labelFormatter={(label) => label}\n />\n \n \n \n \n \n \n

\n\n {/* Period Breakdown Table */}\n

\n Period-by-Period Breakdown\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {periodData.map((row, idx) => (\n = 1.0 && row.effMult >= 1.0\n ? \"bg-green-50\"\n : \"\"\n }`}\n >\n \n \n \n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n

Period	Calendar	TVL	Spend	Efficiency	TVLÃ—EffÃ—Comp	Bonus
P{row.period}	\n {row.calendar}\n	\n ${row.tvl}M\n	\n ${row.periodSpend.toFixed(2)}M\n	\n {row.efficiency.toFixed(2)}%\n	\n {row.tvlMult}Ã—{row.effMult}Ã—{row.compMult}\n	\n ${row.bonus.toFixed(3)}M\n
TOTAL	\n ${totalSpend.toFixed(2)}M\n		\n ${bonusCompensation.toFixed(2)}M\n

\n\n {/* Multiplier Reference - Compact */}\n

\n TVL Multiplier{\" \"}\n \n ({current.label.split(\" \")[0]})\n \n

\n \n {\"<\"}${(1000 * current.tvlTarget / 2 / 1000).toFixed(1)}B\n \n 0x\n

\n \n ${(1000 * current.tvlTarget / 2 / 1000).toFixed(\n 1,\n )}B-${(1500 * current.tvlTarget / 2 / 1000).toFixed(2)}B\n \n 0.5x\n

\n \n ${(1500 * current.tvlTarget / 2 / 1000).toFixed(\n 2,\n )}B-${(1750 * current.tvlTarget / 2 / 1000).toFixed(2)}B\n \n 0.75x\n

\n \n ${(1750 * current.tvlTarget / 2 / 1000).toFixed(\n 2,\n )}B-${(2250 * current.tvlTarget / 2 / 1000).toFixed(2)}B\n \n 1.0x\n

\n \n ${(2250 * current.tvlTarget / 2 / 1000).toFixed(\n 2,\n )}B-${(2500 * current.tvlTarget / 2 / 1000).toFixed(2)}B\n \n 1.25x\n

\n \n â‰¥${(2500 * current.tvlTarget / 2 / 1000).toFixed(2)}B\n \n 1.5x\n

\n Efficiency Multiplier\n

\n {\"<\"}4%\n 1.5x\n

\n 4%-6%\n 1.25x\n

\n 6%-8%\n 1.0x\n

\n 8%-10%\n 0.75x\n

\n 10%-12%\n 0.5x\n

\n â‰¥12%\n 0x\n

\n Composition Multiplier\n

\n {\"<\"}60% XRP+RLUSD\n 0.75x\n

\n â‰¥60% XRP+RLUSD\n 1.0x\n

\n Base case assumes 60% composition\n

\n\n {/* Key Assumptions - Compact */}\n

\n Key Assumptions\n

\n Program:{\" \"}\n 24 months (Oct 2026 - Sep 2028)\n

\n Budget: $138M incentives\n

\n Peak TVL: $2.0B (Month 8)\n

\n Retention: 70% ($1.4B)\n

\n Project Fees:{\" \"}\n $5M ($2M+$1M+$2M)\n

\n Distribution: 7% of spend\n

\n Bonus Target:{\" \"}\n $10M ($1M Ã— 10)\n

\n Max Bonus: $15M (1.5x cap)\n

\n \n \n );\n};\n\nexport default CompensationModelLite;",[],[88,119],"ec642f0c-ed7f-11f0-8e7c-42dde27851f2","index.html","019ba3c8-ee68-7669-b6d2-43ceb8dfccb3",["D",1767979413027],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[88,128],"ec642b10-ed7f-11f0-8e7c-42dde27851f2","favicon.svg","019ba3c8-ee68-7669-b6d2-3f13f52952e2",["D",1767979413027],"\n",[],[88,135],"ec642926-ed7f-11f0-8e7c-42dde27851f2","components","019ba3c8-ee68-7669-b6d2-3a3c68b97b2e",["D",1767979413027],[147],[88,142],{"_35":148,"_13":149,"_64":150,"_66":143,"_67":68,"_69":31,"_70":71,"_37":151,"_17":73,"_74":123,"_76":152,"_78":50,"_79":-5,"_97":153,"_18":154},"ec6406d0-ed7f-11f0-8e7c-42dde27851f2","App.tsx","019ba3c8-ee68-7669-b6d2-34d2bd669f98",["D",1767979413027],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[88,142,149],"ec5cb862-ed7f-11f0-8e7c-42dde27851f2",["D",1767979413027],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","019ba3c1-df4f-766b-b203-fce1c2ce8fc9","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019ba3c1-df4f-766b-b204-014f53697f73","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_199":195},"org",{"_11":12,"_193":-5,"_194":195,"_162":163,"_196":197,"_198":50},"branch",{"_17":121,"_13":16,"_35":68,"_41":155,"_44":36,"_45":189,"_190":52,"_191":42,"_192":56,"_57":14,"_53":12},72,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zODF0WE1raGY0WVY2bVZNYzk3bGdmUlBTZ2UifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":155,"_13":14,"_37":267,"_48":-5,"_157":50,"_51":52,"_158":52,"_159":160,"_161":-5,"_162":163,"_164":65,"_165":71,"_166":-5,"_167":-5,"_168":73,"_55":169,"_170":-5,"_171":-5,"_172":-5,"_173":-5,"_174":175,"_176":175,"_177":178,"_179":178,"_180":178,"_181":175,"_182":175,"_183":268,"_185":269,"_187":270,"_49":50},[240,247,248],"files",[240,241,242,243,244,245,246,247,248],"counts",{"_231":73,"_232":31,"_233":73,"_34":234,"_235":236},[225,226,227],"upstreamProject",{"_35":42,"_13":58,"_159":160,"_161":222,"_51":52,"_183":223},"upstreamBranch",{"_35":36,"_37":220,"_39":221,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789711910&sig=0fa6bdfb9b803747549ec6a9a0d055c9278908f00adfde5cca4bd6c89a2d4b22",{"_11":54,"_199":224},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789711910&sig=c57618c8455625e9f8264af59333efbc3f9e5a2f044b13dd1ba3e2b174a7e8b8",{"_35":87,"_13":88,"_64":89,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":90,"_17":73,"_74":91,"_76":-5,"_78":50,"_79":-5,"_18":230},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":84,"_17":73,"_74":24,"_76":85,"_78":50,"_79":-5,"_18":229},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":72,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_18":228},[63],[82],[88],"pulls","branches","forks",{"_237":73,"_239":73},"connections",{"_237":73,"_238":73},"count","unfilledCount","emptyCount",{"_35":87,"_13":88,"_64":89,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":103,"_17":73,"_74":91,"_76":-5,"_78":50,"_79":-5,"_97":265,"_18":266},{"_35":141,"_13":142,"_64":143,"_66":89,"_67":68,"_69":31,"_70":71,"_37":144,"_17":73,"_74":91,"_76":-5,"_78":50,"_79":-5,"_97":263,"_18":264},{"_35":148,"_13":149,"_64":150,"_66":143,"_67":68,"_69":31,"_70":71,"_37":151,"_17":73,"_74":123,"_76":152,"_78":50,"_79":-5,"_97":261,"_18":262},{"_35":134,"_13":135,"_64":136,"_66":89,"_67":68,"_69":31,"_70":71,"_37":137,"_17":73,"_74":24,"_76":138,"_78":50,"_79":-5,"_97":259,"_18":260},{"_35":127,"_13":128,"_64":129,"_66":89,"_67":68,"_69":31,"_70":71,"_37":130,"_17":73,"_74":24,"_76":131,"_78":50,"_79":-5,"_97":257,"_18":258},{"_35":118,"_13":119,"_64":120,"_66":89,"_67":68,"_69":121,"_70":71,"_37":122,"_17":31,"_74":123,"_76":124,"_78":50,"_79":-5,"_97":255,"_18":256},{"_35":111,"_13":112,"_64":113,"_66":89,"_67":68,"_69":31,"_70":71,"_37":114,"_17":73,"_74":24,"_76":115,"_78":50,"_79":-5,"_97":253,"_18":254},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":100,"_17":73,"_74":24,"_76":85,"_78":50,"_79":-5,"_97":251,"_18":252},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":96,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_97":249,"_18":250},[],[63],[],[82],[],[88,112],[],[88,119],[],[88,128],[],[88,135],[],[88,142,149],[242],[88,142],[241,243,244,245,246],[88],["D",1767979413027],{"_11":12,"_199":195},{"_11":12,"_193":-5,"_194":195,"_162":163,"_196":197,"_198":50},{"_17":121,"_13":16,"_35":68,"_41":155,"_44":36,"_45":189,"_190":52,"_191":42,"_192":56,"_57":14,"_53":12},"ctx",{"_183":-5,"_217":304,"_305":306,"_307":308,"_309":50,"_310":50,"_311":50,"_312":71,"_313":-5,"_314":-7,"_315":-7,"_316":73,"_317":50,"_318":50,"_319":-5,"_320":50,"_321":50,"_322":50,"_323":-5},"ENV",{"_275":276,"_277":278,"_279":16,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code