feat(web): restore legacy explore workspace

apps/web_v1/scripts/structure-check.mjs

@@ -121,8 +121,12 @@ for (const forbidden of ['DeepSeek V4.0 Flash', '给 DeepSeek 发送消息', 'Ic
   if (aiPageSource.includes(forbidden)) failures.push(`project AI page contains unsupported chat control ${forbidden}`)
 }
 
+const explorePageSource = readFileSync('src/pages/workspace-explore.tsx', 'utf8')
+for (const required of ['explore-source-card', 'explore-reader-layout', '同步数据源', '添加数据源', 'detectSource']) {
+  if (!explorePageSource.includes(required)) failures.push(`workspace explore page must restore ${required}`)
+}
+
 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 空闲', '服务已连接', 'IconCheckCircle'] },
   { file: 'src/pages/projects/project-topbar.tsx', forbidden: ['停靠左边', '停靠右边', 'DockIcon', 'isDesktopRuntime'] },

apps/web_v1/scripts/visual-check.mjs

@@ -42,7 +42,28 @@ const visualCheckWorkspace = {
   ],
   tags: [{ id: '019b0000-0000-7000-8000-000000000002', name: '产品' }],
   recentSessions: [],
-  inbox: [],
+  inbox: [
+    {
+      id: '019b0000-0000-7000-8000-000000000003',
+      projectId,
+      source: '需求文档',
+      title: '森林项目体验优化需求',
+      summary: '整理工作台信息层级，并把关键需求沉淀为可跟进的项目计划。',
+      status: 'open',
+      tag: '需求',
+      time: '2026-07-22T08:00:00Z',
+    },
+    {
+      id: '019b0000-0000-7000-8000-000000000004',
+      projectId,
+      source: '架构讨论',
+      title: '项目资料组织方案',
+      summary: '围绕项目上下文统一组织任务、笔记、资料和 AI 会话。',
+      status: 'open',
+      tag: '架构',
+      time: '2026-07-22T07:00:00Z',
+    },
+  ],
   tasks: [],
   aiSessions: [],
   notesSources: [],
@@ -129,6 +150,8 @@ const collectMetrics = async () => page.evaluate(() => {
     workbenchMain: rect(main),
     hasWorkspacePage: Boolean(workspacePage),
     hasProjectOverview: Boolean(projectOverview),
+    exploreSourceCardCount: document.querySelectorAll('.explore-source-card').length,
+    hasExploreReader: Boolean(document.querySelector('.explore-reader-layout')),
     projectRailWidth: rail?.getBoundingClientRect().width,
     projectRail: rect(rail),
     channelSidebar: rect(sidebar),
@@ -300,6 +323,8 @@ if (!workspaceExploreMetrics.workspaceExploreButtonActive) failures.push('expect
 if (workspaceExploreMetrics.dashboardButtonActive) failures.push('expected dashboard button not to be active on workspace explore page')
 if (workspaceExploreMetrics.channelSidebar) failures.push(`expected workspace explore to hide channel sidebar, got ${JSON.stringify(workspaceExploreMetrics.channelSidebar)}`)
 if (workspaceExploreMetrics.inspector) failures.push(`expected workspace explore to hide inspector, got ${JSON.stringify(workspaceExploreMetrics.inspector)}`)
+if (workspaceExploreMetrics.exploreSourceCardCount !== 4) failures.push(`expected four legacy explore source cards, got ${workspaceExploreMetrics.exploreSourceCardCount}`)
+if (!workspaceExploreMetrics.hasExploreReader) failures.push('expected legacy explore article reader to render')
 if (!workspaceExploreMetrics.stage || !workspaceExploreMetrics.projectRail) {
   failures.push(`missing workspace explore layout regions: rail=${JSON.stringify(workspaceExploreMetrics.projectRail)}, stage=${JSON.stringify(workspaceExploreMetrics.stage)}`)
 } else if (Math.abs(workspaceExploreMetrics.stage.left - workspaceExploreMetrics.projectRail.right) > 1) {

apps/web_v1/src/pages/workspace-explore.tsx

@@ -1,19 +1,223 @@
-import { Card, Empty, Typography } from '@arco-design/web-react'
+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'
 
-const { Title, Text } = Typography
+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]
 
-export function WorkspaceExplorePage() {
   return (
     <div className="workspace-explore-page overview-page">
       <div className="overview-head">
         <div>
           <Title heading={4}>探索</Title>
-          <Text type="secondary">外部数据源与同步能力不在当前 MVP 范围内。</Text>
+          <Text type="secondary">多个外部数据源的集中阅读页，采集文章并沉淀到项目。</Text>
         </div>
+        <Space>
+          <Button icon={<IconRefresh />}>同步数据源</Button>
+          <Button type="primary" icon={<IconLink />}>
+            添加数据源
+          </Button>
+        </Space>
       </div>
-      <Card className="queue-section" bordered>
+
-        <Empty description="探索数据源暂未开放" />
+      <Row gutter={10} className="explore-source-row">
-      </Card>
+        {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>
+      )}
     </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) || '源'
+}

apps/web_v1/src/pages/workspace-home.tsx

@@ -135,7 +135,7 @@ export function ProjectPage({
           {activeView === 'workspace' ? (
             <WorkspacePage workspaces={workspaces} onOpenTask={onOpenTask} onUpdateTask={onUpdateWorkspaceTask} />
           ) : activeView === 'workspace-explore' ? (
-            <WorkspaceExplorePage />
+            <WorkspaceExplorePage workspaces={workspaces} onSelectItem={onSelectItem} />
           ) : (
             <ProjectChannelPage
               activeChannel={activeChannel}