Add workspace landing page

apps/senlinai-acro-react/src/app/App.tsx

@@ -5,11 +5,12 @@ import '../App.css'
 import { LoginPage } from '../pages/login'
 import { ProjectPage } from '../pages/project'
 import { projects } from '../pages/projects/project-data'
-import type { ChannelKey, Screen, Theme } from '../pages/projects/project-types'
+import type { ChannelKey, Screen, Theme, WorkbenchView } from '../pages/projects/project-types'
 
 function App() {
   const [screen, setScreen] = useState<Screen>('login')
   const [theme, setTheme] = useState<Theme>('light')
+  const [activeView, setActiveView] = useState<WorkbenchView>('workspace')
   const [activeProject, setActiveProject] = useState(projects[0])
   const [activeChannel, setActiveChannel] = useState<ChannelKey>('overview')
   const [selectedItem, setSelectedItem] = useState('Inbox 待处理（36）')
@@ -23,11 +24,16 @@ function App() {
           <LoginPage onLogin={() => setScreen('workbench')} />
         ) : (
           <ProjectPage
+            activeView={activeView}
             activeProject={activeProject}
             activeChannel={activeChannel}
             selectedItem={selectedItem}
             theme={theme}
-            onSelectProject={setActiveProject}
+            onSelectWorkspace={() => setActiveView('workspace')}
+            onSelectProject={(project) => {
+              setActiveProject(project)
+              setActiveView('project')
+            }}
             onSelectChannel={setActiveChannel}
             onSelectItem={setSelectedItem}
             onToggleTheme={() => setTheme(dark ? 'light' : 'dark')}