defmodule ElixirAiWeb.ChatLive do use ElixirAiWeb, :live_view import ElixirAiWeb.Spinner import ElixirAiWeb.ChatMessage alias ElixirAi.ChatRunner @topic "ai_chat" def mount(_params, _session, socket) do if connected?(socket), do: Phoenix.PubSub.subscribe(ElixirAi.PubSub, @topic) conversation = ChatRunner.get_conversation() {:ok, socket |> assign(user_input: "") |> assign(messages: conversation.messages) |> assign(streaming_response: nil)} end def render(assigns) do ~H"""
Live Chat
<%= if @messages == [] do %>

No messages yet.

<% end %> <%= for msg <- @messages do %> <%= if msg.role == :user do %> <.user_message content={msg.content} /> <% else %> <.assistant_message content={msg.content} reasoning_content={msg.reasoning_content} tool_calls={Map.get(msg, :tool_calls, [])} /> <% end %> <% end %> <%= if @streaming_response do %> <.streaming_assistant_message content={@streaming_response.content} reasoning_content={@streaming_response.reasoning_content} tool_calls={@streaming_response.tool_calls} /> <.spinner /> <% end %>
""" end def handle_event("update_user_input", %{"user_input" => user_input}, socket) do {:noreply, assign(socket, user_input: user_input)} end def handle_event("submit", %{"user_input" => user_input}, socket) when user_input != "" do ChatRunner.new_user_message(user_input) {:noreply, assign(socket, user_input: "")} end def handle_info({:user_chat_message, message}, socket) do {:noreply, update(socket, :messages, &(&1 ++ [message]))} end def handle_info( {:start_ai_response_stream, %{id: _id, reasoning_content: "", content: ""} = starting_response}, socket ) do {:noreply, assign(socket, streaming_response: starting_response)} end def handle_info({:reasoning_chunk_content, reasoning_content}, socket) do updated_response = %{ socket.assigns.streaming_response | reasoning_content: socket.assigns.streaming_response.reasoning_content <> reasoning_content } {:noreply, assign(socket, streaming_response: updated_response)} end def handle_info({:text_chunk_content, text_content}, socket) do updated_response = %{ socket.assigns.streaming_response | content: socket.assigns.streaming_response.content <> text_content } {:noreply, assign(socket, streaming_response: updated_response)} end def handle_info({:tool_calls_finished, final_message}, socket) do {:noreply, socket |> update(:messages, &(&1 ++ [final_message])) |> assign(streaming_response: nil)} end def handle_info(:end_ai_response, socket) do final_response = %{ role: :assistant, content: socket.assigns.streaming_response.content, reasoning_content: socket.assigns.streaming_response.reasoning_content } {:noreply, socket |> update(:messages, &(&1 ++ [final_response])) |> assign(streaming_response: nil)} end end