From 896f429fec1c779e9c55bfa3be182cc9ed4f3d60 Mon Sep 17 00:00:00 2001
From: web4zn <web4zn@noreply.gitcode.com>
Date: Tue, 5 May 2026 20:24:20 +0800
Subject: [PATCH] feat: add Markdown rich content support for mindmap nodes

- Extend MindMapNode with optional content/contentType fields
- Render Markdown (bold, italic, inline code, strikethrough, code blocks, tables) via react-markdown
- Add edit/preview toggle for Markdown content in node edit modal
- Update mindmap generator prompts and parsing for content/contentType
- Defensive JSON parsing with multi-stage fallback for LLM output
- Isolate node scroll wheel from canvas zoom
- Auto-activate conversation on unarchive
- Archive rich-node-content change
---
 .../.openspec.yaml                            |   0
 .../2026-05-05-rich-node-content}/design.md   |   0
 .../2026-05-05-rich-node-content}/proposal.md |   0
 .../specs/mindmap-data/spec.md                |   2 +-
 .../specs/mindmap-generation/spec.md          |   0
 .../specs/mindmap-node-editing/spec.md        |   0
 .../specs/rich-node-content/spec.md           |   0
 .../2026-05-05-rich-node-content}/tasks.md    |   0
 openspec/specs/mindmap-data/spec.md           |  18 ++-
 openspec/specs/mindmap-generation/spec.md     |  13 ++-
 openspec/specs/mindmap-node-editing/spec.md   |   8 +-
 src/features/mindmap/MindMapEditModal.tsx     | 105 +++++++++++++++++-
 src/features/mindmap/MindMapNodeComponent.tsx |  39 ++++++-
 src/features/mindmap/MindMapTree.tsx          |  10 +-
 src/features/mindmap/types.ts                 |   2 +
 src/lib/mindmap-generator.ts                  |  88 ++++++++++++---
 src/lib/mindmap-layout.ts                     |  11 +-
 src/stores/conversationStore.ts               |   1 +
 src/stores/mindmapStore.ts                    |   4 +-
 src/types/mindmap.ts                          |  20 +++-
 20 files changed, 283 insertions(+), 38 deletions(-)
 rename openspec/changes/{rich-node-content => archive/2026-05-05-rich-node-content}/.openspec.yaml (100%)
 rename openspec/changes/{rich-node-content => archive/2026-05-05-rich-node-content}/design.md (100%)
 rename openspec/changes/{rich-node-content => archive/2026-05-05-rich-node-content}/proposal.md (100%)
 rename openspec/changes/{rich-node-content => archive/2026-05-05-rich-node-content}/specs/mindmap-data/spec.md (96%)
 rename openspec/changes/{rich-node-content => archive/2026-05-05-rich-node-content}/specs/mindmap-generation/spec.md (100%)
 rename openspec/changes/{rich-node-content => archive/2026-05-05-rich-node-content}/specs/mindmap-node-editing/spec.md (100%)
 rename openspec/changes/{rich-node-content => archive/2026-05-05-rich-node-content}/specs/rich-node-content/spec.md (100%)
 rename openspec/changes/{rich-node-content => archive/2026-05-05-rich-node-content}/tasks.md (100%)

diff --git a/openspec/changes/rich-node-content/.openspec.yaml b/openspec/changes/archive/2026-05-05-rich-node-content/.openspec.yaml
similarity index 100%
rename from openspec/changes/rich-node-content/.openspec.yaml
rename to openspec/changes/archive/2026-05-05-rich-node-content/.openspec.yaml
diff --git a/openspec/changes/rich-node-content/design.md b/openspec/changes/archive/2026-05-05-rich-node-content/design.md
similarity index 100%
rename from openspec/changes/rich-node-content/design.md
rename to openspec/changes/archive/2026-05-05-rich-node-content/design.md
diff --git a/openspec/changes/rich-node-content/proposal.md b/openspec/changes/archive/2026-05-05-rich-node-content/proposal.md
similarity index 100%
rename from openspec/changes/rich-node-content/proposal.md
rename to openspec/changes/archive/2026-05-05-rich-node-content/proposal.md
diff --git a/openspec/changes/rich-node-content/specs/mindmap-data/spec.md b/openspec/changes/archive/2026-05-05-rich-node-content/specs/mindmap-data/spec.md
similarity index 96%
rename from openspec/changes/rich-node-content/specs/mindmap-data/spec.md
rename to openspec/changes/archive/2026-05-05-rich-node-content/specs/mindmap-data/spec.md
index 8846c19..f226adc 100644
--- a/openspec/changes/rich-node-content/specs/mindmap-data/spec.md
+++ b/openspec/changes/archive/2026-05-05-rich-node-content/specs/mindmap-data/spec.md
@@ -1,6 +1,6 @@
 ## MODIFIED Requirements
 
