From d406e98fce0c27deab3f3049e0bc1c2cde19d5e2 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Wed, 8 Apr 2026 12:42:01 +0100
Subject: [PATCH] Use message index for chat DOM ids

---
 lib/music_library_web/components/chat.ex | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/music_library_web/components/chat.ex b/lib/music_library_web/components/chat.ex
index 26f342b9..45e3ef47 100644
--- a/lib/music_library_web/components/chat.ex
+++ b/lib/music_library_web/components/chat.ex
@@ -238,7 +238,7 @@ defmodule MusicLibraryWeb.Components.Chat do
       </div>
 
       <div
-        :for={message <- @messages}
+        :for={{message, index} <- Enum.with_index(@messages)}
         class={[
           "max-w-[85%] rounded-lg px-4 py-2 text-sm",
           message_classes(message.role)
@@ -247,14 +247,14 @@ defmodule MusicLibraryWeb.Components.Chat do
         <p :if={message.role == "user"} class="whitespace-pre-wrap">{message.content}</p>
         <div
           :if={message.role == "assistant"}
-          id={"chat-msg-#{message.id}"}
+          id={"#{@id}-msg-#{index}"}
           class="dark:prose-invert prose prose-sm"
         >
           {raw(Markdown.to_html(message.content, link_target: "_blank"))}
         </div>
         <div :if={message.role == "assistant"} class="flex justify-end -mb-1 -mr-2">
           <.copy_to_clipboard
-            target_id={"chat-msg-#{message.id}"}
+            target_id={"#{@id}-msg-#{index}"}
             label={gettext("Copy message")}
           />
         </div>