fix: web search, navbar balance display, and dev reload

- Switch search from broken Gamma API _q to /public-search endpoint
- Display Portfolio + Cash in navbar (matching Polymarket UI)
- Replace staleness dot with 60s auto-polling balance
- Fix search input Enter key not triggering search
- Add --reload flag to pm-trader web for dev auto-restart

Author: qhuang20

CHANGELOG.md

@@ -6,6 +6,18 @@ All notable changes to `polymarket-on-paper` are documented here.
 
 ## Unreleased
 
+### Fixed
+- **Search**: switch from broken Gamma API `_q` param to official `/public-search` endpoint — search now returns relevant results
+- **Web navbar**: display both Portfolio (total value) and Cash, matching Polymarket's UI
+
+### Changed
+- **Web navbar**: replace staleness dot indicator with 60-second auto-polling for balance
+- **Web search**: replace `<form>` submit with `onKeyDown` handler to fix Enter key not triggering search
+
+### Added
+- **`pm-trader web --reload`**: auto-reload backend on Python file changes during development
+- **Web search button**: visual Search button alongside Enter-to-search
+
 ## [0.1.7] - 2026-03-01
 
 ### Added

CLAUDE.md

@@ -77,6 +77,7 @@ mcp_server.py → engine.py (trading tools, 30 MCP tools)
 - **Fee formula**: `(bps/10000) * min(price, 1-price) * shares` — matches Polymarket exactly
 - **FOK** (fill-or-kill): all or nothing. **FAK** (fill-and-kill): partial fills ok
 - **Limit orders**: GTC (rest until filled/cancelled) or GTD (expire at timestamp)
+- **Search**: uses Gamma API `/public-search?q=` endpoint (not `_q` on `/markets`, which is broken). Default limits: MCP 10, Web 20, api.py 10.
 - **No price/book caching**: always live from API. Market metadata cached 5 min.
 - **Multi-account**: separate SQLite databases at `~/.pm-trader/<account>/paper.db`
 

frontend/src/components/Layout.tsx

