++
Spiral Metrics
++
Glyph: {data.glyph}
++
Tone: {data.tone_name}
++
Coherence: {data.coherence.toFixed(2)}
++
++ );
++}
+
+diff --git a/ui/pages/index.tsx b/ui/pages/index.tsx
+index 1234567..7654321 100644
+--- a/ui/pages/index.tsx
++++ b/ui/pages/index.tsx
+@@
++import GlyphPanel from "../components/GlyphPanel";
++
+ export default function Home() {
+ const [stream, setStream] = useState