diff --git a/mem0-bridge.py b/mem0-bridge.py
index 67b7cda..2e38246 100644
--- a/mem0-bridge.py
+++ b/mem0-bridge.py
@@ -244,6 +244,8 @@ UI_HTML = r"""<!DOCTYPE html>
   .entry-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: .35rem; }
   .del-btn { background: none; border: 1px solid #ccc; color: #999; cursor: pointer; font-size: .8rem; padding: .15rem .5rem; border-radius: 4px; }
   .del-btn:hover { background: #e55; border-color: #e55; color: #fff; }
+  .copy-btn { background: none; border: 1px solid #ccc; color: #999; cursor: pointer; font-size: .8rem; padding: .15rem .5rem; border-radius: 4px; }
+  .copy-btn:hover { background: #ddd; border-color: #bbb; color: #333; }
   .entry-text strong { font-weight: 600; }
   .entry-text em { font-style: italic; }
   .entry-text a { color: #06c; }
@@ -305,9 +307,8 @@ def ui_index():
     for e in entries:
         rendered = _render_markdown(e["text"])
         short_id = e["id"][:8]
-        card = (
-            '<div class="entry">'
             f'<div class="entry-header"><span class="entry-id">{_html.escape(short_id)}</span>'
+            '<button class="copy-btn" type="button" onclick="navigator.clipboard.writeText(\'{_html.escape(e["id"])}\')">copy id</button>'
             '<form method="post" action="/-/delete/' + _html.escape(e['id']) + '" style="margin:0" onsubmit="return confirm(\'Delete this entry?\')">'
             '<button class="del-btn" type="submit">delete</button></form></div>'
             f'<div class="entry-text">{rendered}</div>'
