KOL count: 29 → 25 across marketing/SEO copy

Backend KOL_FEEDS trimmed from 29 to 25 (dead feeds removed).
Sync all hardcoded count mentions:
- layout.tsx JSON-LD, page.tsx (metric + comparison + copy)
- kol/page.tsx, KolPageClient.tsx ("and 26 more" → "and 22 more")
- glossary/page.tsx, opengraph-image.tsx
- public/llms.txt, llms-full.txt
- drop removed KOLs (Dragonfly Capital, Nic Carter) from named lists

Bundles other in-flight frontend work already in the working tree.

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

app/[locale]/macro/MacroVibesPageClient.tsx

@@ -9,7 +9,7 @@ import { swrFetch } from '@/lib/cache'
 import PostRow from '@/components/dashboard/PostCards'
 import SystemControl from '@/components/signals/SystemControl'
 import InfoTip from '@/components/ui/InfoTip'
-import PageHint from '@/components/ui/PageHint'
+import SignalMonitor from '@/components/dashboard/SignalMonitor'
 
 // MacroPanel is 631 lines with heavy indicator math — split it out.
 const MacroPanel = dynamic(() => import('@/components/btc/MacroPanel'), {
@@ -84,70 +84,63 @@ export default function MacroVibesPage({
     <div className="page">
       <div className="page-head">
         <div>
-          <h1 className="page-title">{isZh ? '宏观氛围' : 'Macro Vibes'}</h1>
-          {/* PageHint: brand tagline for the page — same across both tabs so
-              the "what is this page" answer doesn't shift under the user when
-              they click between Bottom / Funding. Tab-specific notes live in
-              the section-hint card right below the tab bar. */}
-          <PageHint>
-            Macro vibes for crypto. Read what&apos;s about to happen before price prints it.
-          </PageHint>
+          <div style={{ display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }}>
+            <h1 className="page-title" style={{ margin: 0 }}>{isZh ? '宏观氛围' : 'Macro Vibes'}</h1>
+            <span style={{
+              display: 'inline-flex', alignItems: 'center', gap: 4,
+              padding: '2px 8px', borderRadius: 6, fontSize: 11, fontWeight: 700,
+              background: 'var(--bg-sunk)',
+              color: 'var(--ink-3)', border: '1px solid var(--line)',
+              letterSpacing: '0.04em',
+            }}>
+              {isZh ? '手动开仓 · Bot 托管' : 'You open · bot manages'}
+            </span>
+          </div>
         </div>
         <span className="chip"><span className="live-dot" />Live</span>
       </div>
 
       <SystemControl system="btc" />
 
-      <div className="nav-tabs" style={{
-        background: 'var(--bg-sunk)', marginTop: 16, marginBottom: 12,
-      }}>
-        <button
-          onClick={() => setTab('bottom')}
-          className={`nav-tab ${tab === 'bottom' ? 'active' : ''}`}
-          style={{ border: 'none', cursor: 'pointer' }}
-        >
-          {isZh ? '周期底部' : 'Macro Bottom'}
-        </button>
-        <button
-          onClick={() => setTab('funding')}
-          className={`nav-tab ${tab === 'funding' ? 'active' : ''}`}
-          style={{ border: 'none', cursor: 'pointer' }}
-        >
-          {isZh ? '资金费率反转' : 'Funding Reversal'}
-        </button>
-      </div>
-
-      {/* Always-visible per-tab explanation. Was hidden behind a hover
-          tooltip on the tab button — users couldn't tell what they were
-          about to look at until they explicitly hovered. */}
-      {tab === 'bottom' && (
-        <div className="section-hint">
-          Fires when <strong>≥2 of 3</strong> classic bottom signals agree:{' '}
-          <strong>AHR999 &lt; 0.45</strong> · <strong>price ≤ 200-week MA</strong> · <strong>Pi Cycle Bottom</strong>.
-          {' '}Long-only · 2–4 fires per cycle · trailing-stop exit · max hold ~18 months.
+      {/* Tabs + inline description on the same row — avoids a separate
+          "section hint" block that adds a third layer before the data. */}
+      <div style={{ display: 'flex', alignItems: 'center', gap: 16,
+                    flexWrap: 'wrap', marginTop: 14, marginBottom: 14 }}>
+        <div className="nav-tabs" style={{ background: 'var(--bg-sunk)', flexShrink: 0 }}>
+          <button
+            onClick={() => setTab('bottom')}
+            className={`nav-tab ${tab === 'bottom' ? 'active' : ''}`}
+            style={{ border: 'none', cursor: 'pointer' }}
+          >
+            {isZh ? '周期底部' : 'Macro Bottom'}
+          </button>
+          <button
+            onClick={() => setTab('funding')}
+            className={`nav-tab ${tab === 'funding' ? 'active' : ''}`}
+            style={{ border: 'none', cursor: 'pointer' }}
+          >
+            {isZh ? '资金费率反转' : 'Funding Reversal'}
+          </button>
         </div>
-      )}
+        <span style={{ fontSize: 12, color: 'var(--ink-3)', lineHeight: 1.4 }}>
+          {tab === 'bottom'
+            ? <><strong style={{ color: 'var(--ink-2)' }}>≥2 of 3:</strong> AHR999 &lt; 0.45 · 200w MA · Pi Cycle Bottom — long-only, rare.</>
+            : <>Fades crowded perps when 30d cumulative funding crosses <strong>±3%</strong> and cools. Hourly.</>}
+        </span>
+      </div>
 
       {/* Macro indicator panel — only relevant on the Macro Bottom tab where
           users are reasoning about the broader risk regime. The Funding tab
           has its own live funding panel below. */}
       {tab === 'bottom' && <MacroPanel />}
       {tab === 'funding' && (
-        <div className="section-hint">
-          Mean-reversion against crowded perp positioning. When 30-day cumulative funding crosses{' '}
-          <strong>±3%</strong> and recent cycles start cooling, the scanner fades the crowded side.
-          Checked hourly.
-        </div>
-      )}
-
-      {/* Old plain-text per-tab description removed — the same content
-          now lives in the section-hint block above the tab content. */}
-
-      {tab === 'funding' && (
-        <FundingPanel
-          isZh={isZh}
-          initialSnapshot={initialFundingSnapshot}
-        />
+        <>
+          <FundingPanel
+            isZh={isZh}
+            initialSnapshot={initialFundingSnapshot}
+          />
+          <SignalMonitor />
+        </>
       )}
 
       <div style={{ display: 'flex', gap: 6, flexWrap: 'wrap', margin: '16px 0 12px' }}>
@@ -179,13 +172,11 @@ export default function MacroVibesPage({
       )}
       {!loading && !loadErr && filtered.length === 0 && (
         <div className="card" style={{ padding: 48, textAlign: 'center', color: 'var(--ink-3)' }}>
-          {tab === 'bottom'
-            ? 'No macro-bottom signals yet.'
-            : 'No funding-reversal signals yet.'}
-          <div style={{ fontSize: 12, marginTop: 8 }}>
+          {tab === 'bottom' ? 'No bottom signals yet.' : 'No funding signals yet.'}
+          <div style={{ fontSize: 12, marginTop: 6 }}>
             {tab === 'bottom'
-              ? 'This scanner is intentionally rare — only fires at genuine macro bottoms (daily 00:45 UTC).'
-              : 'Fires when 30-day cumulative funding exceeds ±3% AND starts mean-reverting. See the live panel above for current state.'}
+              ? 'Intentionally rare — fires only at genuine cycle bottoms.'
+              : 'Check the live panel above for current funding state.'}
           </div>
         </div>
       )}

app/[locale]/macro/loading.tsx

@@ -0,0 +1,29 @@
+/** Instant skeleton while MacroVibesPage fetches indicator data. */
+export default function MacroLoading() {
+  return (
+    <div className="page">
+      <div className="page-head" style={{ marginBottom: 24 }}>
+        <div>
+          <div className="skeleton sk-title" style={{ width: 160, marginBottom: 8 }} />
+          <div className="skeleton sk-line" style={{ width: 300 }} />
+        </div>
+      </div>
+      {/* Composite score card */}
+      <div className="skeleton-card" style={{ marginBottom: 16, padding: 24 }}>
+        <div className="skeleton sk-line" style={{ width: 120, marginBottom: 16 }} />
+        <div className="skeleton" style={{ height: 48, width: 200, marginBottom: 16 }} />
+        <div className="skeleton" style={{ height: 24, width: '100%', borderRadius: 12 }} />
+      </div>
+      {/* 8-indicator grid */}
+      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 12 }}>
+        {Array.from({ length: 8 }).map((_, i) => (
+          <div key={i} className="skeleton-card" style={{ padding: 20 }}>
+            <div className="skeleton sk-line sk-w-half" style={{ marginBottom: 12 }} />
+            <div className="skeleton" style={{ height: 36, width: 100, marginBottom: 8 }} />
+            <div className="skeleton sk-line-sm sk-w-3q" />
+          </div>
+        ))}
+      </div>
+    </div>
+  )
+}

app/[locale]/macro/page.tsx

@@ -64,7 +64,10 @@ export async function generateMetadata({
 
 export default async function MacroVibesPage() {
   const [posts, fundingSnapshot] = await Promise.all([
-    getPosts(500, 1).catch(() => null),
+    // The default tab is the bottom-reversal view. Fetch only the source this
+    // page actually renders on first paint instead of hydrating with the
+    // latest global post firehose and filtering it client-side.
+    getPosts(200, 1, 'btc_bottom_reversal').catch(() => null),
     getFundingSnapshot().catch(() => null),
   ])