From 86e674cf9e31118c6c52067a27b9c4e8e69cf8a0 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 29 Jun 2026 14:09:44 +0800
Subject: [PATCH] fix(ui): pin iwooos shortcut in mobile header

---
 apps/web/src/components/layout/header.tsx | 30 +++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/apps/web/src/components/layout/header.tsx b/apps/web/src/components/layout/header.tsx
index 1bad8204e..a4046cf09 100644
--- a/apps/web/src/components/layout/header.tsx
+++ b/apps/web/src/components/layout/header.tsx
@@ -55,6 +55,8 @@ export function Header({
   }, [locale, pathname])
 
   const brandWidth = compact ? 64 : sidebarCollapsed ? 64 : 224
+  const iwooosHref = `/${locale}/iwooos`
+  const iwooosActive = pathname === iwooosHref || pathname.startsWith(`${iwooosHref}/`)
 
   return (
     <header
@@ -146,6 +148,34 @@ export function Header({
           </button>
         )}
 
+        {compact && (
+          <a
+            href={iwooosHref}
+            aria-label={tSidebar('iwooos')}
+            title={tSidebar('iwooos')}
+            style={{
+              height: 38,
+              minWidth: 92,
+              borderRadius: 8,
+              border: '0.5px solid',
+              borderColor: iwooosActive ? '#d97757' : '#d8d4c8',
+              background: iwooosActive ? 'rgba(217,119,87,0.1)' : '#fff',
+              color: iwooosActive ? '#141413' : '#334155',
+              display: 'inline-flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              gap: 6,
+              textDecoration: 'none',
+              fontSize: 13,
+              fontWeight: 700,
+              flexShrink: 0,
+            }}
+          >
+            <ShieldCheck size={16} aria-hidden="true" strokeWidth={2.2} />
+            <span style={{ lineHeight: 1, whiteSpace: 'nowrap' }}>{tSidebar('iwooos')}</span>
+          </a>
+        )}
+
         {/* Page title */}
         <span style={{
           fontFamily: 'var(--font-heading), Syne, sans-serif',