Show UI element when no script is selected (#1551)

* show ui element when no script

* ✨ refactor HTTP request building in traceFetchPost
Revised traceFetchPost to generate detailed HTTP requests.

* 🎨 refactor: update logging to use dbg instead of logVerbose

Simplified logging by replacing logVerbose calls with dbg calls.

Author: pelikhan

packages/core/src/fetchtext.ts

@@ -168,23 +168,40 @@ export function traceFetchPost(
                         : "***") // Mask other authorization headers
             )
     }
-    let cmd = `curl ${url} \\
---no-buffer \\
-${Object.entries(headers)
-    .map(([k, v]) => `-H "${k}: ${v}"`)
-    .join(" \\\n")} \\
-`
+
+    // Start building the HTTP request
+    let httpRequest = `POST ${url} HTTP/1.1\n`
+
+    // Add headers
+    Object.entries(headers).forEach(([key, value]) => {
+        httpRequest += `${key}: ${value}\n`
+    })
+
+    // Add body
     if (body instanceof FormData) {
+        const boundary = "------------------------" + Date.now().toString(16)
+        httpRequest += `Content-Type: multipart/form-data; boundary=${boundary}\n\n`
+
         body.forEach((value, key) => {
-            cmd += `-F ${key}=${value instanceof File ? `... (${prettyBytes(value.size)})` : "" + value}\n`
+            httpRequest += `--${boundary}\n`
+            httpRequest += `Content-Disposition: form-data; name="${key}"`
+            if (value instanceof File) {
+                httpRequest += `; filename="${value.name}"\n`
+                httpRequest += `Content-Type: ${value.type || "application/octet-stream"}\n\n`
+                httpRequest += `... (${prettyBytes(value.size)})\n`
+            } else {
+                httpRequest += "\n\n" + value + "\n"
+            }
         })
+        httpRequest += `--${boundary}--\n`
     } else {
-        cmd += `-d '${JSON.stringify(body, null, 2).replace(/'/g, "'\\''")}'
-`
+        httpRequest += "Content-Type: application/json\n\n"
+        httpRequest += JSON.stringify(body, null, 2)
     }
+
     if (trace) {
-        trace.detailsFenced(`🌐 fetch`, cmd, "bash")
+        trace.detailsFenced(`🌐 fetch`, httpRequest, "http")
     } else {
-        logVerbose(cmd)
+        logVerbose(httpRequest)
     }
 }

packages/core/src/githubclient.ts

@@ -168,7 +168,7 @@ export async function githubParseEnv(
                 options
             )
             if (repoInfo.failed) {
-                logVerbose(repoInfo.stderr)
+                dbg(repoInfo.stderr)
             } else if (!repoInfo.failed) {
                 const { name: repo, owner } = JSON.parse(repoInfo.stdout)
                 dbg(`retrieved repository info via gh CLI: ${repoInfo.stdout}`)
@@ -200,7 +200,7 @@ export async function githubParseEnv(
             }
         }
     } catch (e) {
-        logVerbose(errorMessage(e))
+        dbg(errorMessage(e))
     }
 
     deleteUndefinedValues(res)

packages/sample/genaisrc/add.test.genai.mjs

@@ -1,22 +1,23 @@
 script({
-    title: 'Simple Math Test',
-    description: 'Validates that the model correctly calculates 1+1.',
-    group: 'Basic Tests',
-    temperature: 0,  
-    maxTokens: 10, 
+    title: "Simple Math Test",
+    description: "Validates that the model correctly calculates 1+1.",
+    group: "Basic Tests",
+    temperature: 0,
+    maxTokens: 10,
+    accept: "none",
     tests: [
-      {
-        files: [],  
-//        rubrics: ['output correctly calculates 1+1 as 2'],
-//        facts: [`The model should return "2".`],
-        asserts: [
-          {
-            type: 'icontains',
-            value: '2', 
-          },
-        ],
-      },
+        {
+            files: [],
+            //        rubrics: ['output correctly calculates 1+1 as 2'],
+            //        facts: [`The model should return "2".`],
+            asserts: [
+                {
+                    type: "icontains",
+                    value: "2",
+                },
+            ],
+        },
     ],
-  });
-  
-  $`What is 1 + 1?`; 
+})
+
+$`What is 1 + 1?`

packages/web/src/App.tsx

@@ -99,8 +99,18 @@ function acceptToAccept(accept: string | undefined) {
 function FilesFormInput() {
     const script = useScript()
     const { accept } = script || {}
-    if (!script || accept === "none") return null
-
+    if (!script)
+        return (
+            <vscode-form-group>
+                <vscode-label>Select a script to run.</vscode-label>
+            </vscode-form-group>
+        )
+    if (accept === "none")
+        return (
+            <vscode-form-group>
+                <vscode-label>No files accepted.</vscode-label>
+            </vscode-form-group>
+        )
     return <FilesDropZone script={script} />
 }