@@ -7,23 +7,17 @@ export default function Layout() {
   const [accounts, setAccounts] = useState<string[]>([])
   const [selected, setSelected] = useState(getAccount())
   const [balance, setBalance] = useState<Balance | null>(null)
-  const [lastFetch, setLastFetch] = useState(Date.now())
-  const [staleness, setStaleness] = useState(0)
-
   useEffect(() => {
     fetchAccounts().then(setAccounts).catch(() => {})
   }, [])
 
   useEffect(() => {
     setAccount(selected)
-    fetchBalance().then(b => { setBalance(b); setLastFetch(Date.now()) }).catch(() => {})
-  }, [selected])
-
-  // Data freshness indicator — update every second
-  useEffect(() => {
-    const interval = setInterval(() => setStaleness(Math.floor((Date.now() - lastFetch) / 1000)), 1000)
+    const refresh = () => fetchBalance().then(setBalance).catch(() => {})
+    refresh()
+    const interval = setInterval(refresh, 60_000)
     return () => clearInterval(interval)
-  }, [lastFetch])
+  }, [selected])
 
   return (
     <div style={{ minHeight: '100vh', background: '#fafafa' }}>
@@ -44,17 +38,18 @@ export default function Layout() {
         </div>
         <div style={{ display: 'flex', gap: 12, alignItems: 'center' }}>
           {balance && (
-            <span style={{ fontSize: '0.9em', color: '#333' }}>
-              ${balance.cash.toLocaleString(undefined, { minimumFractionDigits: 2 })}
-            </span>
-          )}
-          {staleness <= 5 ? null : (
-            <span style={{
-              width: 8, height: 8, borderRadius: '50%', display: 'inline-block',
-              background: staleness <= 10 ? '#eab308' : '#dc2626',
-            }} title={`Data ${staleness}s old`} />
+            <div style={{ display: 'flex', gap: 12, alignItems: 'center', fontSize: '0.9em' }}>
+              <span style={{ color: '#333' }}>
+                <span style={{ color: '#888', marginRight: 4 }}>Portfolio</span>
+                ${balance.total_value.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}
+              </span>
+              <span style={{ color: '#333' }}>
+                <span style={{ color: '#888', marginRight: 4 }}>Cash</span>
+                ${balance.cash.toLocaleString(undefined, { minimumFractionDigits: 2 })}
+              </span>
+            </div>
           )}
-          <select
+<select
             value={selected}
             onChange={e => setSelected(e.target.value)}
             style={{ padding: '4px 8px', borderRadius: 4, border: '1px solid #ccc', fontSize: '0.85em' }}

frontend/src/pages/Markets.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useState, useCallback } from 'react'
 import { fetchMarkets } from '../api/client'
 import type { MarketItem } from '../api/types'
 import MarketList from '../components/MarketList'
@@ -23,41 +23,47 @@ export default function Markets() {
   const [activeTag, setActiveTag] = useState<string | null>(null)
   const [sort, setSort] = useState('volume')
 
-  const loadMarkets = (q?: string, tag?: string) => {
-    fetchMarkets(q || undefined, tag || undefined, sort).then(setMarkets).catch(() => {})
-  }
+  const doSearch = useCallback((q?: string, tag?: string, s?: string) => {
+    fetchMarkets(q || undefined, tag || undefined, s || sort)
+      .then(setMarkets)
+      .catch(err => console.error('Search failed:', err))
+  }, [sort])
 
   useEffect(() => {
-    loadMarkets()
+    doSearch()
   }, [])
 
-  const handleSearch = (e: React.FormEvent) => {
-    e.preventDefault()
+  const handleSearch = useCallback(() => {
     setActiveTag(null)
-    loadMarkets(query)
-  }
+    doSearch(query)
+  }, [query, doSearch])
 
   const handleTagClick = (slug: string) => {
     const next = activeTag === slug ? null : slug
     setActiveTag(next)
     setQuery('')
-    loadMarkets(undefined, next || undefined)
+    doSearch(undefined, next || undefined)
   }
 
   return (
     <div>
       {/* Search */}
-      <form onSubmit={handleSearch} style={{ marginBottom: 16 }}>
+      <div style={{ marginBottom: 16, display: 'flex', gap: 8 }}>
         <input
           value={query} onChange={e => setQuery(e.target.value)}
+          onKeyDown={e => { if (e.key === 'Enter') { e.preventDefault(); handleSearch() } }}
           placeholder="Search markets... e.g. 'Trump', 'Bitcoin', 'Fed rate'"
-          style={{ width: '100%', padding: '10px 16px', fontSize: '0.95em', borderRadius: 8, border: '1px solid #ddd', boxSizing: 'border-box' }}
+          style={{ flex: 1, padding: '10px 16px', fontSize: '0.95em', borderRadius: 8, border: '1px solid #ddd', boxSizing: 'border-box' }}
         />
-      </form>
+        <button onClick={handleSearch} style={{
+          padding: '10px 20px', borderRadius: 8, border: '1px solid #ddd', background: '#111', color: 'white',
+          fontSize: '0.9em', cursor: 'pointer',
+        }}>Search</button>
+      </div>
 
       {/* Sort + Categories */}
       <div style={{ display: 'flex', gap: 8, marginBottom: 20, flexWrap: 'wrap', alignItems: 'center' }}>
-        <select value={sort} onChange={e => { setSort(e.target.value); loadMarkets(query || undefined, activeTag || undefined) }}
+        <select value={sort} onChange={e => { setSort(e.target.value); doSearch(query || undefined, activeTag || undefined, e.target.value) }}
           style={{ padding: '4px 10px', borderRadius: 16, border: '1px solid #ddd', fontSize: '0.8em' }}>
           <option value="volume">Sort: Volume</option>
           <option value="liquidity">Sort: Liquidity</option>
@@ -77,7 +83,7 @@ export default function Markets() {
       <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 16 }}>
         <MarketList markets={markets} selected={selected} onSelect={setSelected} />
         {selected ? (
-          <TradePanel market={selected} onTradeComplete={() => loadMarkets(query || undefined, activeTag || undefined)} />
+          <TradePanel market={selected} onTradeComplete={() => doSearch(query || undefined, activeTag || undefined)} />
         ) : (
           <div style={{ background: 'white', borderRadius: 8, padding: 40, textAlign: 'center', color: '#888', boxShadow: '0 1px 3px rgba(0,0,0,0.08)' }}>
             Select a market to trade

pm_trader/api.py

@@ -175,10 +175,22 @@ def list_markets(
         return self._parse_market_list(self._gamma_get("/markets", params=params))
 
     def search_markets(self, query: str, *, limit: int = 10) -> list[Market]:
-        """Search markets by text query."""
-        return self._parse_market_list(
-            self._gamma_get("/markets", params={"_q": query, "limit": limit})
-        )
+        """Search markets by text query via /public-search endpoint."""
+        data = self._gamma_get("/public-search", params={
+            "q": query,
+            "limit_per_type": limit,
+        })
+        if not isinstance(data, dict):
+            return []
+        markets: list[Market] = []
+        for event in data.get("events", []):
+            for m in event.get("markets", []):
+                if _has_condition_id(m):
+                    try:
+                        markets.append(_parse_market(m))
+                    except (KeyError, TypeError):
+                        continue
+        return markets[:limit]
 
     def get_tags(self) -> list[dict]:
         """Fetch all market tags/categories from Gamma API.  Cached 5 min."""

pm_trader/cli.py

@@ -806,13 +806,16 @@ def watch(ctx: click.Context, slugs_or_ids: tuple[str, ...], outcomes: tuple[str
 @main.command()
 @click.option("--host", default="127.0.0.1", help="Host to bind")
 @click.option("--port", default=8000, type=int, help="Port to bind")
-def web(host: str, port: int) -> None:
+@click.option("--reload", is_flag=True, default=False, help="Auto-reload on code changes")
+def web(host: str, port: int, reload: bool) -> None:
     """Start the web dashboard server."""
     import uvicorn
-    from pm_trader.web.app import create_app
-    app = create_app()
     click.echo(f"Starting dashboard at http://{host}:{port}")
-    uvicorn.run(app, host=host, port=port)
+    if reload:
+        uvicorn.run("pm_trader.web.app:create_app", factory=True, host=host, port=port, reload=True)
+    else:
+        from pm_trader.web.app import create_app
+        uvicorn.run(create_app(), host=host, port=port)
 
 
 # ---------------------------------------------------------------------------

tests/test_api.py

@@ -265,7 +265,10 @@ def test_list_markets_empty(self, client: PolymarketClient, httpx_mock):
 
 class TestSearchMarkets:
     def test_search(self, client: PolymarketClient, httpx_mock):
-        httpx_mock.add_response(json=[SAMPLE_GAMMA_MARKET])
+        httpx_mock.add_response(json={
+            "events": [{"markets": [SAMPLE_GAMMA_MARKET]}],
+            "pagination": {},
+        })
         results = client.search_markets("bitcoin")
         assert len(results) == 1
         assert "bitcoin" in results[0].slug
@@ -668,12 +671,11 @@ def test_string_response_returns_empty(
 # ---------------------------------------------------------------------------
 
 class TestSearchMarketsNonList:
-    def test_non_list_response_returns_empty(
+    def test_non_dict_response_returns_empty(
         self, client: PolymarketClient, httpx_mock
     ):
-        """When _gamma_get returns a dict instead of a list,
-        search_markets should return [] (line 179)."""
-        httpx_mock.add_response(json={"error": "unexpected format"})
+        """When _gamma_get returns a non-dict, search_markets should return []."""
+        httpx_mock.add_response(json="unexpected")
         result = client.search_markets("bitcoin")
         assert result == []
 
@@ -685,6 +687,14 @@ def test_none_response_returns_empty(
             result = client.search_markets("bitcoin")
             assert result == []
 
+    def test_empty_events_returns_empty(
+        self, client: PolymarketClient, httpx_mock
+    ):
+        """When events list is empty, search_markets should return []."""
+        httpx_mock.add_response(json={"events": [], "pagination": {}})
+        result = client.search_markets("bitcoin")
+        assert result == []
+
 
 # ---------------------------------------------------------------------------
 # Line 213: get_tick_size cache hit path