[bug] Clear photos and context from the chat after the user hits submit

[drfarrell]

Describe the bug

Users can add images to prompts but when they hit enter, the images are still attached to the next prompt. Clear them when the user hits enter.

[silky-x0]

@drfarrell hey could tell me how to reproduce this? like I checked web-version code I dont see any code that handles attachment as input or you are using another version?

[Kitenite]

Hey @silky-x0 ,
We track context here. Seems like it should be cleared https://github.com/onlook-dev/onlook/blob/main/apps/web/client/src/components/store/editor/chat/context.ts#L16

Seems like we're missing clearing the attachments after the call succeeds

[silky-x0]

@Kitenite yess checking on it.

[silky-x0]

@Kitenite i think this might help didn't tried but looking at the code this will work most likely, what'd you think?

async clearAttachments() {
        const freshContext = await this.getChatContext();
        this.context = freshContext.filter((context) => context.type !== MessageContextType.IMAGE);
    }

[Kitenite]

@silky-x0
I think clearAttachments as-is would work too but worth testing both. We just need to decide when context gets cleared. Whether its right after sending or when message is received so we don't lose the context if the call fails. I think the latter.

[silky-x0]

@Kitenite yeah actually latter make sense more, but we only have to clear the attachments right? why the whole context?

[Kitenite]

That one should only clear the images.