j-harishankar
diff --git a/‎icon.png‎ renamed to ‎extension/icon.png‎ b/‎icon.png‎ renamed to ‎extension/icon.png‎
diff --git a/‎manifest.json‎ renamed to ‎extension/manifest.json‎
Lines changed: 3 additions & 2 deletions b/‎manifest.json‎ renamed to ‎extension/manifest.json‎
Lines changed: 3 additions & 2 deletions
diff --git a/‎popup.html‎ renamed to ‎extension/popup.html‎
Lines changed: 17 additions & 1 deletion b/‎popup.html‎ renamed to ‎extension/popup.html‎
Lines changed: 17 additions & 1 deletion
diff --git a/‎extension/popup.js‎
Lines changed: 36 additions & 0 deletions b/‎extension/popup.js‎
Lines changed: 36 additions & 0 deletions
diff --git a/‎leetcode_backend/api/__init__.py‎ b/‎leetcode_backend/api/__init__.py‎
diff --git a/‎leetcode_backend/api/__pycache__/__init__.cpython-313.pyc‎
148 Bytes b/‎leetcode_backend/api/__pycache__/__init__.cpython-313.pyc‎
148 Bytes
diff --git a/‎leetcode_backend/api/__pycache__/admin.cpython-313.pyc‎
192 Bytes b/‎leetcode_backend/api/__pycache__/admin.cpython-313.pyc‎
192 Bytes
diff --git a/‎leetcode_backend/api/__pycache__/apps.cpython-313.pyc‎
506 Bytes b/‎leetcode_backend/api/__pycache__/apps.cpython-313.pyc‎
506 Bytes
diff --git a/‎leetcode_backend/api/__pycache__/models.cpython-313.pyc‎
189 Bytes b/‎leetcode_backend/api/__pycache__/models.cpython-313.pyc‎
189 Bytes
diff --git a/‎leetcode_backend/api/__pycache__/urls.cpython-313.pyc‎
293 Bytes b/‎leetcode_backend/api/__pycache__/urls.cpython-313.pyc‎
293 Bytes
@@ -2,8 +2,9 @@
   "manifest_version": 3,
   "name": "LeetCode Helper",
   "version": "1.0",
-  "description": "Get AI-powered help while solving LeetCode problems.",
-  "permissions": [],
+  "description": "Get AI-powered help while solving LeetCode problems",
+  "permissions": ["activeTab", "scripting", "tabs"],
+  "host_permissions": ["https://leetcode.com/*"],
   "action": {
     "default_popup": "popup.html",
     "default_icon": {
 
@@ -6,8 +6,13 @@
     body {
       font-family: Arial, sans-serif;
       padding: 10px;
-      width: 250px;
+      width: 300px;
     }
+
+    h3 {
+      margin-top: 0;
+    }
+
     #getHelp {
       padding: 10px;
       background: #4CAF50;
@@ -16,13 +21,24 @@
       width: 100%;
       border-radius: 5px;
       cursor: pointer;
+      margin-bottom: 10px;
+    }
+
+    ul {
+      padding-left: 20px;
+    }
+
+    li {
+      margin-bottom: 5px;
     }
   </style>
 </head>
 <body>
   <h3>Need Help with LeetCode?</h3>
   <button id="getHelp">Get Step-by-Step Help</button>
 
+  <ul id="output"></ul> <!-- This is where the guided steps will appear -->
+
   <script src="popup.js"></script>
 </body>
 </html>
@@ -0,0 +1,36 @@
+console.log("📦 popup.js loaded");
+
+document.getElementById("getHelp").addEventListener("click", async () => {
+  chrome.tabs.query({ active: true, currentWindow: true }, async (tabs) => {
+    const tab = tabs[0];
+    const url = tab.url;
+    const title = tab.title;
+
+    console.log("LeetCode URL:", url);
+    console.log("Problem Title:", title);
+
+    const response = await fetch("http://127.0.0.1:8000/api/solve/", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ title, url })
+    });
+
+    const data = await response.json();
+    console.log("✅ Response from Django:", data);
+
+    const output = document.getElementById("output");
+    output.innerHTML = "";
+
+    if (data.steps && Array.isArray(data.steps)) {
+      data.steps.forEach((step, index) => {
+        const li = document.createElement("li");
+        li.textContent = step;
+        output.appendChild(li);
+      });
+    } else {
+      output.innerHTML = "<p>No steps found.</p>";
+    }
+  });
+});