); const OrnamentalDivider = () => (

◆

); const getSmoothPath = (points) => { if (!points || (points || []).length === 0) return ''; if ((points || []).length === 1) return `M ${points[0][0]},${points[0][1]}`; const smoothing = 0.2; const line = (pointA, pointB) => { const lengthX = pointB[0] - pointA[0]; const lengthY = pointB[1] - pointA[1]; return { length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)), angle: Math.atan2(lengthY, lengthX) }; }; const controlPoint = (current, previous, next, reverse) => { const p = previous || current; const n = next || current; const l = line(p, n); const angle = l.angle + (reverse ? Math.PI : 0); const length = (l || []).length * smoothing; const x = current[0] + Math.cos(angle) * length; const y = current[1] + Math.sin(angle) * length; return [x, y]; }; let path = `M ${points[0][0]},${points[0][1]}`; for (let i = 0; i < (points || []).length - 1; i++) { const current = points[i]; const next = points[i + 1]; const previous = i > 0 ? points[i - 1] : points[i]; // Fix undefined previous const nextNext = i < (points || []).length - 2 ? points[i + 2] : points[i + 1]; // Fix undefined nextNext const cp1 = controlPoint(current, previous, next, false); const cp2 = controlPoint(next, current, nextNext, true); path += ` C ${cp1[0].toFixed(2)},${cp1[1].toFixed(2)} ${cp2[0].toFixed(2)},${cp2[1].toFixed(2)} ${next[0].toFixed(2)},${next[1].toFixed(2)}`; } return path; }; const renderBarGraph = () => { const topDeals = (Array.isArray(sortedDeals) ? sortedDeals : []).slice(0, 8); const rankColors = ['#D4AF37', '#C0C0C0', '#CD7F32']; return (

TOP ASSET PERFORMANCE

$0 {formatMoney(maxDealValue * 0.25)} {formatMoney(maxDealValue * 0.5)} {formatMoney(maxDealValue * 0.75)} {formatMoney(maxDealValue)}

{(topDeals || []).map((deal, i) => { const pct = maxDealValue > 0 ? ((deal?.value ?? 0) / maxDealValue) * 100 : 0; const portfolioPct = totalPortfolio > 0 ? ((deal?.value ?? 0) / totalPortfolio) * 100 : 0; const isActive = hoveredBar === i; const dealUser = deal?._user || { displayName: deal?.paidByName || 'ANONYMOUS' }; return (

setHoveredBar(hoveredBar === i ? null : i)} onMouseEnter={() => setHoveredBar(i)} onMouseLeave={() => setHoveredBar(null)} >

#{i + 1} {deal._user?.profileImageUrl &&

} {(deal.name || '').length > 18 ? (deal.name || '').slice(0, 18) + '…' : deal.name}

{formatMoney(deal.value)}

setHoveredBar(hoveredBar === i ? null : i)} onMouseEnter={() => setHoveredBar(i)} onMouseLeave={() => setHoveredBar(null)} > {[25, 50, 75].map(g => (

))}

{pct > 20 && ( {portfolioPct.toFixed(1)}% )}

{(dealUser.displayName || '').toUpperCase()} {pct <= 20 && {portfolioPct.toFixed(1)}%}

{isActive && (

━━ ASSET DETAIL ━━ ● ACTIVE

TICKER{deal.name} VALUATION{formatMoneyFull(deal.value)} WEIGHT{portfolioPct.toFixed(2)}% OF PORTFOLIO RANK#{i + 1} OF {(topDeals || []).length} TRADER { e.stopPropagation(); deal._user?.handle && openProfile(deal._user.handle); }} >{(dealUser.displayName || '').toUpperCase()}

)}

); })}

{(topDeals || []).length} ASSETS TRACKED PORTFOLIO Σ {formatMoney(totalPortfolio)}

); }; const renderIntel = () => { const safeSlice = selectedSlice !== null && selectedSlice < (pieData || []).length ? selectedSlice : null; return (

MARKET CONCENTRATION

ALLOCATION

{(pieData || []).map((s, i) => { const isSelected = safeSlice === i; return (

setSelectedSlice(safeSlice === i ? null : i)} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', fontSize: 11, marginBottom: 4, padding: '5px 8px', cursor: 'pointer', transition: 'all 0.2s', background: isSelected ? 'rgba(212,175,55,0.08)' : 'transparent', borderLeft: isSelected ? `3px solid ${s.color}` : '3px solid transparent' }} >

{(s.name || '').slice(0, 12)}

{formatMoney(s.value)} {(s.pct * 100).toFixed(1)}%

); })}

{safeSlice !== null && (

POSITION DETAIL

ASSET{pieData[safeSlice]?.name} VALUE{formatMoneyFull(pieData[safeSlice]?.value ?? 0)} SHARE{((pieData[safeSlice]?.pct ?? 0) * 100).toFixed(2)}%

)}

ACTIVE TRADERS

{(Array.isArray(memberList) ? memberList : []).map(m => (

m.handle && openProfile(m.handle)} style={{ cursor: m.handle ? 'pointer' : 'default', textAlign: 'center', width: 56, transition: 'transform 0.2s', padding: 4 }}>

{m.displayName?.split(' ')[0]}

{m.role === 'owner' ? 'CEO' : 'TRADER'}

))}

EQUITY TRAJECTORY

EARLIEST DEAL SEQUENCE → LATEST

LOW {formatMoney(Math.min(...(trendData || [{ y: 0 }]).map(t => t.dealValue)))} HIGH {formatMoney(Math.max(...(trendData || [{ y: 0 }]).map(t => t.dealValue)))}

DEAL LEDGER

#ASSETVALUE

{[...(deals ?? [])].sort((a, b) => (b?.createdAt ?? 0) - (a?.createdAt ?? 0)).slice(0, 6).map((d, i) => (

{i + 1} {d.name} {formatMoney(d.value)}

))}

); }; return (

{(TICKER_MESSAGES || []).join(' ◆ ') + ' ◆ ' + (TICKER_MESSAGES || []).join(' ◆ ')}

PIERCE & PIERCE ASSET MGMT.

THE GOLD
STANDARD

TOTAL ASSETS

{formatMoney(totalPortfolio)}

{activeTab === 'portfolio' ? renderBarGraph() : renderIntel()}

MARKET SENTIMENT: BULLISH

"The most valuable commodity I know of is information."

— GORDON GEKKO

{showDealModal && (

DEAL PARAMETERS

ASSET IDENTIFIER setDealName(e.target.value)} placeholder="e.g. BLUESTAR M&A" style={{ width: '100%', background: '#000', border: '1px solid #D4AF3750', color: '#D4AF37', padding: 14, fontFamily: 'monospace', fontSize: 16, boxSizing: 'border-box', outline: 'none' }} />

CAPITAL ALLOCATION (USD) setDealValue(e.target.value)} type="number" placeholder="0.00" style={{ width: '100%', background: '#000', border: '1px solid #D4AF3750', color: '#D4AF37', padding: 14, fontFamily: 'monospace', fontSize: 16, boxSizing: 'border-box', outline: 'none' }} />

)} {showMessage && (

{showMessage}

)}

); }

THE GOLDSTANDARD

THE GOLD
STANDARD