Build a custom dashboard

const BASE = process.env.NEXT_PUBLIC_API_BASE ?? 'http://localhost:3101'

export type FeedState =
  | { kind: 'measured'; signals: Signal[]; calibration: Calibration }
  | { kind: 'empty' }          // no run has happened — NOT "no risks"
  | { kind: 'unreachable'; error: string }

export async function fetchSignals(params: {
  verdict?: 'avoid' | 'trust' | 'watch' | 'no_opinion'
  chain?: 'hl' | 'base' | 'solana'
  limit?: number
} = {}): Promise<FeedState> {
  const qs = new URLSearchParams(
    Object.entries(params).filter(([, v]) => v != null).map(([k, v]) => [k, String(v)]),
  )
  try {
    const res = await fetch(`${BASE}/api/signals?${qs}`)
    if (!res.ok) return { kind: 'unreachable', error: `HTTP ${res.status}` }
    const feed = await res.json()
    if (feed.data_mode !== 'measured') return { kind: 'empty' }
    return { kind: 'measured', signals: feed.signals, calibration: feed.calibration }
  } catch (e) {
    return { kind: 'unreachable', error: String(e) }
  }
}

function SignalPanel({ state }: { state: FeedState }) {
  switch (state.kind) {
    case 'measured':
      return state.signals.length
        ? <SignalList signals={state.signals} calibration={state.calibration} />
        : <Empty title="No signals match" tone="neutral" />

    case 'empty':
      return <Empty tone="warning"
        title="No analysis has run"
        body="The feed is empty because no agent run has been published — not because no risks were found." />

    case 'unreachable':
      return <Empty tone="error" title="Backend unreachable" body={state.error} />
  }
}

// app/api/scorecard/[address]/route.ts
export async function GET(_: Request, { params }: { params: { address: string } }) {
  const out = await callMcpTool('get_wallet_scorecard', { address: params.address })
  if (out.state !== 'ok') {
    return Response.json({ unavailable: true, reason: out.reason }, { status: 503 })
  }
  return Response.json(out.data)
}