Chat-bot widget does not show up in the UI at all

[NikitaVoitov]

The readme and release notes mention that now petclinic has a chat-bot feature.

Curiously I deployed it on my ec2 instance, gen-ai service is running, all services are registered in eurika and visible in admin UI, but chat-bot widget (as on screenshot in README) does NOT show up in the UI!

So, the implemented gen-ai back-end service is useless w/o having UI in place.

[arey]

Hi @NikitaVoitov did you see the gen-ai pod running? Do you have some started logs?

[NikitaVoitov]

Hi! Of course, I have gen-ai pod up and running. But it's just a backend service. It seems like chat widget isn't implemented on the front-end side (Angular). The chat bot is implemented in https://github.com/spring-petclinic/spring-petclinic-ai, but it's monolith. Though I see that route in API gateway for gen-ai exists. Please let me know what logs I have to collect to understand the root cause. The app microservices being deployed locally on the same ec2 instance using pte-built Docker images (managed by podman, rhel10). The only image I built locally is gen-ai service, because no prebuilt image exist for gen-ai service. I can provide you the access to the UI or/and shell, if that will help to troubleshoot.

[arey]

Hi @NikitaVoitov did you find the origin of your issue?
You should see a widget. Could you inspect the HTML of the index page?

<div class="chatbox" id="chatbox">
    <button class="chatbox-header" onclick="toggleChatbox()">
        Chat with Us!
    </button>
    <div class="chatbox-content" id="chatbox-content">
        <div class="chatbox-messages" id="chatbox-messages">
            <!-- Chat messages will be dynamically inserted here -->
        </div>
        <div class="chatbox-footer">
            <input type="text" id="chatbox-input" placeholder="Type a message..." onkeydown="handleKeyPress(event)" />
            <button onclick="sendMessage()">Send</button>
        </div>
    </div>
</div>