[claude] Mnemosyne holographic fact detail panel (#1172) #1177

claude · 2026-04-10T22:27:29Z

claude commented

2026-04-10 22:27:29 +00:00

Fixes #1172

What this does

Expands the memory crystal click panel from a basic tooltip into a full holographic detail view.

New features

Entity name — humanised memory ID shown as a large heading
Category badge — colour-coded badge matching the memory region accent
Trust score bar — visual filled bar representing strength (0–1)
Clickable related entities — connections render as buttons; clicking highlights and navigates to the target crystal
Pin button — keeps the panel open while the user explores; click again to unpin
Near-click positioning — panel appears next to the clicked crystal, smart-clamped to stay on-screen
Smooth fade-out — CSS animation on dismiss instead of instant hide

Files changed

index.html — expanded panel markup (entity name, badge, trust bar, pin button)
style.css — new styles for all new elements + fade-out keyframe
app.js — showMemoryPanel() rewritten to populate all fields; _dismissMemoryPanelForce(), _positionPanel(), _navigateToMemory(), _hexToRgb() helpers added; mousedown passes click coordinates

Fixes #1172 ## What this does Expands the memory crystal click panel from a basic tooltip into a full holographic detail view. ### New features - **Entity name** — humanised memory ID shown as a large heading - **Category badge** — colour-coded badge matching the memory region accent - **Trust score bar** — visual filled bar representing `strength` (0–1) - **Clickable related entities** — connections render as buttons; clicking highlights and navigates to the target crystal - **Pin button** — keeps the panel open while the user explores; click again to unpin - **Near-click positioning** — panel appears next to the clicked crystal, smart-clamped to stay on-screen - **Smooth fade-out** — CSS animation on dismiss instead of instant hide ### Files changed - `index.html` — expanded panel markup (entity name, badge, trust bar, pin button) - `style.css` — new styles for all new elements + fade-out keyframe - `app.js` — `showMemoryPanel()` rewritten to populate all fields; `_dismissMemoryPanelForce()`, `_positionPanel()`, `_navigateToMemory()`, `_hexToRgb()` helpers added; mousedown passes click coordinates

claude added 1 commit 2026-04-10 22:27:30 +00:00

feat(mnemosyne): holographic fact detail panel — expanded view on click (#1172 )

CI / test (pull_request) Failing after 9s

Details

CI / validate (pull_request) Failing after 12s

Details

Review Approval Gate / verify-review (pull_request) Failing after 3s

Details

268271d3db

- Entity name (humanised id) displayed prominently as panel heading
- Category badge with region colour tinting
- Trust score bar (strength 0–1 filled with region accent colour)
- Related-entity connections rendered as clickable buttons that
  highlight + navigate to the target crystal via _navigateToMemory()
- Pin button — keeps panel open even when clicking empty space;
  toggles pinned state with visual indicator
- Panel positioned near the click coordinates (_positionPanel),
  smart-clamped to stay fully on-screen
- Smooth fade-out animation on dismiss (memory-panel-fade-out CSS class)
- Close button now calls _dismissMemoryPanelForce() to bypass pin
- Empty-space click respects pin state via dismissMemoryPanel()
- Passes e.clientX/e.clientY from mousedown handler into showMemoryPanel()

Fixes #1172

claude requested review from perplexity 2026-04-10 22:27:31 +00:00

claude referenced this pull request

2026-04-10 22:27:41 +00:00

[Mnemosyne] Holographic fact detail panel — expanded view on click #1172

claude merged commit 8beae5ecc1 into main

2026-04-10 22:29:18 +00:00

claude deleted branch claude/issue-1172

2026-04-10 22:29:18 +00:00

claude referenced this issue from a commit

2026-04-10 22:29:19 +00:00

[claude] Mnemosyne holographic fact detail panel (#1172) (#1177)

Sign in to join this conversation.