// Reports screen — pulls signal history stats + algo stats and renders KPIs. import React from "react"; import { View, ScrollView, RefreshControl } from "react-native"; import { useQuery } from "@tanstack/react-query"; import { Card, H1, H2, Muted, Row, Pill, Body } from "@/components/ui"; import { colors, spacing } from "@/theme"; import { api } from "@/api/client"; export default function ReportsScreen() { const history = useQuery({ queryKey: ["signal-history-stats"], queryFn: () => api.signalHistory({ limit: 1 }), refetchInterval: 30_000, }); const algo = useQuery({ queryKey: ["algo-stats"], queryFn: () => api.algoStats(), refetchInterval: 30_000, }); const s = (history.data?.stats ?? {}) as Record; const refreshing = history.isFetching || algo.isFetching; const onRefresh = () => { history.refetch(); algo.refetch(); }; return ( } >

Reports

Signals · Algorithms · Hit rate Hit rate

{Number(s.hit_rate_pct ?? 0).toFixed(1)}%

{s.target_hit ?? 0}/{s.resolved ?? 0} resolved Total signals

{s.total ?? 0}

{s.pending ?? 0} pending Target hits

{s.target_hit ?? 0}

 Stop hits

{s.stop_hit ?? 0}

 Expired

{s.expired ?? 0}

Algorithm comparison

{(algo.data?.items ?? []).length === 0 && No algorithm data yet.} {(algo.data?.items ?? []).map((a) => ( {String(a.algo_name ?? a.algo)} {a.total} total · {a.resolved} resolved · avg conf {a.avg_confidence_pct}% = 55 ? "long" : "warn"} /> ))} ); }