Restore working Client connection and positional predict arrays in app.js

static/app.js

@@ -1,4 +1,4 @@
-import { client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
+import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
 
 // Global Application State Management
 const STATE = {
@@ -69,7 +69,7 @@ marked.setOptions({
 // Setup Initial State & Event Handlers
 async function initializeApp() {
     // 1. Connect Gradio Client in background (Non-blocking)
-    client(window.location.origin)
+    Client.connect(window.location.origin)
         .then(app => {
             STATE.gradioClient = app;
             console.log("Successfully connected to Gradio.Server backend.");
@@ -412,13 +412,13 @@ async function triggerPromptSubmission(inputElement) {
         const responseId = appendAssistantPlaceholderBubble();
         const startTime = Date.now();
 
-        // Call our gradio.Server api endpoint using named object parameters matching Python arguments
-        const result = await STATE.gradioClient.predict("/chat_with_step", {
-            messages_json: JSON.stringify(STATE.conversationHistory),
-            reasoning_effort: STATE.reasoningEffort,
-            max_tokens: STATE.maxTokens,
-            temperature: STATE.temperature
-        });
+        // Call our gradio.Server api endpoint using standard positional array arguments
+        const result = await STATE.gradioClient.predict("/chat_with_step", [
+            JSON.stringify(STATE.conversationHistory),
+            STATE.reasoningEffort,
+            STATE.maxTokens,
+            STATE.temperature
+        ]);
 
         const duration = ((Date.now() - startTime) / 1000).toFixed(1);
         const rawData = Array.isArray(result.data) ? result.data[0] : result.data;