Update app/src/content/embeds/attention-mechanisms.html

app/src/content/embeds/attention-mechanisms.html

@@ -573,7 +573,7 @@
                     .stroke('none');
 
                 // CLKV text below the node (multi-line)
-                svg.text('Compressed\nLatent KV')
+                svg.text('Compressed\nlatent KV')
                     .font({
                         family: 'Arial, sans-serif',
                         size: 9,
@@ -607,7 +607,7 @@
                 // Add single "projection" label centered between both lines
                 const centerTextX = (clkvX + vGroupRightX) / 2 - 5;  // Shifted slightly to the right
                 const centerTextY = (vGroupTopY + kGroupBottomY) / 2;
-                svg.text('projection')
+                svg.text('Projection')
                     .font({
                         family: 'Arial, sans-serif',
                         size: 9,
@@ -659,15 +659,15 @@
                 </div>
                 
                 <div class="diagrams-grid">
-                    <!-- DIAGRAM 1: Multi Head Attention -->
+                    <!-- DIAGRAM 1: Multi-head Attention -->
                     <div class="diagram-container">
-                        <div class="diagram-title">Multi head attention</div>
+                        <div class="diagram-title">Multi-head attention</div>
                         <div class="diagram-svg-container" id="diagram-1"></div>
                     </div>
                     
-                    <!-- DIAGRAM 2: Multi Query Attention -->
+                    <!-- DIAGRAM 2: Multi-query Attention -->
                     <div class="diagram-container">
-                        <div class="diagram-title">Multi query attention</div>
+                        <div class="diagram-title">Multi-query attention</div>
                         <div class="diagram-svg-container" id="diagram-2"></div>
                     </div>
                     
@@ -677,9 +677,9 @@
                         <div class="diagram-svg-container" id="diagram-3"></div>
                     </div>
                     
-                    <!-- DIAGRAM 4: Multi Head Latent Attention -->
+                    <!-- DIAGRAM 4: Multi-head Latent Attention -->
                     <div class="diagram-container">
-                        <div class="diagram-title">Multi head latent attention</div>
+                        <div class="diagram-title">Multi-head latent attention</div>
                         <div class="diagram-svg-container" id="diagram-4"></div>
                     </div>
                 </div>