update the nfo

package-lock.json

@@ -13,6 +13,7 @@
         "@huggingface/inference": "^2.6.1",
         "@types/express": "^4.17.17",
         "express": "^4.18.2",
+        "slugify": "^1.6.6",
         "ts-node": "^10.9.1",
         "uuid": "^9.0.0"
       }
@@ -755,6 +756,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/slugify": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.6.tgz",
+      "integrity": "sha512-h+z7HKHYXj6wJU+AnS/+IH8Uh9fdcX1Lrhg1/VMdf9PwoBQXFcXiAdsy2tSK0P6gKwJLXp02r90ahUCqHk9rrw==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/statuses": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",

package.json

@@ -17,6 +17,7 @@
     "@huggingface/inference": "^2.6.1",
     "@types/express": "^4.17.17",
     "express": "^4.18.2",
+    "slugify": "^1.6.6",
     "ts-node": "^10.9.1",
     "uuid": "^9.0.0"
   }

public/index.html

@@ -28,9 +28,16 @@
               ? 'text-lg lg:text-xl'
               : 'text-lg lg:text-xl'"
             >
-              <p>A space to generate tiny web apps.</p>
-              <p>In case of hallucination try generating again 🎲</p>
+              <p>A space to generate Hugging Face Spaces using a LLM.</p>
+              <p>The Space will be created under your name, so please provide a valid Hugging Face token (with <span class="font-bold font-mono text-sm text-red-900">WRITE</span> access).</p>
             </div>
+            <input
+              name="token"
+              type="password"
+              x-model="token"
+              placeholder="Your Hugging Face token"
+              class="input w-full rounded text-stone-800 bg-stone-50 border-2 border-stone-400 font-mono text-md md:text-lg"
+            />
             <textarea
               name="promptDraft"
               x-model="promptDraft"
@@ -57,17 +64,17 @@
             <div class="flex flex-col text-stone-700 space-y-1 md:space-y-2">
               <p class="text-stone-700">
                 Model used:
-                <a href="https://huggingface.co/meta-llama" class="underline" target="_blank">
-                  Llama-2
+                <a href="https://huggingface.co/codellama/CodeLlama-34b-Instruct-hf" class="underline" target="_blank">
+                  codellama/CodeLlama-34b-Instruct-hf
                 </a>
               </p>
-              <p>Powered by 🤗 <a href="https://huggingface.co/inference-endpoints" class="underline" target="_blank">Inference Endpoints</a></p>
+              <p>Powered by 🤗 <a href="https://huggingface.co/inference-api" class="underline" target="_blank">Inference API</a></p>
               <p class="text-stone-700" x-show="state === 'loading'">
-                Waiting for the stream to begin (might take a few minutes)..
+                Waiting for the generation to begin (might take a few minutes)..
               </p>
               <p class="text-stone-700" x-show="state === 'streaming'">
                 Content size: <span x-text="humanFileSize(size, true, 2)"></span>. This version generates up
-                to 1150 tokens.
+                to 4096 tokens.
               </p>
             </div>
           </div>
@@ -82,7 +89,7 @@
           class="border-none w-full md:min-h-screen"
           :src="!open
             ? '/placeholder.html'
-            : `/app?prompt=${encodeURIComponent(prompt)}`
+            : `/app?prompt=${encodeURIComponent(prompt)}&token=${encodeURIComponent(token)}`
           "
         ></iframe>