fix: pre-launch UI hardening + KOL reduce-action type, proxy IP relay, settings redesign

Frontend half of the pre-launch audit campaign:

- types/index.ts + kol/KolPageClient.tsx: add missing 'reduce' KolAction
  (backend emits it; frontend lacked the type + color/label maps → undefined
  styling). Adds ACTION_COLOR/actionLabel/postActionLabel entries.
- proxy/[...path]/route.ts: relay real client IP (x-forwarded-for / x-real-ip)
  so the backend rate limiter buckets per-user instead of per-Next-server (BUG-02).
- Settings/BotConfigPanel redesign, paper-mode clarity, copy cleanup.
- Assorted page/display fixes, loading states, Pagination component.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

app/[locale]/trump/TrumpPageClient.tsx

@@ -9,11 +9,9 @@ import PostRow from '@/components/dashboard/PostCards'
 import SystemControl from '@/components/signals/SystemControl'
 import PageHint from '@/components/ui/PageHint'
 import InfoTip from '@/components/ui/InfoTip'
+import Pagination from '@/components/ui/Pagination'
 
-/**
- * System 1 — Trump (event-driven scalp). Its own dedicated page.
- * Shows ONLY source === 'truth'. No scanner panel (that's System 2).
- */
+const PAGE_SIZE = 30
 
 const SENTIMENTS = ['all', 'bullish', 'bearish', 'neutral'] as const
 type SentimentFilter = (typeof SENTIMENTS)[number]
@@ -25,29 +23,32 @@ interface TrumpSignalPageProps {
 
 export default function TrumpSignalPage({ initialPosts = null }: TrumpSignalPageProps) {
   const locale = useLocale()
-  const isZh = false  // i18n shelved — Chinese branches kept as dead code for future revival; see messages/zh.json
-  const [posts, setPosts]     = useState<TrumpPost[]>(initialPosts ?? [])
-  const [loading, setLoading] = useState(initialPosts === null)
-  const [loadErr, setLoadErr] = useState('')
+  const isZh = false
+  const [posts, setPosts]       = useState<TrumpPost[]>(initialPosts ?? [])
+  const [loading, setLoading]   = useState(initialPosts === null)
+  const [loadErr, setLoadErr]   = useState('')
   const [sentFilter, setSentFilter] = useState<SentimentFilter>('all')
   const [sigFilter, setSigFilter]   = useState<SignalFilter>('all')
+  const [page, setPage]         = useState(1)
+
 
   useEffect(() => {
     swrFetch(
       'posts-500',
-      3 * 60_000, // 3 min TTL
+      3 * 60_000,
       () => getPosts(500, 1),
-      fresh => setPosts(fresh), // background revalidation callback
+      fresh => setPosts(fresh),
     )
       .then(p => { setPosts(p); setLoadErr('') })
-      .catch(e => setLoadErr(e instanceof Error ? e.message : (isZh ? '帖子加载失败' : 'Failed to load posts')))
+      .catch(e => setLoadErr(e instanceof Error ? e.message : 'Failed to load posts'))
       .finally(() => setLoading(false))
-  }, [isZh])
+  }, [])
 
   const trumpPosts = useMemo(
     () => posts.filter(p => (p.source || '') === 'truth'),
     [posts],
   )
