Added copy logic

Author: jydv402

extension/popup.css

@@ -1,6 +1,6 @@
 body {
     font-family: 'Segoe UI', sans-serif;
-    margin: 0;
+    margin: 6px;
     padding: 20px;
     width: 320px;
     height: auto;
@@ -37,6 +37,38 @@ h3 {
     transform: scale(1.01);
 }
 
+#copyContainer {
+    position: relative;
+    height: 0;
+    margin-top: 50px;
+    margin-right: -8px;
+}
+
+#copyBtn {
+    position: absolute;
+    right: 10px;
+    bottom: 10px;
+    background: rgba(255, 255, 255, 0.08);
+    color: #FFA726;
+    border: none;
+    border-radius: 10px;
+    width: 64px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    backdrop-filter: blur(5px);
+    transition: background 0.2s ease-in-out;
+    font-size: 12px;
+}
+
+#copyBtn:hover {
+    background: rgba(157, 105, 28, 0.2);
+    transform: scale(1.01);
+}
+
+
 
 ul {
     padding-left: 20px;

extension/popup.html

@@ -12,6 +12,14 @@
   <h3>Need Help with LeetCode?</h3>
   <button id="getHelp">Get Step-by-Step Help</button>
 
+  <!-- <div id="copyContainer"> -->
+  <div id="copyContainer" style="display: none; position: relative;">
+    <button id="copyBtn" title="Copy steps">
+      Copy
+    </button>
+  </div>
+
+
   <!-- Loader Spinner -->
   <div id="loader" style="display: none; text-align: center;">
     <div class="spinner"></div>

extension/popup.js

@@ -36,6 +36,20 @@ document.getElementById("getHelp").addEventListener("click", async () => {
           const div = document.createElement("div");
           div.innerHTML = marked.parse(step); // Render markdown
           output.appendChild(div);
+
+          document.getElementById("copyContainer").style.display = "block";
+
+          // Copy text logic
+          document.getElementById("copyBtn").onclick = () => {
+            const textToCopy = data.steps.join('\n\n');
+            navigator.clipboard.writeText(textToCopy).then(() => {
+              document.getElementById("copyBtn").innerText = "✅";
+              setTimeout(() => {
+                document.getElementById("copyBtn").innerText = "Copy";
+              }, 1500);
+            })
+          };
+
         });
       } else {
         output.innerHTML = "<p>No steps found.</p>";