-### Requirement: MindMapNode data model
+### Requirement: MindMap data model
 MindMapNode SHALL 包含以下字段：`id: string`（唯一标识）、`label: string`（节点标题）、`summary: string`（纯文本摘要）、`content?: string`（可选 Markdown 内容）、`contentType?: 'text' | 'markdown'`（可选内容类型，默认 `'text'`）、`children: MindMapNode[]`（子节点）、`sourceConversationIds: string[]`（来源对话 ID）、`sourceExcerpts: Record<string, string>`（来源摘录）、`editedByUser: boolean`（是否被用户编辑）。
 
 #### Scenario: New node with markdown content
diff --git a/openspec/changes/rich-node-content/specs/mindmap-generation/spec.md b/openspec/changes/archive/2026-05-05-rich-node-content/specs/mindmap-generation/spec.md
similarity index 100%
rename from openspec/changes/rich-node-content/specs/mindmap-generation/spec.md
rename to openspec/changes/archive/2026-05-05-rich-node-content/specs/mindmap-generation/spec.md
diff --git a/openspec/changes/rich-node-content/specs/mindmap-node-editing/spec.md b/openspec/changes/archive/2026-05-05-rich-node-content/specs/mindmap-node-editing/spec.md
similarity index 100%
rename from openspec/changes/rich-node-content/specs/mindmap-node-editing/spec.md
rename to openspec/changes/archive/2026-05-05-rich-node-content/specs/mindmap-node-editing/spec.md
diff --git a/openspec/changes/rich-node-content/specs/rich-node-content/spec.md b/openspec/changes/archive/2026-05-05-rich-node-content/specs/rich-node-content/spec.md
similarity index 100%
rename from openspec/changes/rich-node-content/specs/rich-node-content/spec.md
rename to openspec/changes/archive/2026-05-05-rich-node-content/specs/rich-node-content/spec.md
diff --git a/openspec/changes/rich-node-content/tasks.md b/openspec/changes/archive/2026-05-05-rich-node-content/tasks.md
similarity index 100%
rename from openspec/changes/rich-node-content/tasks.md
rename to openspec/changes/archive/2026-05-05-rich-node-content/tasks.md
diff --git a/openspec/specs/mindmap-data/spec.md b/openspec/specs/mindmap-data/spec.md
index d16ab88..11902f9 100644
--- a/openspec/specs/mindmap-data/spec.md
+++ b/openspec/specs/mindmap-data/spec.md
@@ -1,4 +1,8 @@
-## ADDED Requirements
+## Purpose
+
+Define the core data model for mindmap nodes and mindmap collections, supporting tree structures, source provenance tracking, and IndexedDB persistence.
+
+## Requirements
 
 ### Requirement: MindMap data model
 系统 SHALL 使用以下数据模型表示思维导图：