+
   const filtered = useMemo(() => trumpPosts.filter(p => {
     if (sentFilter !== 'all' && p.sentiment !== sentFilter) return false
     if (sigFilter === 'actionable' && p.signal !== 'buy' && p.signal !== 'short') return false
@@ -56,6 +57,10 @@ export default function TrumpSignalPage({ initialPosts = null }: TrumpSignalPage
     return true
   }), [trumpPosts, sentFilter, sigFilter])
 
+  const totalPages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE))
+  const safePage   = Math.min(page, totalPages)
+  const pageItems  = filtered.slice((safePage - 1) * PAGE_SIZE, safePage * PAGE_SIZE)
+
   const sigCounts = useMemo(() => ({
     all:        trumpPosts.length,
     actionable: trumpPosts.filter(p => p.signal === 'buy' || p.signal === 'short').length,
@@ -64,24 +69,17 @@ export default function TrumpSignalPage({ initialPosts = null }: TrumpSignalPage
   }), [trumpPosts])
 
   const signalLabels: Record<SignalFilter, string> = {
-    all: isZh ? '全部' : 'All',
-    actionable: isZh ? '可执行' : 'Actionable',
-    buy: isZh ? '做多' : 'Buy',
-    short: isZh ? '做空' : 'Short',
+    all: 'All', actionable: 'Actionable', buy: 'Buy', short: 'Short',
   }
-
   const sentimentLabels: Record<SentimentFilter, string> = {
-    all: isZh ? '全部' : 'All',
-    bullish: isZh ? '看多' : 'Bullish',
-    bearish: isZh ? '看空' : 'Bearish',
-    neutral: isZh ? '中性' : 'Neutral',
+    all: 'All', bullish: 'Bullish', bearish: 'Bearish', neutral: 'Neutral',
   }
 
   return (
     <div className="page">
       <div className="page-head">
         <div>
-          <h1 className="page-title">{isZh ? '① Trump 信号' : '① Trump Signal'}</h1>
+          <h1 className="page-title">① Trump Signal</h1>
           <PageHint count={`${sigCounts.actionable} actionable / ${trumpPosts.length} posts`}>
             Watches Trump's Truth Social posts in real time, AI-scores each one,
             and only fires a trade when the conviction is high enough to move price.
@@ -96,6 +94,7 @@ export default function TrumpSignalPage({ initialPosts = null }: TrumpSignalPage
         display: 'flex', justifyContent: 'space-between', alignItems: 'center',
         gap: 12, margin: '16px 0 12px', flexWrap: 'wrap',
       }}>
+        {/* Signal filter tabs */}
         <div className="nav-tabs" style={{ background: 'var(--bg-sunk)' }}>
           {([
             { key: 'all',        hint: 'Every post the scraper has captured.' },
@@ -106,7 +105,7 @@ export default function TrumpSignalPage({ initialPosts = null }: TrumpSignalPage
             <button
               key={f.key}
               className={`nav-tab ${sigFilter === f.key ? 'active' : ''}`}
-              onClick={() => setSigFilter(f.key)}
+              onClick={() => { setSigFilter(f.key); setPage(1) }}
             >
               {f.key === 'actionable' ? '🔥 ' : ''}
               {signalLabels[f.key]}
@@ -114,6 +113,8 @@ export default function TrumpSignalPage({ initialPosts = null }: TrumpSignalPage
             </button>
           ))}
         </div>
+
+        {/* Sentiment filter */}
         <div style={{ display: 'flex', gap: 6, flexWrap: 'wrap', alignItems: 'center' }}>
           <span style={{ fontSize: 11, color: 'var(--ink-4)', marginRight: 4 }}>
             Sentiment
@@ -125,7 +126,7 @@ export default function TrumpSignalPage({ initialPosts = null }: TrumpSignalPage
           {SENTIMENTS.map(f => (
             <button
               key={f}
-              onClick={() => setSentFilter(f)}
+              onClick={() => { setSentFilter(f); setPage(1) }}
               style={{
                 padding: '4px 10px', borderRadius: 6, border: '1px solid var(--line)',
                 background: sentFilter === f ? 'var(--ink)' : 'transparent',
@@ -140,24 +141,37 @@ export default function TrumpSignalPage({ initialPosts = null }: TrumpSignalPage
       </div>
 
       {loading && <TrumpSkeleton />}
+
       {!loading && loadErr && (
         <div className="card" style={{ padding: 24, textAlign: 'center', color: 'var(--down)' }}>
-          ⚠️ {`Couldn’t load signals — ${loadErr}`}
+          ⚠️ {`Couldn't load signals — ${loadErr}`}
           <div style={{ marginTop: 10 }}>
             <button className="btn ghost" style={{ fontSize: 12, padding: '6px 14px' }}
-              onClick={() => location.reload()}>{isZh ? '重试' : 'Retry'}</button>
+              onClick={() => location.reload()}>Retry</button>
           </div>
         </div>
       )}
+
       {!loading && !loadErr && filtered.length === 0 && (
         <div className="card" style={{ padding: 48, textAlign: 'center', color: 'var(--ink-3)' }}>
           No Trump signals match the current filter.
         </div>
       )}
-      {!loading && filtered.length > 0 && (
-        <div className="post-stream">
-          {filtered.map(p => <PostRow key={p.id} post={p} />)}
-        </div>
+
+      {!loading && pageItems.length > 0 && (
+        <>
+          <div className="post-stream">
+            {pageItems.map(p => <PostRow key={p.id} post={p} />)}
+          </div>
+
+          <Pagination
+            page={safePage}
+            total={totalPages}
+            count={filtered.length}
+            pageSize={PAGE_SIZE}
+            onChange={setPage}
+          />
+        </>
       )}
     </div>
   )