From d900df5aa012179dfa10e64ea9969261dc073f8b Mon Sep 17 00:00:00 2001
From: giles <giles.bradshaw@sigyl.com>
Date: Wed, 4 Feb 2026 17:56:12 +0000
Subject: [PATCH] Add View on IPFS button to effect and recipe detail pages

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 app/templates/effects/detail.html | 10 ++++++++--
 app/templates/recipes/detail.html | 13 +++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/app/templates/effects/detail.html b/app/templates/effects/detail.html
index c94d914..572f586 100644
--- a/app/templates/effects/detail.html
+++ b/app/templates/effects/detail.html
@@ -137,12 +137,18 @@
 
     <!-- Actions -->
     <div class="flex items-center space-x-4 mt-8">
+        {% if effect.cid.startswith('Qm') or effect.cid.startswith('bafy') %}
+        <a href="https://ipfs.io/ipfs/{{ effect.cid }}"
+           target="_blank"
+           class="bg-cyan-600 hover:bg-cyan-700 px-4 py-2 rounded font-medium">
+            View on IPFS
+        </a>
+        {% endif %}
         <button hx-post="/effects/{{ effect.cid }}/publish"
-                hx-target="#share-result"
+                hx-target="#action-result"
                 class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded font-medium">
             Share to L2
         </button>
-        <span id="share-result"></span>
         <button onclick="deleteEffect('{{ effect.cid }}')"
                 class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded font-medium">
             Delete
diff --git a/app/templates/recipes/detail.html b/app/templates/recipes/detail.html
index 47b9ba1..3c6843a 100644
--- a/app/templates/recipes/detail.html
+++ b/app/templates/recipes/detail.html
@@ -130,6 +130,19 @@
                 class="bg-green-600 hover:bg-green-700 px-4 py-2 rounded font-medium">
             Run Recipe
         </button>
+        {% if recipe.ipfs_cid %}
+        <a href="https://ipfs.io/ipfs/{{ recipe.ipfs_cid }}"
+           target="_blank"
+           class="bg-cyan-600 hover:bg-cyan-700 px-4 py-2 rounded font-medium">
+            View on IPFS
+        </a>
+        {% elif recipe.recipe_id.startswith('Qm') or recipe.recipe_id.startswith('bafy') %}
+        <a href="https://ipfs.io/ipfs/{{ recipe.recipe_id }}"
+           target="_blank"
+           class="bg-cyan-600 hover:bg-cyan-700 px-4 py-2 rounded font-medium">
+            View on IPFS
+        </a>
+        {% endif %}
         <button hx-post="/recipes/{{ recipe.recipe_id }}/publish"
                 hx-target="#action-result"
                 class="bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded font-medium">