[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","68c3843aa1f48191a0091b963cfab9e3","versionInt","title","Utk → Xmn Migration Calculator (react, Tailwind, Shadcn)","type","code/react","content","import React, { useMemo, useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { Slider } from \"@/components/ui/slider\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { Info, ArrowRightLeft, Percent, DollarSign } from \"lucide-react\";\n\n// --- Utility math helpers ---\nconst clamp = (n: number, min: number, max: number) => Math.min(Math.max(n, min), max);\n\nfunction compoundFactor(apr: number, years: number, freq: number | \"continuous\") {\n if (apr <= 0 || years <= 0) return 1;\n if (freq === \"continuous\") return Math.exp(apr * years);\n return Math.pow(1 + apr / (freq as number), (freq as number) * years);\n}\n\nfunction formatNumber(n: number, d = 2) {\n if (!isFinite(n)) return \"-\";\n return n.toLocaleString(undefined, { maximumFractionDigits: d, minimumFractionDigits: d });\n}\n\nfunction usd(n: number) {\n if (!isFinite(n)) return \"-\";\n return n.toLocaleString(undefined, { style: \"currency\", currency: \"USD\", maximumFractionDigits: 2 });\n}\n\n// --- Core calculator logic ---\nfunction calcNoLock({ utk, rateUTKtoXMN = 1 / 3, apr = 0.08, years = 1, freq = 12, xmnPrice = 0.1 }) {\n const xmn = utk * rateUTKtoXMN; // 3 UTK -> 1 XMN => 1/3\n const factor = compoundFactor(apr, years, freq);\n const xmnEnd = xmn * factor;\n const valueNow = xmn * xmnPrice;\n const valueEnd = xmnEnd * xmnPrice;\n const rewardsXMN = xmnEnd - xmn;\n return { path: \"No Lock (3 UTK → 1 XMN)\", xmn, xmnEnd, rewardsXMN, valueNow, valueEnd, apr, years };\n}\n\nfunction calcLock({\n utk,\n rateUTKtoXMN = 1, // 1:1\n aprLock6m = 0.10, // ~10% APR during first 6 months (while locked)\n aprBase = 0.08, // standard ~8% APR after lock\n nftBoost = 0.02, // lifetime +2% APR from OG NFT (post-lock)\n years = 1,\n freq = 12,\n xmnPrice = 0.1,\n}) {\n const xmn = utk * rateUTKtoXMN;\n const firstPeriodYears = Math.min(0.5, years); // first 6 months\n const remainingYears = Math.max(0, years - firstPeriodYears);\n\n // During lock: APR = aprLock6m\n const factorLock = compoundFactor(aprLock6m, firstPeriodYears, freq);\n // After lock: APR = aprBase + nftBoost (OG NFT lifetime boost). If remainingYears = 0, this is 1\n const aprAfter = aprBase + nftBoost;\n const factorAfter = compoundFactor(aprAfter, remainingYears, freq);\n\n const xmnEnd = xmn * factorLock * factorAfter;\n const valueNow = xmn * xmnPrice; // nominal value before rewards\n const valueEnd = xmnEnd * xmnPrice;\n const rewardsXMN = xmnEnd - xmn;\n\n return {\n path: \"6-Month Lock (1 UTK → 1 XMN + OG NFT)\",\n xmn,\n xmnEnd,\n rewardsXMN,\n valueNow,\n valueEnd,\n aprLock6m,\n aprAfter,\n years,\n };\n}\n\nexport default function App() {\n // --- Inputs ---\n const [utk, setUtk] = useState(10000);\n const [utkPrice, setUtkPrice] = useState(0.03); // August 2025 TWAP reference used for 3:1 logic\n const [xmnPrice, setXmnPrice] = useState(0.10); // Whitepaper issue price\n const [years, setYears] = useState(1);\n const [freq, setFreq] = useState(12); // monthly default\n\n // Advanced overrides (allow power users to tweak tokenomics if parameters change)\n const [noLockAPR, setNoLockAPR] = useState(0.08);\n const [lockAPR6m, setLockAPR6m] = useState(0.10);\n const [baseAPR, setBaseAPR] = useState(0.08);\n const [nftBoost, setNftBoost] = useState(0.02);\n\n const noLock = useMemo(\n () =>\n calcNoLock({ utk, rateUTKtoXMN: 1 / 3, apr: noLockAPR, years, freq: freq === \"continuous\" ? \"continuous\" : Number(freq), xmnPrice }),\n [utk, noLockAPR, years, freq, xmnPrice]\n );\n\n const lock = useMemo(\n () =>\n calcLock({\n utk,\n rateUTKtoXMN: 1,\n aprLock6m: lockAPR6m,\n aprBase: baseAPR,\n nftBoost,\n years,\n freq: freq === \"continuous\" ? \"continuous\" : Number(freq),\n xmnPrice,\n }),\n [utk, lockAPR6m, baseAPR, nftBoost, years, freq, xmnPrice]\n );\n\n const utkValue = utk * utkPrice;\n\n const breakevenUTKPriceNoLock = (noLock.valueEnd / utk) || 0; // XMN end value / UTK count\n const breakevenUTKPriceLock = (lock.valueEnd / utk) || 0;\n\n const deltaValue = lock.valueEnd - noLock.valueEnd;\n\n return (\n

UTK → XMN Migration Planner

Based on publicly stated parameters as of Sep 2025. Adjust below if they change.

\n\n {/* Inputs */}\n \n \n

\n Your UTK balance\n

\n setUtk(clamp(Number(e.target.value||0),0,1e12))} />\n

UTK

Example: 10,000 UTK

\n\n Time horizon: {formatNumber(years,2)} years\n setYears(v[0])} />\n\n Compounding frequency\n \n

