Asia/Jakarta
ProjectsJuly 7, 2026

TriVisionX

image
TriVisionX is a production-ready, enterprise-grade AI SaaS research platform designed to automate document ingestion, semantic discovery, and reasoning. It enables users to upload document corpora, query them with citation audits, schedule calendar events, manage task backlogs, write notes, and converse with a multi-agent backend. The system runs a FastAPI backend connected to MongoDB and Pinecone, orchestrating complex multi-agent execution graphs using LangGraph. The Next.js 15 frontend delivers rich styling, custom animations (Framer Motion & Magic UI), dynamic theme switching, and responsive navigation sidebars.
  • Cyclic Agentic Graphs: Intelligently routes, plans, analyzes, and drafts reports.
  • Agent Subgraph Architecture:
    • Research Graph: Ingests document context to build comprehensive cited overviews.
    • Competitive Graph: Generates comparison matrices and competitive reports.
    • Coding Graph: Evaluates, generates, and self-corrects algorithms.
    • Data Analysis Graph: Parses tabular databases and extracts statistical summaries.
    • Summary Graph & Technical Graph: Provides quick-read summaries and deep-dive technical evaluations.
  • Citation Auditing: Back-references every LLM claim to source documents and page numbers.
  • Multi-Format Parsing: Built-in support for PDF, DOCX, and TXT files.
  • MMR Search: Queries Pinecone vector stores using Maximum Marginal Relevance (MMR) to maximize retrieval diversity.
  • Google GenAI Embeddings: Computes highly accurate semantic vector embeddings.
  • Integrated Inbox: Seamlessly check messages and write emails from the dashboard.
  • AI Draft Co-Pilot: Auto-generate replies and compose email templates based on custom context and tone preferences.
  • Autopilot Syncing: Plan, drag-and-drop, and create events on an interactive calendar grid.
  • System Logs Integration: Synchronize event reminders with task actions.
  • Task Kanban Board: Keep track of todo backlogs, in-progress tasks, and completed logs.
  • Rich-Text Notes: Write, store, and edit research notes directly alongside chat pipelines.
  • Secure Sessions: JSON Web Token (JWT) stateful authorization with refresh limits.
  • Social OAuth2: Fast login integrations for both Google and GitHub providers.
Here is a visual walk-through of the TriVisionX application client interface: The primary entry point to prompt the AI Copilot. Shows predefined query suggestions and models.
Chat Home Landing Page
Configure OpenAI models, max tokens, custom system prompts, and monitor latency/performance statistics.
Brain Config OpenAI Settings
Orchestrate team operations, track progress, and trigger AI agent task generation pipelines.
Task Automation Dashboard
Schedule events, view appointment listings, and coordinate calendar schedules.
Scheduler & Logs Calendar
Social share banner showing Autonomous Agentic AI Platform Orchestrated by LangGraph.
TriVisionX Landing Banner
| Category | Technology | | :--- | :--- | | Frontend | Next.js 15 (App Router), React 19, Bun, Tailwind CSS, Framer Motion, Magic UI, Lucide Icons, Radix UI | | Backend | Python 3.11, FastAPI 0.115, Uvicorn, LangGraph (Multi-Agent System), Pydantic Settings, slowapi (Rate Limiter) | | Databases | MongoDB Atlas (via Motor async client), Pinecone (Vector database for embeddings) | | Caching | Redis (TTL caching) | | Authentication | JWT (PyJWT), Google OAuth2, GitHub OAuth2 | | Infrastructure | Docker Multi-Stage (deps, builder, runner stages) | | Testing | Vitest & Testing Library (Frontend), Pytest & HTTPX (Backend) |
trivisionx-ai/
ā”œā”€ā”€ backend/                  # FastAPI Web Server & AI Agents
│   ā”œā”€ā”€ src/
│   │   ā”œā”€ā”€ agents/           # LangGraph workflows, nodes, and custom prompts
│   │   │   └── langgraph/    # Graph schemas, state mappings, and nodes
│   │   ā”œā”€ā”€ api/              # API endpoints, controllers, and routing
│   │   ā”œā”€ā”€ core/             # Centralized settings, security, and LLM factory
│   │   ā”œā”€ā”€ database/         # MongoDB connections and repository patterns
│   │   ā”œā”€ā”€ middleware/       # Compression, request logs, and shutdown controls
│   │   ā”œā”€ā”€ models/           # ODM / Pydantic schemas for data entities
│   │   ā”œā”€ā”€ rag/              # Ingestion, Pinecone vector stores, and embeddings
│   │   └── services/         # Business logic for chat, emails, and notes
│   ā”œā”€ā”€ tests/                # Pytest test suite
│   ā”œā”€ā”€ Dockerfile            # Multi-stage Python build file
│   └── index.py              # Main application execution entrypoint
│
ā”œā”€ā”€ frontend/                 # Next.js 15 Client Web App
│   ā”œā”€ā”€ app/                  # Pages, routes, and global CSS
│   ā”œā”€ā”€ components/           # UI elements (Sidebar, Email, Brain, Calendar, Tasks)
│   ā”œā”€ā”€ hooks/                # Custom React state hooks
│   ā”œā”€ā”€ lib/                  # Shared API client helpers and fonts
│   ā”œā”€ā”€ public/               # Static assets (icons, SVGs, screenshots)
│   ā”œā”€ā”€ __tests__/            # Vitest unit test suite
│   ā”œā”€ā”€ Dockerfile            # Bun-to-Node standalone execution docker build
│   └── package.json          # Dependency configurations
TriVisionX utilizes a decoupled client-server architecture. The frontend initiates requests over HTTPS or Server-Sent Events (SSE). The FastAPI gateway processes authentication tokens, validates rate limits, and routes logic to either the document store (MongoDB) or compiles a LangGraph pipeline to generate research answers.
  • Planner Agent: Parses user prompts to decide whether to query documents, generate code, or execute competitive research.
  • Retriever Agent: Performs semantic MMR vector searches on Pinecone using Google GenAI embeddings.
  • Citation Agent: Audits retrieved chunks, checks relevance, and records document/page reference markers.
  • Summarizer Agent: Consolidates context into markdown fragments.
  • Reporter Agent: Compiles code blocks, formats tables, and streams responses to the client via Server-Sent Events (SSE).
