[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","69efad579cec81918538bb16e16075f3","versionInt","title","Ink Points Dashboard","type","code/react","content","import React, { useMemo, useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Slider } from \"@/components/ui/slider\";\nimport { Input } from \"@/components/ui/input\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { motion } from \"framer-motion\";\n\nconst SEASON_WEEKS = 4;\nconst OPTION_1_POINTS_PER_WEEK = 250_000_000;\nconst OPTION_2_POINTS_PER_WEEK = 50_000_000;\n\nconst DEFAULTS = {\n fdv: 500_000_000,\n airdropPct: 5,\n seasons: 4,\n userPoints: 11_400,\n costUsd: 128,\n};\n\nconst fmtUsd = (value, decimals = 2) =>\n new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: decimals,\n maximumFractionDigits: decimals,\n }).format(Number.isFinite(value) ? value : 0);\n\nconst fmtNum = (value, decimals = 0) =>\n new Intl.NumberFormat(\"en-US\", {\n minimumFractionDigits: decimals,\n maximumFractionDigits: decimals,\n }).format(Number.isFinite(value) ? value : 0);\n\nconst fmtPct = (value, decimals = 2) => `${value >= 0 ? \"+\" : \"\"}${(Number.isFinite(value) ? value : 0).toFixed(decimals)}%`;\n\nfunction calculateScenario({ pointsPerWeek, seasonWeeks, seasons, fdv, airdropPct, userPoints, costUsd }) {\n const safeUserPoints = Math.max(Number(userPoints) || 0, 0);\n const safeCostUsd = Math.max(Number(costUsd) || 0, 0);\n const totalPoints = Math.max(Number(pointsPerWeek) || 0, 0) * Math.max(Number(seasonWeeks) || 0, 0) * Math.max(Number(seasons) || 0, 0);\n const airdropValue = Math.max(Number(fdv) || 0, 0) * (Math.max(Number(airdropPct) || 0, 0) / 100);\n const estimatedPointValue = totalPoints > 0 ? airdropValue / totalPoints : 0;\n const costPerPoint = safeUserPoints > 0 ? safeCostUsd / safeUserPoints : 0;\n const userEstimatedValue = safeUserPoints * estimatedPointValue;\n const userCostBasis = safeUserPoints * costPerPoint;\n const pnl = userEstimatedValue - userCostBasis;\n const roi = userCostBasis > 0 ? (pnl / userCostBasis) * 100 : 0;\n\n return {\n totalPoints,\n airdropValue,\n estimatedPointValue,\n costPerPoint,\n userEstimatedValue,\n userCostBasis,\n pnl,\n roi,\n };\n}\n\nfunction runSelfTests() {\n const option1 = calculateScenario({\n pointsPerWeek: 250_000_000,\n seasonWeeks: 4,\n seasons: 4,\n fdv: 500_000_000,\n airdropPct: 5,\n userPoints: 11_400,\n costUsd: 128,\n });\n\n const option2 = calculateScenario({\n pointsPerWeek: 50_000_000,\n seasonWeeks: 4,\n seasons: 4,\n fdv: 500_000_000,\n airdropPct: 5,\n userPoints: 11_400,\n costUsd: 128,\n });\n\n console.assert(option1.totalPoints === 4_000_000_000, \"Option 1 total points should be 4B\");\n console.assert(Math.abs(option1.estimatedPointValue - 0.00625) < 1e-10, \"Option 1 point value should be $0.00625\");\n console.assert(option2.totalPoints === 800_000_000, \"Option 2 total points should be 800M\");\n console.assert(Math.abs(option2.estimatedPointValue - 0.03125) < 1e-10, \"Option 2 point value should be $0.03125\");\n console.assert(Math.abs(option1.costPerPoint - 128 / 11_400) < 1e-10, \"Cost per point should equal cost / user points\");\n}\n\nif (typeof window !== \"undefined\") {\n runSelfTests();\n}\n\nfunction MiniIcon({ type }) {\n const base = \"inline-flex h-9 w-9 items-center justify-center rounded-2xl bg-zinc-900 text-lg\";\n const symbols = {\n coin: \"◈\",\n gauge: \"⌁\",\n wallet: \"◫\",\n up: \"↗\",\n down: \"↘\",\n };\n\n return {symbols[type] || \"•\"};\n}\n\nfunction Field({ label, value, hint }) {\n return (\n

{label}

\n {hint ?

{hint}

: null}\n

{value}

\n );\n}\n\nfunction Control({ label, valueLabel, children }) {\n return (\n

{label}

{valueLabel}

\n {children}\n

\n );\n}\n\nfunction OptionCard({ title, pointsPerWeek, seasonWeeks, seasons, fdv, airdropPct, userPoints, costUsd }) {\n const result = calculateScenario({ pointsPerWeek, seasonWeeks, seasons, fdv, airdropPct, userPoints, costUsd });\n const isPositive = result.roi >= 0;\n\n return (\n \n \n \n

{title}

Fixed weekly distribution scenario

\n \n {fmtNum(pointsPerWeek)} pts/week\n \n

\n\n

Estimated point value

{fmtUsd(result.estimatedPointValue, 5)}

\n {isPositive ? \"↗\" : \"↘\"}\n ROI vs factual cost\n

\n {fmtPct(result.roi)}\n

\n\n

\n \n \n \n \n \n \n = 0 ? \"text-emerald-300\" : \"text-red-300\"}>{fmtUsd(result.pnl, 2)}}\n />\n

\n \n \n \n );\n}\n\nexport default function InkPointsDashboard() {\n const [fdv, setFdv] = useState(DEFAULTS.fdv);\n const [airdropPct, setAirdropPct] = useState(DEFAULTS.airdropPct);\n const [seasons, setSeasons] = useState(DEFAULTS.seasons);\n const [userPoints, setUserPoints] = useState(DEFAULTS.userPoints);\n const [costUsd, setCostUsd] = useState(DEFAULTS.costUsd);\n\n const shared = useMemo(\n () => calculateScenario({\n pointsPerWeek: OPTION_1_POINTS_PER_WEEK,\n seasonWeeks: SEASON_WEEKS,\n seasons,\n fdv,\n airdropPct,\n userPoints,\n costUsd,\n }),\n [fdv, airdropPct, seasons, userPoints, costUsd]\n );\n\n return (\n

\n ◈ INK points valuation model\n

Points Distribution Dashboard

\n Compare two fixed weekly distribution scenarios against shared FDV, airdrop supply, season count, your points, and factual cost per point.\n

\n\n

Fixed constants

\n Season length{SEASON_WEEKS} weeks\n Option 1{fmtNum(OPTION_1_POINTS_PER_WEEK)} pts/week\n Option 2{fmtNum(OPTION_2_POINTS_PER_WEEK)} pts/week\n

\n\n

\n \n setAirdropPct(v[0])} />\n

1%10%

\n \n\n \n setFdv(v[0])} />\n

$100M$1B

\n \n\n \n setSeasons(v[0])} />\n

110

\n \n\n \n setUserPoints(v[0])} />\n

1k50k

\n \n\n \n setCostUsd(Number(e.target.value || 0))}\n className=\"border-zinc-800 bg-zinc-900 text-zinc-100\"\n />\n

Manual factual expense input

\n \n

\n\n

\n \n \n \n

Your factual cost per point

{fmtUsd(shared.costPerPoint, 5)}

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

Airdrop dollar pool

{fmtUsd(fdv * (airdropPct / 100), 0)}

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

Your cost basis

{fmtUsd(shared.userCostBasis, 2)}

\n \n \n

\n\n

\n \n\n \n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","5416431121699862932","traceTime",1778055678409]