From d4c9112d608985178bf28852d32352b44e33670b Mon Sep 17 00:00:00 2001
From: Ralf Anton Beier <ralf_beier@me.com>
Date: Sat, 28 Feb 2026 16:54:05 +0100
Subject: [PATCH] fix: make pipeline diagram clickable with links to
 repositories

Replace static SVG <img> embed with HTML table containing linked tool
names. Each pipeline stage (Meld, Loom, Synth, Kiln) and the Sigil
attestation line now navigate to their respective repositories when
clicked. Also added <a> elements to the SVG for direct viewing.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 profile/README.md           | 19 ++++++++++++++++---
 profile/assets/pipeline.svg | 36 +++++++++++++++++++++++-------------
 2 files changed, 39 insertions(+), 16 deletions(-)

diff --git a/profile/README.md b/profile/README.md
index 7aef11c..3d5182c 100644
--- a/profile/README.md
+++ b/profile/README.md
@@ -35,9 +35,22 @@
 
 Meld fuses. Loom weaves. Synth transpiles. Kiln fires. Sigil seals.
 
-<div align="center">
-<img src="./assets/pipeline.svg" alt="PulseEngine Pipeline: .wasm → Meld (fuse) → Loom (optimize) → Synth (transpile) → Kiln (fire) — with Sigil attestation at every stage" width="800">
-</div>
+<table align="center">
+<tr>
+  <td align="center"><code>.wasm</code></td>
+  <td align="center">&nbsp;→&nbsp;</td>
+  <td align="center"><a href="https://github.com/pulseengine/meld"><strong>Meld</strong><br><sub>fuse</sub></a></td>
+  <td align="center">&nbsp;→&nbsp;</td>
+  <td align="center"><a href="https://github.com/pulseengine/loom"><strong>Loom</strong><br><sub>optimize</sub></a></td>
+  <td align="center">&nbsp;→&nbsp;</td>
+  <td align="center"><a href="https://github.com/pulseengine/synth"><strong>Synth</strong><br><sub>transpile</sub></a></td>
+  <td align="center">&nbsp;→&nbsp;</td>
+  <td align="center"><a href="https://github.com/pulseengine/kiln"><strong>Kiln</strong><br><sub>fire</sub></a></td>
+</tr>
+<tr>
+  <td colspan="9" align="center"><sub><a href="https://github.com/pulseengine/sigil">sigil</a> · attest · sign · verify</sub></td>
+</tr>
+</table>
 
 &nbsp;
 
diff --git a/profile/assets/pipeline.svg b/profile/assets/pipeline.svg
index 6ad59eb..cc23e59 100644
--- a/profile/assets/pipeline.svg
+++ b/profile/assets/pipeline.svg
@@ -24,7 +24,9 @@
   </style>
 
   <!-- Sigil spanning label and dashed line -->
-  <text class="sigil-label" x="490" y="16" text-anchor="middle">sigil · attest · sign · verify</text>
+  <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://github.com/pulseengine/sigil" target="_blank">
+    <text class="sigil-label" x="490" y="16" text-anchor="middle" style="cursor:pointer">sigil · attest · sign · verify</text>
+  </a>
   <line class="sigil-line" x1="158" y1="28" x2="823" y2="28" />
 
   <!-- Input -->
@@ -33,34 +35,42 @@
   <polygon class="arrow-head" points="148,63 158,67 148,71" />
 
   <!-- Meld -->
-  <rect class="box" x="158" y="42" width="125" height="50" rx="8" />
-  <text class="name" x="220" y="64" text-anchor="middle">Meld</text>
-  <text class="role" x="220" y="80" text-anchor="middle">fuse</text>
+  <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://github.com/pulseengine/meld" target="_blank">
+    <rect class="box" x="158" y="42" width="125" height="50" rx="8" style="cursor:pointer" />
+    <text class="name" x="220" y="64" text-anchor="middle">Meld</text>
+    <text class="role" x="220" y="80" text-anchor="middle">fuse</text>
+  </a>
 
   <!-- Arrow Meld → Loom -->
   <line class="arrow-line" x1="283" y1="67" x2="328" y2="67" />
   <polygon class="arrow-head" points="328,63 338,67 328,71" />
 
   <!-- Loom -->
-  <rect class="box" x="338" y="42" width="125" height="50" rx="8" />
-  <text class="name" x="400" y="64" text-anchor="middle">Loom</text>
-  <text class="role" x="400" y="80" text-anchor="middle">optimize</text>
+  <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://github.com/pulseengine/loom" target="_blank">
+    <rect class="box" x="338" y="42" width="125" height="50" rx="8" style="cursor:pointer" />
+    <text class="name" x="400" y="64" text-anchor="middle">Loom</text>
+    <text class="role" x="400" y="80" text-anchor="middle">optimize</text>
+  </a>
 
   <!-- Arrow Loom → Synth -->
   <line class="arrow-line" x1="463" y1="67" x2="508" y2="67" />
   <polygon class="arrow-head" points="508,63 518,67 508,71" />
 
   <!-- Synth -->
-  <rect class="box" x="518" y="42" width="125" height="50" rx="8" />
-  <text class="name" x="580" y="64" text-anchor="middle">Synth</text>
-  <text class="role" x="580" y="80" text-anchor="middle">transpile</text>
+  <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://github.com/pulseengine/synth" target="_blank">
+    <rect class="box" x="518" y="42" width="125" height="50" rx="8" style="cursor:pointer" />
+    <text class="name" x="580" y="64" text-anchor="middle">Synth</text>
+    <text class="role" x="580" y="80" text-anchor="middle">transpile</text>
+  </a>
 
   <!-- Arrow Synth → Kiln -->
   <line class="arrow-line" x1="643" y1="67" x2="688" y2="67" />
   <polygon class="arrow-head" points="688,63 698,67 688,71" />
 
   <!-- Kiln -->
-  <rect class="box" x="698" y="42" width="125" height="50" rx="8" />
-  <text class="name" x="760" y="64" text-anchor="middle">Kiln</text>
-  <text class="role" x="760" y="80" text-anchor="middle">fire</text>
+  <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://github.com/pulseengine/kiln" target="_blank">
+    <rect class="box" x="698" y="42" width="125" height="50" rx="8" style="cursor:pointer" />
+    <text class="name" x="760" y="64" text-anchor="middle">Kiln</text>
+    <text class="role" x="760" y="80" text-anchor="middle">fire</text>
+  </a>
 </svg>