kgniewek.com

Visualizes a dynamic tree graph of messages in ChatGPT conversations, with real-time updates and advanced customization options.

Latest Version

Version

1.0.2

Update

September 19, 2024

Size

382KiB

Developer

kgniewek.com

ChatGPT Conversation Tree Graph Visualizer - Dynamic & Interactive History Extension

This extension enhances your ChatGPT experience by providing a dynamic conversation tree graph inside a container that you can resize and move around the ChatGPT website. The graph visually represents the flow of your conversation, showing the sequence of messages and their branching paths. Informative tooltips display message content, version, and sibling count when you hover over nodes in the graph, making it more comprehensible to understand the branching history of the conversation. Additionally, you can zoom and drag the graph itself within the container, allowing for detailed exploration of the conversation structure. This feature is particularly valuable for getting oriented in even the most complexly branched conversations. This extension efficiently checks for new messages and updates the tree and highlights currently visible branch accordingly, without wasting resources when not in use.

🌳 Dynamic conversation tree: visualizes chat history with distinct icons for user & assistant, showing the sequence & branching paths in real-time.
🔍 Highlights visible branch: highlights the currently visible branch in red, helping you stay oriented in long threads.
💬 Hovering over nodes displays a tooltip containing the text content, version, and sibling count of the associated message.
🔄 Sophisticated update logic: the graph auto-refreshes after specific user interactions and changes to reflect new messages and branches.
🔲 Resize and move the container with the graph - position it anywhere on the ChatGPT website for optimal viewing.
⚫ Zoom and drag the graph within the container for detailed exploration of the chat structure and easy navigation through complex branches.
⚡ Smooth & efficient performance: integrates well with ChatGPT, updates only at a selected number of changes, conserving resources.
⚙️ Easily switch the extension, graph, and branch highlight on/off. Extensive customization options for appearance, placement, and more.

✔️ Ideal for anyone who frequently uses ChatGPT for detailed conversations and wants an efficient way to keep track of chat history in a visual format.
🔴 Official extension website: https://strona.plus/project/1

⚙️ Popup Settings
➊ Enable Conversation Tree Graph
➋ Highlight the currently visible branch
➌ Additional recurring refreshing
➍ Display tooltip message information
➎ Save longer fragments of messages
➏ Use a compact layout with short links
➐ Use the default glass-like background
➑ Enable resizing of the graph container
➒ Allow dragging of the graph container

Added buttons to top-right of ChatGPT
👁️ Toggle visibility of graph container
🔄 Manually initiate update of the graph

🔄 The data, graph and highlighted branch are updated every time:
➊ The tree container is toggled visible
➋ User clicks the \"Update Tree\" button
➌ Conversation is switched and the URL changes
➍ Visible branch of conversation or message version changes
➎ Changes in the DOM indicating new messages have been just generated
➏ Additional periodic updates (Never, 10s, 30s, 60s, 2m) (reserve)

⭐ If you find this extension helpful, please rate it. Consider buying me a coffee ☕ https://buymeacoffee.com/kgniewek
🛠️ For any questions or feedback, contact me at [email protected] or visit kgniewek.com/project/1
🔒 This extension does not collect any data. Your settings are stored locally. Details: kgniewek.com/project/1
🔲 Image by Freepik

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "ChatGPT Conversation Tree Graph Visualizer - Dynamic & Interactive History", "version": "1.0.2", "description": "Visualizes a dynamic tree graph of messages in ChatGPT conversations, with real-time updates and advanced customization options.", "permissions": [ "storage" ], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["*://chatgpt.com/*"], "js": ["content.js", "libs/d3.v7.min.js"], "css": ["content.css"] } ], "action": { "default_popup": "popup.html", "default_icon": { "48": "icon48.png", "128": "icon128.png" } }, "icons": { "48": "icon48.png", "128": "icon128.png" }, "web_accessible_resources": [ { "resources": [ "chatgpt.png", "user.png", "update.svg", "fonts/Inter-Regular.woff", "fonts/Inter-Regular.woff2" ], "matches": [""] } ]}

Download CRX(382KiB)