Update app.js

app.js

@@ -43,6 +43,35 @@ function removeReference(idx) {
   _scheduleAutosave();
 }
 
+function editReference(idx) {
+  const current = _currentReferences[idx];
+  const container = document.getElementById("refPills");
+  const pill = container.querySelectorAll(".ref-pill")[idx];
+  if (!pill) return;
+
+  const input = document.createElement("input");
+  input.className = "ref-pill-edit";
+  input.value = current;
+  pill.innerHTML = "";
+  pill.appendChild(input);
+  input.focus();
+  input.select();
+
+  function commit() {
+    const val = input.value.trim();
+    if (val && val !== current) {
+      _currentReferences[idx] = val;
+      _scheduleAutosave();
+    }
+    _renderRefPills();
+  }
+  input.addEventListener("keydown", (e) => {
+    if (e.key === "Enter") { e.preventDefault(); commit(); }
+    if (e.key === "Escape") _renderRefPills();
+  });
+  input.addEventListener("blur", commit);
+}
+
 function _renderRefPills() {
   const container = document.getElementById("refPills");
   if (_currentReferences.length === 0) {
@@ -53,7 +82,7 @@ function _renderRefPills() {
     .map(
       (ref, i) => `
     <span class="ref-pill">
-      ${_esc(ref)}
+      <span class="ref-pill-text" onclick="editReference(${i})" title="Nhấn để sửa">${_esc(ref)}</span>
       <button onclick="removeReference(${i})" title="Xoá">×</button>
     </span>
   `,