← all documents · raw markdown · 8 KB

Oracle Lattice OS — VISUAL REFERENCE (for Claude Code, which cannot see images)

Pairs with DASHBOARD-BACKLOG.md. The owner sent screenshots; this transcribes what's actually on screen so you can work the UI accurately without seeing it.

Owner's direction (verbatim intent)

"This is going from simple. The way I really have it already on the browser is already great — just needs fine-tuning and more geometry, since browsers have a hard time. I'm going OUT of browser (hence the native implementation plan Antigravity sent — the Rust/wgpu kaiverse.exe). The controls and view all need to be SMOOTH — right now it's boxy. I load the KAIVERSE via http://localhost:3001/."

Read: the browser dashboard is good and stays as the control surface; the 3D KAIVERSE is being moved native for smooth, high-geometry rendering (browser WebGL is the ceiling). The dashboard's *job* is polish + the fixes in the backlog, NOT a rewrite.

---

The overall layout (every dashboard screenshot shares this)

Dark, near-black theme with cyan (#22d9e6) accents, monospace numbers, rounded "glass" cards.

Right panel — "LATTICE AGENTS 6/9" (this is the one that needs the profile/identity fix)

Config view ("Config · agents & channels")

The EDIT modal (Leo's config — Backlog A5: it OVERFLOWS the screen)

A centered dark modal, dimmed backdrop. Top note: "engine, social mode and tools… Saving writes the bot's .env keys and queues a restart of just this bot. Only options this AI can use are shown." Fields top-to-bottom:

The modal is taller than the viewport and runs off the bottom — it needs max-height + internal scroll and to be responsive like every other panel.

Training Activity panel (Backlog B11 — replace this)

Header: "TRAINING ACTIVITY · lectures · tutor · quiz · flashcards · grades — live #kai-training · 50 · discord". Body is just a vertical list of bare lines: "TRAINING 1:33:22 AM", "TRAINING 1:34:58 AM", "TRAINING 1:37:11 AM" … nothing but a label + timestamp. Bottom = a "Message the tutor (posts into #kai-training)…" text box + Send. This is the wasted space the owner wants replaced by the animated classroom.

The CLASSROOM reference photo (the target look for B11)

A real lecture-hall photo, shot from the back-middle, slightly elevated:

Map to KAI: KAI = the lone student; teacher(s) at the front; whiteboard + projector; fixed camera from the back-middle. Build it 8-bit/stylized, animate it in sync with the real pipeline phases (teachers arrive just before 3am, KAI enters ~3:05, listens during lectures, takes notes, "thinks"/writes during reasoning, quiz/flashcard beats), subtitles at the bottom (speaker name + line from the real lecture/quiz text), empty room when idle. Requires overnight_pipeline.py to emit phase/event signals the dashboard can subscribe to.

---

Net guidance for Claude Code