Playground state

[feloy]

With this PR, in a Playground page, the query and the response are decorrelated.

• the frontend sends a query and gets a queryId in return
• the backend waits for the query to terminate, and updates the queries state with the result of the query
• the frontend listens for the query state (through the playgroundQuery store), and updates the page with the result.
• if the user leaves the Playground page and goes back later to the page, the latest query is displayed (either it is terminated or waiting for a response)

Other related changes:

• the frontend can subscribe to messages from the RpcBrowser (which receives all messages from backend)
• the container for the playground is not restarted if already started
• a new port is used for every new playground's container, it should be possible to have several playground's containers running at the same time (to be tested)

TODO

• tests

[slemeur]

👍

[axel7083]

Just an idea, instead of having a method firing the first event to setup the store, we could make it return the state, and initiate the store with it, it would look less magic to read

[lstocchi]

Idk if it would be part of this PR or a separate one but the playground does not work for me. I don't have the local-ai image and i don't know what else i'm missing (still have to check the code) but as a user i clicked send request and nothing happens. If i look at the console i see

[feloy]

Idk if it would be part of this PR or a separate one but the playground does not work for me. I don't have the local-ai image and i don't know what else i'm missing (still have to check the code) but as a user i clicked send request and nothing happens. If i look at the console i see

I think it is due to the fact that you don't have the local-ai image.
I have created this issue to follow the problem: #87

[lstocchi]

After having downloaded local-ai, it works as expected. GJ 🚀