Alles zu Design auf einer Seite

In den vergangenen Tagen lag der Fokus auf der Flexibilisierung der Benutzeroberfläche und der internen Datenverarbeitung.

Abb 1: Die Spatial UI.

Auslagerung der Theme-Konfiguration

Bisher waren viele farbliche Anpassungen der Benutzeroberfläche fest im Quelltext der Engine verankert. Um das System flexibler zu machen, wurde das Theming (Light/Dark Mode) nun vollständig in die Laufzeitkonfiguration ausgelagert.

Die Farbpaletten werden beim Start aus einer Konfigurationsdatei eingelesen. Zusätzlich wurde eine Automatisierung integriert, die basierend auf der lokalen Systemzeit selbstständig zwischen Tag- und Nachtmodus wechselt. Um den aktuellen Zustand (etwa nach einem manuellen Eingriff des Nutzers) über Neustarts hinweg zu erhalten, schreibt die Engine diese Statusänderungen autonom in eine flüchtige, lokale Einstellungsdatei.

Zusammenfassung aktueller Updates

Neben der UI-Konfiguration wurden in letzter Zeit mehrere strukturelle Erweiterungen an der Engine vorgenommen:

• Text-Parsing und Ausführungspläne: Es wurde ein lokaler Workflow zur Verarbeitung strukturierter Textdaten (etwa aus LLM-Antworten) implementiert. Ein Parser extrahiert Code-Blöcke aus Rohtexten und erstellt daraus einen isolierten Ausführungsplan. Bevor Dateien lokal geändert werden, bietet das System eine sichere Vorschau (Dry-Run).
• Lokales Bild-Caching (SQLite): Die Einbindung asynchroner Bildquellen (wie im Webcam-Test) wurde um eine lokale Datenbank-Ebene erweitert. Bilddaten werden im Hintergrund gecacht. Das reduziert redundante Netzwerkanfragen, sichert die Anzeige bei Verbindungsabbrüchen und ermöglicht die Wiedergabe einer lokalen Historie (Time-Lapse).
• Zustandsverwaltung (Reducers): Die Verarbeitung von Nutzereingaben und UI-Events wurde architektonisch umgebaut. Das System nutzt nun ein strengeres Immutable-State-/Reducer-Pattern, bei dem Eingaben von zustandsfreien Logik-Blöcken verarbeitet werden. Diese generieren saubere, lineare Befehlsketten (Commands), was die Stabilität der UI und die Zuverlässigkeit der Undo/Redo-Historie deutlich erhöht.
• Räumliche Code-Visualisierung: Ein neues Tooling erlaubt es, Quelltext-Dateien automatisiert auszulesen und als geordnetes Raster von Text-Kacheln im 3D-Raum darzustellen. Dies erleichtert die Navigation und den visuellen Überblick in wachsenden Codebasen.

Die schrittweise Trennung von hartkodierter Logik und konfigurierbaren Datenströmen stabilisiert die Engine als eigenständiges Werkzeug.

Nachdem in den letzten Tagen vor allem die interne Logik – wie Objekt-Boundaries und das Parallel-Rendering – im Fokus stand, gab es heute ein wichtiges Update für die visuelle Wahrnehmung und Usability unserer Spatial UI.

Abb 1: Die Benutzeroberfläche im Daytime-Modus. Die Fenster sind auf der Z-Achse angehoben und werfen realistische Schatten.

Day/Night-Toggle und das neue Light Theme

Wer produktiv arbeiten will, braucht eine Umgebung, die sich den Lichtverhältnissen anpasst. Oben rechts in der Menüleiste ist deshalb ein neuer Schalter hinzugekommen: Der Daytime/Nighttime-Toggle.

Der Screenshot zeigt direkt das Resultat: Unser neues helles Theme. Die Kontraste wurden so abgestimmt, dass Texte und Rahmen auch vor dem hellen Hintergrundgitter (Grid) gestochen scharf lesbar bleiben.

Echte Räumlichkeit: Objekte auf Z > 0

Das für die Nutzererfahrung wichtigste Update betrifft die Positionierung der Virtual Windows im 3D-Raum. Bisher lagen die Objekte oft flach auf dem Boden auf. Ab sofort heben sich alle UI-Elemente und Frames standardmäßig vom Boden ab (die Z-Koordinate ist nun strikt größer als 0).

In Kombination mit dem neu implementierten Schattenwurf ergibt sich dadurch ein völlig neues Raumgefühl. Das Gehirn kann nun durch die Schattenlänge und -position sofort intuitiv erfassen:

1. Wie hoch über dem Grid schwebt ein Objekt?
2. Welches Fenster liegt räumlich vor einem anderen?

Gerade beim Dragging und dem in Version 0.11 optimierten Lasso-Snapping hilft diese optische Rückmeldung enorm, um Objekte treffsicher im Raum zu arrangieren.

Neues HUD-Detail: Der Timestamp

Zusätzlich ist oben rechts in der Ecke ein Live-Timestamp hinzugekommen. Das ist ein kleines, aber sehr praktisches Detail für Werkzeuge, die oft im Vollbild oder in tief verschachtelten Workflows genutzt werden – so behält man stets die aktuelle Zeit im Blick, ohne die Arbeitsumgebung verlassen zu müssen.