Batch run visualization feature does not work in VS Code

[tcsatheesh]

Describe the bug
After a batch run when we select the visualization feature the vs code shows a blank page.

How To Reproduce the bug

1. Create a standard flow
2. Run the batch run
3. Select the batch run in the batch run history
4. Click on Visualization
5. A blank page shows up.

Expected behavior
The visualization of the run.

Screenshots
Its an empty screen. Note I can see the html in the temp folder and when I try to open it a browser I get this in the browser console
"GET https://sdk-bulk-test-endpoint.azureedge.net/bulk-test-details/view/0.0.35/bulkTestDetails.min.js net::ERR_ABORTED 409 (Conflict)"

Running Information(please complete the following information):

• Promptflow Package Version using pf -v: [e.g. 0.0.102309906]
  pf -v
  {
  "promptflow": "1.16.1",
  "promptflow-core": "1.16.1",
  "promptflow-devkit": "1.16.1",
  "promptflow-tracing": "1.16.1"
  }

Executable 'C:\projects\machine_learning\venv\promptflow\Scripts\python.exe'
Python (Windows) 3.11.9 | packaged by Anaconda, Inc. | (main, Apr 19 2024, 16:40:41) [MSC v.1916 64 bit (AMD64)]

• Operating System: [e.g. Ubuntu 20.04, Windows 11]
  Windows 11
• Python Version using python --version: [e.g. python==3.10.12]
  python --version
  Python 3.11.9
  Additional context
  Add any other context about the problem here.

[SophieBoule99]

I am facing the exact same issue.

[polikeiji]

I'm facing the same issue when accessing the HTML generated by pf run visualize. I think the JS file "bulkTestDetails.min.js" is not accessible in public. I'm wondering if it's the cause of the issue.

$ curl https://sdk-bulk-test-endpoint.azureedge.net/bulk-test-details/view/0.0.35/bulkTestDetails.min.js
...
< HTTP/2 409 
< date: Tue, 03 Dec 2024 04:49:56 GMT
< content-type: application/xml
< content-length: 248
< x-ms-request-id: 82869c26-e01e-0023-4b3e-452444000000
< x-ms-version: 2009-09-19
< x-azure-ref: 20241203T044956Z-167dd484d77qjrlwhC1TYOa6y80000000ku000000000xcqw
< x-fd-int-roxy-purgeid: 50215840
< x-cache: TCP_MISS
< 
<?xml version="1.0" encoding="utf-8"?><Error><Code>PublicAccessNotPermitted</Code><Message>Public access is not permitted on this storage account.
RequestId:82869c26-e01e-0023-4b3e-452444000000
* Connection #0 to host sdk-bulk-test-endpoint.azureedge.net left intact
Time:2024-12-03T04:49:56.9351917Z</Message></Error>

[Ethan-cw]

I am facing the exact same issue too.

[snw55]

+1

[saradhipb]

When can we expect the issue will be fixed?

[ali-el-moussawi-octo]

Hello.
Thank you for this great tool
Please we are facing the same issue, we are not able to view the generated html.
When can we expect the issue to be fixed please ?
Best regards

[ali-el-moussawi-octo]

I'm facing the same issue when accessing the HTML generated by pf run visualize. I think the JS file "bulkTestDetails.min.js" is not accessible in public. I'm wondering if it's the cause of the issue.

$ curl https://sdk-bulk-test-endpoint.azureedge.net/bulk-test-details/view/0.0.35/bulkTestDetails.min.js
...
< HTTP/2 409
< date: Tue, 03 Dec 2024 04:49:56 GMT
< content-type: application/xml
< content-length: 248
< x-ms-request-id: 82869c26-e01e-0023-4b3e-452444000000
< x-ms-version: 2009-09-19
< x-azure-ref: 20241203T044956Z-167dd484d77qjrlwhC1TYOa6y80000000ku000000000xcqw
< x-fd-int-roxy-purgeid: 50215840
< x-cache: TCP_MISS
<

PublicAccessNotPermittedPublic access is not permitted on this storage account.

RequestId:82869c26-e01e-0023-4b3e-452444000000

• Connection #0 to host sdk-bulk-test-endpoint.azureedge.net left intact
  Time:2024-12-03T04:49:56.9351917Z

+1

[Siu-Keung]

+1

[gbaeke]

+1

Thank you for fixing it soon!

[ali-el-moussawi-octo]

Hello,
Thank you for your work.
Any luck fixing this soon ?
I tried to search the internet for a cached version of https://sdk-bulk-test-endpoint.azureedge.net/bulk-test-details/view/0.0.35/bulkTestDetails.min.js but with no success...
Is there a way to get this .js file ?
Best regards

[jgruppen]

+1

[khchan]

Hacky workaround - the bulkTestDetails.min.js is still available in git here: https://raw.githubusercontent.com/microsoft/promptflow/8bc2250ae9231093f1d3f2767a786363caa7e5b0/src/promptflow/promptflow/_sdk/data/bulkTestDetails.min.js so you can download it locally then modify the script path here to point to the local file on your machine.

[ali-el-moussawi-octo]

Hacky workaround - the bulkTestDetails.min.js is still available in git here: https://raw.githubusercontent.com/microsoft/promptflow/8bc2250ae9231093f1d3f2767a786363caa7e5b0/src/promptflow/promptflow/_sdk/data/bulkTestDetails.min.js so you can download it locally then modify the script path here to point to the local file on your machine.

You saved the day ! Thank you !
I had tried to search the web for the file but could not find it, thank you !
The .js is about 3Mb and in my project the pf-visualize.html file is douzens of Mb heavy, so I will paste it inline instead of saving to a local file.