/**
 * Hong Kong City Command Center.
 * Server component that fetches HK-specific signals and live markets.
 */

import { getSignals } from '@/lib/queries';
import { fetchLiveMarkets } from '@/lib/polymarket-api';
import { HongKongClient } from './HongKongClient';

export const dynamic = 'force-dynamic';

export default async function HongKongPage() {
  const [signals, allMarkets] = await Promise.all([
    getSignals(undefined, 'hong_kong'),
    fetchLiveMarkets().catch(() => []),
  ]);

  // Filter to Hong Kong markets only
  const markets = allMarkets.filter(
    (m) => m.city.toLowerCase().includes('hong kong'),
  );

  return (
    <div className="p-6 space-y-6 max-w-[1600px] mx-auto">
      <HongKongClient signals={signals} markets={markets} />
    </div>
  );
}