style(dashboard): unify Macro composite into one card + dark-mode fix

for Performance accent

User flagged the macro index box on the overview page as feeling
disjointed. Reshaped it from three stacked elements (band → track →
scale) into a single bordered card so it reads as ONE component.

  - JSX: wrap the three pieces in <div className="overview-macro-card">
  - CSS: new .overview-macro-card with tone-coloured rim (bull/bear/neutral)
  - Solid neutral-gray filled needle (was a hollow ring — looked like a
    placeholder); tone-coloured background + white inner ring + double
    shadow so it stands out on any gradient position
  - Removed the .overview-score-fill overlay — the gradient already
    encodes the spectrum; layering an opaque fill obscured it near 0
  - Thinner track (14px vs 22px), tighter scale labels, smaller pill
  - Added "TODAY · 8 INDICATORS" stamp next to the title — gives users
    a quick anchor of what they're looking at + freshness

Plus: dark-mode override for .overview-stat-card.accent (the Performance
card). It was using a cream gradient that floated as a glaring
out-of-theme block on dark mode. Mirrored the existing .kpi.accent dark
treatment so it stays visually grouped with the rest of the dashboard.

Also includes the in-flight overview rewrite from the other AI tool
(legacy /btc redirect to /macro, middleware.ts replacing proxy.ts for
Next.js routing, refactored several dashboard panels). TypeScript clean,
production build passes.

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

components/signals/SystemControl.tsx

@@ -1,5 +1,5 @@
 'use client'
-
+import Link from 'next/link'
 import { useState, useEffect, useCallback } from 'react'
 import { useLocale } from 'next-intl'
 import { useAccount, useSignMessage } from 'wagmi'
@@ -126,6 +126,9 @@ export default function SystemControl({ system }: { system: 'trump' | 'btc' }) {
   // wagmi state that resolves client-side.
   if (!mounted) return null
 
+  const settingsHref = `/${locale}/settings#${system === 'trump' ? 'trump-settings-panel' : 'btc-settings-panel'}`
+  const settingsLabel = system === 'trump' ? 'Trump Signal' : 'Macro Vibes'
+
   // Wallet not connected: a previous version showed a giant full-width
   // "Connect a wallet..." card here, which was redundant with the navbar's
   // Connect button. The opposite extreme — rendering null — silently hid
@@ -135,24 +138,49 @@ export default function SystemControl({ system }: { system: 'trump' | 'btc' }) {
   if (!isConnected) {
     return (
       <div style={{
-        display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap',
+        display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap',
         padding: '10px 14px', marginBottom: 16,
         background: 'var(--bg-sunk)',
         border: '1px dashed var(--line)',
         borderRadius: 8,
-        fontSize: 12, color: 'var(--ink-3)',
+        fontSize: 12, color: 'var(--ink-3)', 
       }}>
-        <span style={{
-          width: 6, height: 6, borderRadius: '50%',
-          background: 'var(--ink-4)', flexShrink: 0,
-        }} />
-        <span style={{ color: 'var(--ink-2)', fontWeight: 600 }}>
-          {s.name} Auto-Trade
-        </span>
-        <span>·</span>
-        <span style={{ color: 'var(--ink-4)' }}>
-          OFF — connect wallet (top-right) to enable
-        </span>
+        <div style={{ display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap' }}>
+          <span style={{
+            width: 6, height: 6, borderRadius: '50%',
+            background: 'var(--ink-4)', flexShrink: 0,
+          }} />
+          <span style={{ color: 'var(--ink-2)', fontWeight: 600 }}>
+            {s.name} Auto-Trade
+          </span>
+          <span>·</span>
+          <span style={{ color: 'var(--ink-4)' }}>
+            OFF — connect wallet (top-right) to enable
+          </span>
+        </div>
+        <Link
+          href={settingsHref}
+          style={{
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 8,
+            padding: '8px 12px',
+            borderRadius: 999,
+            border: '1px solid var(--line)',
+            background: 'var(--surface)',
+            fontSize: 12,
+            color: 'var(--ink)',
+            textDecoration: 'none',
+            fontWeight: 700,
+            boxShadow: 'var(--shadow-1)',
+          }}
+        >
+          <span style={{ fontSize: 10, letterSpacing: '0.08em', textTransform: 'uppercase', color: 'var(--ink-4)' }}>
+            Settings
+          </span>
+          <span>{settingsLabel}</span>
+          <span aria-hidden="true">↗</span>
+        </Link>
       </div>
     )
   }
@@ -276,6 +304,31 @@ export default function SystemControl({ system }: { system: 'trump' | 'btc' }) {
                       color: netOk ? 'var(--up)' : 'var(--down)' }}>
           {netOk ? '✅ ' : '⛔ '}{netMsg}
         </div>
+        <div style={{ marginTop: 8 }}>
+          <Link
+            href={settingsHref}
+            style={{
+              display: 'inline-flex',
+              alignItems: 'center',
+              gap: 8,
+              padding: '8px 12px',
+              borderRadius: 999,
+              border: '1px solid var(--line)',
+              background: 'var(--surface)',
+              fontSize: 12,
+              color: 'var(--ink)',
+              textDecoration: 'none',
+              fontWeight: 700,
+              boxShadow: 'var(--shadow-1)',
+            }}
+          >
+            <span style={{ fontSize: 10, letterSpacing: '0.08em', textTransform: 'uppercase', color: 'var(--ink-4)' }}>
+              Settings
+            </span>
+            <span>{settingsLabel}</span>
+            <span aria-hidden="true">↗</span>
+          </Link>
+        </div>
       </div>
     </div>
   )