feat: align controlled AI sessions and MVP controls

2026-07-21 19:19:36 +08:00
parent 8767446b78
commit 122f5d8c52
18 changed files with 758 additions and 468 deletions
--- a/apps/web_v1/scripts/structure-check.mjs
+++ b/apps/web_v1/scripts/structure-check.mjs
@@ -24,6 +24,7 @@ const requiredFiles = [
  'src/api/mappers.tsx',
  'src/api/search.ts',
  'src/api/inbox.ts',
+  'src/api/ai.ts',
  'scripts/api-client.test.mjs',
 ]

@@ -51,7 +52,7 @@ if (!projectRailSource.includes('projectNameLabel(project.name)')) {
  failures.push('project rail labels must derive from the project name')
 }

-const apiFiles = ['client.ts', 'projects.ts', 'mappers.tsx', 'search.ts', 'inbox.ts'].map((name) => `src/api/${name}`)
+const apiFiles = ['client.ts', 'projects.ts', 'mappers.tsx', 'search.ts', 'inbox.ts', 'ai.ts'].map((name) => `src/api/${name}`)
 const apiSource = apiFiles.map((file) => readFileSync(file, 'utf8')).join('\n')
 for (const forbidden of [
  { pattern: /\bID\s*\?\s*:/, label: 'optional PascalCase ID compatibility field' },
@@ -101,6 +102,34 @@ if (!inboxSource.includes('body: { suggestionIds }')) failures.push('inbox confi
 const inboxPageSource = readFileSync('src/pages/projects/project-inbox.tsx', 'utf8')
 if (!inboxPageSource.includes('确认创建')) failures.push('project inbox must expose the single confirmation action')

+const aiApiSource = readFileSync('src/api/ai.ts', 'utf8')
+for (const required of ['/api/v1/projects/', '/ai-sessions', 'listAISessions', 'createAISession']) {
+  if (!aiApiSource.includes(required)) failures.push(`AI API must include ${required}`)
+}
+if (/\b(?:task|note|source)Id\b/.test(aiApiSource)) failures.push('AI session responses must not expose automatic formal object IDs')
+
+const aiPageSource = readFileSync('src/pages/projects/project-ai.tsx', 'utf8')
+for (const required of ['AI 助手', '创建会话', 'loading', 'error']) {
+  if (!aiPageSource.includes(required)) failures.push(`project AI page must include ${required}`)
+}
+for (const forbidden of ['DeepSeek V4.0 Flash', '给 DeepSeek 发送消息', 'IconAttachment', 'agent-send-button']) {
+  if (aiPageSource.includes(forbidden)) failures.push(`project AI page contains unsupported chat control ${forbidden}`)
+}
+
+const unsupportedControls = [
+  { file: 'src/pages/workspace-explore.tsx', required: '暂未开放', forbidden: ['同步数据源', '添加数据源', 'IconRefresh', 'IconEdit', 'IconDelete'] },
+  { file: 'src/pages/projects/project-new-channel.tsx', required: '暂未开放', forbidden: ['保存频道', '<Input', '<Select', '<TextArea'] },
+  { file: 'src/pages/projects/project-statusbar.tsx', forbidden: ['升级', '支付', 'billing-plan', '152GB', 'AI 空闲'] },
+  { file: 'src/pages/projects/project-topbar.tsx', forbidden: ['停靠左边', '停靠右边', 'DockIcon', 'isDesktopRuntime'] },
+]
+for (const check of unsupportedControls) {
+  const source = readFileSync(check.file, 'utf8')
+  if (check.required && !source.includes(check.required)) failures.push(`${check.file} must show ${check.required}`)
+  for (const forbidden of check.forbidden) {
+    if (source.includes(forbidden)) failures.push(`${check.file} contains unsupported control ${forbidden}`)
+  }
+}
+
 if (existsSync('src/App.tsx')) {
  failures.push('legacy src/App.tsx should be removed after page split')
 }
--- a/apps/web_v1/src/api/ai.ts
+++ b/apps/web_v1/src/api/ai.ts
@@ -0,0 +1,30 @@
+import { apiRequest, type ApiSession } from './client'
+
+export type AISessionDTO = {
+  id: string
+  projectId: string
+  title: string
+  context: string
+  status: string
+  createdAt: string
+  updatedAt: string
+}
+
+export type CreateAISessionInput = {
+  title: string
+  context: string
+}
+
+export async function listAISessions(session: ApiSession, projectId: string) {
+  return apiRequest<AISessionDTO[]>(`/api/v1/projects/${projectId}/ai-sessions`, {
+    token: session.token,
+  })
+}
+
+export async function createAISession(session: ApiSession, projectId: string, input: CreateAISessionInput) {
+  return apiRequest<AISessionDTO>(`/api/v1/projects/${projectId}/ai-sessions`, {
+    method: 'POST',
+    token: session.token,
+    body: input,
+  })
+}
--- a/apps/web_v1/src/app/App.tsx
+++ b/apps/web_v1/src/app/App.tsx
@@ -1,8 +1,9 @@
-import { useRef, useState } from 'react'
+import { useCallback, useRef, useState } from 'react'
 import { ConfigProvider, Message, Spin } from '@arco-design/web-react'
 import '@arco-design/web-react/dist/css/arco.css'
 import '../App.css'
 import { ApiError, login, setApiBaseUrl, type ApiSession } from '../api/client'
+import { createAISession, listAISessions, type CreateAISessionInput } from '../api/ai'
 import { analyzeInboxItem, confirmInboxItem } from '../api/inbox'
 import { mapWorkspace } from '../api/mappers'
 import {
@@ -43,6 +44,16 @@ function App() {
  const [searchResultPreview, setSearchResultPreview] = useState<SearchResultDTO | null>(null)
  const workspaceSearch = useWorkbenchSearch(session)

+  const handleListAISessions = useCallback((projectId: string) => {
+    if (!session) return Promise.reject(new Error('未登录'))
+    return listAISessions(session, projectId)
+  }, [session])
+
+  const handleCreateAISession = useCallback((projectId: string, input: CreateAISessionInput) => {
+    if (!session) return Promise.reject(new Error('未登录'))
+    return createAISession(session, projectId, input)
+  }, [session])
+
  const dark = theme === 'dark'
  const activeWorkspace = workspaces.find((workspace) => workspace.project.id === activeProjectID) ?? workspaces[0]
  const activeTagOptions = activeWorkspace?.tags.filter((tag) => tag !== 'all' && tag !== '全部') ?? []
@@ -346,6 +357,8 @@ function App() {
            onSelectSearchResult={handleSelectSearchResult}
            onAnalyzeInbox={handleAnalyzeInbox}
            onConfirmInbox={handleConfirmInbox}
+            onListAISessions={handleListAISessions}
+            onCreateAISession={handleCreateAISession}
          />
        ) : (
          <Spin loading />
--- a/apps/web_v1/src/pages/projects/project-ai.tsx
+++ b/apps/web_v1/src/pages/projects/project-ai.tsx
@@ -1,80 +1,134 @@
-import { Button, Card, Input, Space, Typography } from '@arco-design/web-react'
-import {
-  IconArrowUp,
-  IconAttachment,
-  IconPlusCircle,
-  IconRobot,
-} from '@arco-design/web-react/icon'
-import type { AISession, ProjectWorkspace } from './project-types'
+import { useEffect, useState } from 'react'
+import { Alert, Button, Card, Empty, Input, Space, Spin, Tag, Typography } from '@arco-design/web-react'
+import { IconPlusCircle, IconRobot } from '@arco-design/web-react/icon'
+import type { AISessionDTO, CreateAISessionInput } from '../../api/ai'
+import type { ProjectWorkspace } from './project-types'

 const { Title, Text } = Typography

-export function ProjectAi({ activeWorkspace, onSelectItem }: { activeWorkspace: ProjectWorkspace; onSelectItem: (title: string) => void }) {
-  const { aiSessions } = activeWorkspace
-  const groupedSessions = groupSessions(aiSessions)
+export function ProjectAi({
+  activeWorkspace,
+  onSelectItem,
+  onListSessions,
+  onCreateSession,
+}: {
+  activeWorkspace: ProjectWorkspace
+  onSelectItem: (title: string) => void
+  onListSessions: (projectId: string) => Promise<AISessionDTO[]>
+  onCreateSession: (projectId: string, input: CreateAISessionInput) => Promise<AISessionDTO>
+}) {
+  const [sessions, setSessions] = useState<AISessionDTO[]>([])
+  const [title, setTitle] = useState('')
+  const [context, setContext] = useState('')
+  const [loading, setLoading] = useState(true)
+  const [creating, setCreating] = useState(false)
+  const [error, setError] = useState('')
+  const projectId = activeWorkspace.project.id
+
+  useEffect(() => {
+    let current = true
+    setLoading(true)
+    setError('')
+    void onListSessions(projectId)
+      .then((items) => {
+        if (current) setSessions(items)
+      })
+      .catch((requestError: unknown) => {
+        if (current) setError(requestError instanceof Error ? requestError.message : 'AI 会话加载失败，请稍后重试')
+      })
+      .finally(() => {
+        if (current) setLoading(false)
+      })
+    return () => {
+      current = false
+    }
+  }, [onListSessions, projectId])
+
+  const createSession = async () => {
+    const trimmedTitle = title.trim()
+    if (!trimmedTitle) {
+      setError('请输入 AI 会话标题')
+      return
+    }
+    setCreating(true)
+    setError('')
+    try {
+      const created = await onCreateSession(projectId, {
+        title: trimmedTitle,
+        context: context.trim(),
+      })
+      setSessions((current) => [created, ...current.filter((session) => session.id !== created.id)])
+      setTitle('')
+      setContext('')
+      onSelectItem(created.title)
+    } catch (requestError) {
+      setError(requestError instanceof Error ? requestError.message : 'AI 会话创建失败，请稍后重试')
+    } finally {
+      setCreating(false)
+    }
+  }

  return (
    <div className="project-channel-page project-ai-page overview-page">
-      <div className="agent-chat-shell">
-        <Card className="agent-session-list queue-section" bordered>
-          <Button className="agent-new-chat" icon={<IconPlusCircle />}>
-            开启新对话
-          </Button>
+      <div className="overview-head">
+        <div>
+          <Title heading={4}>AI 助手</Title>
+          <Text type="secondary">创建项目内普通会话；不会自动生成任务、笔记或资料。</Text>
+        </div>
+      </div>

-          <div className="agent-session-groups">
-            {groupedSessions.length ? (
-              groupedSessions.map((group) => (
-                <section className="agent-session-group" key={group.label}>
-                  <Text type="secondary">{group.label}</Text>
-                  {group.items.map((session, index) => (
-                    <button
-                      className={index === 0 && group.label === groupedSessions[0]?.label ? 'agent-session active' : 'agent-session'}
-                      key={session.id}
-                      onClick={() => onSelectItem(session.title)}
-                    >
-                      {session.title}
-                    </button>
-                  ))}
-                </section>
-              ))
-            ) : (
-              <Text type="secondary">暂无对话</Text>
-            )}
-          </div>
+      {error ? <Alert className="agent-request-error" type="error" content={error} closable onClose={() => setError('')} /> : null}
+
+      <div className="agent-chat-shell">
+        <Card className="agent-session-list queue-section" bordered title="会话列表">
+          <Spin loading={loading} style={{ width: '100%' }}>
+            {sessions.length ? (
+              <div className="agent-session-groups">
+                {sessions.map((session) => (
+                  <button className="agent-session" key={session.id} onClick={() => onSelectItem(session.title)}>
+                    <span>{session.title}</span>
+                    <Tag size="small" color={session.status === 'ready' ? 'arcoblue' : 'gray'}>
+                      {sessionStatusLabel(session.status)}
+                    </Tag>
+                  </button>
+                ))}
+              </div>
+            ) : loading ? null : <Empty description="暂无 AI 会话" />}
+          </Spin>
        </Card>

        <Card className="agent-chat-panel queue-section" bordered>
-          <div className="agent-chat-main">
-            <Title heading={2}>选择专家，开始对话</Title>
-          </div>
-          <div className="agent-composer">
-            <Input.TextArea placeholder="给 DeepSeek 发送消息" autoSize={{ minRows: 3, maxRows: 6 }} />
-            <div className="agent-composer-footer">
-              <Button className="agent-model-chip" icon={<IconRobot />}>
-                DeepSeek V4.0 Flash
-              </Button>
-              <Space>
-                <Button type="text" icon={<IconAttachment />} />
-                <Button className="agent-send-button" type="primary" shape="circle" icon={<IconArrowUp />} />
-              </Space>
+          <Space direction="vertical" size={16} className="action-form">
+            <div>
+              <Title heading={5}>创建会话</Title>
+              <Text type="secondary">会话状态为“待开始”只表示入口已建立，不代表 AI 已完成处理。</Text>
            </div>
-          </div>
+            <label>
+              <Text>会话标题</Text>
+              <Input value={title} onChange={setTitle} placeholder="例如：报价分析" maxLength={120} />
+            </label>
+            <label>
+              <Text>项目上下文</Text>
+              <Input.TextArea
+                value={context}
+                onChange={setContext}
+                placeholder="描述本次会话要参考的项目背景"
+                autoSize={{ minRows: 5, maxRows: 10 }}
+              />
+            </label>
+            <Button type="primary" icon={<IconPlusCircle />} loading={creating} onClick={() => void createSession()}>
+              创建会话
+            </Button>
+            <Text type="secondary"><IconRobot /> AI 输出如需转为正式对象，必须另行确认。</Text>
+          </Space>
        </Card>
      </div>
    </div>
  )
 }

-function groupSessions(sessions: AISession[]) {
-  const labels = ['今天', '昨天', '7 天内']
-  return labels.map((label) => ({
-    label,
-    items: sessions.filter((session, index) => session.time.includes(label) || (!labels.some((item) => session.time.includes(item)) && labels.indexOf(label) === fallbackGroupIndex(index))),
-  })).filter((group) => group.items.length > 0)
-}
-
-function fallbackGroupIndex(index: number) {
-  if (index === 0) return 0
-  if (index === 1) return 1
-  return 2
+function sessionStatusLabel(status: string) {
+  if (status === 'ready') return '待开始'
+  if (status === 'failed') return '创建失败'
+  return status || '未知状态'
 }
--- a/apps/web_v1/src/pages/projects/project-channel-page.tsx
+++ b/apps/web_v1/src/pages/projects/project-channel-page.tsx
@@ -8,6 +8,7 @@ import type { ProjectTaskUpdate } from './project-task-edit-modal'
 import { ProjectTasks } from './project-tasks'
 import type { ChannelKey, InboxConfirmationOutcome, ProjectWorkspace } from './project-types'
 import type { InboxSuggestionDTO } from '../../api/inbox'
+import type { AISessionDTO, CreateAISessionInput } from '../../api/ai'

 export function ProjectChannelPage({
  activeChannel,
@@ -23,6 +24,8 @@ export function ProjectChannelPage({
  onUpdateTask,
  onAnalyzeInbox,
  onConfirmInbox,
+  onListAISessions,
+  onCreateAISession,
 }: {
  activeChannel: ChannelKey
  activeWorkspace: ProjectWorkspace
@@ -37,6 +40,8 @@ export function ProjectChannelPage({
  onUpdateTask: (update: ProjectTaskUpdate) => void
  onAnalyzeInbox: (inboxId: string) => Promise<InboxSuggestionDTO[]>
  onConfirmInbox: (inboxId: string, suggestionIds: string[]) => Promise<InboxConfirmationOutcome>
+  onListAISessions: (projectId: string) => Promise<AISessionDTO[]>
+  onCreateAISession: (projectId: string, input: CreateAISessionInput) => Promise<AISessionDTO>
 }) {
  switch (activeChannel) {
    case 'inbox':
@@ -44,7 +49,7 @@ export function ProjectChannelPage({
    case 'tasks':
      return <ProjectTasks activeWorkspace={activeWorkspace} activeTaskID={activeTaskID} onOpenTask={onOpenTask} onCloseTask={onCloseTask} onSelectItem={onSelectItem} onCreateTask={onCreateTask} onCreateProjectTag={onCreateProjectTag} onUpdateTask={onUpdateTask} />
    case 'ai':
-      return <ProjectAi activeWorkspace={activeWorkspace} onSelectItem={onSelectItem} />
+      return <ProjectAi activeWorkspace={activeWorkspace} onSelectItem={onSelectItem} onListSessions={onListAISessions} onCreateSession={onCreateAISession} />
    case 'notes':
      return <ProjectNotes activeWorkspace={activeWorkspace} onSelectItem={onSelectItem} onUploadSource={onUploadSource} />
    case 'cron':
--- a/apps/web_v1/src/pages/projects/project-cron.tsx
+++ b/apps/web_v1/src/pages/projects/project-cron.tsx
@@ -14,7 +14,7 @@ export function ProjectCron({ activeWorkspace, onSelectItem, onCreateCronPlan }:
      <div className="overview-head">
        <div>
          <Title heading={4}>计划任务</Title>
-          <Text type="secondary">{project.name} 的定时任务、自动检查和周期性 AI 工作。</Text>
+          <Text type="secondary">{project.name} 的计划任务元数据与提醒安排；当前不会自主执行 AI 工作。</Text>
        </div>
        <Button type="primary" icon={<IconPlus />} onClick={onCreateCronPlan}>新建计划</Button>
      </div>
--- a/apps/web_v1/src/pages/projects/project-new-channel.tsx
+++ b/apps/web_v1/src/pages/projects/project-new-channel.tsx
@@ -1,9 +1,7 @@
-import { Button, Card, Input, Select, Space, Tag, Typography } from '@arco-design/web-react'
-import { IconApps, IconLink, IconPlus } from '@arco-design/web-react/icon'
+import { Card, Empty, Typography } from '@arco-design/web-react'
 import type { ProjectWorkspace } from './project-types'

 const { Title, Text } = Typography
-const { TextArea } = Input

 export function ProjectNewChannel({ activeWorkspace }: { activeWorkspace: ProjectWorkspace }) {
  return (
@@ -11,51 +9,11 @@ export function ProjectNewChannel({ activeWorkspace }: { activeWorkspace: Projec
      <div className="overview-head">
        <div>
          <Title heading={4}>新建频道</Title>
-          <Text type="secondary">{activeWorkspace.project.name} 的频道入口配置，用于接入外部页面、资料集合或项目流程。</Text>
+          <Text type="secondary">{activeWorkspace.project.name} 暂不支持自定义频道或外部链接接入。</Text>
        </div>
-        <Button type="primary" icon={<IconPlus />}>保存频道</Button>
      </div>
-
-      <Card className="queue-section channel-editor-card" bordered>
-        <Space direction="vertical" size={12} className="action-form">
-          <label>
-            <Text>频道名称</Text>
-            <Input placeholder="例如：客户研究频道" />
-          </label>
-          <label>
-            <Text>频道类型</Text>
-            <Select defaultValue="link">
-              <Select.Option value="link">外部链接</Select.Option>
-              <Select.Option value="source">资料集合</Select.Option>
-              <Select.Option value="workflow">项目流程</Select.Option>
-            </Select>
-          </label>
-          <label>
-            <Text>图标</Text>
-            <Input placeholder="例如：link / user / file" prefix={<IconApps />} />
-          </label>
-          <label>
-            <Text>链接地址</Text>
-            <Input placeholder="https://example.com/channel" prefix={<IconLink />} />
-          </label>
-          <label>
-            <Text>说明</Text>
-            <TextArea rows={4} placeholder="频道用途、维护规则或采集说明" />
-          </label>
-        </Space>
-      </Card>
-
      <Card className="queue-section" bordered>
-        <div className="section-header">
-          <Title heading={6}>创建后可接入的内容</Title>
-          <Tag color="gray">配置预览</Tag>
-        </div>
-        <Space wrap>
-          <Tag color="arcoblue">外部资料库</Tag>
-          <Tag color="green">项目流程页</Tag>
-          <Tag color="orange">RSS/探索结果</Tag>
-          <Tag color="purple">AI智能体上下文</Tag>
-        </Space>
+        <Empty description="自定义频道暂未开放" />
      </Card>
    </div>
  )
--- a/apps/web_v1/src/pages/projects/project-statusbar.tsx
+++ b/apps/web_v1/src/pages/projects/project-statusbar.tsx
@@ -1,115 +1,19 @@
-import { useState } from 'react'
-import { Avatar, Button, Card, Form, Input, Layout, Modal, Radio, Space, Typography } from '@arco-design/web-react'
-import {
-  IconApps,
-  IconCalendar,
-  IconRobot,
-  IconStorage,
-  IconUser,
-} from '@arco-design/web-react/icon'
+import { Layout, Space } from '@arco-design/web-react'
+import { IconCheckCircle } from '@arco-design/web-react/icon'

 const { Footer } = Layout
-const { Text, Title } = Typography
-
-const plans = [
-  { id: 'starter', name: '基础版', price: '¥29/月', desc: '个人项目、基础智能体与 20GB 存储。' },
-  { id: 'pro', name: '专业版', price: '¥99/月', desc: '团队协作、高级智能体与 200GB 存储。' },
-  { id: 'team', name: '团队版', price: '¥299/月', desc: '成员管理、审计日志与私有化部署支持。' },
-]

 export function ProjectStatusbar() {
-  const [profileOpen, setProfileOpen] = useState(false)
-  const [upgradeOpen, setUpgradeOpen] = useState(false)
-  const [selectedPlan, setSelectedPlan] = useState('pro')
-
  return (
-    <>
-      <Footer className="statusbar">
-        <button className="status-user" type="button" onClick={() => setProfileOpen(true)}>
-          <Avatar size={24} style={{ backgroundColor: '#165DFF' }}>张</Avatar>
-          <span className="status-identity">
-            <Text className="status-name">张明</Text>
-            <span className="status-online-dot" aria-label="在线" title="在线" />
-          </span>
-          <Button className="status-upgrade" size="mini" type="primary" onClick={(event) => {
-            event.stopPropagation()
-            setUpgradeOpen(true)
-          }}>升级</Button>
-        </button>
-
-        <Space className="status-system" size={18}>
-          <span><IconInteractionFallback /> 3 个计划进行中</span>
-          <span><IconRobot /> AI 空闲</span>
-          <span><IconStorage /> 152GB 可用</span>
-          <span>状态 <b>正常</b></span>
-          <IconApps />
-        </Space>
-      </Footer>
-
-      <Modal
-        title="个人资料"
-        visible={profileOpen}
-        onCancel={() => setProfileOpen(false)}
-        onOk={() => setProfileOpen(false)}
-        okText="保存"
-        cancelText="取消"
-      >
-        <Form layout="vertical" className="status-modal-form">
-          <Form.Item label="头像">
-            <Space>
-              <Avatar size={42} style={{ backgroundColor: '#165DFF' }}>张</Avatar>
-              <Button icon={<IconUser />}>更换头像</Button>
-            </Space>
-          </Form.Item>
-          <Form.Item label="名称">
-            <Input defaultValue="张明" placeholder="请输入名称" />
-          </Form.Item>
-          <Form.Item label="邮箱">
-            <Input defaultValue="zhangming@senlin.ai" placeholder="请输入邮箱" />
-          </Form.Item>
-          <Form.Item label="当前密码">
-            <Input.Password placeholder="用于确认身份" />
-          </Form.Item>
-          <Form.Item label="新密码">
-            <Input.Password placeholder="不修改密码可留空" />
-          </Form.Item>
-        </Form>
-      </Modal>
-
-      <Modal
-        title="升级套餐"
-        visible={upgradeOpen}
-        onCancel={() => setUpgradeOpen(false)}
-        onOk={() => setUpgradeOpen(false)}
-        okText="去支付"
-        cancelText="取消"
-      >
-        <Radio.Group value={selectedPlan} onChange={setSelectedPlan} className="billing-plan-group">
-          {plans.map((plan) => (
-            <Card className={selectedPlan === plan.id ? 'billing-plan active' : 'billing-plan'} key={plan.id} bordered>
-              <Radio value={plan.id}>
-                <div>
-                  <Title heading={6}>{plan.name}</Title>
-                  <Text className="billing-price">{plan.price}</Text>
-                  <Text type="secondary">{plan.desc}</Text>
-                </div>
-              </Radio>
-            </Card>
-          ))}
-        </Radio.Group>
-        <div className="billing-payments">
-          <Text type="secondary">支付方式</Text>
-          <Space>
-            <Button>微信支付</Button>
-            <Button>支付宝</Button>
-            <Button>企业转账</Button>
-          </Space>
-        </div>
-      </Modal>
-    </>
+    <Footer className="statusbar">
+      <div className="status-user">
+        <span className="status-avatar" aria-hidden="true">森</span>
+        <span className="status-name">已登录</span>
+      </div>
+      <Space className="status-system" size={8}>
+        <IconCheckCircle />
+        <span>服务已连接</span>
+      </Space>
+    </Footer>
  )
 }
-
-function IconInteractionFallback() {
-  return <IconCalendar />
-}
--- a/apps/web_v1/src/pages/projects/project-topbar.tsx
+++ b/apps/web_v1/src/pages/projects/project-topbar.tsx
@@ -28,7 +28,6 @@ export function ProjectTopbar({
  onSearch: () => void
  onSelectSearchResult: (result: SearchResultDTO) => void
 }) {
-  const desktop = isDesktopRuntime()
  const [popupVisible, setPopupVisible] = useState(false)

  useEffect(() => {
@@ -99,13 +98,6 @@ export function ProjectTopbar({
      </Dropdown>
      <Space className="topbar-actions">
        <Button aria-label={theme === 'dark' ? '切换浅色模式' : '切换深色模式'} icon={theme === 'dark' ? <IconSun /> : <IconMoon />} onClick={onToggleTheme} />
-        {desktop && (
-          <>
-            <Button aria-label="停靠左边" icon={<DockIcon side="left" />} />
-            <Button aria-label="停靠右边" icon={<DockIcon side="right" />} />
-          </>
-        )}
-        <Button icon={<IconApps />} />
      </Space>
    </Header>
  )
@@ -117,15 +109,3 @@ function searchTypeLabel(type: string) {
  if (type === 'note') return '笔记'
  return '未知'
 }
-
-function isDesktopRuntime() {
-  return typeof window !== 'undefined' && '__TAURI__' in window
-}
-
-function DockIcon({ side }: { side: 'left' | 'right' }) {
-  return (
-    <span className={`dock-icon dock-icon-${side}`} aria-hidden="true">
-      <span />
-    </span>
-  )
-}
--- a/apps/web_v1/src/pages/workspace-explore.tsx
+++ b/apps/web_v1/src/pages/workspace-explore.tsx
@@ -1,223 +1,19 @@
-import { useEffect, useMemo, useState } from 'react'
-import type { ReactNode } from 'react'
-import { Button, Card, Empty, Grid, Space, Typography } from '@arco-design/web-react'
-import {
-  IconBook,
-  IconCheckCircle,
-  IconCompass,
-  IconDelete,
-  IconEdit,
-  IconFile,
-  IconLink,
-  IconRefresh,
-  IconStar,
-  IconStorage,
-} from '@arco-design/web-react/icon'
-import type { InboxItem, Project, ProjectWorkspace } from './projects/project-types'
+import { Card, Empty, Typography } from '@arco-design/web-react'

-const { Row, Col } = Grid
-const { Title, Text, Paragraph } = Typography
-
-type DataSourceID = 'all' | 'manual' | 'requirements' | 'architecture'
-
-type ExploreArticle = InboxItem & {
-  project: Project
-  sourceID: DataSourceID
-}
-
-type DataSourceCard = {
-  id: DataSourceID
-  name: string
-  count: number
-  icon: ReactNode
-  color: string
-}
-
-const SOURCE_META: Record<DataSourceID, { name: string; icon: ReactNode; color: string }> = {
-  all: { name: '全部', icon: <IconStorage />, color: 'blue' },
-  manual: { name: '手动收集', icon: <IconCompass />, color: 'green' },
-  requirements: { name: '需求文档', icon: <IconFile />, color: 'orange' },
-  architecture: { name: '架构讨论', icon: <IconBook />, color: 'purple' },
-}
-
-export function WorkspaceExplorePage({
-  workspaces,
-  onSelectItem,
-}: {
-  workspaces: ProjectWorkspace[]
-  onSelectItem: (title: string) => void
-}) {
-  const articles = useMemo(
-    () =>
-      workspaces.flatMap((workspace) =>
-        workspace.inbox.map((item) => ({
-          ...item,
-          project: workspace.project,
-          sourceID: detectSource(item),
-        })),
-      ),
-    [workspaces],
-  )
-  const [activeSourceID, setActiveSourceID] = useState<DataSourceID>('all')
-  const filteredArticles = useMemo(
-    () => (activeSourceID === 'all' ? articles : articles.filter((article) => article.sourceID === activeSourceID)),
-    [activeSourceID, articles],
-  )
-  const sources = useMemo(() => dataSources(articles), [articles])
-  const [activeArticleID, setActiveArticleID] = useState<string | null>(filteredArticles[0]?.id ?? null)
-
-  useEffect(() => {
-    if (filteredArticles.length === 0) {
-      setActiveArticleID(null)
-      return
-    }
-    if (!activeArticleID || !filteredArticles.some((article) => article.id === activeArticleID)) {
-      setActiveArticleID(filteredArticles[0].id)
-    }
-  }, [activeArticleID, filteredArticles])
-
-  const selected = filteredArticles.find((article) => article.id === activeArticleID) ?? filteredArticles[0]
-  const activeSource = SOURCE_META[activeSourceID]
+const { Title, Text } = Typography

+export function WorkspaceExplorePage() {
  return (
    <div className="workspace-explore-page overview-page">
      <div className="overview-head">
        <div>
          <Title heading={4}>探索</Title>
-          <Text type="secondary">多个外部数据源的集中阅读页，采集文章并沉淀到项目。</Text>
+          <Text type="secondary">外部数据源与同步能力不在当前 MVP 范围内。</Text>
        </div>
-        <Space>
-          <Button icon={<IconRefresh />}>同步数据源</Button>
-          <Button type="primary" icon={<IconLink />}>
-            添加数据源
-          </Button>
-        </Space>
      </div>
-
-      <Row gutter={10} className="explore-source-row">
-        {sources.map((source) => (
-          <Col span={6} key={source.id}>
-            <Card
-              className={activeSourceID === source.id ? 'compact-card explore-source-card active' : 'compact-card explore-source-card'}
-              bordered
-              onClick={() => setActiveSourceID(source.id)}
-            >
-              <span className={`explore-source-icon ${source.color}`}>{source.icon}</span>
-              <span className="explore-source-copy">
-                <Text className="explore-source-name">{source.name}</Text>
-                <Text type="secondary">{source.count} 条</Text>
-              </span>
-              {source.id !== 'all' ? (
-                <span className="explore-source-actions" onClick={(event) => event.stopPropagation()}>
-                  <Button type="text" size="mini" icon={<IconEdit />} />
-                  <Button type="text" size="mini" status="danger" icon={<IconDelete />} />
-                </span>
-              ) : null}
-            </Card>
-          </Col>
-        ))}
-      </Row>
-
-      {selected ? (
-        <section className="explore-reader-layout">
-          <Card className="explore-article-list queue-section" bordered>
-            <div className="explore-list-header">
-              <Title heading={5}>
-                <Space size={6}>
-                  <span className={`explore-source-icon mini ${activeSource.color}`}>{activeSource.icon}</span>
-                  <span>{activeSource.name}</span>
-                </Space>
-              </Title>
-              <Button type="text" icon={<IconRefresh />} />
-            </div>
-            <div className="explore-list-body">
-              {filteredArticles.map((article) => (
-                <button
-                  key={`${article.project.id}-${article.id}`}
-                  className={article.id === selected.id ? 'explore-article-item active' : 'explore-article-item'}
-                  onClick={() => {
-                    setActiveArticleID(article.id)
-                    onSelectItem(article.title)
-                  }}
-                >
-                  <span className={`explore-source-logo ${SOURCE_META[article.sourceID].color}`}>
-                    {sourceInitial(SOURCE_META[article.sourceID].name)}
-                  </span>
-                  <span className="explore-article-copy">
-                    <Text type="secondary">
-                      {SOURCE_META[article.sourceID].name} · {article.time}
-                    </Text>
-                    <Text className="explore-article-title">{article.title}</Text>
-                    <Text className="explore-article-summary" type="secondary" ellipsis={{ showTooltip: true }}>
-                      {article.summary || '暂无正文'}
-                    </Text>
-                  </span>
-                </button>
-              ))}
-            </div>
-          </Card>
-
-          <Card className="explore-article-detail queue-section" bordered>
-            <div className="explore-detail-toolbar">
-              <Title heading={5}>{selected.title}</Title>
-              <Space>
-                <Button type="text" icon={<IconCheckCircle />} />
-                <Button type="text" icon={<IconStar />} />
-                <Button type="text" icon={<IconBook />} />
-              </Space>
-            </div>
-            <article className="explore-article-body">
-              <Space className="explore-article-meta" wrap>
-                <span className={`explore-source-logo small ${SOURCE_META[selected.sourceID].color}`}>
-                  {sourceInitial(SOURCE_META[selected.sourceID].name)}
-                </span>
-                <Text type="secondary">{SOURCE_META[selected.sourceID].name}</Text>
-                <Text type="secondary">{selected.project.name}</Text>
-                <Text type="secondary">{selected.time}</Text>
-              </Space>
-              <Paragraph className="explore-article-content">{selected.summary || '暂无正文'}</Paragraph>
-              <blockquote>
-                推荐：将外部文章中的项目机会、风险提示和资料线索归档到对应项目，形成可追踪的计划和知识资产。
-              </blockquote>
-            </article>
-          </Card>
-        </section>
-      ) : (
-        <Card className="queue-section" bordered>
-          <Empty description="暂无数据源文章" />
-        </Card>
-      )}
+      <Card className="queue-section" bordered>
+        <Empty description="探索数据源暂未开放" />
+      </Card>
    </div>
  )
 }
-
-function dataSources(articles: ExploreArticle[]): DataSourceCard[] {
-  const counts = new Map<DataSourceID, number>([
-    ['all', articles.length],
-    ['manual', 0],
-    ['requirements', 0],
-    ['architecture', 0],
-  ])
-  articles.forEach((article) => counts.set(article.sourceID, (counts.get(article.sourceID) ?? 0) + 1))
-
-  return (Object.keys(SOURCE_META) as DataSourceID[]).map((id) => ({
-    id,
-    ...SOURCE_META[id],
-    count: counts.get(id) ?? 0,
-  }))
-}
-
-function detectSource(article: InboxItem): DataSourceID {
-  const text = `${article.title} ${article.meta} ${article.tag} ${article.summary}`
-  if (/架构|技术方案|系统设计|architecture/i.test(text)) {
-    return 'architecture'
-  }
-  if (/需求|PRD|产品文档|requirement/i.test(text)) {
-    return 'requirements'
-  }
-  return 'manual'
-}
-
-function sourceInitial(name: string) {
-  return name.trim().slice(0, 1) || '源'
-}
--- a/apps/web_v1/src/pages/workspace-home.tsx
+++ b/apps/web_v1/src/pages/workspace-home.tsx
@@ -9,6 +9,7 @@ import { ProjectStatusbar } from './projects/project-statusbar'
 import { ProjectTopbar } from './projects/project-topbar'
 import type { SearchResultDTO } from '../api/search'
 import type { InboxSuggestionDTO } from '../api/inbox'
+import type { AISessionDTO, CreateAISessionInput } from '../api/ai'
 import type { ChannelKey, InboxConfirmationOutcome, Project, ProjectWorkspace, Theme, WorkbenchView } from './projects/project-types'

 const { Content } = Layout
@@ -44,6 +45,8 @@ export function ProjectPage({
  onSelectSearchResult,
  onAnalyzeInbox,
  onConfirmInbox,
+  onListAISessions,
+  onCreateAISession,
 }: {
  activeView: WorkbenchView
  activeWorkspace: ProjectWorkspace
@@ -75,6 +78,8 @@ export function ProjectPage({
  onSelectSearchResult: (result: SearchResultDTO) => void
  onAnalyzeInbox: (inboxId: string) => Promise<InboxSuggestionDTO[]>
  onConfirmInbox: (inboxId: string, suggestionIds: string[]) => Promise<InboxConfirmationOutcome>
+  onListAISessions: (projectId: string) => Promise<AISessionDTO[]>
+  onCreateAISession: (projectId: string, input: CreateAISessionInput) => Promise<AISessionDTO>
 }) {
  const isProject = activeView === 'project'
  const projects = workspaces.map((workspace) => workspace.project)
@@ -130,7 +135,7 @@ export function ProjectPage({
          {activeView === 'workspace' ? (
            <WorkspacePage workspaces={workspaces} onOpenTask={onOpenTask} onUpdateTask={onUpdateWorkspaceTask} />
          ) : activeView === 'workspace-explore' ? (
-            <WorkspaceExplorePage workspaces={workspaces} onSelectItem={onSelectItem} />
+            <WorkspaceExplorePage />
          ) : (
            <ProjectChannelPage
              activeChannel={activeChannel}
@@ -146,6 +151,8 @@ export function ProjectPage({
              onUpdateTask={updateActiveProjectTask}
              onAnalyzeInbox={onAnalyzeInbox}
              onConfirmInbox={onConfirmInbox}
+              onListAISessions={onListAISessions}
+              onCreateAISession={onCreateAISession}
            />
          )}
        </Content>