Enhance Dockerfile by adding system dependencies for cairo and build tools; update app.js to improve clipboard copy functionality with error handling and visual feedback.

Dockerfile

@@ -3,6 +3,15 @@ FROM python:3.9-slim
 # Set working directory
 WORKDIR /app
 
+# Install system dependencies for cairo and build tools
+RUN apt-get update && apt-get install -y \
+    gcc \
+    g++ \
+    libcairo2-dev \
+    pkg-config \
+    python3-dev \
+    && rm -rf /var/lib/apt/lists/*
+
 # Copy requirements first for better caching
 COPY requirements.txt .
 

static/js/app.js

@@ -157,19 +157,22 @@ async function copyToClipboard(text) {
         } else {
             const ta = document.createElement('textarea');
             ta.value = text;
-            ta.style.cssText = 'position:fixed;left:-9999px';
+            ta.style.cssText = 'position:fixed;left:-9999px;top:0';
             document.body.appendChild(ta);
+            ta.focus();
             ta.select();
-            document.execCommand('copy');
+            const success = document.execCommand('copy');
             document.body.removeChild(ta);
+            if (!success) throw new Error('Copy command failed');
         }
         
         btn.innerHTML = `<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> Copied`;
         btn.style.background = 'var(--color-success)';
         btn.style.color = 'white';
         btn.style.border = 'none';
-    } catch {
-        btn.innerHTML = 'Failed';
+    } catch (err) {
+        console.error('Copy failed:', err);
+        btn.innerHTML = `<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg> Failed`;
         btn.style.background = 'var(--color-error)';
         btn.style.color = 'white';
         btn.style.border = 'none';