Add MFMA layout visualization with complete CDNA1/2/3 support

.github/workflows/ci.yml

@@ -38,6 +38,9 @@ jobs:
       - name: Verify WMMA layouts
         run: python verification/verify_wmma_layouts.py --max-diffs 5
 
+      - name: Verify MFMA layouts
+        run: python verification/verify_mfma_layouts.py --arch all --max-diffs 5
+
       - name: Run tests
         run: npm test -- --run
 

.gitignore

@@ -48,7 +48,7 @@ vite.config.ts.timestamp-*
 # Verification artifacts
 verification/results/*.json
 verification/__pycache__/
-verification/lib/verification-helper.mjs
+verification/lib/*.mjs
 
 # Project-specific ignores
 CLAUDE.md

index.html

@@ -17,6 +17,7 @@ <h1>GPU Tensor Layout Visualizer</h1>
       <button type="button" id="tab-block-layout" class="tab-button active" data-tab="block-layout">Block Layout</button>
       <button type="button" id="tab-shared-layout" class="tab-button" data-tab="shared-layout">Shared Layout</button>
       <button type="button" id="tab-wmma-layout" class="tab-button" data-tab="wmma-layout">WMMA Layout</button>
+      <button type="button" id="tab-mfma-layout" class="tab-button" data-tab="mfma-layout">MFMA Layout</button>
       <button type="button" id="tab-linear-layout" class="tab-button" data-tab="linear-layout">Linear Layout</button>
       <button type="button" id="tab-ck-layout" class="tab-button" data-tab="ck-layout">CK Layout</button>
     </div>
@@ -172,6 +173,64 @@ <h3>Operand</h3>
       </div>
     </div>
 
+    <div class="tab-content" id="mfma-layout">
+      <div class="content">
+        <aside class="sidebar">
+          <h2>MFMA Parameters</h2>
+          <form id="mfmaForm">
+            <div class="form-section">
+              <h3>Architecture</h3>
+              <div class="form-row">
+                <label>
+                  GPU:
+                  <select id="mfma-architecture">
+                    <option value="cdna1">CDNA1 (gfx908)</option>
+                    <option value="cdna2">CDNA2 (gfx90a)</option>
+                    <option value="cdna3">CDNA3 (gfx942)</option>
+                  </select>
+                </label>
+              </div>
+            </div>
+
+            <div class="form-section">
+              <h3>Instruction</h3>
+              <div class="form-row">
+                <label>
+                  Type:
+                  <select id="mfma-instruction">
+                  </select>
+                </label>
+              </div>
+            </div>
+
+            <div class="form-section">
+              <h3>Operand</h3>
+              <div class="form-row">
+                <label>
+                  Operand:
+                  <select id="mfma-operand">
+                    <option value="A">A (M×K input)</option>
+                    <option value="B">B (K×N input)</option>
+                    <option value="D" selected>D (M×N output)</option>
+                  </select>
+                </label>
+              </div>
+            </div>
+
+            <div id="mfma-validation-errors" class="validation-errors"></div>
+            <div id="mfma-validation-warnings" class="validation-warnings"></div>
+          </form>
+
+          <div class="controls" data-controls></div>
+
+        </aside>
+
+        <main class="visualization">
+          <canvas id="mfma-canvas"></canvas>
+        </main>
+      </div>
+    </div>
+
     <div class="tab-content" id="linear-layout">
       <div class="placeholder"></div>
     </div>