Explanation Dialog 2.0 & Chat Card Rework
A complete visual overhaul of the Explanation Dialog with collapsible accordion sections, Orbitron typography, a redesigned Learning Path, and a new glassmorphism user message card in the chat panel.
Collapsible Accordion Sections
All enrichment sections are now collapsible with accordion behavior. Opening one auto-closes the rest. Explanation cards and Confidence Rating stay always visible.
Learning Path Redesign
Previous, Current, and Next cards in a clean single-row layout with Orbitron labels. Clicking sends a context-aware AI prompt tied to the learning journey.
Orbitron Typography System
Section headers use bold Orbitron uppercase with brighter white text. Content text is standardized to match the leaf node card style across all dialog sections.
Glassmorphism User Chat Card
User messages are now frosted glass cards with a You Orbitron label, replacing the solid primary-color bubble. Pin button removed from user cards.
v1.6.7 is a focused UI quality release that brings the Explanation Dialog and Chat Panel up to the same visual standard as the rest of the platform.
Explanation Dialog Typography
Every section in the Explanation Dialog now follows a consistent typography system. Section headers use font-orbitron font-bold uppercase with brighter white text. Content text across all sections is standardized to text-sm text-zinc-400 leading-relaxed, matching the leaf node card description style for visual harmony.
Collapsible Sections with Accordion Behavior
All six enrichment sections — Learning Path, Related, Applications, Timeline, Myths, and Quiz — are now collapsible and default to closed so the dialog opens clean and focused. Opening one section automatically closes all others. The Explanation cards and Confidence Rating remain always visible and unaffected.
Learning Path Card Redesign
The Learning Path section was reworked into a professional three-card single-row design. Each card (Previous, Current, Next) takes equal width with a stacked Orbitron label and text layout. Clicking Previous or Next sends a contextual AI prompt — for example, Before learning X, you should understand Y. Can you explain Y and how it connects to X? — instead of a generic explain request.
Chat Panel User Message Card
User messages in the chat panel have been redesigned from a solid primary-color pill into a glassmorphism card with a subtle border and a small Orbitron You label at the top. The user avatar is now a clean rounded icon box. The pin button is only shown on AI messages — user cards no longer have it.