第7章 时间轴导航（Timeline）

📖 《Gemini-Voyager 从入门到精通》系列连载

7.1 可视化时间轴

时间轴为 Gemini 对话提供可视化的历史导航体验。

界面示意

┌─────────────────────────────────────────────────────────────────┐
│                    可视化时间轴示意图                             │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│   👤 你好，请介绍一下 Python 的列表推导式                         │
│                                                                 │
│   ○────────────────●──────────────────●────────────────○       │
│   │               │                  │                  │      │
│   ▼               ▼                  ▼                  ▼      │
│   ┌───────────┐  ┌───────────────┐  ┌───────────────────┐  │
│   │ AI 回复 1 │  │  AI 回复 2    │  │    AI 回复 3      │  │
│   │ (代码块)  │  │  (详细解释)   │  │    (总结)         │  │
│   └───────────┘  └───────────────┘  └───────────────────┘  │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘

交互方式

• 悬停 - 显示消息预览
• 点击 - 跳转到对应消息
• 拖拽 - 快速浏览对话
• 缩放 - 查看整体/聚焦局部

7.2 消息收藏（Star）

收藏重要消息，便于后续快速访问。

收藏列表

┌─────────────────────────────────────────────────────────────────┐
│                    消息收藏功能                                   │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│   对话中的消息:                                                 │
│   ┌─────────────────────────────────────────────────────────┐   │
│   │  💬 [代码] Python 列表推导式详解                   ⭐  │   │
│   └─────────────────────────────────────────────────────────┘   │
│                                                                 │
│   时间轴标记:                                                   │
│   ○──────────●──────────⭐●──────────●──────────○           │
│                                                                 │
│   收藏列表 (侧边栏):                                           │
│   ┌─────────────────────────────────────────────────────────┐   │
│   │  ⭐ 收藏的消息                                          │   │
│   │  ───────────────────────────────────────────────────    │   │
│   │  • Python 列表推导式详解...  2024-01-15              │   │
│   │  • 关于闭包的概念...           2024-01-14              │   │
│   └─────────────────────────────────────────────────────────┘   │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘

功能

• 收藏 - 点击星标图标或右键菜单
• 查看 - 侧边栏「收藏」列表
• 跳转 - 点击快速定位到原消息
• 取消 - 再次点击取消收藏

7.3 对话分支管理

时间轴能够识别和处理对话分支（重新生成导致的多个版本）。

分支结构

┌─────────────────────────────────────────────────────────────────┐
│                    对话分支结构                                   │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│                        ┌──────────────┐                         │
│                        │  用户消息 A   │                         │
│                        └──────┬───────┘                         │
│                               │                                  │
│            ┌──────────────────┼──────────────────┐            │
│            │                  │                  │             │
│            ▼                  ▼                  ▼             │
│      ┌──────────┐      ┌──────────┐      ┌──────────┐      │
│      │ AI 回复 1 │      │ AI 回复 2 │      │ AI 回复 3 │      │
│      │ (分支 A)  │      │ (分支 B)  │      │ (分支 C)  │      │
│      │  ⭐收藏   │      │          │      │          │      │
│      └──────────┘      └──────────┘      └──────────┘      │
│                                                                 │
│   图例: ○ 普通节点   ● 当前活跃   ⭐ 已收藏                │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘

功能

• 识别 - 自动识别对话分支
• 展示 - 时间轴树形结构显示
• 切换 - 点击分支切换到该版本

⏳ 下一章将介绍聊天导出功能