defmodule ElixirAiWeb.ChatLive do use ElixirAiWeb, :live_view require Logger import ElixirAiWeb.Spinner import ElixirAiWeb.ChatMessage import ElixirAiWeb.ChatProviderDisplay alias ElixirAi.ChatRunner alias ElixirAi.ConversationManager import ElixirAi.PubsubTopics def mount(%{"name" => name}, _session, socket) do case ConversationManager.open_conversation(name) do {:ok, _pid} -> if connected?(socket) do Phoenix.PubSub.subscribe(ElixirAi.PubSub, chat_topic(name)) end conversation = ChatRunner.get_conversation(name) {:ok, socket |> assign(conversation_name: name) |> assign(user_input: "") |> assign(messages: conversation.messages) |> assign(streaming_response: conversation.streaming_response) |> assign(background_color: "bg-cyan-950/30") |> assign(provider: conversation.provider) |> assign(db_error: nil)} {:error, :not_found} -> {:ok, push_navigate(socket, to: "/")} {:error, reason} -> Logger.error("Failed to start conversation #{name}: #{inspect(reason)}") {:ok, socket |> assign(conversation_name: name) |> assign(user_input: "") |> assign(messages: []) |> assign(streaming_response: nil) |> assign(background_color: "bg-cyan-950/30") |> assign(provider: nil) |> assign(db_error: Exception.format(:error, reason))} end end def render(assigns) do ~H"""
<.link navigate={~p"/"} class="text-cyan-700 hover:text-cyan-400 transition-colors"> ← {@conversation_name} <.chat_provider_display provider={@provider} />
<%= if @db_error do %> <% end %>
<%= if @messages == [] do %>

No messages yet.

<% end %> <%= for msg <- @messages do %> <%= cond do %> <% msg.role == :user -> %> <.user_message content={Map.get(msg, :content) || ""} /> <% msg.role == :tool -> %> <.tool_result_message content={Map.get(msg, :content) || ""} tool_call_id={Map.get(msg, :tool_call_id) || ""} /> <% true -> %> <.assistant_message content={Map.get(msg, :content) || ""} reasoning_content={Map.get(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(socket.assigns.conversation_name, user_input) {:noreply, assign(socket, user_input: "")} end def handle_info({:user_chat_message, message}, socket) do {:noreply, socket |> update(:messages, &(&1 ++ [message])) |> push_event("scroll_to_bottom", %{})} 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 # chunk arrived before :start_ai_response_stream — fetch snapshot from runner and apply def handle_info( {:reasoning_chunk_content, reasoning_content}, %{assigns: %{streaming_response: nil}} = socket ) do base = get_snapshot(socket) |> Map.update!(:reasoning_content, &(&1 <> reasoning_content)) {:noreply, assign(socket, streaming_response: base)} 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 } # Update assign (controls toggle button visibility) and stream chunk to hook. {:noreply, socket |> assign(streaming_response: updated_response) |> push_event("reasoning_chunk", %{chunk: reasoning_content})} end def handle_info( {:text_chunk_content, text_content}, %{assigns: %{streaming_response: nil}} = socket ) do base = get_snapshot(socket) |> Map.update!(:content, &(&1 <> text_content)) {:noreply, assign(socket, streaming_response: base)} 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 } # Update assign (accumulated for final message) and stream chunk to hook. {:noreply, socket |> assign(streaming_response: updated_response) |> push_event("md_chunk", %{chunk: text_content})} end def handle_info(:tool_calls_finished, socket) do # Logger.info("Received tool_calls_finished") {:noreply, socket |> assign(streaming_response: nil)} end def handle_info({:tool_request_message, tool_request_message}, socket) do # Logger.info("tool request message: #{inspect(tool_request_message)}") {:noreply, socket |> update(:messages, &(&1 ++ [tool_request_message]))} end def handle_info({:one_tool_finished, tool_response}, socket) do {:noreply, socket |> update(:messages, &(&1 ++ [tool_response]))} end def handle_info({:end_ai_response, final_message}, socket) do {:noreply, socket |> update(:messages, &(&1 ++ [final_message])) |> assign(streaming_response: nil)} end def handle_info({:db_error, reason}, socket) do {:noreply, assign(socket, db_error: reason)} end def handle_info({:set_background_color, color}, socket) do Logger.info("setting background color to #{color}") {:noreply, assign(socket, background_color: color)} end defp get_snapshot(socket) do ChatRunner.get_streaming_response(socket.assigns.conversation_name) |> case do nil -> %{id: nil, content: "", reasoning_content: "", tool_calls: []} snapshot -> snapshot end end end