Function SmartMoneyPanel

src/components/SmartMoneyPanel.tsx:40–183

({
  smartTrades,
  markets,
  walletFilter,
  onClearFilter,
  onSelectMarket,
  onSelectWallet,
}: SmartMoneyPanelProps)

type SmartMoneyTab = "trades" | "flow" | "signals";

export default function SmartMoneyPanel({
  smartTrades,
  markets,
  walletFilter,
  onClearFilter,
  onSelectMarket,
  onSelectWallet,
}: SmartMoneyPanelProps) {
  const { t } = useI18n();
  const [tab, setTab] = useState<SmartMoneyTab>("trades");
  const [flows, setFlows] = useState<CategoryFlow[]>([]);
  const [flowLoading, setFlowLoading] = useState(false);
  const [newTradeThreshold] = useState(() => Date.now() - 60_000);

  const fetchFlows = useCallback(async () => {
    try {
      const res = await fetch("/api/smart-money?view=flow");
      if (!res.ok) return;
      const data = await res.json();
      if (data.flows) setFlows(data.flows);
    } catch { /* non-critical */ }
    setFlowLoading(false);
  }, []);

  const handleTabChange = useCallback((nextTab: SmartMoneyTab) => {
    setTab(nextTab);
    if (nextTab === "flow" && flows.length === 0) {
      setFlowLoading(true);
      void fetchFlows();
    }
  }, [fetchFlows, flows.length]);

  useEffect(() => {
    if (tab !== "flow") return;
    const iv = setInterval(() => {
      void fetchFlows();
    }, 120_000);
    return () => clearInterval(iv);
  }, [fetchFlows, tab]);

  const filteredTrades = useMemo(() => {
    if (!walletFilter) return smartTrades;
    return smartTrades.filter(
      (tr) => tr.wallet.toLowerCase() === walletFilter.toLowerCase()
    );
  }, [smartTrades, walletFilter]);

  return (
    <div className="font-mono">
      {/* Tab bar */}
      <div className="flex items-center gap-0.5 mb-2">
        {(["trades", "flow", "signals"] as SmartMoneyTab[]).map((tabId) => (
          <button
            key={tabId}
            onClick={() => handleTabChange(tabId)}
            className={`px-2 py-0.5 text-[10px] font-mono transition-colors ${
              tab === tabId
                ? "text-[var(--text)] bg-[var(--surface-hover)]"