Fix media friendly names, metadata display, output recording, and plan display

- Add friendly name display to media detail and list pages
- Unpack nested meta fields to top level for template access
- Fix output_cid mismatch: use IPFS CID consistently between cache and database
- Add dual-indexing in cache_manager to map both IPFS CID and local hash
- Fix plan display: accept IPFS CIDs (Qm..., bafy...) not just 64-char hashes
- Add friendly names to recipe listing
- Add recipe upload button and handler to recipes list
- Add debug logging to recipe listing

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app/templates/cache/detail.html

@@ -39,6 +39,17 @@
         {% endif %}
     </div>
 
+    <!-- Friendly Name -->
+    {% if cache.friendly_name %}
+    <div class="bg-gray-800 rounded-lg border border-gray-700 p-4 mb-6">
+        <div class="mb-2">
+            <span class="text-gray-500 text-sm">Friendly Name</span>
+            <p class="text-blue-400 font-medium text-lg mt-1">{{ cache.friendly_name }}</p>
+        </div>
+        <p class="text-gray-500 text-xs">Use in recipes: <code class="bg-gray-900 px-2 py-0.5 rounded">{{ cache.base_name }}</code></p>
+    </div>
+    {% endif %}
+
     <!-- User Metadata (editable) -->
     <div id="metadata-section" class="bg-gray-800 rounded-lg border border-gray-700 p-4 mb-6">
         <div class="flex items-center justify-between mb-3">
@@ -50,15 +61,19 @@
                 Edit
             </button>
         </div>
-        {% if cache.title or cache.description %}
+        {% if cache.title or cache.description or cache.filename %}
         <div class="space-y-2 mb-4">
             {% if cache.title %}
             <h4 class="text-white font-medium">{{ cache.title }}</h4>
+            {% elif cache.filename %}
+            <h4 class="text-white font-medium">{{ cache.filename }}</h4>
             {% endif %}
             {% if cache.description %}
             <p class="text-gray-400">{{ cache.description }}</p>
             {% endif %}
         </div>
+        {% else %}
+        <p class="text-gray-500 text-sm mb-4">No title or description set. Click Edit to add metadata.</p>
         {% endif %}
         {% if cache.tags %}
         <div class="flex flex-wrap gap-2 mb-4">

app/templates/cache/media_list.html

@@ -68,7 +68,11 @@
             {% endif %}
 
             <div class="p-3">
+                {% if item.friendly_name %}
+                <div class="text-xs text-blue-400 font-medium truncate">{{ item.friendly_name }}</div>
+                {% else %}
                 <div class="font-mono text-xs text-gray-500 truncate">{{ item.cid[:16] }}...</div>
+                {% endif %}
                 {% if item.filename %}
                 <div class="text-xs text-gray-600 truncate">{{ item.filename }}</div>
                 {% endif %}