\n\n

\n Market prices (you can edit)\n

UTK price

\n \n setUtkPrice(Number(e.target.value||0))}/>\n

XMN price

\n \n setXmnPrice(Number(e.target.value||0))}/>\n

\n\n

\n Current UTK value: {usd(utkValue)}\n

\n\n

Note: UTK value used only as reference for your starting position. Migration outputs are shown in XMN and USD terms.

\n\n

\n Advanced (tweak program parameters)\n

No-lock APR (~8%)

setNoLockAPR(Number(e.target.value||0))}/>

Lock APR first 6m (~10%)

setLockAPR6m(Number(e.target.value||0))}/>

Base APR after lock (~8%)

setBaseAPR(Number(e.target.value||0))}/>

OG NFT lifetime boost (+2%)

setNftBoost(Number(e.target.value||0))}/>

If parameters change in docs/governance, update them here to re-run scenarios.

\n \n \n\n {/* Results */}\n \n \n Compare Paths\n No Lock\n 6-Month Lock\n \n\n \n

\n {/* No lock card */}\n \n \n

No Lock

XMN received
{formatNumber(noLock.xmn,2)} XMN

3 UTK → 1 XMN

Projected XMN at end
{formatNumber(noLock.xmnEnd,2)} XMN

APR ~{(noLockAPR*100).toFixed(1)}%

Rewards (XMN)
{formatNumber(noLock.rewardsXMN,2)}

Projected value
{usd(noLock.valueEnd)}

at XMN ${xmnPrice}

\n \n \n\n {/* Lock card */}\n \n \n

6-Month Lock + OG NFT

XMN received
{formatNumber(lock.xmn,2)} XMN

1 UTK → 1 XMN

Projected XMN at end
{formatNumber(lock.xmnEnd,2)} XMN

10% for first 6m, then {( (baseAPR + nftBoost)*100 ).toFixed(1)}%

Rewards (XMN)
{formatNumber(lock.rewardsXMN,2)}

Projected value
{usd(lock.valueEnd)}

at XMN ${xmnPrice}

\n \n \n

\n\n \n \n

Delta in projected value (Lock − No Lock)
=0?\"text-emerald-700\":\"text-rose-700\"}`}>{usd(deltaValue)}

Breakeven implied UTK price (No Lock)
{usd(breakevenUTKPriceNoLock)}

per UTK today to match projection

Breakeven implied UTK price (Lock)
{usd(breakevenUTKPriceLock)}

per UTK today to match projection

\n \n \n \n\n \n \n \n

No Lock Path Details

XMN received
{formatNumber(noLock.xmn,2)}

Projected XMN (end)
{formatNumber(noLock.xmnEnd,2)}

Rewards (XMN)
{formatNumber(noLock.rewardsXMN,2)}

Projected value
{usd(noLock.valueEnd)}

Assumes staking at ~{(noLockAPR*100).toFixed(1)}% APR with chosen compounding frequency.

\n \n \n \n\n \n \n \n

6-Month Lock Path Details

XMN received
{formatNumber(lock.xmn,2)}

Projected XMN (end)
{formatNumber(lock.xmnEnd,2)}

Rewards (XMN)
{formatNumber(lock.rewardsXMN,2)}

Projected value
{usd(lock.valueEnd)}

First 6 months: ~{(lockAPR6m*100).toFixed(1)}% APR while locked; rewards accrue.
After unlock: base APR ~{(baseAPR*100).toFixed(1)}% + OG NFT lifetime boost { (nftBoost*100).toFixed(1)}% → {( (baseAPR+nftBoost)*100).toFixed(1)}% APR.
Limited OG NFTs available; minimum 1,000 UTK to qualify (adjustable above if policy changes).

\n \n \n \n \n\n \n \n

Notes & Disclaimers

This is a planning tool. It does not perform the swap/bridge; follow official instructions and verify parameters on the referenced documentation.
APR values are indicative and may change with governance or product updates. Compounding frequency here is a modeling choice for your projection.
Prices are user-editable and for simulation only. Real market prices will vary.

\n Sources: See the xMoney token, whitepaper, and migration blog for the latest conversion paths, APRs, and governance timelines.\n

\n \n \n\n \n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","18216982161965367781","traceTime",1776422011984]