XB-AI fails to gracefully handle large image file uploads

Console error message for the above error

index.js?t0th4u:458 Uncaught QuotaExceededError: Failed to execute 'setItem' on 'Storage': Setting the value of 'aiWizardChatHistory' exceeded the quota.
    at t.D (index.js?t0th4u:458:18193)
    at t.value (index.js?t0th4u:231:3468)
    at t.value (index.js?t0th4u:231:21761)
    at t.value (index.js?t0th4u:389:5869)
    at t.value (index.js?t0th4u:389:5438)
    at t.<anonymous> (index.js?t0th4u:431:3278)
    at u (index.js?t0th4u:189:3070)
    at Generator.<anonymous> (index.js?t0th4u:189:2834)
    at Generator.next (index.js?t0th4u:189:3429)
    at MZ (index.js?t0th4u:189:7780)
D @ index.js?t0th4u:458
value @ index.js?t0th4u:231
value @ index.js?t0th4u:231
value @ index.js?t0th4u:389
value @ index.js?t0th4u:389
(anonymous) @ index.js?t0th4u:431
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
Promise.then
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
n @ index.js?t0th4u:431
(anonymous) @ index.js?t0th4u:431
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
Promise.then
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
n @ index.js?t0th4u:431
(anonymous) @ index.js?t0th4u:431
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
Promise.then
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
n @ index.js?t0th4u:431
elementRef.classList.contains.elementRef.onclick @ index.js?t0th4u:431
index.js?t0th4u:463 AI request failed: SyntaxError: Unexpected token '<', "<br />
<b>"... is not valid JSON
handler @ index.js?t0th4u:463
await in handler
(anonymous) @ index.js?t0th4u:232
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
r @ index.js?t0th4u:232
(anonymous) @ index.js?t0th4u:232
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
Promise.then
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
r @ index.js?t0th4u:232
(anonymous) @ index.js?t0th4u:232
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
r @ index.js?t0th4u:232
(anonymous) @ index.js?t0th4u:232
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
r @ index.js?t0th4u:232
(anonymous) @ index.js?t0th4u:232
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
r @ index.js?t0th4u:232
(anonymous) @ index.js?t0th4u:232
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
r @ index.js?t0th4u:232
(anonymous) @ index.js?t0th4u:431
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
Promise.then
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
Promise.then
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
n @ index.js?t0th4u:431
(anonymous) @ index.js?t0th4u:431
u @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
Promise.then
MZ @ index.js?t0th4u:189
o @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
(anonymous) @ index.js?t0th4u:189
n @ index.js?t0th4u:431
elementRef.classList.contains.elementRef.onclick @ index.js?t0th4u:431

Let's make a max file upload size configurable in the admin UI

I have created a separate issue that will handle the QuotaExceededError 🐛 XB AI: Encountering QuotaExceededError while saving the chat history in session storage Active .

This is ready for an initial round of review.

Overall looks good. Some feedback to address.
Also, Input field error message and description is contradicting. See attached SS.

Addressed feedback.

utkarsh_33 → changed the visibility of the branch 3540725-xb-ai-fails-to to hidden.

Successfully migrated to canvas project. This can be reviewed now.

Changes looks good to me. Moving it to RTBC.

Merged, thanks!

Now that this issue is closed, please review the contribution record.

As a contributor, attribute any organization helped you, or if you volunteered your own time.

Maintainers, please credit people who helped resolve this issue.