# Privacy Gateway Frontend

React-basierte Chat-Oberfläche für das Privacy Gateway.

## Features

- ✨ Multi-Window Chat-Sessions (wie OpenWebUI)
- 🎨 Dark Mode Support
- 📝 Markdown-Rendering mit Syntax-Highlighting
- 👁️ Markdown-Live-Preview beim Schreiben
- 📱 Responsive Design
- 🔄 Streaming-Response Support

## Tech Stack

- React 18 + TypeScript
- Vite
- Tailwind CSS
- React Markdown + Syntax Highlighter
- Lucide Icons

## Setup

```bash
# Dependencies installieren
npm install

# Development Server starten
npm run dev

# Production Build
npm run build
```

## API-Endpunkte

Die Frontend-Anwendung kommuniziert mit dem Backend über:

- `GET /api/sessions` - Alle Sessions laden
- `POST /api/sessions` - Neue Session erstellen
- `GET /api/sessions/:id` - Einzelne Session laden
- `POST /api/sessions/:id/chat` - Nachricht senden (Stream)
- `DELETE /api/sessions/:id` - Session löschen

## Docker

```bash
# Image bauen
docker build -t privacy-gateway-frontend .

# Container starten
docker run -p 80:80 privacy-gateway-frontend
```