Add copy button, update to llama-3.3-70b, remove unused main.py

app.js

@@ -1,8 +1,4 @@
-// Plain Vanilla Chat Frontend
-// - One textarea, one Send button, one output area
-// - POSTs to /chat/run-agent with { prompt }
-// - Renders answer or error; optional Markdown if window.marked is available
-
+// Plain Vanilla Chat Frontend with Copy Button
 (function () {
   "use strict";
 
@@ -22,6 +18,38 @@
     return `<pre>${escapeHtml(md)}</pre>`;
   }
 
+  function createCopyButton(code) {
+    const btn = document.createElement("button");
+    btn.className = "copy-btn";
+    btn.textContent = "Copy";
+    btn.onclick = async () => {
+      try {
+        // Try modern clipboard API first
+        await navigator.clipboard.writeText(code);
+        btn.textContent = "Copied!";
+        setTimeout(() => { btn.textContent = "Copy"; }, 2000);
+      } catch (err) {
+        // Fallback for non-secure contexts
+        const textarea = document.createElement("textarea");
+        textarea.value = code;
+        textarea.style.position = "fixed";
+        textarea.style.opacity = "0";
+        document.body.appendChild(textarea);
+        textarea.select();
+        try {
+          document.execCommand("copy");
+          btn.textContent = "Copied!";
+          setTimeout(() => { btn.textContent = "Copy"; }, 2000);
+        } catch (e) {
+          btn.textContent = "Failed";
+          setTimeout(() => { btn.textContent = "Copy"; }, 2000);
+        }
+        document.body.removeChild(textarea);
+      }
+    };
+    return btn;
+  }
+
   function appendMessage(container, sender, message, useMarkdown = false) {
     const msgDiv = document.createElement("div");
     msgDiv.classList.add("message");
@@ -34,12 +62,39 @@
     if (codeBlockMatch) {
       const lang = codeBlockMatch[1] || "bash";
       const code = codeBlockMatch[2];
-      msgDiv.innerHTML = `
-        <strong>${sender}:</strong>
-        <pre><code class="language-${lang}">${escapeHtml(code)}</code></pre>
-      `;
+      
+      const codeWrapper = document.createElement("div");
+      codeWrapper.className = "code-wrapper";
+      
+      const pre = document.createElement("pre");
+      const codeEl = document.createElement("code");
+      codeEl.className = `language-${lang}`;
+      codeEl.textContent = code;
+      pre.appendChild(codeEl);
+      
+      const copyBtn = createCopyButton(code);
+      
+      codeWrapper.appendChild(copyBtn);
+      codeWrapper.appendChild(pre);
+      
+      msgDiv.innerHTML = `<strong>${sender}:</strong>`;
+      msgDiv.appendChild(codeWrapper);
     } else if (useMarkdown) {
       msgDiv.innerHTML = `<strong>${sender}:</strong>${renderMarkdown(String(message))}`;
+      
+      // Add copy buttons to any code blocks in markdown
+      msgDiv.querySelectorAll("pre code").forEach((codeEl) => {
+        const code = codeEl.textContent;
+        const pre = codeEl.parentElement;
+        const wrapper = document.createElement("div");
+        wrapper.className = "code-wrapper";
+        
+        const copyBtn = createCopyButton(code);
+        
+        pre.parentNode.insertBefore(wrapper, pre);
+        wrapper.appendChild(copyBtn);
+        wrapper.appendChild(pre);
+      });
     } else {
       msgDiv.innerHTML = `<strong>${sender}:</strong> <pre>${escapeHtml(String(message))}</pre>`;
     }
@@ -76,7 +131,6 @@
           body: JSON.stringify({ prompt }),
         });
 
-        // Try JSON; if it fails, show raw text to help debugging
         let data = null;
         let rawText = "";
         try {

index.html

@@ -122,6 +122,30 @@
     }
     a { color: var(--accent); text-decoration: none; }
     a:hover { text-decoration: underline; }
+    
+    /* Copy button styles */
+    .code-wrapper {
+      position: relative;
+      margin: 6px 0 0;
+    }
+    .copy-btn {
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      padding: 4px 10px;
+      font-size: 11px;
+      background: #1e293b;
+      color: var(--text);
+      border: 1px solid var(--border);
+      border-radius: 4px;
+      cursor: pointer;
+      z-index: 10;
+      font-weight: 600;
+    }
+    .copy-btn:hover {
+      background: #334155;
+      border-color: #475569;
+    }
   </style>
 </head>
 <body>