From 79c8a2e7ab0ddb7cf920c6e9ca80f84cf5e97a25 Mon Sep 17 00:00:00 2001
From: OG T <ogt@WOOOMacMiniM4.local>
Date: Wed, 1 Apr 2026 22:42:07 +0800
Subject: [PATCH] =?UTF-8?q?fix(layout):=20=E9=82=84=E5=8E=9F=20Header=20?=
 =?UTF-8?q?=E5=8E=9F=E5=A7=8B=E8=A8=AD=E8=A8=88=20+=20=E4=BF=AE=E5=BE=A9?=
 =?UTF-8?q?=20Metrics=20Strip=20=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Header 左側換回頁面標題 (移除重複的 SVG + AWOOOI 品牌)
- Metrics Strip height 50→60px (避免三行文字被截斷)
- 原因: commit 249ecde 錯誤地在 Header 加入品牌區塊，與 Sidebar 重複

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 apps/web/src/app/[locale]/page.tsx        |  2 +-
 apps/web/src/components/layout/header.tsx | 59 ++---------------------
 2 files changed, 6 insertions(+), 55 deletions(-)

diff --git a/apps/web/src/app/[locale]/page.tsx b/apps/web/src/app/[locale]/page.tsx
index ea326230..dbfb044e 100644
--- a/apps/web/src/app/[locale]/page.tsx
+++ b/apps/web/src/app/[locale]/page.tsx
@@ -58,7 +58,7 @@ export default function Home({ params }: { params: { locale: string } }) {
       <div style={{
         background: '#faf9f3',
         borderBottom: '0.5px solid #e0ddd4',
-        height: 50,
+        height: 60,
         padding: '0 20px',
         display: 'flex',
         alignItems: 'center',
diff --git a/apps/web/src/components/layout/header.tsx b/apps/web/src/components/layout/header.tsx
index 0ec8a443..92824373 100644
--- a/apps/web/src/components/layout/header.tsx
+++ b/apps/web/src/components/layout/header.tsx
@@ -82,60 +82,11 @@ export function Header({
       )}
       style={{ zIndex: Z_INDEX.HEADER }}
     >
-      {/* 左側 Logo */}
-      <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
-        {/* NemoClaw Logo SVG (34×34，viewBox 0 0 140 140，深色底) */}
-        <div style={{
-          width: 34, height: 34,
-          background: '#0d1117',
-          borderRadius: 6,
-          display: 'flex', alignItems: 'center', justifyContent: 'center',
-          flexShrink: 0,
-        }}>
-          <svg width="28" height="28" viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg">
-            <defs>
-              <linearGradient id="ceramic3d" x1="0%" y1="0%" x2="100%" y2="100%">
-                <stop offset="0%" stopColor="#e8eef5" />
-                <stop offset="50%" stopColor="#c8d8e8" />
-                <stop offset="100%" stopColor="#8aaac8" />
-              </linearGradient>
-              <radialGradient id="ledCore" cx="40%" cy="35%" r="60%">
-                <stop offset="0%" stopColor="#7AB8F5" />
-                <stop offset="100%" stopColor="#2B6CB0" />
-              </radialGradient>
-            </defs>
-            {/* 5 主臂（白瓷 ceramic3d）*/}
-            <line x1="70" y1="70" x2="70"  y2="18"  stroke="url(#ceramic3d)" strokeWidth="8" strokeLinecap="round"/>
-            <line x1="70" y1="70" x2="120" y2="95"  stroke="url(#ceramic3d)" strokeWidth="8" strokeLinecap="round"/>
-            <line x1="70" y1="70" x2="99"  y2="128" stroke="url(#ceramic3d)" strokeWidth="8" strokeLinecap="round"/>
-            <line x1="70" y1="70" x2="41"  y2="128" stroke="url(#ceramic3d)" strokeWidth="8" strokeLinecap="round"/>
-            <line x1="70" y1="70" x2="20"  y2="95"  stroke="url(#ceramic3d)" strokeWidth="8" strokeLinecap="round"/>
-            {/* 爪尖 */}
-            <circle cx="70"  cy="18"  r="5" fill="#c8d8e8" />
-            <circle cx="120" cy="95"  r="5" fill="#c8d8e8" />
-            <circle cx="99"  cy="128" r="5" fill="#c8d8e8" />
-            <circle cx="41"  cy="128" r="5" fill="#c8d8e8" />
-            <circle cx="20"  cy="95"  r="5" fill="#c8d8e8" />
-            {/* 旋轉虛線軌道 */}
-            <circle cx="70" cy="70" r="42" fill="none" stroke="#4A90D9"
-              strokeWidth="1" strokeDasharray="6 6" opacity="0.5"
-              style={{ animation: 'ring-spin 8s linear infinite', transformOrigin: '70px 70px' }}
-            />
-            {/* LED 核心脈動 */}
-            <circle cx="70" cy="70" r="16" fill="url(#ledCore)"
-              style={{ animation: 'orb-pulse 1.5s ease-in-out infinite', transformOrigin: '70px 70px' }}
-            />
-            <circle cx="65" cy="65" r="5" fill="white" opacity="0.4" />
-          </svg>
-        </div>
-        <div>
-          <div style={{ fontSize: 13, fontWeight: 800, color: '#141413', letterSpacing: '2px', fontFamily: 'monospace' }}>
-            AWOOOI
-          </div>
-          <div style={{ fontSize: 8, color: '#87867f', letterSpacing: '1px' }}>
-            {tDashboard('title')} · AI OPERATIONS
-          </div>
-        </div>
+      {/* 左側：頁面標題 */}
+      <div className="flex items-center gap-4">
+        <h1 className="font-heading text-xl font-bold text-nothing-black tracking-tight">
+          {tDashboard('title')}
+        </h1>
       </div>
 
       {/* Right: Status + Locale + User */}