An open API service indexing awesome lists of open source software.

https://github.com/levysoft/llm-chat-explorer

A privacy-focused web app for locally processing and analyzing ChatGPT and Claude chat exports.
https://github.com/levysoft/llm-chat-explorer

backup chatgpt claude export html javascript js json llm openai privacy

Last synced: about 1 month ago
JSON representation

A privacy-focused web app for locally processing and analyzing ChatGPT and Claude chat exports.

Awesome Lists containing this project

README

          

# LLM Chat Explorer

![GitHub release (latest by date)](https://img.shields.io/github/v/release/levysoft/llm-chat-explorer?label=latest) [![Github All Releases](https://img.shields.io/github/downloads/levysoft/llm-chat-explorer/total.svg)](https://github.com/levysoft/llm-chat-explorer/releases) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/levysoft/llm-chat-explorer/graphs/commit-activity) [![GitHub contributors](https://img.shields.io/github/contributors/levysoft/llm-chat-explorer.svg)](https://github.com/levysoft/llm-chat-explorer/graphs/contributors) [![made-with-html](https://img.shields.io/badge/Made%20with-HTML-orange.svg)](https://developer.mozilla.org/en-US/docs/Web/HTML) [![made-with-css](https://img.shields.io/badge/Made%20with-CSS-blue.svg)](https://developer.mozilla.org/en-US/docs/Web/CSS) [![made-with-javascript](https://img.shields.io/badge/Made%20with-JavaScript-yellow.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[ [English](README.md) | [Italiano](README.it.md) ]

Un'applicazione web incentrata sulla privacy progettata per elaborare e analizzare localmente le esportazioni delle chat di ChatGPT di OpenAI e Claude di Anthropic. Sebbene entrambi i modelli dispongano di funzioni interne per la ricerca, queste possono risultare lente e poco pratiche per chi gestisce molte conversazioni salvate. Utilizzando questa applicazione web, gli utenti possono accedere rapidamente e in modo ordinato al proprio archivio di interazioni con l'intelligenza artificiale, evitando così la difficoltà di consultare direttamente file JSON grezzi, come nel caso delle esportazioni da Claude.

L'applicazione, inoltre, garantisce che tutti i dati vengano elaborati esclusivamente in locale, direttamente nel browser dell'utente, proteggendo così le informazioni personali da eventuali invii verso server esterni. Gli utenti possono scaricare facilmente la pagina HTML e ispezionare personalmente il codice sorgente per verificarne il funzionamento e la sicurezza. Il progetto è stato sviluppato per essere completamente autonomo, basandosi esclusivamente su HTML, CSS e JavaScript, senza dipendenze esterne (ad eccezione dei font). Questa caratteristica consente agli utenti di avviare immediatamente l'applicazione localmente, senza necessità di ulteriori configurazioni.

Utilizzando il backup delle proprie chat con questa soluzione, gli utenti avranno un modo semplice, veloce ed efficiente per gestire, consultare e riprendere conversazioni passate. Inoltre, lavorare direttamente sui dati locali aiuta ad aggirare limitazioni comuni, come la perdita di vecchie chat o le difficoltà nell'esportazione di archivi completi dalle piattaforme ufficiali.

## Esportazione delle chat da ChatGPT e Claude

Per utilizzare questa applicazione, è necessario prima esportare le conversazioni da ChatGPT o da Claude. Le procedure ufficiali sono disponibili ai seguenti link:

- **ChatGPT**: [Come esportare la cronologia di ChatGPT](https://help.openai.com/en/articles/7260999-how-do-i-export-my-chatgpt-history-and-data)
- **Claude**: [Come esportare la cronologia di Claude](https://support.anthropic.com/en/articles/9450526-how-can-i-export-my-claude-ai-data)

## Contenuti

1. [Introduzione](#introduzione)
2. [Privacy e sicurezza](#privacy-e-sicurezza)
3. [Requisiti](#requisiti)
4. [Installazione](#installazione)
5. [Utilizzo](#utilizzo)
6. [Descrizione dell'applicazione](#descrizione-dellapplicazione)
7. [Struttura dei file](#struttura-dei-file)
8. [Screenshot](#screenshot)
9. [Feedback e contributi](#feedback-e-contributi)
10. [Changelog](#changelog)
11. [Autore](#autore)
12. [Licenza](#licenza)

## Introduzione

**LLM Chat Explorer** è un'applicazione web che consente di caricare ed analizzare file JSON contenenti le conversazioni esportate da ChatGPT e Claude. L'interfaccia intuitiva permette di cercare e visualizzare facilmente le chat, offrendo una soluzione leggera e veloce senza compromettere la privacy dei dati.

Uno dei principali vantaggi di questa applicazione è la possibilità di analizzare facilmente le proprie conversazioni con l'AI senza dover decifrare file JSON grezzi. Mentre ChatGPT fornisce, oltre al file JSON, anche un file HTML preformattato con tutte le chat già integrate, Claude, invece, offre esclusivamente un file JSON, rendendo la consultazione particolarmente difficile, soprattutto se il file è molto grande. **LLM Chat Explorer** risolve questo problema permettendo di visualizzare e navigare agevolmente tra le conversazioni in un'interfaccia intuitiva e accessibile.

## Privacy e sicurezza

L'applicazione è stata progettata con la massima attenzione alla privacy:
- **Elaborazione locale**: Tutti i dati vengono elaborati direttamente nel browser, senza invio a server esterni.
- **Nessun tracciamento**: I dati personali e la cronologia delle chat rimangono completamente sul dispositivo dell'utente.
- **Analisi del codice**: Se desideri approfondire o verificare il funzionamento, puoi scaricare la pagina HTML e analizzare il codice sorgente.
- **Standalone**: L'intera applicazione è realizzata in semplice HTML, CSS e JavaScript, senza dipendenze esterne (ad eccezione di Font Awesome), proprio per permettere di scaricare e utilizzare la pagina HTML localmente senza alcuna configurazione aggiuntiva.
- **Open Source**: Il progetto è rilasciato sotto licenza GPL v3, garantendo trasparenza e possibilità di verifica e miglioramento del codice da parte della community.

## Requisiti

- Browser web moderno (Chrome, Firefox, Edge, Safari)
- Connessione Internet necessaria solo per caricare il file esterno Font Awesome (opzionale, per l'utilizzo offline è necessario scaricare il file CSS corrispondente).

## Installazione

1. Clona la repository:
```sh
git clone https://github.com/levysoft/llm-chat-explorer.git
```
2. Apri il file `llm-chat-explorer.html` nel tuo browser preferito.
3. *(Opzionale)* Per un utilizzo completamente offline, è sufficiente scaricare il file CSS di Font Awesome per eliminare ogni dipendenza da asset esterni.

## Utilizzo

1. Avvia l'applicazione aprendo il file `llm-chat-explorer.html` nel browser.
2. Trascina il file JSON (ad esempio, `conversations.json`) nell'area di upload oppure clicca per selezionarlo.
3. Visualizza l'elenco delle chat e seleziona quella che vuoi analizzare.
4. Usa la barra di ricerca per filtrare le conversazioni per titolo o contenuto.
5. Personalizza l'interfaccia modificando lingua, modalità dark e posizione dello scroll attraverso le impostazioni.

## Descrizione dell'applicazione

L'applicazione è sviluppata con HTML, CSS e JavaScript e offre le seguenti funzionalità:
- **Caricamento locale del file JSON**: I dati vengono letti e processati tramite l'oggetto `FileReader` senza essere inviati online.
- **Gestione delle conversazioni**: Supporta i formati di esportazione di ChatGPT e Claude, normalizzando l'ordine delle chat e permettendo la ricerca avanzata sia nei titoli delle chat che nei contenuti.
- **Interfaccia dinamica e responsive**: Una sidebar per navigare tra le chat e un'area di visualizzazione per i messaggi, con supporto alla ricerca e alla personalizzazione.
- **Modalità multilingua e dark/light**: L'interfaccia supporta diverse lingue (Inglese, Italiano, Spagnolo, Francese, Tedesco, Polacco, Cinese, Coreano e Giapponese) e consente di attivare o disattivare la modalità dark dalle impostazioni.
- **Posizione Chat**: permette di impostare l’ordine dei messaggi all’interno della singola chat.Selezionando “Alla fine” il messaggio più recente apparirà in basso, come nelle comuni app di messaggistica; scegliendo invece “All’inizio”, i messaggi più recenti saranno visualizzati in alto.
- **Visualizzazione diretta delle chat**: Ogni singola chat presente nel backup può essere visualizzata direttamente nel proprio account ChatGPT o Claude cliccando sul link di condivisione associato.
- **Gestione Avanzata dei Blocchi di Codice**: I blocchi di codice ora hanno uno stile migliorato con un maggiore contrasto per una migliore leggibilità. È stato aggiunto un pulsante "Copia" che appare al passaggio del mouse per copiare facilmente il codice. Il pulsante viene intelligentemente nascosto per i messaggi speciali di Claude (artefatti) per evitare di copiare testo non pertinente.

## Struttura dei file
```
llm-chat-explorer/
├── llm-chat-explorer.html # Pagina principale dell'applicazione
├── assets/ # Cartella contenente immagini e screenshot
│ ├── screenshot1.jpg
│ ├── screenshot2.jpg
│ ├── screenshot3.jpg
│ └── screenshot4.jpg
├── README.md # Questo file
└── LICENSE # File di licenza (GPL v3)
```

## Screenshot

Ecco alcuni screenshot dell'applicazione:

- **Pagina di upload**:

![Pagina di upload](assets/screenshot1.jpg)
- **Elenco delle chat**:

![Elenco chat](assets/screenshot2.jpg)

- **Impostazioni**:

![Impostazioni](assets/screenshot3.jpg)

- **Ricerca avanzata**:

![Ricerca avanzata](assets/screenshot4.jpg)

## Feedback e contributi

Il tuo feedback è prezioso! Se riscontri problemi o hai suggerimenti, apri un [issue](https://github.com/levysoft/llm-chat-explorer/issues) o invia una pull request. Contributi e proposte di miglioramento sono sempre benvenuti.

## Changelog

Tutte le modifiche e gli aggiornamenti dell'applicazione sono documentati nel file [CHANGELOG.md](./CHANGELOG.md).

## Autore

Antonio Troise

## Licenza

Questo progetto è rilasciato sotto la licenza MIT. Vedi il file LICENSE per maggiori dettagli.