The FastAPI gateway exposes a Swagger OpenAPI specification at /docs. Below are the primary routes:
  • POST /api/auth/register — Create a new email/password account.
  • POST /api/auth/login — Sign in and obtain a JWT Access Token.
  • GET /api/auth/google — Initiates Google OAuth2 login flow.
  • GET /api/auth/github — Initiates GitHub OAuth2 login flow.
  • POST /api/chat/ — Stream real-time research outputs over Server-Sent Events (SSE).
  • GET /api/models — Retrieve available model configurations from provider endpoints.
  • GET /api/brain/keys — Retrieve saved provider credentials and API keys.
  • POST /api/brain/keys — Store custom client provider credentials securely.
  • POST /api/documents/upload — Parse and ingest document files (PDF/DOCX/TXT).
  • GET /api/documents — List uploaded documents and parsing states.
  • DELETE /api/documents/{id} — Delete a document and its corresponding Pinecone vectors.
  • GET /api/tasks | POST /api/tasks — Manage task backlogs.
  • GET /api/events | POST /api/events — Manage calendar events.
  • GET /api/notes | POST /api/notes — Read and write rich-text research notes.
  • GET /api/emails | POST /api/emails — List mailbox inbox records.
  • POST /api/emails/draft — Autopilot draft compiler for email responses.
  • Bun (Frontend dependencies)
  • Python 3.11+ (Backend runtime environment)
  • Google AI Studio API Key (For default Gemini model embeddings/synthesis)
  • MongoDB Atlas & Pinecone Accounts
Bash
git clone https://github.com/sopanmunde/trivisionx-ai
cd trivisionx-ai
Configure local environment files in both folders: backend/.env
Env
GOOGLE_API_KEY=your_gemini_key_here
GEMINI_MODEL=gemini-2.5-flash
MONGODB_URL=mongodb+srv://user:pass@cluster.mongodb.net/
DATABASE_NAME=trivisionx_db
PINECONE_API_KEY=your_pinecone_key_here
PINECONE_INDEX_NAME=trivisionx
SECRET_KEY=your-custom-jwt-secret-key
FRONTEND_URL=http://localhost:3000
frontend/.env
Env
NEXT_PUBLIC_API_BASE_URL=http://localhost:8000/api
Bash
cd backend
python -m venv .venv
# On Linux/macOS
source .venv/bin/activate
# On Windows
.venv\Scripts\activate

pip install -r requirements.txt
python index.py
The FastAPI documentation will load at http://localhost:8000/docs.
Bash
cd ../frontend
bun install
bun dev
The client dashboard will load at http://localhost:3000.
Both projects contain Production-ready Dockerfile configurations:
  • Backend Build: Uses Python 3.11-slim, compiles dependencies in a separate build stage, and runs under a non-root system user.
  • Frontend Build: Uses Bun to install and compile files, generating a Next.js standalone server directory run via lightweight Node.js.
  • Frontend (Vercel): Point Vercel to frontend/ as the root directory. Ensure NEXT_PUBLIC_API_BASE_URL is set to the live FastAPI URL.
  • Backend (Render): Set up a new Web Service using the backend folder. Environment configurations in Render will connect to the Atlas MongoDB and Pinecone instances.
We welcome pull requests! To get started:
  • Fork the repository and create a branch.
  • Review local setups in .github/CONTRIBUTING.md.
  • Check coding standards and execute test suites:
    • Frontend tests: bun test
    • Backend tests: pytest

Related projects

ProjectHub (Academic Student Projects Management System) screenshot 1ProjectHub (Academic Student Projects Management System) screenshot 2ProjectHub (Academic Student Projects Management System) screenshot 3ProjectHub (Academic Student Projects Management System) screenshot 4ProjectHub (Academic Student Projects Management System) screenshot 5ProjectHub (Academic Student Projects Management System) screenshot 6
1 / 6

ProjectHub (Academic Student Projects Management System)

Aug 1, 2025
Explore the enduring debate between using spaces and tabs for code indentation, and why this choice matters more than you might think.
Web ApplicationNext.jsReactRole-Based AuthVercel
Plagiarism Detection screenshot 1

Plagiarism Detection

Apr 8, 2024
Development of a flexible and highly customizable design system using Next.js for front-end and Figma for design collaboration.
Machine LearningNLPPythonScikit-Learn