Improve webui style and add api docs

webui/viewer.js

@@ -30,7 +30,7 @@ function renderChannelList() {
   viewerState.channels.forEach((channel) => {
     const node = template.content.firstElementChild.cloneNode(true);
     node.querySelector(".viewer-channel-name").textContent = channel.name;
-    node.querySelector(".viewer-channel-meta").textContent = `${channel.message_count} сообщений`;
+    node.querySelector(".viewer-channel-meta").textContent = `${channel.message_count} messages`;
     if (channel.channel_id === viewerState.channelId) {
       node.classList.add("active");
     }
@@ -50,8 +50,8 @@ function renderMessages(payload, append = false) {
   const channel = payload.channel;
   document.getElementById("viewer-title").textContent = channel?.name || payload.channel_id;
   document.getElementById("viewer-subtitle").textContent = channel
-    ? `${channel.message_count} сообщений, последнее: ${channel.last_date || "—"}`
-    : "База данных для канала пока не найдена.";
+    ? `${channel.message_count} messages, latest: ${channel.last_date || "-"}`
+    : "No local database found for this channel yet.";
 
   payload.messages.forEach((message) => {
     const node = template.content.firstElementChild.cloneNode(true);
@@ -61,7 +61,7 @@ function renderMessages(payload, append = false) {
 
     const reply = node.querySelector(".message-reply");
     if (message.reply_to) {
-      reply.textContent = `Ответ на сообщение #${message.reply_to}`;
+      reply.textContent = `Reply to message #${message.reply_to}`;
     }
 
     node.querySelector(".message-text").appendChild(textNodeWithBreaks(message.text || ""));
@@ -83,7 +83,7 @@ function renderMessages(payload, append = false) {
       link.href = message.media_url;
       link.target = "_blank";
       link.rel = "noreferrer";
-      link.textContent = "Открыть файл";
+      link.textContent = "Open file";
       media.appendChild(link);
     }