Upload folder using huggingface_hub

app.py

@@ -202,7 +202,7 @@ def main():
                 height=120,
                 elem_classes="hero-logo"
             )
-        gr.HTML('<p class="hero-subtitle">Your pass to private data.</p>')
+        gr.HTML('<div style="width:100%;text-align:center;"><p class="hero-subtitle">Your pass to private data.</p></div>')
 
         # Simple auth row with Gradio 6 LoginButton
         with gr.Row():

components/subscriptions.py

@@ -114,7 +114,7 @@ def create_subscriptions_html(subscriptions):
                                 <p class="config-desc">Add to your Claude Desktop config:</p>
                                 <div class="code-wrapper">
                                     <pre class="code-block">{mcp_config_escaped}</pre>
-                                    <button class="btn-copy" data-copy-id="{drawer_id}-mcp" data-copy-value="{copy_data[f"{drawer_id}-mcp"]}">Copy</button>
+                                    <button class="btn-copy" onclick="(function(b,v){{var t=atob(v);navigator.clipboard.writeText(t).then(function(){{b.textContent='Copied!';b.classList.add('copied');setTimeout(function(){{b.textContent='Copy';b.classList.remove('copied')}},2000)}}).catch(function(){{var a=document.createElement('textarea');a.value=t;a.style.cssText='position:fixed;opacity:0';document.body.appendChild(a);a.select();document.execCommand('copy');document.body.removeChild(a);b.textContent='Copied!';b.classList.add('copied');setTimeout(function(){{b.textContent='Copy';b.classList.remove('copied')}},2000)}})}})( this,'{copy_data[f"{drawer_id}-mcp"]}')">Copy</button>
                                 </div>
                             </div>
                         </details>
@@ -129,7 +129,7 @@ def create_subscriptions_html(subscriptions):
                             <div class="config-content">
                                 <div class="code-wrapper">
                                     <pre class="code-block prompt-block">{example_prompt_escaped}</pre>
-                                    <button class="btn-copy" data-copy-id="{drawer_id}-prompt" data-copy-value="{copy_data[f"{drawer_id}-prompt"]}">Copy</button>
+                                    <button class="btn-copy" onclick="(function(b,v){{var t=atob(v);navigator.clipboard.writeText(t).then(function(){{b.textContent='Copied!';b.classList.add('copied');setTimeout(function(){{b.textContent='Copy';b.classList.remove('copied')}},2000)}}).catch(function(){{var a=document.createElement('textarea');a.value=t;a.style.cssText='position:fixed;opacity:0';document.body.appendChild(a);a.select();document.execCommand('copy');document.body.removeChild(a);b.textContent='Copied!';b.classList.add('copied');setTimeout(function(){{b.textContent='Copy';b.classList.remove('copied')}},2000)}})}})( this,'{copy_data[f"{drawer_id}-prompt"]}')">Copy</button>
                                 </div>
                             </div>
                         </details>
@@ -144,7 +144,7 @@ def create_subscriptions_html(subscriptions):
                             <div class="config-content">
                                 <div class="code-wrapper">
                                     <code class="token-block">{html.escape(access_token)}</code>
-                                    <button class="btn-copy" data-copy-id="{drawer_id}-token" data-copy-value="{copy_data[f"{drawer_id}-token"]}">Copy</button>
+                                    <button class="btn-copy" onclick="(function(b,v){{var t=atob(v);navigator.clipboard.writeText(t).then(function(){{b.textContent='Copied!';b.classList.add('copied');setTimeout(function(){{b.textContent='Copy';b.classList.remove('copied')}},2000)}}).catch(function(){{var a=document.createElement('textarea');a.value=t;a.style.cssText='position:fixed;opacity:0';document.body.appendChild(a);a.select();document.execCommand('copy');document.body.removeChild(a);b.textContent='Copied!';b.classList.add('copied');setTimeout(function(){{b.textContent='Copy';b.classList.remove('copied')}},2000)}})}})( this,'{copy_data[f"{drawer_id}-token"]}')">Copy</button>
                                 </div>
                             </div>
                         </details>
@@ -536,63 +536,6 @@ def create_subscriptions_html(subscriptions):
         }}
     </style>
 
-    <script>
-    // Use MutationObserver to attach handlers when elements are added
-    (function() {{
-        // Handle copy button clicks via event delegation on document
-        document.addEventListener('click', function(e) {{
-            var btn = e.target.closest('.btn-copy');
-            if (btn && btn.hasAttribute('data-copy-value')) {{
-                e.preventDefault();
-                e.stopPropagation();
-                var b64Value = btn.getAttribute('data-copy-value');
-                if (b64Value) {{
-                    try {{
-                        var text = atob(b64Value);
-                        navigator.clipboard.writeText(text).then(function() {{
-                            var originalText = btn.textContent;
-                            btn.textContent = 'Copied!';
-                            btn.classList.add('copied');
-                            setTimeout(function() {{
-                                btn.textContent = originalText;
-                                btn.classList.remove('copied');
-                            }}, 2000);
-                        }}).catch(function() {{
-                            // Fallback
-                            var ta = document.createElement('textarea');
-                            ta.value = text;
-                            ta.style.cssText = 'position:fixed;opacity:0';
-                            document.body.appendChild(ta);
-                            ta.select();
-                            document.execCommand('copy');
-                            document.body.removeChild(ta);
-                            var originalText = btn.textContent;
-                            btn.textContent = 'Copied!';
-                            btn.classList.add('copied');
-                            setTimeout(function() {{
-                                btn.textContent = originalText;
-                                btn.classList.remove('copied');
-                            }}, 2000);
-                        }});
-                    }} catch(err) {{
-                        console.error('Copy failed:', err);
-                    }}
-                }}
-            }}
-        }}, true);
-
-        // Handle Escape key to close drawers
-        document.addEventListener('keydown', function(e) {{
-            if (e.key === 'Escape') {{
-                var drawers = document.querySelectorAll('.drawer-overlay.show');
-                drawers.forEach(function(d) {{
-                    d.classList.remove('show');
-                }});
-                document.body.style.overflow = '';
-            }}
-        }});
-    }})();
-    </script>
     """
 
     return result_html