Add market evidence notes to explorer surfaces

frontend/src/components/common/MarketEvidenceNote.tsx

@@ -0,0 +1,37 @@
+import { formatRelativeAge, formatTimestamp } from '@/utils/format'
+
+function formatSource(source?: string | null): string {
+  switch (source) {
+    case 'token-aggregation':
+      return 'token aggregation API'
+    case 'blockscout':
+      return 'Blockscout index'
+    case 'derived':
+      return 'derived from indexed supply and price inputs'
+    case 'mission-control':
+      return 'mission-control liquidity inventory'
+    default:
+      return source || 'source unavailable'
+  }
+}
+
+export default function MarketEvidenceNote({
+  source = 'token-aggregation',
+  lastUpdated,
+  method = 'DEX route and pool aggregation; visible liquidity only where indexed.',
+  compact = false,
+}: {
+  source?: string | null
+  lastUpdated?: string | null
+  method?: string
+  compact?: boolean
+}) {
+  const freshness = lastUpdated ? `${formatRelativeAge(lastUpdated)} (${formatTimestamp(lastUpdated)})` : 'timestamp unavailable'
+  const text = `Source: ${formatSource(source)}. Updated: ${freshness}. Method: ${method}`
+
+  return (
+    <p className={`${compact ? 'mt-1' : 'mt-3'} text-xs leading-5 text-gray-500 dark:text-gray-400`}>
+      {text}
+    </p>
+  )
+}