Update app.py

app.py

@@ -342,35 +342,45 @@ def index():
         <script>
             async function analyze() {
                 const btn = document.getElementById('load-btn');
-                const text = document.getElementById('md-input').value;
-                if(!text) return alert("Please enter text.");
+                const input = document.getElementById('md-input');
+                if(!input.value.trim()) return alert("Please enter markdown text first.");
                 
                 btn.innerText = "Analyzing...";
                 const fd = new FormData(); 
-                fd.append('markdown_text', text);
+                fd.append('markdown_text', input.value);
                 
                 try {
                     const res = await fetch('/parse', {method:'POST', body:fd});
+                    if (!res.ok) throw new Error("Server error during analysis");
                     const data = await res.json();
-                    if(data.error) { alert(data.error); return; }
-
-                    document.getElementById('detected-format').innerText = "Detected: " + data.format;
+                    
+                    const banner = document.getElementById('detected-format');
                     const list = document.getElementById('comp-list'); 
+                    
+                    banner.innerText = "Detected: " + (data.format || "Unknown");
                     list.innerHTML = '';
+                    
                     data.components.forEach(c => {
-                        const safe = btoa(unescape(encodeURIComponent(c.content)));
+                        // Use encodeURIComponent to handle special characters safely
+                        const safeContent = btoa(encodeURIComponent(c.content));
                         list.innerHTML += `
                             <div class="comp-card">
                                 <label style="cursor:pointer; display:block;">
-                                    <input type="checkbox" checked class="c-check" data-name="${c.filename}" data-content="${safe}"> 
+                                    <input type="checkbox" checked class="c-check" 
+                                           data-name="${c.filename}" 
+                                           data-content="${safeContent}"> 
                                     <b>${c.filename}</b>
                                 </label>
                                 <textarea readonly>${c.content.substring(0,80)}...</textarea>
                             </div>`;
                     });
                     document.getElementById('comp-section').style.display = 'block';
-                } catch(e) { alert(e); } 
-                finally { btn.innerText = "Analyze Content"; }
+                } catch(e) {
+                    console.error(e);
+                    alert("Analysis failed: " + e.message);
+                } finally {
+                    btn.innerText = "Analyze Content";
+                }
             }
 
             async function process(action, type = null) {