chore: sync current workspace changes

frontend/src/components/AppShell.jsx

@@ -14,6 +14,7 @@ const AgentFeed = lazy(() => import('./AgentFeed'));
 const StatisticsView = lazy(() => import('./StatisticsView'));
 const StockExplainView = lazy(() => import('./StockExplainView.jsx'));
 const TraderView = lazy(() => import('./TraderView.jsx'));
+const OpenClawView = lazy(() => import('./OpenClawView.jsx'));
 
 function ViewLoadingFallback({ label = '加载中...' }) {
   return (
@@ -171,7 +172,8 @@ export default function AppShell({
     const base = `view-slider-five ${currentView === 'traders' ? 'show-traders' :
       currentView === 'room' ? 'show-room' :
         currentView === 'explain' ? 'show-explain' :
-          currentView === 'statistics' ? 'show-statistics' : 'show-chart'}`;
+          currentView === 'chart' ? 'show-chart' :
+            currentView === 'statistics' ? 'show-statistics' : 'show-openclaw'}`;
     return base;
   }, [currentView]);
 
@@ -382,6 +384,12 @@ export default function AppShell({
                   >
                     统计
                   </button>
+                  <button
+                    className={`view-nav-btn ${currentView === 'openclaw' ? 'active' : ''}`}
+                    onClick={() => setCurrentView('openclaw')}
+                  >
+                    OpenClaw
+                  </button>
                 </div>
 
                 <div className={viewClassName}>
@@ -485,6 +493,13 @@ export default function AppShell({
                       />
                     </Suspense>
                   </div>
+
+                  {/* OpenClaw View Panel */}
+                  <div className="view-panel">
+                    <Suspense fallback={<ViewLoadingFallback label="加载 OpenClaw 视图..." />}>
+                      <OpenClawView />
+                    </Suspense>
+                  </div>
                 </div>
               </div>
             </div>