🧠 Emma OS – Knowledge Dashboard
„Interaktives OKF-Dashboard als Antigravity Sidecar – ToDos, Projekte, Checklisten, Knowledge Graph, File Viewer & Editor
antigravity
dashboard
emma-os
nodejs
okf
sidecar
Aktualisiert: 04.07.2026, 00:50
lortner
2 Revisionen
## Übersicht
– **Art**: Eigenes Tool / Antigravity Sidecar
– **Tech**: Node.js, Express, D3.js, CodeMirror 5, Phosphor Icons, Marked.js
– **URL**: http://localhost:3847
– **Status**: Aktiv ✅
## Source Code
– **Pfad**: `~/.gemini/config/sidecars/emma-os/`
– **Sidecar Config**: `sidecar.json`
– **Kein eigenes Git Repo** – lebt im globalen Antigravity-Config
### Datei-Struktur
| Datei | Beschreibung
|——-|————-
| `server.js` | Express API – `/api/files`, `/api/todos`, `/api/projects`, `/api/graph`, `/api/birthdays`
| `parser.js` | OKF Parser – YAML Frontmatter, ToDo-Extraktion, Geburtstags-Parsing
| `sidecar.json` | Antigravity Sidecar-Konfiguration (Port, Knowledge-Pfad)
| `package.json` | Dependencies: express, gray-matter, glob
| `public/index.html` | SPA Shell mit CDN-Libs (D3, CodeMirror, Marked, Phosphor Icons)
| `public/app.js` | Frontend-Logik – Navigation, Views, Type-Templates, Copy-Ref
| `public/styles.css` | Design-System (Warm Neutral + Slate Blue, Inter Font)
## Features
– 🏠 **Dashboard** – ToDos pro Datei, Geburtstage, Projekte mit Status-Badges
– ✅ **Checklisten** – Alle `type: checklist` Dateien als interaktive Listen
– 📂 **Projekte** – Alle `type: project` Dateien als Cards mit Status
– 🧠 **Knowledge Graph** – D3.js Force-Layout aller OKF-Dateien & Verlinkungen
– 📁 **Datei-Browser** – Alle Files mit Suche und Tags
– 👁️ **Type-Views** – OKF-Typ-basierte Darstellung (project, customer, person, tool, etc.)
– ✏️ **Editor** – CodeMirror mit YAML-Frontmatter-Highlighting
– 📋 **Copy Reference** – Jedes Item kann als Text-Referenz kopiert werden
## API Endpoints
| Endpoint | Beschreibung
|———-|————-
| `GET /api/files` | Alle OKF-Dateien (Frontmatter + ToDos)
| `GET /api/files/:path` | Einzelne Datei (inkl. Body)
| `PUT /api/files/:path` | Datei speichern
| `GET /api/todos` | Alle ToDos aus allen Dateien
| `GET /api/projects` | Alle Projekte mit Status & Art
| `GET /api/birthdays` | Geburtstage aus Kontakten & Familie
| `GET /api/graph` | Knowledge Graph (Nodes + Links)
## Design
– **Palette**: Warm Neutral (#f5f5f0) + Slate Blue (#5b6abf)
– **Sidebar**: Dunkel (#1a1a2e) mit Phosphor Icons
– **Typografie**: Inter (UI), JetBrains Mono (Code)
– **Icons**: Phosphor Icons (Regular + Bold)
## Nächste Schritte
– [ ] OKF Type-Views weiter ausbauen (index, health-profile, checklist)
– [ ] Checklisten-Items direkt im Dashboard abhaken (API Write)
– [ ] Mobile-Responsive Layout
– [ ] Rezepte-View für `type: recipe`?
## Google Drive Integration
– **GDrive Pfad**: `/Users/lortner/Library/CloudStorage/GoogleDrive-leonhard.ortner@gmail.com/My Drive/EMMA-AI/knowledge/`
– **Online Version**: Siehe [Emma OS Online](./emma-os-online.md)