ui: tighten dashboard copy and fix layout issues

app/[locale]/trades/TradesPageClient.tsx

@@ -151,12 +151,26 @@ export default function TradesPageClient() {
       <div className="page-head">
         <div>
           <h1 className="page-title">{isZh ? '交易执行' : 'Trades'}</h1>
+          {/* Says what the page is, not where things sit — the section cards
+              below are self-labelled ("Open positions", KPI row, table). */}
           <PageHint>
-            Open positions above · closed trade history with realized P&amp;L below.
+            What the bot holds right now, and every trade it has closed.
           </PageHint>
         </div>
       </div>
 
+      {/* Guest view: a zero-filled KPI row + empty table reads like a broken
+          dashboard. Show one connect prompt instead and skip the data UI. */}
+      {mounted && !isConnected ? (
+        <div className="card" style={{ padding: '32px 28px', textAlign: 'center' }}>
+          <div style={{ fontSize: 15, fontWeight: 600, marginBottom: 6 }}>Connect your wallet to see your trades</div>
+          <div style={{ fontSize: 13, color: 'var(--ink-3)', lineHeight: 1.6 }}>
+            Positions and trade history are wallet-bound and private.
+            Use the Connect wallet button in the top-right corner.
+          </div>
+        </div>
+      ) : (
+      <>
       {needsSetup && (
         <div className="card" style={{
           padding: '14px 18px', marginBottom: 16,
@@ -210,6 +224,8 @@ export default function TradesPageClient() {
       )}
 
       <TradeTable trades={trades} loading={loading} locked={needsUnlock} />
+      </>
+      )}
     </div>
   )
 }