epic: forum-style dashboard redesign

[CalebisGross]

Summary

Redesign the mnemonic web dashboard from the current card-based layout to a forum/message board-inspired design. Prioritizes information density, scannability, and hierarchical navigation.

Design mockups: internal/web/mockups/design-forum-v3.html (preferred direction)

Motivation

The current ~6000-line monolithic index.html doesn't match the sophistication of the system. The forum layout maps naturally to mnemonic's data model:

Forum concept	Mnemonic equivalent
Categories	Projects
Threads	Episodes
Posts	Memories
Quoted posts	Associations
Tags	Concepts
"What's New"	Timeline
Post karma	Salience

Design Principles

• Dense and scannable — 10+ memories at a glance with type, salience, links, timestamp
• Hierarchical — episodes expand to show memories, click through to full thread view
• Associations as quoted posts — no graph page, connections shown inline as quote blocks
• Salience drives visual weight — bright/bold for high, dimmed for low
• Tag filtering preserved from current timeline

Pages

Phase 1: Core Views

• Forum/Mind — episode blocks (expandable) + recent memories table
• Thread View — episode detail with post-style memories and quoted associations
• Timeline — preserve tag/concept filter system, sticky date headers, type filters
• Search — recall results as forum rows with score, type, salience, links

Phase 2: Existing Features (restyle)

• LLM — keep charts, restyle chrome to match forum aesthetic
• SDK — restyle
• Tools — restyle

Phase 3: Infrastructure

• Footer status bar (version, memory counts, encoding status, consolidation)
• Breadcrumb navigation
• Theme support (dark minimum)
• WebSocket live updates still work

Removed

• Graph page — killed. Associations are shown as quoted posts in thread view. The graph was built twice and never useful.

Constraints

• No framework, no Node.js, no build step
• Must work with go:embed
• Single binary deployment preserved

[CalebisGross]

Update: Drop D3.js dependency entirely

D3.js v7.9.0 is currently loaded from CDN (cdnjs.cloudflare.com). This is a bug — a local-first daemon should never call out to a CDN. If the machine is offline or air-gapped, the dashboard charts break.

Plan: Replace all D3 charts with hand-rolled SVG/CSS:

Current D3 Chart	Replacement
Token usage stacked bar (LLM)	CSS <div> bars with percentage widths
Tool call volume bar (Tools)	CSS <div> bars
Signal Quality horizontal bars	CSS width percentages
Memory Lifecycle stacked area	SVG <polygon> + <polyline> (~30 lines JS)
Recall Learning Curve	SVG <polyline> with <circle> markers
Pie charts (types, feedback)	SVG <circle> with stroke-dasharray

Result: zero external dependencies, zero CDN calls, entire dashboard embedded in the binary. Truly air-gapped.

[jkbennitt]

bu rill yant