\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;","deleted","label",[179,162],"frontend","permalink","https://www.val.town/x/bobcat5000/reactHonoStarter/code/frontend/index.tsx","extension","actionData","errors"]