ugh its broke

prototype_index.html

@@ -267,7 +267,7 @@
           );
           
           const joyCaption = await Client.connect(
-            "fancyfeast/joy-caption-alpha-two",
+            "fancyfeast/joy-caption-beta-one",
             opts
           );
           
@@ -372,15 +372,91 @@
             captionResultDiv.innerHTML = "Generating caption…";
             
             try {
-              const output = await joyCaption.predict("/stream_chat", [
-                imageToCaption,
-                captionType,
-                captionLength,
-                [], // extra_options
-                "", // name_input
-                ""  // custom_prompt
-              ]);
+              console.log("=== DETAILED DEBUG INFO ===");
+              console.log("imageToCaption:", {
+                name: imageToCaption.name,
+                size: imageToCaption.size,
+                type: imageToCaption.type,
+                constructor: imageToCaption.constructor.name,
+                isFile: imageToCaption instanceof File
+              });
+              console.log("captionType:", captionType);
+              console.log("captionLength:", captionLength);
+              
+              // Check Space status first
+              console.log("Checking Space status...");
+              try {
+                const apiInfo = await joyCaption.view_api();
+                console.log("Space API info:", apiInfo);
+              } catch (apiErr) {
+                console.warn("Could not get API info:", apiErr);
+              }
+              
+              console.log("Calling joyCaption.predict...");
               
+              // Try different approaches
+              let output;
+              let attempt = 1;
+              
+              // Attempt 1: Direct File object (original approach)
+              try {
+                console.log(`Attempt ${attempt}: Direct File object`);
+                output = await joyCaption.predict("/stream_chat", [
+                  imageToCaption,
+                  captionType,
+                  captionLength,
+                  [], // extra_options
+                  "", // name_input
+                  ""  // custom_prompt
+                ]);
+                console.log("Success with direct File!");
+              } catch (err1) {
+                console.warn(`Attempt ${attempt} failed:`, err1);
+                attempt++;
+                
+                // Attempt 2: Convert to blob URL
+                try {
+                  console.log(`Attempt ${attempt}: Blob URL`);
+                  const blobUrl = URL.createObjectURL(imageToCaption);
+                  output = await joyCaption.predict("/stream_chat", [
+                    blobUrl,
+                    captionType,
+                    captionLength,
+                    [], // extra_options
+                    "", // name_input
+                    ""  // custom_prompt
+                  ]);
+                  console.log("Success with blob URL!");
+                  URL.revokeObjectURL(blobUrl);
+                } catch (err2) {
+                  console.warn(`Attempt ${attempt} failed:`, err2);
+                  attempt++;
+                  
+                  // Attempt 3: Convert to data URL
+                  try {
+                    console.log(`Attempt ${attempt}: Data URL`);
+                    const dataUrl = await new Promise((resolve) => {
+                      const reader = new FileReader();
+                      reader.onload = () => resolve(reader.result);
+                      reader.readAsDataURL(imageToCaption);
+                    });
+                    output = await joyCaption.predict("/stream_chat", [
+                      dataUrl,
+                      captionType,
+                      captionLength,
+                      [], // extra_options
+                      "", // name_input
+                      ""  // custom_prompt
+                    ]);
+                    console.log("Success with data URL!");
+                  } catch (err3) {
+                    console.error(`All ${attempt} attempts failed. Last error:`, err3);
+                    throw err3;
+                  }
+                }
+              }
+              
+              console.log("Success! Output:", output);
               const [prompt, caption] = output.data;
               captionResultDiv.innerHTML = `
                 <div style="background:#f8f9fa; padding:1rem; border-radius:6px; margin-top:1rem;">
@@ -392,8 +468,24 @@
                 </div>
               `;
             } catch (err) {
-              console.error(err);
-              captionResultDiv.innerHTML = `<p style="color:red;">Caption generation failed: ${err}</p>`;
+              console.error("=== DETAILED ERROR INFO ===");
+              console.error("Error type:", typeof err);
+              console.error("Error constructor:", err.constructor?.name);
+              console.error("Error message:", err.message);
+              console.error("Error stack:", err.stack);
+              console.error("Full error object:", err);
+              console.error("Error keys:", Object.keys(err));
+              console.error("Error JSON:", JSON.stringify(err, null, 2));
+              
+              captionResultDiv.innerHTML = `
+                <div style="color:red; background:#fee; padding:1rem; border-radius:6px; margin-top:1rem;">
+                  <h4>Caption Generation Failed</h4>
+                  <p><strong>Error Type:</strong> ${err.constructor?.name || typeof err}</p>
+                  <p><strong>Error Message:</strong> ${err.message || err.toString()}</p>
+                  <p><strong>Full Error:</strong></p>
+                  <pre style="font-size:12px; overflow:auto;">${JSON.stringify(err, null, 2)}</pre>
+                </div>
+              `;
             } finally {
               btn.disabled = false;
               btn.textContent = "Generate Caption";