Skip to content

Frontend

Vivek Raman edited this page Feb 19, 2026 · 1 revision

LaTeX Chatbot Frontend

A modern, responsive desktop application for LaTeX editing, built with Tauri, React, and TypeScript.

Features

  • Split View Editor: Real-time preview of LaTeX code side-by-side with the compiled PDF.
  • AI Integration: Chat interface for requesting edits, explanations, and code generation.
  • Project Structure: Visual file explorer for managing LaTeX projects.
  • Settings: Configure LLM providers and editor preferences.

Architecture

This frontend is a React application served by Tauri. It communicates with the backend editor-cli sidecar process for heavy lifting (compilation, AI inference).

  • Tauri: Provides the native window, menu system, and sidecar management.
  • React: UI components and state management.
  • Sonner: Toast notifications for user feedback.
graph LR
    subgraph Frontend [Tauri App]
        UI[React UI] <--> TauriCore[Tauri Rust Core]
    end
    
    subgraph Backend [Sidecar Process]
        TauriCore --"HTTP/IPC"--> Py[Python API Server]
    end
    
    Py --> FS[(File System)]
    Py --> AI((AI Model))
Loading

Development

Prerequisites: Node.js 20+, Rust (stable).

Running Locally

# From project root
make gui

Or manually:

cd editor-gui
npm install
npm run tauri dev

The application will launch in a native window, wrapping the React dev server running on http://localhost:1420.

Clone this wiki locally