revert: restore v1.1.14 (37a9f303)

src/components/Shell.tsx

@@ -1,7 +1,8 @@
 import { useState, useEffect, useMemo, type ComponentType, type ElementType, Suspense } from 'react';
 import { motion } from 'motion/react';
-import { Building2, ChevronRight } from 'lucide-react';
+import { Building2, ChevronRight, ShieldCheck } from 'lucide-react';
 import { useAuth } from '../auth/useAuth';
+import { DemoModeProvider } from './Blur';
 import FeedbackFab from './FeedbackFab';
 import { cn } from '../lib/cn';
 import { LoadingState } from './ui/surface';
@@ -82,9 +83,6 @@ export function Shell({ modules }: { modules: ModuleConfig[] }) {
 
   const { user } = useAuth();
   const activeLabel = flatModules.find((module) => module.id === activeModule)?.label ?? '业务看板';
-  // 氢能经营看板已在模块内提供原型一致的标题与导航，避免桌面端重复显示全局面包屑。
-  const showDesktopBreadcrumb = activeModule !== 'hydrogen';
-  const isHydrogenPrototype = activeModule === 'hydrogen';
   const watermarkText = useMemo(() => {
     const name = user?.userName || '未登录';
     const time = new Date().toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }).replace(/\//g, '-');
@@ -92,17 +90,16 @@ export function Shell({ modules }: { modules: ModuleConfig[] }) {
   }, [user]);
 
   return (
+    <DemoModeProvider enabled={false}>
     <div className="enterprise-grid-bg flex min-h-screen">
-      {/* 氢费看板按原型交付；其他模块继续保留全局水印。 */}
-      {!isHydrogenPrototype ? (
-        <div className="fixed inset-0 pointer-events-none z-[9999] overflow-hidden" style={{ opacity: 0.06 }}>
-          <div className="absolute inset-0" style={{
-            backgroundImage: `url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' width='320' height='200'><text x='50%' y='50%' text-anchor='middle' dominant-baseline='middle' font-size='14' font-family='sans-serif' fill='%23000' transform='rotate(-25 160 100)'>${watermarkText}</text></svg>`)}")`,
-            backgroundRepeat: 'repeat',
-          }} />
-        </div>
-      ) : null}
-      {/* Web 侧边栏 (md 及以上)：能源各模块使用同一套规格，以电能为基准。 */}
+      {/* 全局水印 */}
+      <div className="fixed inset-0 pointer-events-none z-[9999] overflow-hidden" style={{ opacity: 0.06 }}>
+        <div className="absolute inset-0" style={{
+          backgroundImage: `url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' width='320' height='200'><text x='50%' y='50%' text-anchor='middle' dominant-baseline='middle' font-size='14' font-family='sans-serif' fill='%23000' transform='rotate(-25 160 100)'>${watermarkText}</text></svg>`)}")`,
+          backgroundRepeat: 'repeat',
+        }} />
+      </div>
+      {/* Web 侧边栏 (md 及以上) */}
       <nav className="fixed left-0 top-0 z-50 hidden h-full w-20 flex-col items-center border-r border-white/10 bg-slate-950 px-2 py-4 text-white shadow-[12px_0_40px_rgba(15,23,42,0.16)] md:flex">
         <div className="mb-5 flex h-12 w-12 items-center justify-center rounded-2xl bg-white text-blue-600 shadow-lg shadow-blue-950/20">
           <Building2 size={22} />
@@ -121,8 +118,7 @@ export function Shell({ modules }: { modules: ModuleConfig[] }) {
                   aria-expanded={isGroup ? isOpen : undefined}
                   aria-haspopup={isGroup ? 'menu' : undefined}
                   className={cn(
-                    'group relative flex flex-col items-center justify-center transition-all',
-                    'h-16 w-16 rounded-2xl text-[10px] font-black',
+                    'group relative flex h-16 w-16 flex-col items-center justify-center rounded-2xl text-[10px] font-black transition-all',
                     isActive ? 'text-white' : 'text-slate-400 hover:bg-white/8 hover:text-white',
                   )}
                   title={m.label}
@@ -153,9 +149,7 @@ export function Shell({ modules }: { modules: ModuleConfig[] }) {
         </div>
         <div className="flex w-full flex-col items-center gap-2 border-t border-white/10 pt-3">
           <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-emerald-400/10 text-emerald-300 ring-1 ring-emerald-300/20" title={user?.userName || '当前用户'}>
-            <svg width="28" height="22" viewBox="4 3 44 30" role="img" aria-label="羚牛 Logo">
-              <image href="/lingniu-logo-light.svg" width="150" height="36" style={{ filter: 'brightness(0) invert(1)' }} />
-            </svg>
+            <ShieldCheck size={18} />
           </div>
           <div className="max-w-16 truncate text-center text-[9px] font-bold text-slate-400">{user?.userName || '未登录'}</div>
         </div>
@@ -163,17 +157,15 @@ export function Shell({ modules }: { modules: ModuleConfig[] }) {
 
       {/* 内容区 */}
       <main className="min-w-0 flex-1 pb-16 md:ml-20 md:pb-0" style={{ overflowX: 'clip' }}>
-        {showDesktopBreadcrumb ? (
-          <div className={cn('pointer-events-none fixed right-0 top-0 z-20 hidden h-12 items-center border-b border-white/60 bg-white/55 px-6 text-xs font-bold text-slate-400 backdrop-blur-xl md:flex', isHydrogenPrototype ? 'left-[72px]' : 'left-20')}>
-            <span className="text-slate-600">羚牛氢能 BI</span>
-            <span className="mx-2 text-slate-300">/</span>
-            <span>{activeLabel}</span>
-          </div>
-        ) : null}
+        <div className="pointer-events-none fixed left-20 right-0 top-0 z-20 hidden h-12 items-center border-b border-white/60 bg-white/55 px-6 text-xs font-bold text-slate-400 backdrop-blur-xl md:flex">
+          <span className="text-slate-600">羚牛氢能 BI</span>
+          <span className="mx-2 text-slate-300">/</span>
+          <span>{activeLabel}</span>
+        </div>
         <Suspense fallback={<div className="p-3 md:p-6"><LoadingState label="正在加载业务模块" /></div>}>
           {ActiveComponent && <ActiveComponent />}
         </Suspense>
-        {!isHydrogenPrototype ? <FeedbackFab module={activeModule} /> : null}
+        <FeedbackFab module={activeModule} />
       </main>
 
       {/* 移动端底部导航 (md 以下) */}
@@ -218,5 +210,6 @@ export function Shell({ modules }: { modules: ModuleConfig[] }) {
         </div>
       </nav>
     </div>
+    </DemoModeProvider>
   );
 }