Version: v0.2.0-alpha
English | Deutsch | 中文 | 繁體中文 | Español | 日本語 | 한국어 | Čeština | Русский
Die Web-UI bietet eine umfassende Oberfläche zur Verwaltung von Silicon Beings, Überwachung des Systemstatus und Interaktion mit KI-Agenten. Das System verwendet eine reine Server-Side-Rendering-Architektur ohne Frontend-Framework-Abhängigkeiten, generiert HTML, CSS und JavaScript durch die Builder H, CssBuilder und JsBuilder.
Standard-URL: http://localhost:8080
- Dashboard - Systemübersicht und Kennzahlen
- Beings - Silicon Beings verwalten
- Chat - Mit Beings interagieren (Datei-Upload, Echtzeit-SSE unterstützt)
- Chat-Historie - Chat-Historie der Silicon Beings einsehen (Sitzungsliste, Nachrichtendetails)
- Aufgaben - Aufgabenverwaltung (persönliche Aufgaben)
- Timer - Timer-Konfiguration (erstellen, anhalten, Ausführungshistorie)
- Konfiguration - Systemeinstellungen (KI-Clients, Lokalisierung)
- Berechtigungen - Zugriffssteuerung (ACL-Verwaltung, Berechtigungsabfrage)
- Protokolle - Systemprotokolle (Filterung nach Stufe, Zeitbereichsabfrage)
- Audit - Token-Nutzung und Audit-Trail
- Speicher - Being-Speicher (Zeitleistenansicht, erweiterte Filterung)
- Wissen - Wissensdatenbank (Tripel-Verwaltung, Pfadfindung)
- Code-Browser - Code-Exploration (Dateibaum, Syntaxhervorhebung)
- Code-Editor - Code-Bearbeitung mit Hover-Tooltips (Monaco Editor)
- Projekte - Projektverwaltung (Arbeitsbereiche, Aufgaben, Arbeitsnotizen)
- Executoren - Executor-Verwaltung (Disk, Netzwerk, Kommandozeile)
- Hilfe - Hilfedokumentationssystem (Mehrsprachigkeitsunterstützung, Themensuche)
- Über - Systeminformationen und Version
- Systemleistungskennzahlen (CPU, Speicher, Laufzeit)
- Being-Statusübersicht
- KI-Nutzungsstatistiken
- Schnellaktionen
Echtzeitdaten über SSE (Server-Sent Events) abrufen:
const dashboard = new EventSource('/api/dashboard/events');
dashboard.onmessage = (event) => {
const data = JSON.parse(event.data);
updateMetrics(data);
};Zeigt alle Beings mit:
- Name und ID
- Aktuellem Status (Läuft/Gestoppt/Fehler)
- Soul-Datei-Link
- Schnellaktionen (Starten/Stoppen/Konfigurieren)
- Vollständige Konfiguration
- Soul-Datei-Editor
- Aufgabenhistorie
- Speicher-Betrachter
- Leistungskennzahlen
- Auf Neues Being erstellen klicken
- Ausfüllen:
- Name
- Soul-Inhalt (Markdown-Editor)
- Anfangskonfiguration
- Auf Erstellen klicken
- Echtzeit-Nachrichtenstrom
- Nachrichtenverlauf
- Mehrere Sitzungen unterstützt
- Werkzeugaufruf-Visualisierung
- Being auswählen
- Nachricht eingeben
- Streaming-Antwort anzeigen
- Werkzeugausführung in Echtzeit verfolgen
Wenn die KI ein Werkzeug aufruft:
🔧 Werkzeug: calendar
📥 Eingabe: {"date": "2026-04-20"}
📤 Ausgabe: "Dritter Tag des vierten Mondmonats"
KI-Backends konfigurieren:
- Ollama (lokal)
- Bailian (Cloud)
- Volcano Engine Ark (Cloud)
- Herdsman (lokal/Cloud, keine Authentifizierung)
- Meituan LongCat (Cloud)
- Qiniu Cloud AI (Cloud)
- Benutzerdefinierter Client
- Default-Version: Basispfad, Zeitindex, Bereinigungsrichtlinie
- Fast-Version: SpeedyPack-Speicher-Engine-Konfiguration, .spk-Dateiverwaltung, automatische Komprimierungseinstellungen
Umschalten zwischen 34 Sprachvarianten:
- Chinesisch (6 Varianten): Vereinfachtes Chinesisch, Traditionelles Chinesisch, Singapur-Chinesisch, Macau-Chinesisch, Taiwan-Chinesisch, Malaysia-Chinesisch
- Englisch (10 Varianten): Amerikanisch, Britisch, Kanadisch, Australisch, Indisch, Singapur, Südafrika, Irisch, Neuseeland, Malaysia
- Spanisch (2 Varianten): Spanien, Mexiko
- Deutsch (5 Varianten): Deutschland, Österreich, Schweiz, Luxemburg, Liechtenstein
- Französisch (3 Varianten): Frankreich, Kanada, Schweiz
- Japanisch, Koreanisch, Tschechisch
- Russisch, Portugiesisch (2 Varianten), Italienisch, Niederländisch, Polnisch, Schwedisch
- Admin - Professionelle Verwaltungsoberfläche
- Chat - Chat-zentriertes Design
- Creative - Kreativer und künstlerischer Stil
- Dev - Entwicklerorientiertes Layout
- HighContrast - Hochkontrast-Theme (Fast-Version)
- Minimal - Minimalistischer Stil (Fast-Version)
- Light - Helles Theme (Fast-Version)
- Auf Einstellungen (Zahnrad-Symbol) klicken
- Skin auswählen
- Gewünschten Skin wählen
- Oberfläche aktualisiert sich sofort
Benutzerdefinierte Skins durch Implementierung von ISkin erstellen:
public class MySkin : ISkin
{
public string Name => "MySkin";
public string GetCss()
{
return ":root { --primary: #color; }";
}
}- Alle Berechtigungsregeln auflisten
- Nach Benutzer oder Ressource filtern
- Ablaufdaten einsehen
- Auf Regel hinzufügen klicken
- Konfigurieren:
- Berechtigungstyp (z. B.
FileAccess,NetworkAccess) - Ressourcenpräfix (z. B.
C:\Projects,api.github.com) - Erlauben/Verweigern
- Beschreibung
- Berechtigungstyp (z. B.
- Speichern
Alle Berechtigungsentscheidungen einsehen:
- Zeitstempel
- Benutzer
- Ressource
- Entscheidung
- Begründung
Werkzeug-Operationsberechtigungen für Silicon Beings und Projekte verwalten:
-
Silicon Being Werkzeugberechtigungen:
- Zu Beings navigieren → Being auswählen → Werkzeugberechtigungen
- Aktuelle Berechtigungskonfiguration einsehen
- Pro Operation Erlauben/Verweigern festlegen
- Berechtigungsvorlagen anwenden (readonly/restricted/full)
-
Projekt-Werkzeugberechtigungen:
- Zu Projekte navigieren → Projekt auswählen → Werkzeugberechtigungen
- Projektweite Werkzeugberechtigungen sind unabhängig von Being-Ebene
- Berechtigungsisolierung zwischen Projekten umsetzen
- Alle Aufgaben mit Status
- Nach Being oder Status filtern
- Prioritätsindikatoren
- Beschreibung
- Priorität
- Fälligkeitsdatum
- Ausführungshistorie
- Ergebnisausgabe
- Auf Aufgabe erstellen klicken
- Ausfüllen:
- Being-Zuweisung
- Beschreibung
- Priorität (1-10)
- Fälligkeitsdatum
- Erstellen
- Liste laufender Timer
- Nächste Ausführungszeit
- Wiederholungsstatus
- Auf Timer erstellen klicken
- Konfigurieren:
- Being-Zuweisung
- Intervall oder Cron-Ausdruck
- Auszuführende Aktion
- Wiederholungseinstellungen
- Starten
- Nach Stufe filtern (Info/Warnung/Fehler)
- Nach Schlüsselwort suchen
- Zeitbereichsauswahl
- Echtzeit-Updates
Jeder Protokolleintrag zeigt:
- Zeitstempel
- Stufe
- Quelle
- Nachricht
- Stack-Trace (bei Fehlern)
- Verwendete Gesamt-Token
- Aufschlüsselung nach Modell
- Kostenberechnung
- Zeitbasierte Diagramme
Audit-Daten herunterladen:
- CSV-Format
- Datumsbereichsauswahl
- Nach Being oder Modell filtern
- Syntaxhervorhebung (Monaco Editor)
- Code-Vervollständigung
- Hover-Tooltips für Bezeichner
- Echtzeit-Kompilierung
Maus über einen beliebigen Bezeichner bewegen, um zu sehen:
- Typinformationen
- Dokumentation
- Definitionsposition
- Verweise
- Chat-Historie der Silicon Beings durchsuchen
- Sitzungsliste anzeigen
- Nachrichtendetails einsehen
- Zeitleistenansicht
- Zur Beings-Seite navigieren
- Auf den Chat-Historie-Link des Silicon Beings klicken
- Sitzungsliste einsehen:
- Sitzungstitel
- Erstellungszeit
- Nachrichtenanzahl
- Auf Sitzung klicken, um Details zu sehen:
- Vollständige Nachrichtenhistorie
- Zeitstempel
- Absenderinformationen
- Werkzeugaufruf-Datensätze
- Controller:
ChatHistoryController - View-Modell:
ChatHistoryViewModel - Views:
ChatHistoryListView- SitzungslisteChatHistoryDetailView- Nachrichtendetails
- API-Routen:
/api/chat-history/{beingId}/conversations- Sitzungsliste abrufen/api/chat-history/{beingId}/conversation/{conversationId}- Nachrichtendetails abrufen
- Dateiquellen-Dialog
- Multi-Datei-Upload unterstützt
- Dateimetadaten-Verwaltung
- Upload-Fortschrittsanzeige
- In der Chat-Oberfläche auf Datei hochladen klicken
- Dateiquellen-Dialog öffnet sich
- Dateiquelle auswählen:
- Lokale Datei
- Dateisystempfad
- Datei(en) auswählen (Mehrfachauswahl unterstützt)
- Upload bestätigen
- Dateiinformationen werden an die Nachricht angehängt
- Textdateien (.txt, .md, .json, .xml, usw.)
- Codedateien (.cs, .js, .py, .java, usw.)
- Konfigurationsdateien (.yml, .yaml, .ini, .conf, usw.)
- Dokumentdateien (.csv, .log, usw.)
- Ladezustandsanzeige auf der Chat-Seite
- Automatische Curator-Sitzungsauswahl
- Datenlade-Fortschrittsrückmeldung
- Ladeanimation beim Laden der Seite anzeigen
- Automatisch ausblenden, wenn Daten geladen sind
- Curator-Sitzung automatisch auswählen (falls vorhanden)
- Mehrsprachige Ladetipp-Texte
Das Hilfedokumentationssystem bietet mehrsprachige Hilfedokumentation für Silicon Beings und Benutzer.
- Zur Hilfe-Seite navigieren
- Hilfethemen-Liste einsehen:
- Schnellstart-Leitfaden
- Werkzeug-Referenz
- Berechtigungsverwaltungs-Leitfaden
- Fehlerbehebungs-Handbuch
- Entwicklungsleitfaden
- Auf Thema klicken, um detaillierten Inhalt zu sehen:
- Strukturierte Dokumentation (Markdown-gerendert)
- Mehrsprachige Unterstützung (folgt System-Lokalisierungseinstellungen)
- Verwandte Themen-Empfehlungen
- Suchfunktion zur schnellen Lokalisierung verwenden:
- Schlüsselwortsuche (Chinesisch und Englisch unterstützt)
- Suchergebnisse nach Relevanz sortiert
Silicon Beings können über das help-Werkzeug auf die Hilfedokumentation zugreifen:
{
"action": "get_topics"
}- Controller:
HelpController - Werkzeug:
HelpTool - API-Routen:
/api/help- Hilfethemen-Liste abrufen/api/help/{topicId}- Themendetails abrufen/api/help/search?q=keyword- Hilfedokumentation durchsuchen
Der Projektarbeitsbereich bietet eine strukturierte Arbeitsumgebung mit Unterstützung für Projektverwaltung, Aufgabenverfolgung und Arbeitsnotizen.
- Projekt erstellen:
- Projektname und Beschreibung
- Projekt-Tags (Kategorisierung)
- Projektstatus (In Bearbeitung, Abgeschlossen, Archiviert)
- Projektdetails einsehen:
- Projekt-Basisinformationen
- Zugehörige Aufgabenliste
- Arbeitsnotizen-Liste
- Projektfortschrittsstatistiken
- Projekt archivieren: Historische Daten behalten, aber nicht mehr aktiv
- Projektrollenverwaltung:
- Silicon Beings Projektrollen zuweisen (z. B. developer, reviewer, manager)
- Rollenzuweisungen entfernen
- Projektmitglieder und Rollenliste einsehen
- Projekt-Workflows:
- Workflow-Vorlagenliste einsehen
- Workflow-Vorlage an Projekt binden
- Workflow-Instanzstatus einsehen
- Workflow-Ausführungsprotokolle einsehen
Persönliche Arbeitsnotizen der Silicon Beings, ähnlich einem Tagebuch:
- Notiz erstellen:
- Zusammenfassung (Kurzbeschreibung)
- Inhalt (Markdown-Format unterstützt)
- Schlüsselwörter (für die Suche)
- Automatische Zeitstempel-Erfassung
- Notizen verwalten:
- Zeitleistenbasiertes Durchblättern (seitenbasiertes Design)
- Notizen durchsuchen (nach Schlüsselwort, Zusammenfassung, Inhalt)
- Verzeichnis generieren (schnelle Übersicht der Notizstruktur)
- Notizen aktualisieren und löschen
- Berechtigungssteuerung:
- Standardmäßig privat, nur das Being selbst hat Zugriff
- Silicon Curator kann alle Notizen verwalten
- Controller:
WorkNoteController - Werkzeuge:
WorkNoteTool,ProjectTool,ProjectWorkNoteTool - API-Routen:
/api/worknotes- Arbeitsnotizen-Liste abrufen/api/worknotes/{id}- Notizdetails abrufen/api/worknotes/search?q=keyword- Notizen durchsuchen/api/worknotes/directory- Notizverzeichnis generieren/api/projects- Projektverwaltungs-API
Die Web-UI passt sich verschiedenen Bildschirmgrößen an:
- Desktop: Vollständiges Layout
- Tablet: Verkleinerte Seitenleiste
- Mobil: Einklappbares Menü
| Kürzel | Aktion |
|---|---|
Ctrl+K |
Schnellsuche |
Ctrl+B |
Seitenleiste umschalten |
Ctrl+Enter |
Nachricht senden |
Esc |
Abbrechen/Schließen |
Prüfen:
- Server läuft
- Port 8080 wird nicht blockiert
- Firewall-Einstellungen
Prüfen:
- Browser unterstützt SSE
- Kein Proxy puffert SSE
- Netzwerkstabilität
Optimieren:
- Protokollierungsdetaillierungsgrad verringern
- Alte Audit-Daten bereinigen
- Systemressourcen prüfen
- 📚 Architektur-Leitfaden lesen
- 🛠️ Entwicklungsleitfaden ansehen
- 📖 API-Referenz erkunden
- 🚀 Schnellstart-Leitfaden ansehen