Add live progress tracking to scrape history

Backend: atomic += increments to hotels_found, rates_scraped,
dates_completed, dates_failed after each date in both worker types
(search-results and hotel-page). Safe for concurrent workers because
PostgreSQL evaluates x = x + delta atomically per statement.
If the container is killed mid-run, the counts already reflect what
was done rather than zeroing out.

Frontend: new Progress column showing X/Y (NN%) of dates completed;
highlighted in gold while the batch is running. scrape-history query
auto-refetches every 5s whenever a running entry is present.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

backend/services/booking_scraper.py

@@ -628,11 +628,16 @@ async def _scrape_hotels_concurrent(
                     if result.get('blocked'):
                         acc['blocked'] += 1
                         acc['failed'] += 1
+                        _increment_batch_progress(wdb, batch_id, delta_failed=1)
                     elif result['success']:
                         acc['rates'] += result['rates_count']
                         acc['completed'] += 1
+                        _increment_batch_progress(wdb, batch_id,
+                                                  delta_rates=result['rates_count'],
+                                                  delta_completed=1)
                     else:
                         acc['failed'] += 1
+                        _increment_batch_progress(wdb, batch_id, delta_failed=1)
         finally:
             try:
                 await backend.close()
@@ -656,6 +661,32 @@ async def _scrape_hotels_concurrent(
     return agg
 
 
+def _increment_batch_progress(
+    db: Session, batch_id: uuid.UUID,
+    delta_hotels: int = 0, delta_rates: int = 0,
+    delta_completed: int = 0, delta_failed: int = 0,
+):
+    """Atomically increment running-batch counters. Safe for concurrent workers
+    because it uses += rather than read-modify-write."""
+    try:
+        db.execute(text("""
+            UPDATE booking_scrape_log
+            SET hotels_found    = COALESCE(hotels_found, 0)    + :dh,
+                rates_scraped   = COALESCE(rates_scraped, 0)   + :dr,
+                dates_completed = COALESCE(dates_completed, 0) + :dc,
+                dates_failed    = COALESCE(dates_failed, 0)    + :df
+            WHERE batch_id = :bid
+        """), {'bid': str(batch_id), 'dh': delta_hotels, 'dr': delta_rates,
+               'dc': delta_completed, 'df': delta_failed})
+        db.commit()
+    except Exception as e:
+        logger.warning(f"Progress update failed for batch {batch_id}: {e}")
+        try:
+            db.rollback()
+        except Exception:
+            pass
+
+
 def _safe_mark_queue(db: Session, queue_id: Optional[int], status: str, error: str = None):
     """mark_queue_item that never raises — a marking failure shouldn't kill a worker."""
     if queue_id is None:
@@ -701,20 +732,27 @@ async def _scrape_dates_concurrent(
                         pass
                     acc['failed'] += 1
                     _safe_mark_queue(wdb, queue_id, 'failed', str(e))
+                    _increment_batch_progress(wdb, batch_id, delta_failed=1)
                     continue
 
                 if result.get('blocked'):
                     acc['blocked'] += 1
                     acc['failed'] += 1
                     _safe_mark_queue(wdb, queue_id, 'failed', f"Blocked: {result.get('block_reason')}")
+                    _increment_batch_progress(wdb, batch_id, delta_failed=1)
                 elif result['success']:
                     acc['hotels'] += result['hotels_count']
                     acc['rates'] += result['rates_count']
                     acc['completed'] += 1
                     _safe_mark_queue(wdb, queue_id, 'completed')
+                    _increment_batch_progress(wdb, batch_id,
+                                              delta_hotels=result['hotels_count'],
+                                              delta_rates=result['rates_count'],
+                                              delta_completed=1)
                 else:
                     acc['failed'] += 1
                     _safe_mark_queue(wdb, queue_id, 'failed', result.get('error'))
+                    _increment_batch_progress(wdb, batch_id, delta_failed=1)
         finally:
             try:
                 await backend.close()

frontend/src/pages/MarketView.tsx

@@ -329,6 +329,8 @@ const SettingsTab: React.FC = () => {
   const { data: history } = useQuery<ScrapeHistoryEntry[]>({
     queryKey: ['scrape-history'],
     queryFn: async () => (await api.get('/competitors/scrape-history?limit=10')).data,
+    refetchInterval: (query) =>
+      query.state.data?.some(e => e.status === 'running') ? 5000 : false,
   })
 
   const { data: scheduleInfo } = useQuery<ScheduleInfo>({
@@ -601,32 +603,45 @@ const SettingsTab: React.FC = () => {
                   <th style={styles.th}>Type</th>
                   <th style={styles.th}>Started</th>
                   <th style={styles.th}>Status</th>
+                  <th style={styles.th}>Progress</th>
                   <th style={styles.th}>Hotels</th>
                   <th style={styles.th}>Rates</th>
                   <th style={styles.th}>Error</th>
                 </tr>
               </thead>
               <tbody>
-                {history.map(entry => (
+                {history.map(entry => {
-                  <tr key={entry.batch_id}>
+                  const queued = entry.dates_queued ?? 0
-                    <td style={styles.td}>{entry.scrape_type}</td>
+                  const done = (entry.dates_completed ?? 0) + (entry.dates_failed ?? 0)
-                    <td style={styles.td}>{formatDateTime(entry.started_at)}</td>
+                  const pct = queued > 0 ? Math.round(done / queued * 100) : null
-                    <td style={styles.td}>
+                  const progressLabel = queued > 0
-                      <span style={badgeStyle(
+                    ? `${done}/${queued}${pct !== null ? ` (${pct}%)` : ''}`
-                        entry.status === 'completed' ? 'success' :
+                    : '-'
-                        entry.status === 'blocked' ? 'warning' :
+                  const isRunning = entry.status === 'running'
-                        entry.status === 'running' ? 'info' : 'error'
+                  return (
-                      )}>
+                    <tr key={entry.batch_id}>
-                        {entry.status}
+                      <td style={styles.td}>{entry.scrape_type}</td>
-                      </span>
+                      <td style={styles.td}>{formatDateTime(entry.started_at)}</td>
-                    </td>
+                      <td style={styles.td}>
-                    <td style={styles.td}>{entry.hotels_found ?? '-'}</td>
+                        <span style={badgeStyle(
-                    <td style={styles.td}>{entry.rates_scraped ?? '-'}</td>
+                          entry.status === 'completed' ? 'success' :
-                    <td style={mergeStyles(styles.td, { maxWidth: '200px', overflow: 'hidden', textOverflow: 'ellipsis' })}>
+                          entry.status === 'blocked' ? 'warning' :
-                      {entry.error_message || '-'}
+                          isRunning ? 'info' : 'error'
-                    </td>
+                        )}>
-                  </tr>
+                          {entry.status}
-                ))}
+                        </span>
+                      </td>
+                      <td style={mergeStyles(styles.td, isRunning ? { color: 'var(--gold)', fontWeight: 600 } : {})}>
+                        {progressLabel}
+                      </td>
+                      <td style={styles.td}>{entry.hotels_found ?? '-'}</td>
+                      <td style={styles.td}>{entry.rates_scraped ?? '-'}</td>
+                      <td style={mergeStyles(styles.td, { maxWidth: '200px', overflow: 'hidden', textOverflow: 'ellipsis' })}>
+                        {entry.error_message || '-'}
+                      </td>
+                    </tr>
+                  )
+                })}
               </tbody>
             </table>
           </div>