living-documentation 7.9.0 → 7.11.0

package/dist/src/frontend/confirm-modal.js

@@ -0,0 +1,73 @@
+// ── Generic confirmation modal ──────────────────────────────────────────────
+// Promise-based replacement for window.confirm(). Any module can call:
+//   const ok = await showConfirm({ title, message, detail, confirmLabel, danger });
+// The modal sits at z-[60] so it stacks above other app modals (z-50).
+
+let _confirmResolve = null;
+
+function _confirmT(key, fallback) {
+  return window.t ? window.t(key) : fallback;
+}
+
+function _confirmClose(result) {
+  const modal = document.getElementById("confirm-modal");
+  if (modal) modal.classList.add("hidden");
+  document.removeEventListener("keydown", _confirmKeyHandler);
+  const fn = _confirmResolve;
+  _confirmResolve = null;
+  if (fn) fn(result);
+}
+
+function _confirmKeyHandler(e) {
+  if (e.key === "Escape") {
+    e.preventDefault();
+    _confirmClose(false);
+  } else if (e.key === "Enter") {
+    e.preventDefault();
+    _confirmClose(true);
+  }
+}
+
+function _confirmModalBackdrop(e) {
+  if (e.target && e.target.id === "confirm-modal") _confirmClose(false);
+}
+
+function showConfirm(opts) {
+  const o = opts || {};
+  const modal = document.getElementById("confirm-modal");
+  if (!modal) return Promise.resolve(false);
+
+  const titleEl = document.getElementById("confirm-modal-title");
+  const messageEl = document.getElementById("confirm-modal-message");
+  const detailEl = document.getElementById("confirm-modal-detail");
+  const cancelBtn = document.getElementById("confirm-modal-cancel");
+  const okBtn = document.getElementById("confirm-modal-ok");
+
+  titleEl.textContent = o.title || "";
+  titleEl.style.display = o.title ? "" : "none";
+  messageEl.textContent = o.message || "";
+  messageEl.style.display = o.message ? "" : "none";
+  detailEl.textContent = o.detail || "";
+  detailEl.style.display = o.detail ? "" : "none";
+
+  cancelBtn.textContent = o.cancelLabel || _confirmT("common.cancel", "Cancel");
+  okBtn.textContent = o.confirmLabel || _confirmT("common.confirm", "Confirm");
+  const baseCls = "text-sm px-4 py-1.5 rounded-lg text-white font-semibold transition-colors";
+  okBtn.className = o.danger
+    ? `${baseCls} bg-red-500 hover:bg-red-600`
+    : `${baseCls} bg-blue-600 hover:bg-blue-700`;
+
+  modal.classList.remove("hidden");
+  setTimeout(() => okBtn.focus(), 0);
+
+  return new Promise((resolve) => {
+    if (_confirmResolve) _confirmResolve(false); // resolve any pending
+    _confirmResolve = resolve;
+    cancelBtn.onclick = () => _confirmClose(false);
+    okBtn.onclick = () => _confirmClose(true);
+    document.addEventListener("keydown", _confirmKeyHandler);
+  });
+}
+
+window.showConfirm = showConfirm;
+window._confirmModalBackdrop = _confirmModalBackdrop;

package/dist/src/frontend/documents.js

@@ -3,6 +3,88 @@
 // annotations (loadAnnotations, applyAnnotationHighlights, renderElevator),
 // and image-paste.js (handleEditorPaste).
 
