Function MarketsPanelInner

src/components/MarketsPanel.tsx:55–529

({
  mapped,
  unmapped,
  activeCategories,
  onFlyTo,
  onSelectMarket,
  loading,
  externalSearch,
  isWatched,
  onToggleWatch,
  colSpan,
  onColSpanChange,
  onColSpanReset,
  rowSpan,
  onRowSpanChange,
  onRowSpanReset,
  maxColSpan,
  selectedMarketId,
  onTrade,
  dragRootRef,
  dragHandleProps,
  dragStyle,
  dragClassName,
}: MarketsPanelProps)

const NEW_THRESHOLD_MS = 6 * 60 * 60 * 1000;

function MarketsPanelInner({
  mapped,
  unmapped,
  activeCategories,
  onFlyTo,
  onSelectMarket,
  loading,
  externalSearch,
  isWatched,
  onToggleWatch,
  colSpan,
  onColSpanChange,
  onColSpanReset,
  rowSpan,
  onRowSpanChange,
  onRowSpanReset,
  maxColSpan,
  selectedMarketId,
  onTrade,
  dragRootRef,
  dragHandleProps,
  dragStyle,
  dragClassName,
}: MarketsPanelProps) {
  const { t, locale } = useI18n();
  const [search, setSearch] = useState("");
  const [renderNow] = useState(() => Date.now());
  const [localCategoryFilter, setLocalCategoryFilter] = useState<Set<string>>(new Set());
  const [localSortSet, setLocalSortSet] = useState<Set<string>>(new Set(["impact"]));
  const sortHydrated = useRef(false);
  useEffect(() => {
    if (sortHydrated.current) return;
    sortHydrated.current = true;
    const saved = localStorage.getItem("pw:marketSort");
    if (saved && ["sections", "volume", "impact", "change", "new"].includes(saved)) {
      setLocalSortSet(new Set([saved]));
    }
  }, []);

  // Sync external search (e.g. tag click from detail panel)
  useEffect(() => {
    if (externalSearch === undefined) return;
    const timer = window.setTimeout(() => {
      setSearch(externalSearch);
    }, 0);
    return () => window.clearTimeout(timer);
  }, [externalSearch]);
  const [expanded, setExpanded] = useState(false);

  useEffect(() => {
    if (!expanded) return;
    const handler = (e: KeyboardEvent) => {
      if (e.key === "Escape") setExpanded(false);
    };
    document.addEventListener("keydown", handler);
    return () => document.removeEventListener("keydown", handler);
  }, [expanded]);