From 1cc07375296d06fb6a44648f35ef777077b64bf1 Mon Sep 17 00:00:00 2001
From: ogt <ogt@awoooi.local>
Date: Tue, 14 Jul 2026 14:48:35 +0800
Subject: [PATCH] fix(ui): keep mobile terminal clear of cockpit

---
 apps/web/src/components/layout/header.tsx     | 34 ++++++++++++++++++-
 .../src/components/terminal/OmniTerminal.tsx  |  2 +-
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/layout/header.tsx b/apps/web/src/components/layout/header.tsx
index a6bed97d7..6aa68dc48 100644
--- a/apps/web/src/components/layout/header.tsx
+++ b/apps/web/src/components/layout/header.tsx
@@ -17,7 +17,7 @@
 import { useCallback } from 'react'
 import { useTranslations } from 'next-intl'
 import { usePathname } from 'next/navigation'
-import { Menu, ShieldCheck } from 'lucide-react'
+import { Menu, ShieldCheck, Terminal } from 'lucide-react'
 import { Z_INDEX } from '@/lib/constants/z-index'
 
 // =============================================================================
@@ -48,6 +48,7 @@ export function Header({
   const tDashboard = useTranslations('dashboard')
   const tNav = useTranslations('nav')
   const tSidebar = useTranslations('sidebar')
+  const tTerminal = useTranslations('omniTerminal')
   const pathname = usePathname()
 
   const switchLocale = useCallback((newLocale: string) => {
@@ -193,6 +194,37 @@ export function Header({
           {tDashboard('title')}
         </span>
 
+        {compact && (
+          <button
+            type="button"
+            onClick={() => {
+              const event = new KeyboardEvent('keydown', {
+                key: 'j',
+                metaKey: true,
+                bubbles: true,
+              })
+              window.dispatchEvent(event)
+            }}
+            aria-label={tTerminal('open')}
+            title={tTerminal('open')}
+            style={{
+              width: 38,
+              height: 38,
+              borderRadius: 8,
+              border: '0.5px solid #d8d4c8',
+              background: '#fff',
+              color: '#334155',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              cursor: 'pointer',
+              flexShrink: 0,
+            }}
+          >
+            <Terminal size={17} aria-hidden="true" strokeWidth={2.2} />
+          </button>
+        )}
+
         {/* ⌘K Command Palette 入口提示 */}
         <button
           onClick={() => {
diff --git a/apps/web/src/components/terminal/OmniTerminal.tsx b/apps/web/src/components/terminal/OmniTerminal.tsx
index 564f0c899..5bf1040d9 100644
--- a/apps/web/src/components/terminal/OmniTerminal.tsx
+++ b/apps/web/src/components/terminal/OmniTerminal.tsx
@@ -100,7 +100,7 @@ export const OmniTerminal = () => {
     return (
       <button
         onClick={openTerminal}
-        className="fixed bottom-4 right-4 flex h-11 w-11 items-center justify-center rounded-md border border-gray-200 bg-white/80 text-nothing-black shadow-sm backdrop-blur-[20px] transition-all hover:bg-white sm:h-12 sm:w-12"
+        className="fixed bottom-4 right-4 hidden h-12 w-12 items-center justify-center rounded-md border border-gray-200 bg-white/80 text-nothing-black shadow-sm backdrop-blur-[20px] transition-all hover:bg-white sm:flex"
         style={{ zIndex: Z_INDEX.OMNI_TERMINAL }}
         aria-label={t('open')}
         title={`${t('open')} (${t('shortcut')})`}