Hi, I'm currently running the project with "docker run -p 6006:6006 -p 4317:4317 -i -t arizephoenix/phoenix:latest". Could you tell me how I can change anything in the image below? For example, here's the dropdown for the time range and I want to change it to "Last Day to any other word". Can you please give me some steps to update this? I've tried to update this from the file "constants.ts" in phoenix/app/src/components/datetime/constants.ts but it's not working. Thanks
Morning Kratos - we don't usually develop inside the docker container. We have a few development guides but this is the one for the app https://github.com/Arize-ai/phoenix/tree/main/app
Hi Kratos, I might be not understanding what part is tripping you up. The dev pnpm script will run a vite server that runs locally. https://github.com/Arize-ai/phoenix/tree/main/app#develop It does require HMR to be enabled via a --dev flag to the server. The available dev scripts are in the package.json file: https://github.com/Arize-ai/phoenix/blob/ef7cf612ef97ce0548afb3e49ba14cc83cbb407c/app/package.json#L90
Hi Mikyo, I've already tried to run the script with the Vite server. The server is getting started but getting "Localhost page can't found" on the webpage. I just wanted to know if is it possible to update the UI locally. git clone https://github.com/Arize-ai/phoenix.git cd phoenix/app pnpm install pnpm dev Package.json -> https://github.com/Arize-ai/phoenix/blob/ef7cf612ef97ce0548afb3e49ba14cc83cbb407c/app/package.json Thanks
Hey Kratos, the UI will be in localhost:6006 as it relies on the python server to serve the html page
Hi, getting this with localhost:6006. Please let me know if I'm doing something wrong.
Sorry, can't really tell what's going wrong from your screen grab. You have a phoenix server running locally too I hope? If you do the vite bundles get served by the backend like so. https://github.com/Arize-ai/phoenix/blob/ba190f06c5ffb771f913e86766fcfda87f4b0616/src/phoenix/server/templates/index.html#L101 Are you in a python environment where phoenix is installed interactively https://github.com/Arize-ai/phoenix/blob/main/DEVELOPMENT.md#setting-up-your-macos-development-environment
Hi Mikyo, Now both the backend and frontend are running, but the changes I'm doing in my UI are still not reflected. Can I make the changes in the UI if I want to? Like for example I want to change the name of the placeholder. this is how I'm running my backend and frontend server respectively. Thanks
Hey Kratos - as you can see in our development scripts, you have to run the server in dev mode. https://github.com/Arize-ai/phoenix/blob/36929c76a3db4015ca587a74d8a0f327d6f7bb1a/app/package.json#L107
