Skip to content

talperetz/browsegraph

Repository files navigation

Version Status Chrome Version

Introducing the first in-browser GraphRAG.
Everything you browse, fully connected and always accessible.

BrowseGraph


⚡ Getting Started

Soon on Chrome Web Store

BrowseGraph will be available on the Chrome Web Store soon with 1-click installation. Stay tuned!

Install Manually

Clone the Repository

git clone https://github.com/talperetz/browsegraph.git

Navigate to the Directory

cd browsegraph

Add a .env file to set your Key

VITE_GOOGLE_GENERATIVE_AI_API_KEY="***" 

Install Dependencies

pnpm install

Build the Extension

pnpm build

Navigate to the Directory

cd browsegraph

Load the Extension

Follow the official turorial


🔥 Key Features

  • Local-First Processing: All AI computations are performed locally within your browser using in-browser LLMs.
  • Dynamic Knowledge Graphing: Automatically capture and organize everything you browse into a visual knowledge network.
  • Smart Content Filtering: Filters out irrelevant pages based on your interests.
  • Efficient Summarization: Summarizes and indexes page content for quick access.
  • Blazingly Fast Retrieval: Retrieve any piece of your browsed content instantly with powerful search and intuitive navigation.
  • Side-by-side Knowledge Graph: Visualize the knowledge in the current page:

CleanShot 2024-11-28 at 11 42 53


🧩 How It Works

sequenceDiagram
    %% Participants
    participant Extension as Chrome Extension
    participant Personalizer as User Content Personalizer<br/>(Local LLM)
    participant Classifier as Page Classifier<br/>(Local LLM)
    participant Summarizer as Page Summarizer<br/>(Local LLM)
    participant CloudLLM as Page-Graph-Transformer<br/>(Cloud LLM)
    participant Database as Local Database

    %% User action without a participant node
    Note over Extension: User browses a web page

    %% Sequence of interactions
    Extension ->> Personalizer: Generate User Interests
    Personalizer -->> Extension: User Interests
    Extension ->> Classifier: Classify Page vs. User Interests
    Classifier -->> Extension: Relevance Result (Relevant)

    Extension ->> Summarizer: Chunk and Summarize Content
    Summarizer -->> Extension: Summarized Data
    Extension ->> Database: Index Summarized Data
    Extension ->> CloudLLM: Send Minimal Data
    CloudLLM -->> Extension: Return Graph Data
    Extension ->> Database: Store Graph Data
Loading

🛠 Built With

BrowseGraph harnesses cutting-edge technologies to deliver a fast, precise, and private experience:

  • Local Vector Database: pglite + pgvector for in-browser storage and blazing-fast vector search.

  • Local LLMs: Gemini Nano + Chrome's built-in AI for private content classification, summarization, and personalization.

  • Graph Rendering: ReactFlow powers dynamic, interactive knowledge graphs.

  • Search Interface: cmdk provides a lightning-fast, intuitive search bar.


🔒 Privacy & Security

  • Data Locality: All raw data processing occurs within your browser using local LLMs and local vector DB.
  • Minimal Cloud Interaction: Only non-sensitive, aggregated data is sent to the cloud for graph transformations.
  • No Data Sharing: Your browsing data is never shared with third parties.

⏩ Roadmap

  • Conversational Interface: Build an interactive conversational layer to simplify user interactions.
  • Artifacts UX: Enable a side-by-side view of chat and graph for seamless exploration.
  • Bring Your Own Key (BYOK): Support user-provided keys for LLM providers to offer flexibility and control.
  • Chrome Web Store Launch: Officially release BrowseGraph on the Chrome Web Store.

🤗 Contributions

BrowseGraph is open-source and we welcome contributions. Please fork the repository, create a new branch for your feature, add your feature or improvement, and send a pull request.