Update app.py

app.py

@@ -214,6 +214,55 @@ with gr.Blocks(title="🎨 Visual Workflow Builder", theme=gr.themes.Soft(), css
 
     # ─── Code View ───
     code_view = gr.Code(language="json", label="JSON Preview", lines=15)
+    
+    # HTML Fallback Viewer 함수 정의
+    def create_html_view(data):
+        """JSON을 HTML로 시각화"""
+        if not data:
+            return "<p>No workflow data</p>"
+        
+        html = """
+        <div style='font-family: Arial, sans-serif; padding: 20px; background: #f5f5f5; border-radius: 8px;'>
+            <h3>Workflow Visualization</h3>
+            <div style='display: flex; gap: 20px; flex-wrap: wrap;'>
+        """
+        
+        # 노드 표시
+        nodes = data.get('nodes', [])
+        for node in nodes:
+            node_id = node.get('id', 'unknown')
+            label = node.get('data', {}).get('label', 'Node')
+            x = node.get('position', {}).get('x', 0)
+            y = node.get('position', {}).get('y', 0)
+            
+            html += f"""
+            <div style='background: white; border: 2px solid #3b82f6; border-radius: 8px; 
+                       padding: 15px; margin: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+                       min-width: 150px;'>
+                <strong>ID:</strong> {node_id}<br>
+                <strong>Label:</strong> {label}<br>
+                <strong>Position:</strong> ({x}, {y})
+            </div>
+            """
+        
+        html += "</div>"
+        
+        # 엣지 표시
+        edges = data.get('edges', [])
+        if edges:
+            html += "<h4>Connections:</h4><ul>"
+            for edge in edges:
+                source = edge.get('source', '?')
+                target = edge.get('target', '?')
+                html += f"<li>{source} → {target}</li>"
+            html += "</ul>"
+        
+        html += "</div>"
+        return html
+    
+    # HTML Fallback Viewer
+    gr.Markdown("### 📊 HTML Workflow Viewer (Fallback)")
+    html_viewer = gr.HTML(label="Workflow HTML View")
 
     # ─── Event Handlers ───