How to customize the layout of the llamaindex server for Python?

[minor6th]

I've create a chatbot with python LlamaIndex as backend, but I found I can only customize the ui-event by modifying the components/ui_event.jsx file.

What I want is to customize the chat panel itself. For example, to change the chat panel's relative width or add a upload button for file uploading.

[marcusschiesser]

Currently there are two ways to customize the LlamaIndexServer layout for Python:

1. Adding layout components: see https://github.com/run-llama/create-llama/blob/main/python/llama-index-server/docs/custom_layout.md
2. Adding streamed events, see: https://github.com/run-llama/create-llama/blob/main/python/llama-index-server/docs/custom_ui_component.md

We'll add upload functionality soon, see #539

To fully customize the frontend, better use the TS version of llama index server, it's basically a NextJS app and you can eject the full NextJS code anytime, see https://www.npmjs.com/package/@llamaindex/server#eject-mode