Webview UI fails to load assets with ERR_ACCESS_DENIED and 404 Not Found errors

[benzntech]

App Version

v3.25.6

API Provider

Not Applicable / Other

Model Used

N/A

Roo Code Task Links (Optional)

No response

🔁 Steps to Reproduce

1. Setup: Use VS Code on a macOS machine with the Roo-Code extension (v3.25.6) installed.

2. Action: Open a workspace and ensure the Roo-Code webview panel is visible. 3. What happened: The webview panel appears blank, and the developer tools console logs a series of errors related to resource loading.

💥 Outcome Summary

The Roo-Code webview UI fails to load its visual components, resulting in a blank or broken panel. The issue is caused by the webview being unable to access its assets, as indicated by ERR_ACCESS_DENIED and 404 Not Found errors in the console.

📄 Relevant Logs or Errors (Optional)

resourceLoading.ts:82 Qa: Unable to read file '/Users/bensonkb/.vscode/extensions/rooveterinaryinc.roo-cline-3.25.6/webview-ui/build/assets/index.map.json' (Error: Unable to resolve nonexistent file '/Users/bensonkb/.vscode/extensions/rooveterinaryinc.roo-cline-3.25.6/webview-ui/build/assets/index.map.json')
resourceLoading.ts:82 Qa: Unable to read file '/Users/bensonkb/.vscode/extensions/rooveterinaryinc.roo-cline-3.25.6/webview-ui/build/assets/index.sourcemap' (Error: Unable to resolve nonexistent file '/Users/bensonkb/.vscode/extensions/rooveterinaryinc.roo-cline-3.25.6/webview-ui/build/assets/index.sourcemap')
mermaid-bundle.js:2   
         
         
        GET vscode-webview://0coha6k8ugmdg5t1p8ra64gdjckkrtcd46iamk37jjgk91r3lvki/assets/chunk-pO14Kfwb.js net::ERR_ACCESS_DENIED
mermaid-bundle.js:2   
         
         
        GET vscode-webview://0coha6k8ugmdg5t1p8ra64gdjckkrtcd46iamk37jjgk91r3lvki/assets/mermaid-bundle.js net::ERR_ACCESS_DENIED
index.js:267   
         
         
        GET https://file+.vscode-resource.vscode-cdn.net/Users/bensonkb/.vscode/extensions/rooveterinaryinc.roo-cline-3.25.6/webview-ui/build/assets/index.map.json 404 (Not Found)
index.js:267   
         
         
        GET https://file+.vscode-resource.vscode-cdn.net/Users/bensonkb/.vscode/extensions/rooveterinaryinc.roo-cline-3.25.6/webview-ui/build/assets/index.sourcemap 404 (Not Found)

log.ts:450  WARN [mainThreadStorage] large extension state detected (extensionId: RooVeterinaryInc.roo-cline, global: true): 925.162109375kb. Consider to use 'storageUri' or 'globalStorageUri' to store this data on disk instead.

[roomote]

Hi! I'm here to help out the maintainers and am going to see if I can fix this issue or at least get close enough to be helpful! I'll investigate the webview asset loading problem and work on a solution.

[roomote]

I've created a pull request to fix this issue: #6716

The problem was that the webview build assets were not being included in the repository due to the .gitignore configuration. I've:

1. Modified src/.gitignore to exclude webview source files but include the build output
2. Built the webview assets
3. Added all 633 build files to the repository

This should resolve the blank webview issue with ERR_ACCESS_DENIED and 404 errors. The CI checks are currently running on the PR.

[daniel-lxs]

Closing as duplicate of #6684