@@ -11,6 +15,7 @@ MindMap {
   maxDepth?: number                // 最大生成深度：3-5 或 0（自动），默认 3
   corpus: CorpusEntry[]            // 语料库条目列表
   monitoredConversationIds: string[] // 监听的对话 ID 列表
+  collapsedNodeIds?: string[]      // 折叠节点 ID 列表
   forceFullRebuild?: boolean       // 强制全量重建模式
   lastGeneratedAt?: number         // 上次生成时间戳
   createdAt: number                // 创建时间戳
@@ -23,12 +28,13 @@ MindMapNode {
   id: string                      // UUID
   label: string                   // 节点显示文本
   summary: string                 // 节点描述
+  content?: string                // 可选 Markdown 内容
+  contentType?: 'text' | 'markdown' // 内容类型，默认 'text'
   children: MindMapNode[]         // 子节点列表
   sourceConversationIds: string[] // 贡献该节点的 Conversation ID 列表
   sourceExcerpts: Record<string, string> // Conversation ID → 消息文本摘录
   editedByUser: boolean           // 是否被用户手动编辑过（默认 false）
 }
-```
 
 #### Scenario: MindMap data structure
 - **WHEN** 系统创建新的思维导图
@@ -42,6 +48,14 @@ MindMapNode {
 - **WHEN** 用户手动编辑节点
 - **THEN** 节点 `editedByUser` 设为 true，`sourceConversationIds` 清空
 
+#### Scenario: New node with markdown content
+- **WHEN** 创建 MindMapNode 且指定 `contentType: 'markdown'` 和 `content: '## Title\n\nContent'`
+- **THEN** 节点存储完整 Markdown 内容且类型标记为 markdown
+
+#### Scenario: Existing node remains compatible
+- **WHEN** 现有节点（无 `contentType` 和 `content` 字段）被反序列化
+- **THEN** 节点正常加载，`contentType` 默认为 `'text'`，行为与旧版本一致
+
 ### Requirement: Create mindmap
 系统 SHALL 允许用户创建新的思维导图。用户 MUST 提供图谱标题。创建后 SHALL 自动在侧边栏显示新图谱条目。
 
diff --git a/openspec/specs/mindmap-generation/spec.md b/openspec/specs/mindmap-generation/spec.md
index 38d6424..f76e47f 100644
--- a/openspec/specs/mindmap-generation/spec.md
+++ b/openspec/specs/mindmap-generation/spec.md
@@ -1,7 +1,11 @@
-## ADDED Requirements
+## Purpose
+
+Enable AI-powered mindmap generation from conversation history using LLM prompts, supporting both full rebuild and incremental update modes with structured JSON output.
+
+## Requirements
 
 ### Requirement: Generate mindmap from conversation history
-系统 SHALL 支持通过 LLM 从对话内容生成思维导图树结构。输入内容 SHALL 优先使用图谱语料库内容。生成模式 SHALL 根据图谱状态自动选择：首次生成使用全量模式（输出完整 Markdown/JSON 树），后续生成使用增量模式（输出操作指令）。增量模式 SHALL 提供旧树摘要而非完整树，减少 prompt token 消耗。
+系统 SHALL 支持通过 LLM 从对话内容生成思维导图树结构。输入内容 SHALL 优先使用图谱语料库内容。生成模式 SHALL 根据图谱状态自动选择：首次生成使用全量模式（输出完整 Markdown/JSON 树），后续生成使用增量模式（输出操作指令）。增量模式 SHALL 提供旧树摘要而非完整树，减少 prompt token 消耗。生成 prompt SHALL 指示 LLM 在节点中使用 `content` 字段承载 Markdown 格式内容（加粗、斜体、行内代码、删除线、代码块、表格），并在输出 JSON 中标注 `contentType: 'markdown'`。系统 SHALL 在解析 JSON 响应时识别 `contentType` 和 `content` 字段并存储到 MindMapNode。
 
 #### Scenario: First-time generation
 - **WHEN** 用户对未包含树的图谱触发生成
@@ -11,6 +15,11 @@
 - **WHEN** 图谱已有树结构，用户传入新内容触发生成
 - **THEN** 系统使用增量模式，提供旧树摘要，LLM 输出操作指令
 
+#### Scenario: AI generates node with markdown content
+- **WHEN** 语料包含代码示例，且生成模式为全量或增量
+- **THEN** LLM 输出的节点可能包含带 `contentType: 'markdown'` 的 `content` 字段（含代码块或表格）
+- **AND** 系统正确解析并存储 `contentType` 和 `content` 字段
+
 ### Requirement: Markdown to tree parsing
 系统 SHALL 将 LLM 返回的 Markdown 文本解析为 MindMapNode 树结构。解析规则：
 - `# 标题` → 根节点（Tree 数组中添加一项）
diff --git a/openspec/specs/mindmap-node-editing/spec.md b/openspec/specs/mindmap-node-editing/spec.md
index 268bf1f..192f56f 100644
--- a/openspec/specs/mindmap-node-editing/spec.md
+++ b/openspec/specs/mindmap-node-editing/spec.md
@@ -1,7 +1,11 @@
-## MODIFIED Requirements
+## Purpose
+
+Allow users to edit mindmap node labels, summaries, and Markdown content through a modal dialog, with validation and user-edit tracking.
+
+## Requirements
 
 ### Requirement: Node edit mode
-系统 SHALL 允许用户双击节点进入编辑模式。编辑模式下 SHALL 弹出居中 Modal 弹窗（`MindMapEditModal`），包含 label 输入框和 summary 文本域。按 Enter 确认编辑并调用 `mindmapStore.updateNode`，按 Escape 或点击 Modal 外区域取消编辑。确认后节点 `editedByUser` 标记为 true。
+系统 SHALL 允许用户双击节点进入编辑模式。编辑模式下 SHALL 弹出居中 Modal 弹窗（`MindMapEditModal`），包含 label 输入框、summary 文本域，以及当 `contentType` 为 `'markdown'` 时的 content Markdown 编辑器与预览切换按钮。按 Enter 确认编辑并调用 `mindmapStore.updateNode`，按 Escape 或点击 Modal 外区域取消编辑。确认后节点 `editedByUser` 标记为 true。
 
 #### Scenario: Double-click to edit node
 - **WHEN** 用户双击画布中的某个节点
diff --git a/src/features/mindmap/MindMapEditModal.tsx b/src/features/mindmap/MindMapEditModal.tsx
index 8ac0494..fa59e52 100644
--- a/src/features/mindmap/MindMapEditModal.tsx
+++ b/src/features/mindmap/MindMapEditModal.tsx
@@ -1,17 +1,30 @@
 import { useState, useEffect, useRef } from 'react'
 import { createPortal } from 'react-dom'
+import Markdown from 'react-markdown'
+import remarkGfm from 'remark-gfm'
 import { Button } from '@/components/ui/button'
 import type { MindMapNode } from '@/types/mindmap'
 
 interface MindMapEditModalProps {
   node: MindMapNode
-  onConfirm: (nodeId: string, label: string, summary: string) => void
+  onConfirm: (
+    nodeId: string,
+    label: string,
+    summary: string,
+    content?: string,
+    contentType?: 'text' | 'markdown',
+  ) => void
   onCancel: () => void
 }
 
 export default function MindMapEditModal({ node, onConfirm, onCancel }: MindMapEditModalProps) {
   const [label, setLabel] = useState(node.label)
   const [summary, setSummary] = useState(node.summary)
+  const [content, setContent] = useState(node.content ?? '')
+  const [contentType, setContentType] = useState<'text' | 'markdown'>(
+    node.contentType === 'markdown' ? 'markdown' : 'text',
+  )
+  const [previewing, setPreviewing] = useState(false)
   const inputRef = useRef<HTMLInputElement>(null)
 
   useEffect(() => {
@@ -21,14 +34,22 @@ export default function MindMapEditModal({ node, onConfirm, onCancel }: MindMapE
 
   const handleConfirm = () => {
     if (label.trim()) {
-      onConfirm(node.id, label.trim(), summary.trim())
+      onConfirm(
+        node.id,
+        label.trim(),
+        summary.trim(),
+        contentType === 'markdown' ? content.trim() : undefined,
+        contentType,
+      )
     }
   }
 
+  const isMarkdown = contentType === 'markdown'
+
   return createPortal(
     <div className="fixed inset-0 z-50 flex items-center justify-center">
       <div className="absolute inset-0 bg-background/60 backdrop-blur-sm" onClick={onCancel} />
-      <div className="relative bg-popover border border-border rounded-lg shadow-xl p-5 w-[360px] space-y-4">
+      <div className="relative bg-popover border border-border rounded-lg shadow-xl p-5 w-[420px] max-h-[85vh] overflow-y-auto space-y-4">
         <h3 className="text-sm font-semibold">编辑节点</h3>
         <div className="space-y-3">
           <div>
@@ -56,12 +77,86 @@ export default function MindMapEditModal({ node, onConfirm, onCancel }: MindMapE
               value={summary}
               onChange={(e) => setSummary(e.target.value)}
               onKeyDown={(e) => {
-                if (e.key === 'Escape') onCancel()
+                if (e.key === 'Escape' && !e.shiftKey) onCancel()
               }}
               placeholder="摘要内容"
-              rows={3}
+              rows={2}
             />
           </div>
+          <div>
+            <div className="flex items-center justify-between mb-1">
+              <label className="text-xs text-muted-foreground block">
+                内容类型
+              </label>
+              <div className="flex gap-1">
+                <Button
+                  variant={contentType === 'text' ? 'default' : 'outline'}
+                  size="sm"
+                  className="h-6 text-[11px] px-2"
+                  onClick={() => setContentType('text')}
+                >
+                  纯文本
+                </Button>
+                <Button
+                  variant={contentType === 'markdown' ? 'default' : 'outline'}
+                  size="sm"
+                  className="h-6 text-[11px] px-2"
+                  onClick={() => setContentType('markdown')}
+                >
+                  Markdown
+                </Button>
+              </div>
+            </div>
+            {isMarkdown && (
+              <div>
+                <div className="flex items-center justify-between mb-1.5">
+                  <span className="text-[11px] text-muted-foreground">
+                    Markdown 内容（可选）
+                  </span>
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    className="h-6 text-[11px] px-2"
+                    onClick={() => setPreviewing(!previewing)}
+                  >
+                    {previewing ? '编辑' : '预览'}
+                  </Button>
+                </div>
+                {previewing ? (
+                  <div className="w-full min-h-[60px] max-h-[200px] overflow-y-auto border border-input rounded px-3 py-2 text-xs prose prose-sm dark:prose-invert max-w-none prose-code:text-[11px] prose-pre:bg-muted prose-pre:text-[11px] prose-table:text-[11px]">
+                    <Markdown remarkPlugins={[remarkGfm]}>
+                      {content || '_无内容_'}
+                    </Markdown>
+                  </div>
+                ) : (
+                  <textarea
+                    className="w-full text-sm bg-background border border-input rounded px-3 py-2 outline-none focus:ring-2 focus:ring-primary/30 resize-none font-mono text-xs"
+                    value={content}
+                    onChange={(e) => setContent(e.target.value)}
+                    onKeyDown={(e) => {
+                      if (e.key === 'Escape' && !e.shiftKey) {
+                        if (previewing) {
+                          setPreviewing(false)
+                        } else {
+                          onCancel()
+                        }
+                      }
+                    }}
+                    placeholder={`**bold** *italic* \`code\` ~~strike~~
+
+\`\`\`python
+print("code block")
+\`\`\`
+
+| A | B |
+|---|---|
+| 1 | 2 |`}
+                    rows={6}
+                  />
+                )}
+              </div>
+            )}
+          </div>
         </div>
         <div className="flex justify-end gap-2 pt-1">
           <Button variant="outline" size="sm" onClick={onCancel}>
diff --git a/src/features/mindmap/MindMapNodeComponent.tsx b/src/features/mindmap/MindMapNodeComponent.tsx
index 56262d7..cfaa55d 100644
--- a/src/features/mindmap/MindMapNodeComponent.tsx
+++ b/src/features/mindmap/MindMapNodeComponent.tsx
@@ -1,12 +1,36 @@
-import { memo } from 'react'
+import { memo, useRef, useEffect } from 'react'
 import { Handle, Position, type NodeProps } from '@xyflow/react'
 import { ChevronDown, ChevronRight, Pencil } from 'lucide-react'
+import Markdown from 'react-markdown'
+import remarkGfm from 'remark-gfm'
 import type { MindMapNodeData } from './types'
 
 function MindMapNodeComponent({ id, data, selected }: NodeProps & { data: MindMapNodeData }) {
+  const isMarkdown = data.contentType === 'markdown' && data.content
+  const contentRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    const el = contentRef.current
+    if (!el || !isMarkdown) return
+
+    const handleWheel = (e: WheelEvent) => {
+      const { scrollTop, scrollHeight, clientHeight } = el
+      const atTop = scrollTop <= 0
+      const atBottom = scrollTop + clientHeight >= scrollHeight - 1
+
+      if ((e.deltaY < 0 && !atTop) || (e.deltaY > 0 && !atBottom)) {
+        e.stopPropagation()
+      }
+    }
+
+    el.addEventListener('wheel', handleWheel, { passive: false })
+    return () => el.removeEventListener('wheel', handleWheel)
+  }, [isMarkdown])
+
   return (
     <div
-      className={`mindmap-node group relative rounded-lg border bg-card px-3 py-2 shadow-sm transition-colors min-w-[180px] max-w-[280px]
+      className={`mindmap-node group relative rounded-lg border bg-card px-3 py-2 shadow-sm transition-colors min-w-[180px] max-w-[320px]
+        ${isMarkdown ? 'min-h-[80px]' : ''}
         ${selected ? 'border-primary ring-1 ring-primary/30' : 'border-border hover:border-primary/40'}`}
     >
       <Handle type="target" position={Position.Left} className="!bg-muted-foreground" />
@@ -46,11 +70,18 @@ function MindMapNodeComponent({ id, data, selected }: NodeProps & { data: MindMa
         </span>
       </div>
 
-      {data.summary && (
+      {isMarkdown ? (
+        <div
+          ref={contentRef}
+          className="mt-1.5 text-xs leading-relaxed max-h-[180px] overflow-y-auto prose prose-sm dark:prose-invert max-w-none prose-code:text-[11px] prose-pre:bg-muted prose-pre:text-[11px] prose-table:text-[11px] prose-th:px-2 prose-td:px-2"
+        >
+          <Markdown remarkPlugins={[remarkGfm]}>{data.content!}</Markdown>
+        </div>
+      ) : data.summary ? (
         <div className="text-[11px] text-muted-foreground mt-1 leading-relaxed line-clamp-2">
           {data.summary}
         </div>
-      )}
+      ) : null}
     </div>
   )
 }
diff --git a/src/features/mindmap/MindMapTree.tsx b/src/features/mindmap/MindMapTree.tsx
index d1d5ae3..72cb5db 100644
--- a/src/features/mindmap/MindMapTree.tsx
+++ b/src/features/mindmap/MindMapTree.tsx
@@ -112,8 +112,14 @@ export default function MindMapTree({
   }, [])
 
   const handleEditConfirm = useCallback(
-    (nodeId: string, label: string, summary: string) => {
-      if (mindmapId) updateNode(mindmapId, nodeId, { label, summary })
+    (
+      nodeId: string,
+      label: string,
+      summary: string,
+      content?: string,
+      contentType?: 'text' | 'markdown',
+    ) => {
+      if (mindmapId) updateNode(mindmapId, nodeId, { label, summary, content, contentType })
       setEditNode(null)
     },
     [mindmapId, updateNode],
diff --git a/src/features/mindmap/types.ts b/src/features/mindmap/types.ts
index e52341b..a39425a 100644
--- a/src/features/mindmap/types.ts
+++ b/src/features/mindmap/types.ts
@@ -3,6 +3,8 @@ import { type Node, type Edge } from '@xyflow/react'
 export interface MindMapNodeData extends Record<string, unknown> {
   label: string
   summary: string
+  content?: string
+  contentType?: 'text' | 'markdown'
   editedByUser: boolean
   sourceCount: number
   hasChildren: boolean
diff --git a/src/lib/mindmap-generator.ts b/src/lib/mindmap-generator.ts
index 5176da4..65bbf0f 100644
--- a/src/lib/mindmap-generator.ts
+++ b/src/lib/mindmap-generator.ts
@@ -55,12 +55,15 @@ export function buildSystemPrompt(useJsonMode?: boolean, maxDepth = 3): string {
 输出格式要求（严格遵循）：
 - 输出必须是合法的 JSON 对象，包含一个 "nodes" 数组
 - 每个节点包含: label (字符串), summary (字符串), children (节点数组)
+- 可选字段: content (Markdown 字符串), contentType ("markdown" 或 "text"，默认 "text")
+- 当节点需要展示代码块、表格、加粗等格式时，设置 contentType 为 "markdown"，在 content 字段写入 Markdown 内容
+- content 支持的 Markdown 语法: **加粗** *斜体* \`行内代码\` ~~删除线~~  \`\`\`代码块\`\`\`  |表格|
 - ${jsonDepthRule}，每个节点下最多 10 个直接子节点
 - 只包含对话中明确讨论过的主题，不要编造内容
 - 标题简洁明了，控制在 20 字以内
 - 优先提取概念性、方法论类知识，而非琐碎的操作细节
 - 每个节点需要标注知识来源，在 label 中包含 [源: convId/msgId]
-- 输出格式: { "nodes": [{ "label": "概念 [源: abc/123]", "summary": "描述", "children": [...] }] }`
+- 输出格式: { "nodes": [{ "label": "概念 [源: abc/123]", "summary": "描述", "contentType": "markdown", "content": "详细内容...", "children": [...] }] }`
     : `
 输出格式要求（严格遵循）：
 - 必须使用 Markdown 标题语法：${headerDesc}，**禁止使用列表符号（如 - 或 * 或数字）作为层级标记**
@@ -77,8 +80,8 @@ export function buildSystemPrompt(useJsonMode?: boolean, maxDepth = 3): string {
     ? `
 ## 示例输出
 
-{ "nodes": [{ "label": "前端状态管理 [源: abc/123]", "summary": "前端应用中管理UI状态的方法和模式", "children": [
-  { "label": "本地状态", "summary": "组件内部的状态管理", "children": [
+{ "nodes": [{ "label": "前端状态管理 [源: abc/123]", "summary": "前端应用中管理UI状态的方法和模式", "contentType": "markdown", "content": "**核心方案对比**\\n\\n| 库 | 特点 |\\n|---|---|\\n| useState | 简单值 |\\n| useReducer | 复杂逻辑 |\\n| Zustand | 轻量外部库 |\\n\\n\`\`\`ts\\nconst store = create((set) => ({\\n  count: 0,\\n  inc: () => set((s) => ({ count: s.count + 1 })),\\n}))\\n\`\`\`", "children": [
+  { "label": "本地状态", "summary": "组件内部的状态管理", "contentType": "text", "children": [
     { "label": "useState [源: abc/123, def/456]", "summary": "React中最基础的状态Hook", "children": [] },
     { "label": "useReducer [源: def/456]", "summary": "适用于复杂状态逻辑", "children": [] }
   ]}
@@ -217,6 +220,8 @@ export function parseMarkdownToTree(
       id: deriveNodeId(label, parentPath),
       label: stripSourceAnnotations(label) || label || titleText,
       summary: stripSourceAnnotations(summary),
+      content: undefined,
+      contentType: undefined,
       children: [],
       sourceConversationIds: sourceIds,
       sourceExcerpts,
@@ -406,6 +411,8 @@ export function conversationMessagesToHistory(
 interface JsonNode {
   label?: string
   summary?: string
+  content?: string
+  contentType?: string
   children?: JsonNode[]
 }
 
@@ -422,6 +429,9 @@ function jsonNodeToMindMapNode(
   const cleanLabel = stripSourceAnnotations(label)
   const sourceIds = parseSourceIds(label, sourceMap)
   const sourceExcerpts = buildSourceExcerpts(sourceIds, sourceMap)
+  const contentType =
+    raw.contentType === 'markdown' || raw.contentType === 'text' ? raw.contentType : undefined
+  const content = typeof raw.content === 'string' ? raw.content : undefined
   const children = (raw.children ?? [])
     .slice(0, 10)
     .map((c: JsonNode) =>
@@ -435,6 +445,8 @@ function jsonNodeToMindMapNode(
     id: deriveNodeId(label, parentLabels),
     label: cleanLabel || '未命名',
     summary: stripSourceAnnotations(summary),
+    content,
+    contentType,
     children: depth < (maxDepth ?? 3) ? children : [],
     sourceConversationIds: sourceIds,
     sourceExcerpts,
@@ -447,16 +459,35 @@ export function parseJsonToTree(
   sourceMap?: Map<string, { conversationId: string; messageId: string; text: string }>,
   maxDepth = 3,
 ): MindMapNode[] {
+  const text = jsonString.trim()
+
+  // Stage 1: Try direct JSON parse
   let parsed: { nodes?: unknown[] } = {}
   try {
-    const jsonMatch = jsonString.match(/\{[\s\S]*"nodes"[\s\S]*\}/)
-    if (jsonMatch) {
-      parsed = JSON.parse(jsonMatch[0]) as { nodes?: unknown[] }
-    } else {
-      parsed = JSON.parse(jsonString) as { nodes?: unknown[] }
-    }
+    parsed = JSON.parse(text) as { nodes?: unknown[] }
   } catch {
-    return parseMarkdownToTree(jsonString, sourceMap, maxDepth)
+    // Stage 2: Try extracting from outermost ```json fence
+    const fenceStripped = text
+      .replace(/^```(?:json)?\s*\n?/, '')
+      .replace(/\n?\s*```\s*$/, '')
+      .trim()
+    try {
+      parsed = JSON.parse(fenceStripped) as { nodes?: unknown[] }
+    } catch {
+      // Stage 3: Find JSON object boundaries (first { to last })
+      const braceStart = text.indexOf('{')
+      const braceEnd = text.lastIndexOf('}')
+      if (braceStart !== -1 && braceEnd > braceStart) {
+        const extracted = text.slice(braceStart, braceEnd + 1)
+        try {
+          parsed = JSON.parse(extracted) as { nodes?: unknown[] }
+        } catch {
+          return parseMarkdownToTree(jsonString, sourceMap, maxDepth)
+        }
+      } else {
+        return parseMarkdownToTree(jsonString, sourceMap, maxDepth)
+      }
+    }
   }
 
   if (!Array.isArray(parsed.nodes)) {
@@ -560,8 +591,8 @@ export function buildIncrementalPrompt(
 {
   "analysis": "分析摘要，说明需要修改的原因",
   "operations": [
-    { "op": "add_child", "parent_id": "节点ID", "node": { "label": "新节点标签", "summary": "新节点摘要" } },
-    { "op": "update", "node_id": "节点ID", "changes": { "label": "新标签", "summary": "新摘要" } },
+    { "op": "add_child", "parent_id": "节点ID", "node": { "label": "新节点标签", "summary": "新节点摘要", "contentType": "markdown", "content": "详细Markdown内容" } },
+    { "op": "update", "node_id": "节点ID", "changes": { "label": "新标签", "summary": "新摘要", "contentType": "markdown", "content": "更新后的Markdown内容" } },
     { "op": "merge", "from_id": "源节点ID", "to_id": "目标节点ID" },
     { "op": "delete_leaf", "node_id": "节点ID" },
     { "op": "noop" }
@@ -575,7 +606,8 @@ export function buildIncrementalPrompt(
 - 不要覆盖用户编辑过的节点（editedByUser 为 true 的节点）
 - update 操作只包含需要修改的字段
 - delete_leaf 只能用于叶子节点（没有子节点的节点）
-- merge 操作将 from_id 的子节点合并到 to_id，然后删除 from_id`
+- merge 操作将 from_id 的子节点合并到 to_id，然后删除 from_id
+- node 和 changes 中的 contentType/content 为可选字段，content 支持 **加粗** *斜体* \`行内代码\` ~~删除线~~  \`\`\`代码块\`\`\`  |表格|`
 
   return { systemPrompt, userMessage }
 }
@@ -605,12 +637,20 @@ export function parseOperations(jsonString: string): IncrementalOperation[] | nu
           if (!op.node || typeof op.node !== 'object') return null
           const node = op.node as Record<string, unknown>
           if (typeof node.label !== 'string') return null
+          const nodeContent =
+            typeof node.content === 'string' ? node.content : undefined
+          const nodeContentType =
+            node.contentType === 'markdown' || node.contentType === 'text'
+              ? node.contentType
+              : undefined
           ops.push({
             op: 'add_child',
             parent_id: op.parent_id,
             node: {
               label: node.label,
               summary: typeof node.summary === 'string' ? node.summary : '',
+              content: nodeContent,
+              contentType: nodeContentType,
             },
           })
           break
@@ -619,10 +659,24 @@ export function parseOperations(jsonString: string): IncrementalOperation[] | nu
           if (typeof op.node_id !== 'string') return null
           if (!op.changes || typeof op.changes !== 'object') return null
           const changes = op.changes as Record<string, unknown>
-          if (typeof changes.label !== 'string' && typeof changes.summary !== 'string') return null
-          const cleanChanges: { label?: string; summary?: string } = {}
+          if (
+            typeof changes.label !== 'string' &&
+            typeof changes.summary !== 'string' &&
+            typeof changes.content !== 'string' &&
+            typeof changes.contentType !== 'string'
+          )
+            return null
+          const cleanChanges: {
+            label?: string
+            summary?: string
+            content?: string
+            contentType?: 'text' | 'markdown'
+          } = {}
           if (typeof changes.label === 'string') cleanChanges.label = changes.label
           if (typeof changes.summary === 'string') cleanChanges.summary = changes.summary
+          if (typeof changes.content === 'string') cleanChanges.content = changes.content
+          if (changes.contentType === 'markdown' || changes.contentType === 'text')
+            cleanChanges.contentType = changes.contentType
           ops.push({ op: 'update', node_id: op.node_id, changes: cleanChanges })
           break
         }
@@ -704,6 +758,8 @@ export function applyOperations(
           id: generateId(),
           label: op.node.label,
           summary: op.node.summary,
+          content: op.node.content,
+          contentType: op.node.contentType,
           children: [],
           sourceConversationIds: [],
           sourceExcerpts: {},
@@ -724,6 +780,8 @@ export function applyOperations(
         if (editedNodeIds.has(op.node_id)) continue
         if (op.changes.label !== undefined) node.label = op.changes.label
         if (op.changes.summary !== undefined) node.summary = op.changes.summary
+        if (op.changes.content !== undefined) node.content = op.changes.content
+        if (op.changes.contentType !== undefined) node.contentType = op.changes.contentType
         changes.push({
           op: 'update',
           nodeId: op.node_id,
diff --git a/src/lib/mindmap-layout.ts b/src/lib/mindmap-layout.ts
index cfc0891..42f9bbe 100644
--- a/src/lib/mindmap-layout.ts
+++ b/src/lib/mindmap-layout.ts
@@ -3,7 +3,8 @@ import type { MindMapNode } from '../types/mindmap'
 import type { MindMapFlowNode, MindMapFlowEdge, MindMapNodeData } from '../features/mindmap/types'
 
 const nodeWidth = 200
-const nodeHeight = 60
+const nodeHeight = 80
+const richNodeHeight = 220
 
 export function treeToFlow(
   nodes: MindMapNode[],
@@ -20,6 +21,8 @@ export function treeToFlow(
       const data: MindMapNodeData = {
         label: n.label,
         summary: n.summary,
+        content: n.content,
+        contentType: n.contentType,
         editedByUser: n.editedByUser,
         sourceCount: n.sourceConversationIds.length,
         hasChildren,
@@ -60,7 +63,11 @@ export function applyLayout(
   g.setGraph({ rankdir: 'LR', nodesep: 60, ranksep: 120, edgesep: 20, marginx: 40, marginy: 40 })
 
   for (const n of nodes) {
-    g.setNode(n.id, { width: nodeWidth, height: nodeHeight })
+    const hasRichContent = n.data?.contentType === 'markdown' && n.data?.content
+    g.setNode(n.id, {
+      width: nodeWidth,
+      height: hasRichContent ? richNodeHeight : nodeHeight,
+    })
   }
   for (const e of edges) {
     g.setEdge(e.source, e.target)
diff --git a/src/stores/conversationStore.ts b/src/stores/conversationStore.ts
index 1a0739c..1add877 100644
--- a/src/stores/conversationStore.ts
+++ b/src/stores/conversationStore.ts
@@ -95,6 +95,7 @@ export const useConversationStore = create<ConversationState>()(
           conversations: state.conversations.map((c) =>
             c.id === id ? { ...c, archived: false, updatedAt: Date.now() } : c,
           ),
+          activeConversationId: id,
         }))
       },
 
diff --git a/src/stores/mindmapStore.ts b/src/stores/mindmapStore.ts
index bb20e24..4ee906b 100644
--- a/src/stores/mindmapStore.ts
+++ b/src/stores/mindmapStore.ts
@@ -26,7 +26,7 @@ interface MindMapState {
   updateNode: (
     mindmapId: string,
     nodeId: string,
-    patch: Partial<Pick<MindMapNode, 'label' | 'summary'>>,
+    patch: Partial<Pick<MindMapNode, 'label' | 'summary' | 'content' | 'contentType'>>,
   ) => void
   addChildNode: (mindmapId: string, parentNodeId: string) => void
   deleteNode: (mindmapId: string, nodeId: string) => void
@@ -213,6 +213,8 @@ export const useMindmapStore = create<MindMapState>()(
           id: generateId(),
           label: '新节点',
           summary: '',
+          content: '',
+          contentType: 'text',
           children: [],
           sourceConversationIds: [],
           sourceExcerpts: {},
diff --git a/src/types/mindmap.ts b/src/types/mindmap.ts
index a1e5bac..8adad44 100644
--- a/src/types/mindmap.ts
+++ b/src/types/mindmap.ts
@@ -2,6 +2,8 @@ export interface MindMapNode {
   id: string
   label: string
   summary: string
+  content?: string
+  contentType?: 'text' | 'markdown'
   children: MindMapNode[]
   sourceConversationIds: string[]
   sourceExcerpts: Record<string, string>
@@ -18,9 +20,23 @@ export interface CorpusEntry {
   addedAt: number
 }
 
+export interface OperationNodeContent {
+  label: string
+  summary: string
+  content?: string
+  contentType?: 'text' | 'markdown'
+}
+
+export interface OperationNodeChanges {
+  label?: string
+  summary?: string
+  content?: string
+  contentType?: 'text' | 'markdown'
+}
+
 export type IncrementalOperation =
-  | { op: 'add_child'; parent_id: string; node: { label: string; summary: string } }
-  | { op: 'update'; node_id: string; changes: { label?: string; summary?: string } }
+  | { op: 'add_child'; parent_id: string; node: OperationNodeContent }
+  | { op: 'update'; node_id: string; changes: OperationNodeChanges }
   | { op: 'merge'; from_id: string; to_id: string }
   | { op: 'delete_leaf'; node_id: string }
   | { op: 'noop' }