PoC · grupa robocza · LLM UI
Kursor kontekstowy.
Przyszłość czytania.
Eksperymentalny interfejs: każde słowo w dokumencie staje się węzłem wiedzy. Zamiast nowych kart — kontekst, definicja i siatka powiązań w miejscu interakcji. Animacja kursora maskuje latency zapytań do AI (Optimistic UI).
Demo interaktywne
Najedź na słowo (podświetlenie + powiększenie), potem kliknij. Pierścień kursora maskuje latency — potem otwiera się karta z tłumaczeniem kontekstu, definicją i siatką powiązań. Pierwsze zdanie ma pełny cache PoC; pozostałe słowa dostają symulację odpowiedzi LLM (ten sam schemat JSON co produkcja).
Architektura (PoC)
Cursor Adapt to client-side UI z asynchronicznymi wywołaniami do usług AI. Celem nie jest „kolejny chatbot”, tylko frictionless konsumpcja treści: klikasz słowo — dostajesz węzeł semantyczny bez utraty kontekstu lektury.
Niestandardowy kursor
Element DOM śledzący mousemove przez transform + will-change. Soczewka (inset shadow) bez filtra blur — tekst pod spodem pozostaje ostry.
Optimistic UI
600 ms animacji SVG (stroke-dasharray) startuje natychmiast. Modal otwiera się po animacji — nawet jeśli obietnica API jeszcze wisi (skeleton → resolve).
Cache / kontrakt JSON
Lokalny wordDatabase i odpowiedź LLM dzielą ten sam schemat: tłumaczenie kontekstu, definicja, etymologia, podobne / mylone / bliskoznaczne / przeciwieństwa.
Nawigacja w popupie
Klon bloku tekstu z podświetleniem aktywnego słowa. Kolejne słowa w cytacie mogą uruchamiać tę samą ścieżkę cache/API bez zamykania okna.
Przepływ danych
- 01Parsowanie DOM
Wyrażenie
\p{L}+owija słowa w.interactive-word, zostawiając interpunkcję. - 02Event + cache lookup
Klik / touch → normalizacja słowa → sprawdzenie lokalnego słownika.
- 03Pre-fetch (produkcja)
Brak w cache → asynchroniczne zapytanie do LLM z całym zdaniem jako kontekstem. Klucz API tylko po stronie middle-tier.
- 04Maskowanie latency
Animacja kursora biegnie równolegle. Popup renderuje dane z cache albo skeleton czekający na resolve.
Modele (roadmapa)
Semantyka tekstu (Gemini Flash), TTS (PCM→WAV w kliencie / Web Worker), generowanie ikon (Imagen). W tym PoC modele są wyłączone — pokazujemy kontrakt UI i UX latency.
Mobile & in-app
100dvh, touchstart, wyłączone zaznaczanie tekstu w demie. Na coarse pointer kursor systemowy zostaje; lupa pojawia się w stanie ładowania.
Next steps
Middle-tier
Przenieść wywołania Google API na Node / Edge Functions — bez klucza w JS klienta.
Pre-processing CMS
Skan popularnych artykułów po publikacji; grafy powiązań w Redis/Mongo dla najczęstszych słów.
Web Workers
Konwersja PCM→WAV i ciężkie parsowanie poza main thread — bez klatkowania animacji kursora.