Wersja: v0.2.0-alpha
English | Deutsch | 中文 | 繁體中文 | Español | 日本語 | 한국어 | Čeština | Русский
Web UI zapewnia kompleksowy interfejs do zarządzania Istotami Krzemowymi, monitorowania stanu systemu i interakcji z agentami AI. System wykorzystuje architekturę czystego renderowania po stronie serwera, bez zależności od frameworków frontendowych, generując HTML, CSS i JavaScript przez konstruktory H, CssBuilder i JsBuilder.
Domyślny URL: http://localhost:8080
- Panel nawigacyjny — przegląd systemu i wskaźniki
- Istoty — zarządzanie Istotami Krzemowymi
- Czat — interakcja z istotami (obsługa przesyłania plików, SSE w czasie rzeczywistym)
- Historia czatu — przeglądanie historii czatu Istot Krzemowych (lista sesji, szczegóły wiadomości)
- Zadania — zarządzanie zadaniami (zadania osobiste)
- Czasomierze — konfiguracja czasomierzy (tworzenie, wstrzymywanie, historia wykonania)
- Konfiguracja — ustawienia systemu (klienci AI, lokalizacja)
- Uprawnienia — kontrola dostępu (zarządzanie ACL, zapytania o uprawnienia)
- Logi — logi systemowe (filtrowanie według poziomu, zapytania o zakres czasu)
- Audyt — użycie tokenów i ślad audytu
- Pamięć — pamięć istot (widok osi czasu, zaawansowane filtrowanie)
- Wiedza — baza wiedzy (zarządzanie trójkami, odkrywanie ścieżek)
- Przeglądarka kodu — eksploracja kodu (drzewo plików, podświetlanie składni)
- Edytor kodu — edycja kodu z podpowiedziami (Monaco Editor)
- Projekty — zarządzanie projektami (obszar roboczy, zadania, notatki pracy)
- Wykonawcy — zarządzanie wykonawcami (dyskowy, sieciowy, wiersza poleceń)
- Pomoc — system dokumentacji pomocy (obsługa wielojęzyczna, wyszukiwanie tematów)
- O projekcie — informacje o systemie i wersji
- Wskaźniki wydajności systemu (CPU, pamięć, czas działania)
- Przegląd statusu istot
- Statystyki użycia AI
- Szybkie akcje
Wykorzystanie SSE (zdarzeń wysyłanych przez serwer) do pobierania danych w czasie rzeczywistym:
const dashboard = new EventSource('/api/dashboard/events');
dashboard.onmessage = (event) => {
const data = JSON.parse(event.data);
updateMetrics(data);
};Wyświetla wszystkie istoty, zawierając:
- Nazwę i identyfikator
- Bieżący status (uruchomiona/zatrzymana/błąd)
- Link do Pliku Duszy
- Szybkie akcje (uruchom/zatrzymaj/konfiguruj)
- Pełna konfiguracja
- Edytor Pliku Duszy
- Historia zadań
- Przeglądarka pamięci
- Wskaźniki wydajności
- Kliknij Utwórz nową istotę
- Wypełnij:
- Nazwa
- Treść duszy (edytor Markdown)
- Konfiguracja początkowa
- Kliknij Utwórz
- Strumień wiadomości w czasie rzeczywistym
- Historia wiadomości
- Obsługa wielu sesji
- Wizualizacja wywołań narzędzi
- Wybierz istotę
- Wpisz wiadomość
- Obejrzyj strumieniową odpowiedź
- Obserwuj wykonywanie narzędzi w czasie rzeczywistym
Gdy AI wywołuje narzędzie:
🔧 Narzędzie: calendar
📥 Wejście: {"date": "2026-04-20"}
📤 Wyjście: "Czwarty miesiąc księżycowy, trzeci dzień"
Konfiguracja backendów AI:
- Ollama (lokalna)
- Bailian (chmurowa)
- Volcengine Ark (chmurowa)
- Herdsman (lokalna/chmurowa, bez autoryzacji)
- Meituan LongCat (chmurowa)
- Qiniu Cloud AI (chmurowa)
- Niestandardowi klienci
- Wersja Default: ścieżka bazowa, indeksowanie czasowe, zasady czyszczenia
- Wersja Fast: konfiguracja silnika przechowywania SpeedyPack, zarządzanie plikami .spk, ustawienia automatycznej kompakcji
Przełączanie między 34 wariantami językowymi:
- Chiński (6): uproszczony, tradycyjny, Singapur, Makau, Tajwan, Malezja
- Angielski (10): amerykański, brytyjski, kanadyjski, australijski, indyjski, singapurski, południowoafrykański, irlandzki, nowozelandzki, malezyjski
- Hiszpański (2): hiszpański, meksykański
- Niemiecki (5): niemiecki, austriacki, szwajcarski, luksemburski, liechtensteiński
- Francuski (3): francuski, kanadyjski, szwajcarski
- Japoński, koreański, czeski
- Rosyjski, portugalski (2), włoski, niderlandzki, polski, szwedzki
- Admin — profesjonalny interfejs zarządzania
- Chat — design zorientowany na konwersację
- Creative — styl kreatywny i artystyczny
- Dev — układ zorientowany na deweloperów
- HighContrast — motyw o wysokim kontraście (wersja Fast)
- Minimal — styl minimalistyczny (wersja Fast)
- Light — jasny motyw (wersja Fast)
- Kliknij Ustawienia (ikona zębatki)
- Wybierz Skórki
- Wybierz żądaną skórkę
- Interfejs natychmiast się aktualizuje
Tworzenie niestandardowych skórek przez implementację ISkin:
public class MySkin : ISkin
{
public string Name => "MySkin";
public string GetCss()
{
return ":root { --primary: #color; }";
}
}- Lista wszystkich reguł uprawnień
- Filtrowanie według użytkownika lub zasobu
- Przeglądanie dat wygaśnięcia
- Kliknij Dodaj regułę
- Skonfiguruj:
- Typ uprawnień (np.
FileAccess,NetworkAccess) - Prefiks zasobu (np.
C:\Projects,api.github.com) - Zezwól/Odmów
- Opis
- Typ uprawnień (np.
- Zapisz
Przeglądanie wszystkich decyzji dotyczących uprawnień:
- Znacznik czasu
- Użytkownik
- Zasób
- Decyzja
- Przyczyna
Zarządzanie uprawnieniami operacji narzędzi dla Istot Krzemowych i projektów:
-
Uprawnienia narzędzi Istoty Krzemowej:
- Przejdź do Istoty → wybierz istotę → Uprawnienia narzędzi
- Przeglądaj bieżącą konfigurację uprawnień
- Ustaw zezwolenie/odmowę dla każdej operacji
- Zastosuj szablon uprawnień (readonly/restricted/full)
-
Uprawnienia narzędzi projektu:
- Przejdź do Projekty → wybierz projekt → Uprawnienia narzędzi
- Uprawnienia narzędzi na poziomie projektu są niezależne od uprawnień na poziomie Istoty Krzemowej
- Realizują izolację uprawnień między projektami
- Wszystkie zadania i ich status
- Filtrowanie według istoty lub statusu
- Wskaźniki priorytetu
- Opis
- Priorytet
- Termin realizacji
- Historia wykonania
- Wynik
- Kliknij Utwórz zadanie
- Wypełnij:
- Przypisanie istoty
- Opis
- Priorytet (1-10)
- Termin realizacji
- Utwórz
- Lista uruchomionych czasomierzy
- Czas następnego wykonania
- Status powtarzania
- Kliknij Utwórz czasomierz
- Skonfiguruj:
- Przypisanie istoty
- Interwał lub wyrażenie cron
- Akcja do wykonania
- Ustawienia powtarzania
- Uruchom
- Filtrowanie według poziomu (informacja/ostrzeżenie/błąd)
- Wyszukiwanie po słowach kluczowych
- Wybór zakresu czasu
- Aktualizacje w czasie rzeczywistym
Każdy wpis logu wyświetla:
- Znacznik czasu
- Poziom
- Źródło
- Wiadomość
- Ślad stosu (dla błędów)
- Całkowita liczba wykorzystanych tokenów
- Podział według modeli
- Kalkulacja kosztów
- Wykresy oparte na czasie
Pobieranie danych audytu:
- Format CSV
- Wybór zakresu dat
- Filtrowanie według istoty lub modelu
- Podświetlanie składni (Monaco Editor)
- Uzupełnianie kodu
- Podpowiedzi dla identyfikatorów
- Kompilacja w czasie rzeczywistym
Najedź kursorem na dowolnym identyfikatorze, aby zobaczyć:
- Informacje o typie
- Dokumentację
- Lokalizację definicji
- Odwołania
- Przeglądanie historii czatu Istot Krzemowych
- Wyświetlanie listy sesji
- Przeglądanie szczegółów wiadomości
- Widok osi czasu
- Przejdź do strony Istoty
- Kliknij link Historia czatu Istoty Krzemowej
- Przeglądaj listę sesji:
- Tytuł sesji
- Czas utworzenia
- Liczba wiadomości
- Kliknij sesję, aby zobaczyć szczegóły:
- Pełna historia wiadomości
- Znaczniki czasu
- Informacje o nadawcy
- Rekordy wywołań narzędzi
- Kontroler:
ChatHistoryController - Model widoku:
ChatHistoryViewModel - Widoki:
ChatHistoryListView— lista sesjiChatHistoryDetailView— szczegóły wiadomości
- Trasy API:
/api/chat-history/{beingId}/conversations— pobranie listy sesji/api/chat-history/{beingId}/conversation/{conversationId}— pobranie szczegółów wiadomości
- Okno dialogowe źródła pliku
- Obsługa wieloplikowego przesyłania
- Zarządzanie metadanymi pliku
- Wyświetlanie postępu przesyłania
- W interfejsie czatu kliknij przycisk Prześlij plik
- Otworzy się okno dialogowe źródła pliku
- Wybierz źródło pliku:
- Plik lokalny
- Ścieżka systemu plików
- Wybierz pliki (obsługa wielokrotnego wyboru)
- Potwierdź przesyłanie
- Informacje o pliku zostaną dołączone do wiadomości
- Pliki tekstowe (.txt, .md, .json, .xml, itp.)
- Pliki kodu (.cs, .js, .py, .java, itp.)
- Pliki konfiguracyjne (.yml, .yaml, .ini, .conf, itp.)
- Pliki dokumentów (.csv, .log, itp.)
- Wyświetlanie statusu ładowania strony czatu
- Automatyczny wybór sesji Kuratora
- Informacja zwrotna o postępie ładowania danych
- Wyświetlanie animacji ładowania podczas ładowania strony
- Automatyczne ukrywanie po zakończeniu ładowania danych
- Automatyczne zaznaczenie sesji Kuratora (jeśli istnieje)
- Wielojęzyczne teksty wskazujące ładowanie
System dokumentacji pomocy zapewnia wielojęzyczną obsługę dokumentacji pomocy dla Istot Krzemowych i użytkowników.
- Przejdź do strony Pomoc
- Przeglądaj listę tematów pomocy:
- Przewodnik szybkiego startu
- Referencja korzystania z narzędzi
- Przewodnik zarządzania uprawnieniami
- Podręcznik rozwiązywania problemów
- Przewodnik deweloperski
- Kliknij temat, aby zobaczyć szczegółową treść:
- Ustrukturyzowana treść dokumentacji (renderowanie Markdown)
- Obsługa wielojęzyczna (zgodna z ustawieniami lokalizacji systemu)
- Rekomendacje powiązanych tematów
- Użyj funkcji wyszukiwania do szybkiej lokalizacji:
- Wyszukiwanie po słowach kluczowych (obsługa chińskiego i angielskiego)
- Wyniki wyszukiwania posortowane według trafności
Istoty Krzemowe mogą uzyskać dostęp do dokumentacji pomocy przez narzędzie help:
{
"action": "get_topics"
}- Kontroler:
HelpController - Narzędzie:
HelpTool - Trasy API:
/api/help— pobranie listy tematów pomocy/api/help/{topicId}— pobranie szczegółów tematu/api/help/search?q=keyword— wyszukiwanie dokumentacji pomocy
Obszar roboczy projektu zapewnia ustrukturyzowane środowisko pracy, obsługujące zarządzanie projektami, śledzenie zadań i notatki pracy.
- Tworzenie projektu:
- Nazwa i opis projektu
- Tagi projektu (kategoryzacja)
- Status projektu (w trakcie, ukończony, zarchiwizowany)
- Przegląd szczegółów projektu:
- Podstawowe informacje o projekcie
- Lista powiązanych zadań
- Lista notatek pracy
- Statystyki postępu projektu
- Archiwizacja projektu: zachowanie danych historycznych, ale projekt nie jest już aktywny
- Zarządzanie rolami projektowymi:
- Przypisywanie ról projektowych Istotom Krzemowym (np. developer, reviewer, manager)
- Usuwanie przypisań ról
- Przeglądanie listy członków i ról projektu
- Przepływ pracy projektu:
- Przeglądanie listy szablonów przepływu pracy
- Powiązanie szablonu przepływu pracy z projektem
- Przeglądanie statusu instancji przepływu pracy
- Przeglądanie dzienników wykonania przepływu pracy
Osobiste notatki pracy Istoty Krzemowej, podobne do dziennika:
- Tworzenie notatki:
- Podsumowanie (krótki opis)
- Treść (obsługa formatowania Markdown)
- Słowa kluczowe (do wyszukiwania)
- Automatyczne rejestrowanie znacznika czasu
- Zarządzanie notatkami:
- Przeglądanie według osi czasu (projekt stronicowy)
- Wyszukiwanie notatek (po słowach kluczowych, podsumowaniu, treści)
- Generowanie spisu treści (szybki przegląd struktury notatek)
- Aktualizacja i usuwanie notatek
- Kontrola uprawnień:
- Domyślnie prywatne, dostępne tylko dla samej istoty
- Kurator Krzemowy może zarządzać wszystkimi notatkami
- Kontroler:
WorkNoteController - Narzędzia:
WorkNoteTool,ProjectTool,ProjectWorkNoteTool - Trasy API:
/api/worknotes— pobranie listy notatek pracy/api/worknotes/{id}— pobranie szczegółów notatki/api/worknotes/search?q=keyword— wyszukiwanie notatek/api/worknotes/directory— generowanie spisu treści notatek/api/projects— API zarządzania projektami
Web UI dostosowuje się do różnych rozmiarów ekranu:
- Pulpit: pełny układ
- Tablet: zwinięty pasek boczny
- Mobilny: składane menu
| Skrót | Akcja |
|---|---|
Ctrl+K |
Szybkie wyszukiwanie |
Ctrl+B |
Przełączanie paska bocznego |
Ctrl+Enter |
Wysłanie wiadomości |
Esc |
Anuluj/Zamknij |
Sprawdź:
- Serwer jest uruchomiony
- Port 8080 nie jest zablokowany
- Ustawienia zapory sieciowej
Sprawdź:
- Przeglądarka obsługuje SSE
- Brak buforowania SSE przez proxy
- Stabilność sieci
Optymalizacja:
- Zmniejsz szczegółowość logów
- Oczyść stare dane audytu
- Sprawdź zasoby systemowe
- 📚 Przeczytaj przewodnik architektury
- 🛠️ Zobacz przewodnik deweloperski
- 📖 Przeglądaj referencję API
- 🚀 Zobacz przewodnik szybkiego startu