+// Cache of the last rendered doc HTML so search input changes can re-wire
+// the content without a round-trip to the server.
+let _lastDocHtml = null;
+let _lastDocIdRendered = null;
+
+function _wireDocContent(html) {
+  const contentEl = document.getElementById("doc-content");
+  if (!contentEl) return;
+  contentEl.innerHTML = html;
+
+  contentEl.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach((h) => {
+    if (!h.id) {
+      h.id = h.textContent
+        .toLowerCase()
+        .replace(/[^\w\s-]/g, "")
+        .trim()
+        .replace(/\s+/g, "-");
+    }
+  });
+
+  contentEl.querySelectorAll("pre code").forEach((block) => {
+    hljs.highlightElement(block);
+  });
+
+  contentEl.querySelectorAll("a[href]").forEach((a) => {
+    const href = a.getAttribute("href");
+    const m = href && href.match(/[?&]doc=([^&#]+)/);
+    if (!m) return;
+    const hashIdx = href.indexOf("#");
+    const anchorTarget = hashIdx !== -1 ? href.slice(hashIdx + 1) : null;
+    a.addEventListener("click", (e) => {
+      e.preventDefault();
+      openDocument(decodeURIComponent(m[1]), false, true, anchorTarget);
+    });
+  });
+
+  contentEl.querySelectorAll('a[href^="#"]').forEach((a) => {
+    const href = a.getAttribute("href");
+    if (!href || href.length < 2) return;
+    a.addEventListener("click", (e) => {
+      e.preventDefault();
+      scrollToAnchor(href.slice(1));
+    });
+  });
+
+  contentEl.querySelectorAll("table").forEach((t) => {
+    const wrapper = document.createElement("div");
+    wrapper.className = "overflow-x-auto";
+    t.parentNode.insertBefore(wrapper, t);
+    wrapper.appendChild(t);
+  });
+
+  const notice = document.getElementById("search-notice");
+  const isMetaQuery =
+    typeof searchQuery === "string" &&
+    searchQuery.toLowerCase().startsWith("metadata://");
+  if (searchQuery && !isMetaQuery) {
+    const matches = highlightMatches(contentEl, searchQuery);
+    buildSearchNotice(matches, searchQuery);
+    notice.classList.remove("hidden");
+  } else {
+    notice.classList.add("hidden");
+  }
+}
+
+function refreshSearchInCurrentDoc() {
+  if (
+    !currentDocId ||
+    _lastDocHtml === null ||
+    currentDocId !== _lastDocIdRendered
+  ) {
+    return;
+  }
+  const contentArea = document.getElementById("content-area");
+  const scrollTop = contentArea ? contentArea.scrollTop : 0;
+  _wireDocContent(_lastDocHtml);
+  if (typeof loadAnnotations === "function") loadAnnotations(currentDocId);
+  if (contentArea) contentArea.scrollTop = scrollTop;
+}
+
+window.refreshSearchInCurrentDoc = refreshSearchInCurrentDoc;
+
 async function loadDocuments() {
   try {
     [allDocs] = await Promise.all([
@@ -158,8 +240,9 @@ async function openDocument(id, skipHistory = false, fromLink = false, anchor =
     document.getElementById("doc-date").textContent =
       doc.formattedDate || "";
 
-    const contentEl = document.getElementById("doc-content");
-    contentEl.innerHTML = doc.html;
+    _lastDocHtml = doc.html;
+    _lastDocIdRendered = id;
+    _wireDocContent(doc.html);
 
     // Load annotations for this document
     loadAnnotations(id);
@@ -169,63 +252,6 @@ async function openDocument(id, skipHistory = false, fromLink = false, anchor =
       loadMetadataReport(id);
     }
 
-    // Add IDs to headings for anchor navigation
-    contentEl.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach((h) => {
-      if (!h.id) {
-        h.id = h.textContent
-          .toLowerCase()
-          .replace(/[^\w\s-]/g, "")
-          .trim()
-          .replace(/\s+/g, "-");
-      }
-    });
-
-    // Syntax highlighting
-    contentEl.querySelectorAll("pre code").forEach((block) => {
-      hljs.highlightElement(block);
-    });
-
-    // Intercept inter-doc links (?doc=X[#anchor]) to stay in SPA and track origin
-    contentEl.querySelectorAll("a[href]").forEach((a) => {
-      const href = a.getAttribute("href");
-      const m = href && href.match(/[?&]doc=([^&#]+)/);
-      if (!m) return;
-      const hashIdx = href.indexOf("#");
-      const anchor = hashIdx !== -1 ? href.slice(hashIdx + 1) : null;
-      a.addEventListener("click", (e) => {
-        e.preventDefault();
-        openDocument(decodeURIComponent(m[1]), false, true, anchor);
-      });
-    });
-
-    // Intercept pure-anchor links (#foo) to offset for the sticky header
-    contentEl.querySelectorAll('a[href^="#"]').forEach((a) => {
-      const href = a.getAttribute("href");
-      if (!href || href.length < 2) return;
-      a.addEventListener("click", (e) => {
-        e.preventDefault();
-        scrollToAnchor(href.slice(1));
-      });
-    });
-
-    // Make tables responsive
-    contentEl.querySelectorAll("table").forEach((t) => {
-      const wrapper = document.createElement("div");
-      wrapper.className = "overflow-x-auto";
-      t.parentNode.insertBefore(wrapper, t);
-      wrapper.appendChild(t);
-    });
-
-    // Highlight search matches in content
-    const notice = document.getElementById("search-notice");
-    if (searchQuery) {
-      const matches = highlightMatches(contentEl, searchQuery);
-      buildSearchNotice(matches, searchQuery);
-      notice.classList.remove("hidden");
-    } else {
-      notice.classList.add("hidden");
-    }
-
     document.title = doc.title;
 
     // Scroll to anchor if present (explicit param wins over URL hash)
@@ -342,50 +368,9 @@ async function saveDocument() {
     const doc = await fetch("/api/documents/" + currentDocId).then((r) =>
       r.json(),
     );
-    const contentEl = document.getElementById("doc-content");
-    contentEl.innerHTML = doc.html;
-    contentEl
-      .querySelectorAll("pre code")
-      .forEach((block) => hljs.highlightElement(block));
-
-    contentEl.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach((h) => {
-      if (!h.id) {
-        h.id = h.textContent
-          .toLowerCase()
-          .replace(/[^\w\s-]/g, "")
-          .trim()
-          .replace(/\s+/g, "-");
-      }
-    });
-
-    contentEl.querySelectorAll("a[href]").forEach((a) => {
-      const href = a.getAttribute("href");
-      const m = href && href.match(/[?&]doc=([^&#]+)/);
-      if (!m) return;
-      const hashIdx = href.indexOf("#");
-      const anchor = hashIdx !== -1 ? href.slice(hashIdx + 1) : null;
-      a.addEventListener("click", (e) => {
-        e.preventDefault();
-        openDocument(decodeURIComponent(m[1]), false, true, anchor);
-      });
-    });
-
-    contentEl.querySelectorAll('a[href^="#"]').forEach((a) => {
-      const href = a.getAttribute("href");
-      if (!href || href.length < 2) return;
-      a.addEventListener("click", (e) => {
-        e.preventDefault();
-        scrollToAnchor(href.slice(1));
-      });
-    });
-
-    contentEl.querySelectorAll("table").forEach((t) => {
-      if (t.parentNode.classList.contains("overflow-x-auto")) return;
-      const wrapper = document.createElement("div");
-      wrapper.className = "overflow-x-auto";
-      t.parentNode.insertBefore(wrapper, t);
-      wrapper.appendChild(t);
-    });
+    _lastDocHtml = doc.html;
+    _lastDocIdRendered = currentDocId;
+    _wireDocContent(doc.html);
 
     applyAnnotationHighlights();
     renderElevator();

package/dist/src/frontend/files-modal.js

@@ -0,0 +1,243 @@
+// ── Files modal ─────────────────────────────────────────────────────────────
+// Lists files stored under DOCS_FOLDER/files/, sorted by upload order (the
+// server-assigned filename starts with a YYYYMMDDHHmmss timestamp, so a lex
+// sort is chronological). Supports replacing a file with a new version
+// (overwrites in place, no history kept) and deleting it.
+
+const _filesMaxBytes = 19 * 1024 * 1024;
+
+function _filesT(key) {
+  return window.t ? window.t(key) : key;
+}
+
+function _filesEscape(s) {
+  return String(s)
+    .replace(/&/g, "&")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+}
+
+function _filesFormatSize(bytes) {
+  if (bytes < 1024) {
+    return _filesT("files.size_bytes").replace("{n}", String(bytes));
+  }
+  if (bytes < 1024 * 1024) {
+    return _filesT("files.size_kb").replace("{n}", (bytes / 1024).toFixed(1));
+  }
+  return _filesT("files.size_mb").replace(
+    "{n}",
+    (bytes / 1024 / 1024).toFixed(2),
+  );
+}
+
+function _filesFormatDate(iso) {
+  if (!iso) return "";
+  const d = new Date(iso);
+  if (isNaN(d.getTime())) return "";
+  const pad = (n) => String(n).padStart(2, "0");
+  return (
+    `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ` +
+    `${pad(d.getHours())}:${pad(d.getMinutes())}`
+  );
+}
+
+function _filesReadAsBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = reject;
+    reader.readAsDataURL(file);
+  });
+}
+
+async function _filesRender() {
+  const body = document.getElementById("files-modal-body");
+  if (!body) return;
+  body.innerHTML = `<p class="text-sm text-gray-400">${_filesEscape(_filesT("common.loading"))}</p>`;
+
+  let list = [];
+  try {
+    const res = await fetch("/api/files");
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    const data = await res.json();
+    list = Array.isArray(data.files) ? data.files : [];
+  } catch (err) {
+    body.innerHTML = `<p class="text-sm text-red-500 dark:text-red-400">${_filesEscape(_filesT("files.error_load"))}${_filesEscape(err.message || String(err))}</p>`;
+    return;
+  }
+
+  if (list.length === 0) {
+    body.innerHTML = `<p class="text-sm text-gray-500 dark:text-gray-400">${_filesEscape(_filesT("files.empty"))}</p>`;
+    return;
+  }
+
+  const rows = list
+    .map((f) => {
+      const name = _filesEscape(f.displayName || f.filename);
+      const date = _filesEscape(_filesFormatDate(f.uploadedAt));
+      const size = _filesEscape(_filesFormatSize(f.size || 0));
+      const url = _filesEscape(f.url);
+      const filenameAttr = _filesEscape(f.filename);
+      return `
+        <li class="py-3 flex items-center gap-3">
+          <i class="fa-solid fa-paperclip text-purple-500 shrink-0"></i>
+          <div class="flex-1 min-w-0">
+            <a href="${url}" target="_blank" rel="noopener"
+               class="block text-sm text-gray-900 dark:text-gray-100 hover:underline truncate">
+              ${name}
+            </a>
+            <div class="text-xs text-gray-500 dark:text-gray-400">${date}${date ? " · " : ""}${size}</div>
+          </div>
+          <button
+            type="button"
+            data-files-replace="${filenameAttr}"
+            data-files-display="${name}"
+            class="text-xs px-2 py-1 rounded-lg border border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors shrink-0"
+          >${_filesEscape(_filesT("files.replace"))}</button>
+          <button
+            type="button"
+            data-files-delete="${filenameAttr}"
+            data-files-display="${name}"
+            class="text-xs px-2 py-1 rounded-lg border border-red-200 dark:border-red-900 text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors shrink-0"
+          >${_filesEscape(_filesT("files.delete"))}</button>
+        </li>`;
+    })
+    .join("");
+
+  body.innerHTML = `<ul class="divide-y divide-gray-100 dark:divide-gray-800">${rows}</ul>`;
+
+  body.querySelectorAll("[data-files-replace]").forEach((btn) => {
+    btn.addEventListener("click", () => {
+      const filename = btn.getAttribute("data-files-replace");
+      const display = btn.getAttribute("data-files-display") || filename;
+      _filesReplace(filename, display, btn);
+    });
+  });
+  body.querySelectorAll("[data-files-delete]").forEach((btn) => {
+    btn.addEventListener("click", () => {
+      const filename = btn.getAttribute("data-files-delete");
+      const display = btn.getAttribute("data-files-display") || filename;
+      _filesDelete(filename, display, btn);
+    });
+  });
+}
+
+function _filesReplace(filename, displayName, triggerBtn) {
+  const input = document.createElement("input");
+  input.type = "file";
+  input.style.display = "none";
+  document.body.appendChild(input);
+  input.addEventListener("change", async () => {
+    const file = input.files && input.files[0];
+    input.remove();
+    if (!file) return;
+
+    const ok = await window.showConfirm({
+      title: _filesT("files.confirm_replace_title"),
+      message: _filesT("files.confirm_replace_message")
+        .replace("{name}", displayName)
+        .replace("{newName}", file.name),
+      detail: _filesT("files.confirm_replace_detail"),
+      confirmLabel: _filesT("files.replace"),
+      danger: true,
+    });
+    if (!ok) return;
+
+    if (file.size > _filesMaxBytes) {
+      const mb = (file.size / 1024 / 1024).toFixed(1);
+      window.alert(
+        _filesT("files.error_replace") + `${mb} MB (max 19 MB)`,
+      );
+      return;
+    }
+
+    const originalLabel = triggerBtn.textContent;
+    triggerBtn.disabled = true;
+    triggerBtn.textContent = _filesT("files.replacing");
+    try {
+      const base64 = await _filesReadAsBase64(file);
+      const res = await fetch(
+        "/api/files/" + encodeURIComponent(filename),
+        {
+          method: "PUT",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ data: base64 }),
+        },
+      );
+      if (!res.ok) {
+        let msg = `HTTP ${res.status}`;
+        try {
+          const body = await res.json();
+          if (body.error) msg = body.error;
+        } catch { /* ignore */ }
+        throw new Error(msg);
+      }
+      closeFilesModal();
+      if (window.runSearchImmediate) {
+        window.runSearchImmediate("metadata://" + filename);
+      }
+    } catch (err) {
+      triggerBtn.disabled = false;
+      triggerBtn.textContent = originalLabel;
+      window.alert(_filesT("files.error_replace") + (err.message || String(err)));
+    }
+  });
+  input.click();
+}
+
+async function _filesDelete(filename, displayName, triggerBtn) {
+  const ok = await window.showConfirm({
+    title: _filesT("files.confirm_delete_title"),
+    message: _filesT("files.confirm_delete_message").replace(
+      "{name}",
+      displayName,
+    ),
+    detail: _filesT("files.confirm_delete_detail"),
+    confirmLabel: _filesT("files.delete"),
+    danger: true,
+  });
+  if (!ok) return;
+
+  const originalLabel = triggerBtn.textContent;
+  triggerBtn.disabled = true;
+  triggerBtn.textContent = _filesT("files.deleting");
+  try {
+    const res = await fetch("/api/files/" + encodeURIComponent(filename), {
+      method: "DELETE",
+    });
+    if (!res.ok) {
+      let msg = `HTTP ${res.status}`;
+      try {
+        const body = await res.json();
+        if (body.error) msg = body.error;
+      } catch { /* ignore */ }
+      throw new Error(msg);
+    }
+    closeFilesModal();
+    if (window.runSearchImmediate) {
+      window.runSearchImmediate("metadata://" + filename);
+    }
+  } catch (err) {
+    triggerBtn.disabled = false;
+    triggerBtn.textContent = originalLabel;
+    window.alert(_filesT("files.error_delete") + (err.message || String(err)));
+  }
+}
+
+function openFilesModal() {
+  const modal = document.getElementById("files-modal");
+  if (!modal) return;
+  modal.classList.remove("hidden");
+  _filesRender();
+}
+
+function closeFilesModal() {
+  const modal = document.getElementById("files-modal");
+  if (!modal) return;
+  modal.classList.add("hidden");
+}
+
+window.openFilesModal = openFilesModal;
+window.closeFilesModal = closeFilesModal;

package/dist/src/frontend/i18n/en.json

@@ -1,6 +1,7 @@
 {
   "common.save": "Save",
   "common.cancel": "Cancel",
+  "common.confirm": "Confirm",
   "common.reset": "Reset",
   "common.loading": "Loading…",
   "common.remove": "Remove",
@@ -28,8 +29,31 @@
   "nav.new_document": "New document",
   "nav.word_cloud": "☁ Word Cloud",
   "nav.diagram": "◇ Diagram",
+  "nav.files": "📁 Metadata Files",
   "nav.admin": "⚙ Admin",
 
+  "files.title": "📁 Attached files",
+  "files.empty": "No files yet — upload one from a document editor (paperclip, drag & drop, or paste).",
+  "files.replace": "Replace",
+  "files.delete": "Delete",
+  "files.open": "Open",
+  "files.confirm_replace": "Replace \"{name}\" with \"{newName}\"? The previous version will be lost.",
+  "files.confirm_replace_title": "Replace file",
+  "files.confirm_replace_message": "Replace \"{name}\" with \"{newName}\"?",
+  "files.confirm_replace_detail": "The previous version will be lost.",
+  "files.confirm_delete": "Permanently delete \"{name}\"?",
+  "files.confirm_delete_title": "Delete file",
+  "files.confirm_delete_message": "Permanently delete \"{name}\"?",
+  "files.confirm_delete_detail": "This action cannot be undone.",
+  "files.replacing": "Replacing…",
+  "files.deleting": "Deleting…",
+  "files.error_load": "Failed to load files: ",
+  "files.error_replace": "Replace failed: ",
+  "files.error_delete": "Delete failed: ",
+  "files.size_bytes": "{n} B",
+  "files.size_kb": "{n} KB",
+  "files.size_mb": "{n} MB",
+
   "welcome.title": "Select a document",
   "welcome.hint": "Choose a document from the sidebar to start reading.",
   "welcome.pattern_hint": "Expected filename pattern",
@@ -126,21 +150,21 @@
 
   "snippet.modal_title": "🧩 Insert a snippet",
   "snippet.type_label": "Snippet type",
-  "snippet.diagram": "Diagram",
-  "snippet.collapsible": "Collapsible block (details)",
-  "snippet.link": "Link",
-  "snippet.link_doc": "Link to document",
-  "snippet.link_anchor": "Link to anchor",
-  "snippet.link_doc_anchor": "Link to document with anchor",
-  "snippet.numbered_list": "Numbered list",
-  "snippet.bullet_list": "Bullet list",
-  "snippet.code_block": "Code block",
-  "snippet.blockquote": "Blockquote",
-  "snippet.separator": "Horizontal rule",
-  "snippet.image": "Image",
-  "snippet.table": "Table",
-  "snippet.tree": "Tree",
-  "snippet.colored_section": "Colored section",
+  "snippet.diagram": "◇ Diagram",
+  "snippet.collapsible": "▸ Collapsible block (details)",
+  "snippet.link": "🔗 Link",
+  "snippet.link_doc": "📄 Link to document",
+  "snippet.link_anchor": "⚓ Link to anchor",
+  "snippet.link_doc_anchor": "📄⚓ Link to document with anchor",
+  "snippet.numbered_list": "🔢 Numbered list",
+  "snippet.bullet_list": "• Bullet list",
+  "snippet.code_block": "💻 Code block",
+  "snippet.blockquote": "❝ Blockquote",
+  "snippet.separator": "― Horizontal rule",
+  "snippet.image": "🖼 Image",
+  "snippet.table": "▦ Table",
+  "snippet.tree": "🌳 Tree",
+  "snippet.colored_section": "🎨 Colored section",
   "snippet.colored_section_color_label": "Color",
   "snippet.colored_section_swatch_info": "Info (blue)",
   "snippet.colored_section_swatch_success": "Success (green)",
@@ -150,7 +174,7 @@
   "snippet.colored_section_swatch_neutral": "Neutral (gray)",
   "snippet.colored_section_content_label": "Content",
   "snippet.colored_section_content_placeholder": "Your text here…",
-  "snippet.colored_text": "Colored text",
+  "snippet.colored_text": "🖍 Colored text",
   "snippet.colored_text_color_label": "Color",
   "snippet.colored_text_content_label": "Text",
   "snippet.colored_text_content_placeholder": "Your text…",
@@ -197,6 +221,17 @@
   "snippet.saving_btn": "Saving…",
   "snippet.detected_msg": "✓ Detected type: {type}. Fields pre-filled — edit then click Insert to replace selection.",
   "snippet.unknown_type_msg": "⚠ Selected text doesn't match any known snippet type. Choose a type below — the snippet will still replace the selection.",
+  "snippet.emojis": "😀 Emojis",
+  "snippet.emoji_selected_label": "Selected emojis",
+  "snippet.emoji_clear_btn": "Clear",
+  "snippet.emoji_cat_smileys": "Smileys & people",
+  "snippet.emoji_cat_gestures": "Gestures & body",
+  "snippet.emoji_cat_hearts": "Hearts & sparks",
+  "snippet.emoji_cat_objects": "Tech & tools",
+  "snippet.emoji_cat_office": "Office & docs",
+  "snippet.emoji_cat_symbols": "Symbols & arrows",
+  "snippet.emoji_search_placeholder": "Search emojis… (e.g. heart, star, rocket)",
+  "snippet.emoji_no_results": "No emoji matches this search.",
   "snippet.attachment": "📎 File attachment",
   "snippet.attachment_help": "Click <strong>Insert</strong> to choose a file. It will be uploaded under the <code>files/</code> folder and inserted as a <i class=\"fa-solid fa-paperclip\"></i> link in your document.",
   "snippet.attachment_alt": "Tip: you can also drag &amp; drop a file onto the editor, or paste it from the clipboard.",