[开源自荐] ChatGPT Graph Navigator：一款将ChatGPT的对话可视化为图谱和时间线的浏览器插件，助力结构化消息管理，快速定位消息，把握对话脉络

[Robbings]

项目地址

https://github.com/Robbings/chatgpt-graph-navigator

类别

JS

项目标题

一款将ChatGPT的对话树式管理的浏览器插件

项目描述

在进行复杂对话的时候，如果采用线性对话，会有诸多弊端，比如：

• 逻辑混乱： 想要回溯之前的某个灵感或设定，需要在冗长的记录中反复翻找，复盘极其痛苦。
• 定位困难： 大量逻辑混乱的消息中想要找到某条需要的消息也是十分甚至九分的麻烦呀。
• 上下文污染： 线性对话会积累大量无用的上下文。上下文大量消耗，后续回答不再准确。
  所以此时分支功能非常有用。但是ChatGPT虽然提供了分支功能，分支间的跳转却非常不方便，本插件就是想通过把对话进行类似思维导图的可视化，让原本复杂的对话结构变得井井有条，从而能够快速把握整个逻辑脉络，并且实现快速定位和跳转。

亮点

相比较于通过一条时间线来帮助用户导航的插件，本项目的图谱视图将对话的结构更清晰地展现，时间线树视图则帮助用户在线性为主的消息里快速定位。并且本项目后续将致力于构建图谱化的个人知识库。
具体而言，本项目的主要功能亮点有：

• 🎨两种UI： 侧边栏 和 **悬浮窗 **

  • 悬浮窗支持透明度调节，鼠标穿透模式以及钉住等功能。

• 两个视图：

  • 图谱视图： 采用思维导图结构，便于掌握对话“全局”与逻辑脉络。
  • 时间线树： 采用 Git 风格的垂直树状图，显示分支的同时，能够快速定位所需的消息。
    • 支持仅查看回答或提问或全都展示

• ⚡ 导航： 两个视图均支持点击任意节点 直接跳转 至对应分支的具体消息。

• 🔍 搜索： 时间树视图支持搜索含有关键词的消息，回车可以直接跳转首条匹配消息。

• 🛠️ 实用工具： 内置长消息自动折叠功能，并计划持续集成更多效率工具（如导出、格式化等）。

示例代码

截图或演示视频

功能展示

侧边栏

侧边栏支持图谱和时间线两种视图，图谱视图可以自由缩放和点击跳转，时间线视图支持选择显示提问和回答，或者仅显示提问或回答，并且支持消息搜索和回车直接跳转等功能。

悬浮窗

悬浮窗同样支持两种模式，并支持自由移动和调整大小，并支持固定，以及透明度调节和穿透模式（即鼠标可以直接操作悬浮窗下的界面）。

长消息折叠

• 📂 消息自动折叠：长回复/代码块可自动或手动折叠，界面更清爽。
• 支持自定义折叠提问或回答，可以设置折叠阈值，也可以手动折叠。