updated token

index.html

@@ -28,12 +28,13 @@
     <div id="loadingStatus" class="loading">⚙️ Processing diff via Serverless Inference API (this can take a moment if the model is waking up)...</div>
     <div id="outputBox" class="output-box"></div>
 </div>
-
 <script>
 async function generateCommit() {
-    // Configured automatically with your username
     const MODEL_ID = "nivethitha1703/developer-git-commit-agent";
     
+    // FIX: Safely reads the hidden token from Hugging Face infrastructure without revealing it in your code
+    const HF_TOKEN = window.huggingface?.variables?.HF_TOKEN; 
+    
     const diffText = document.getElementById("gitDiff").value;
     const outputBox = document.getElementById("outputBox");
     const loadingStatus = document.getElementById("loadingStatus");
@@ -43,16 +44,22 @@ async function generateCommit() {
         return;
     }
     
+    if (!HF_TOKEN) {
+        outputBox.innerText = "Error: HF_TOKEN secret not found in Space Settings. Please add it first.";
+        outputBox.style.display = "block";
+        return;
+    }
+    
     outputBox.style.display = "none";
     loadingStatus.style.display = "block";
     
-    // Construct the instruction format for your fine-tuned chat model
     const prompt = `<|im_start|>system\nYou are an expert software engineer agent. Write a concise, professional Git commit message based on the provided code diff.<|im_end|>\n<|im_start|>user\nCode Diff:\n${diffText}<|im_end|>\n<|im_start|>assistant\n`;
     
     try {
         const response = await fetch(`https://huggingface.co{MODEL_ID}`, {
             method: "POST",
             headers: {
+                "Authorization": `Bearer ${HF_TOKEN}`,
                 "Content-Type": "application/json"
             },
             body: JSON.stringify({
@@ -66,7 +73,7 @@ async function generateCommit() {
         
         if (data.error) {
             outputBox.innerText = "API Error: " + data.error;
-        } else if (Array.isArray(data) && data[0] && data[0].generated_text) {
+        } else if (Array.isArray(data) && data[0]?.generated_text) {
             let result = data[0].generated_text;
             result = result.replace(prompt, "").trim();
             outputBox.innerText = result;
@@ -87,5 +94,6 @@ async function generateCommit() {
 }
 </script>
 
+
 </body>
 </html>