upstream: integrar Oasis 1.3.1

Base del merge a tres bandas: git 0.9.5 de epsylon, esta rama y el src de la
APK oficial 1.3.1 (la variante movil: OASIS_MOBILE, regex sin \p{}, audio y
video de Android). Corre en el mismo nodejs-mobile 18.20.4 que ya usabamos.

Se conserva de la rama: Karvan, identidades y multicuenta, topbar y barra
inferior, borrado de EXIF sin sharp, filtro hot del foro, RTC sin STUN y los
modulos apagados en movil (wallet, banking, torrents).

Se toma de upstream lo que ya hace de serie: respuesta citada en chats, ssb-lan
en movil, configuracion en ~/.ssb/oasis (sobrevive a reinstalar el backend).
El asistente de bienvenida deja elegir workflow tambien en movil.

src/views/forum_view.js

@@ -1,14 +1,16 @@
 const {
-  div, a, span, form, button, section, p,
-  input, label, br, select, option, h2, textarea
+  div, a, span, form, button, section, p, ul, li,
+  input, label, br, select, option, h2, textarea, details, summary
 } = require("../server/node_modules/hyperaxe");
+const RAW_HTML = Symbol.for('oasis.rawHtml');
 const moment = require("../server/node_modules/moment");
-const { template, i18n, userLink, renderSpreadButton, renderPrivacyChip, renderLifespanChip, renderContentActions } = require('./main_views');
-const { renderEncryptedChip: renderForumEncryptedChip } = require('./clearnet_view');
+const { template, i18n, userLink, renderSpreadButton, renderPrivacyChip, renderLifespanChip, renderContentActions, renderInviteQrCard, renderStateChip, renderSubscriptionBox, renderModuleStats, moduleIsEmpty, paged } = require('./main_views');
+const { renderEncryptedChip: renderForumEncryptedChip, renderTribeOriginChip } = require('./clearnet_view');
 const { config } = require('../server/SSB_server.js');
-const { renderUrl } = require('../backend/renderUrl');
-const { renderTextWithStyles } = require('../backend/renderTextWithStyles');
+const { renderStyledText } = require('../backend/renderStyledText');
+const { renderStyledHtml } = require('../backend/renderStyledText');
 const { sanitizeHtml } = require('../backend/sanitizeHtml');
+const { TEXT_CAP } = require('../backend/long_text');
 
 const userId = config.keys.id;
 
@@ -22,7 +24,7 @@ exports.renderForumInvitePage = (code) => {
   return template(i18n.invitesForumsTitle || 'Forums', section(pageContent));
 };
 
-const BASE_FILTERS = ['hot','all','mine','recent','top'];
+const BASE_FILTERS = ['hot','all','recent','mine','top'];
 const CAT_BLOCK1 = ['GENERAL','OASIS','L.A.R.P.'];
 const CAT_BLOCK2 = ['POLITICS','TECH','SCIENCE','MUSIC','ART','GAMING','BOOKS','FILMS'];
 const CAT_BLOCK3 = ['PHILOSOPHY','SOCIETY','PRIVACY','CYBERWARFARE','SURVIVALISM'];
@@ -30,6 +32,7 @@ const ALL_CATS = [...CAT_BLOCK1, ...CAT_BLOCK2, ...CAT_BLOCK3];
 
 const catKey = (c) => 'forumCat' + String(c || '').replace(/\./g,'').replace(/[\s-]/g,'').toUpperCase();
 const catLabel = (c) => i18n[catKey(c)] || c;
+const tribeCatLabel = (c) => i18n['tribeForumCat' + String(c || '').charAt(0) + String(c || '').slice(1).toLowerCase()] || c;
 
 const Z = 1.96;
 function wilsonScore(pos, neg) {
@@ -43,9 +46,9 @@ function getFilteredForums(filter, forums) {
   const now = Date.now();
   if (filter === 'mine')    return forums.filter(f => f.author === userId);
   if (filter === 'recent')  return forums.filter(f => new Date(f.createdAt).getTime() >= now - 86400000);
-  if (filter === 'top')     return forums.slice().sort((a,b) => b.score - a.score);
+  if (filter === 'top')     return forums.filter(f => !f.tribeOrigin).sort((a,b) => b.score - a.score);
   if (filter === 'hot')     return forums
-    .filter(f => new Date(f.createdAt).getTime() >= now - 86400000)
+    .filter(f => !f.tribeOrigin && new Date(f.createdAt).getTime() >= now - 86400000)
     .sort((a,b) => b.score - a.score);
   if (ALL_CATS.includes(filter))
     return forums.filter(f => f.category === filter);
@@ -84,57 +87,71 @@ const renderVotes = (target, score, forumId) =>
     )
   );
 
-const renderForumForm = () =>
+const renderForumForm = (draft = null) =>
   div({ class: 'forum-form' },
-    form({ action: '/forum/create', method: 'POST' },
+    form({ action: '/forum/create', method: 'POST', enctype: 'multipart/form-data' },
       label(i18n.forumCategoryLabel), br(),
       select({ name: 'category', required: true },
-        ALL_CATS.map(cat => option({ value: cat }, catLabel(cat)))
+        ALL_CATS.map(cat => option({ value: cat, ...(draft && draft.category === cat ? { selected: true } : {}) }, catLabel(cat)))
       ), br(), br(),
       label(i18n.eventPrivacyLabel), br(),
       select({ name: 'isPublic', id: 'isPublic' },
-        option({ value: 'public', selected: true }, i18n.eventPublic),
-        option({ value: 'private' }, i18n.eventPrivate)
+        option({ value: 'public', ...(draft && draft.isPrivate ? {} : { selected: true }) }, i18n.eventPublic),
+        option({ value: 'private', ...(draft && draft.isPrivate ? { selected: true } : {}) }, i18n.eventPrivate)
       ), br(), br(),
       label(i18n.forumTitleLabel), br(),
       input({
         type: 'text',
         name: 'title', maxlength: '100',
         required: true,
-        placeholder: i18n.forumTitlePlaceholder
+        placeholder: i18n.forumTitlePlaceholder,
+        value: draft ? String(draft.title || '') : ''
       }), br(), br(),
       label(i18n.forumMessageLabel), br(),
-      textarea({
+      textarea({ maxlength: String(TEXT_CAP),
         name: 'text',
         required: true,
-        rows: 4,
+        rows: 8,
         placeholder: i18n.forumMessagePlaceholder
-      }), br(), br(),
+      }, draft ? String(draft.text || '') : ''), br(), br(),
+      label(i18n.uploadMedia), br(),
+      input({ type: 'file', name: 'blob' }), br(), br(),
       button({ type: 'submit' }, i18n.forumCreateButton)
     )
   );
 
-const renderThread = (nodes, level = 0, forumId) => {
+const bySupport = (a, b) =>
+  wilsonScore(b.positiveVotes, b.negativeVotes) - wilsonScore(a.positiveVotes, a.negativeVotes);
+
+const bestReplyKey = (nodes) => {
+  const flat = [];
+  const walk = (list) => { for (const m of Array.isArray(list) ? list : []) { if (m && m.text && String(m.text).trim()) flat.push(m); walk(m && m.children); } };
+  walk(nodes);
+  if (!flat.length) return null;
+  const sorted = flat.slice().sort(bySupport);
+  const top = sorted[0];
+  if (wilsonScore(top.positiveVotes, top.negativeVotes) > 0) return top.key;
+  const first = (Array.isArray(nodes) ? nodes : []).filter(m => m && m.text && String(m.text).trim()).sort(bySupport)[0];
+  return first ? first.key : null;
+};
+
+const renderThread = (nodes, level = 0, forumId, bestKey = null) => {
   if (!Array.isArray(nodes)) return [];
   return [...nodes]
     .filter(m => (m && m.text && String(m.text).trim()) || (m && Array.isArray(m.children) && m.children.length))
-    .sort((a, b) =>
-      wilsonScore(b.positiveVotes, b.negativeVotes)
-      - wilsonScore(a.positiveVotes, a.negativeVotes)
-    )
-    .flatMap((m, i) => {
-      const isTopLevelWinner = level === 0 && i === 0;
+    .sort(bySupport)
+    .flatMap((m) => {
       const classList = [
         'forum-comment',
         `level-${level}`,
-        isTopLevelWinner ? 'highlighted-reply' : ''
+        bestKey && m.key === bestKey ? 'highlighted-reply' : ''
       ].filter(Boolean).join(' ');
 
       const commentBox = div(
-        { class: classList },
+        { class: classList, id: `msg-${String(m.key || '').replace(/[^a-zA-Z0-9]/g, '')}` },
         div({ class: 'comment-header' },
           span({ class: 'date-link' },
-            `${moment(m.timestamp).format('YYYY/MM/DD HH:mm:ss')} ${i18n.performed}`),
+            `${moment(m.timestamp).format('YYYY/MM/DD HH:mm')}`),
           userLink(m.author),
           div({ class: 'comment-votes' },
             span({ class: 'votes-count' }, `▲: ${m.positiveVotes || 0}`),
@@ -151,123 +168,119 @@ const renderThread = (nodes, level = 0, forumId) => {
               ...(m.text || '').split('\n')
                 .map(l => l.trim())
                 .filter(l => l)
-                .map(l => p(...renderUrl(l)))
+                .map(l => p(...renderStyledText(l, { zoomImages: true })))
             )
           )
         ),
-        div({ class: 'new-reply' },
+        details({ class: 'new-reply forum-inline-reply', ...(draftFor(m.key) ? { open: true } : {}) },
+          summary({ class: 'forum-inline-reply-toggle' }, i18n.tribeForumReply),
           form({
             method: 'POST',
             action: `/forum/${encodeURIComponent(forumId)}/message`,
-            class: 'comment-form'
+            class: 'comment-form',
+            enctype: 'multipart/form-data'
           },
             input({ type: 'hidden', name: 'parentId', value: m.key }),
-            textarea({
+            textarea({ maxlength: String(TEXT_CAP),
               name: 'message',
-              rows: 2,
+              rows: 4,
               required: true,
               placeholder: i18n.forumMessagePlaceholder,
               class: 'comment-textarea'
-            }),
-            button({ type: 'submit', class: 'forum-send-btn' }, 'Reply')
+            }, draftFor(m.key)),
+            div({ class: 'comment-file-upload' }, input({ type: 'file', name: 'blob' })),
+            button({ type: 'submit', class: 'forum-send-btn' }, i18n.tribeForumReply)
           )
         )
       );
 
-      return [ commentBox, ...renderThread(m.children || [], level + 1, forumId) ];
+      return [ commentBox, ...renderThread(m.children || [], level + 1, forumId, bestKey) ];
     });
 };
 
+const forumHref = (f) => `/forum/${encodeURIComponent(f.key)}`;
+
+const forumCounts = (f) => span({ class: 'card-label activity-update-counts mailing-counts' },
+  `👥: ${f.participants?.length || 1} · 💬 ${Math.max(0, (f.messagesCount || 1) - 1)} · ▲ ${f.positiveVotes || 0} · ▼ ${f.negativeVotes || 0}`);
+
 const renderForumList = (forums, currentFilter, spreadMap = new Map()) => {
   const visibleForums = (Array.isArray(forums) ? forums : []).filter(f =>
     (f && f.title && String(f.title).trim()) || (f && f.text && String(f.text).trim())
   )
-  return div({ class: 'forum-list' },
-    visibleForums.length
-      ? visibleForums.map(f =>
-        div({ class: 'forum-card' },
-          div({ class: 'forum-score-col' },
-            renderVotes(f.key, f.score, f.key)
-          ),
-          div({ class: 'forum-main-col' },
-            div({ class: 'card-header activity-card-header' },
-              renderContentActions(f.key, `/forum/${encodeURIComponent(f.key)}`, { spread: spreadMap.get(f.key) || null, author: f.author, favKind: 'forum', isFavorite: f.isFavorite, reportTitle: f.title })
-            ),
-            div({ class: 'forum-header-row' },
-              a({
-                class: 'forum-category',
-                href: `/forum?filter=${encodeURIComponent(f.category)}`
-              }, `[${catLabel(f.category)}]`),
-              a({
-                class: 'forum-title',
-                href: `/forum/${encodeURIComponent(f.key)}`
-              }, f.title),
-              f.isPrivate ? renderPrivacyChip(true, i18n) : null,
-              f.isPrivate ? renderForumEncryptedChip(i18n) : null,
-              renderLifespanChip(f.lifetime, i18n)
-            ),
-	    div({
-	      class: 'forum-body',
-	      innerHTML: sanitizeHtml(renderTextWithStyles(f.text || ''))
-	    }),
-            div({ class: 'forum-meta' },
-              span({ class: 'forum-positive-votes' },
-                `▲: ${f.positiveVotes || 0}`),
-              span({ class: 'forum-negative-votes' },
-                `▼: ${f.negativeVotes || 0}`),
-              span({ class: 'forum-participants' },
-                `${i18n.forumParticipants.toUpperCase()}: ${f.participants?.length || 1}`),
-              span({ class: 'forum-messages' },
-                `${i18n.forumMessages.toUpperCase()}: ${(f.messagesCount || 1) - 1}`)
-            ),
-            div({ class: 'forum-footer' },
-              span({ class: 'date-link' },
-                `${moment(f.createdAt).format('YYYY/MM/DD HH:mm:ss')} ${i18n.performed}`),
-              userLink(f.author)
-            ),
-            currentFilter === 'mine' && f.author === userId
-              ? div({ class: 'forum-owner-actions' },
-                form({
-                  method: 'POST',
-                  action: `/forum/delete/${encodeURIComponent(f.key)}`,
-                  class: 'forum-delete-form'
-                },
-                  button({ type: 'submit', class: 'delete-btn' },
-                    i18n.forumDeleteButton)
-                )
-              )
-              : null
+  if (!visibleForums.length) return div({ class: 'tribe-grid' }, p(i18n.noForums));
+  return ul({ class: 'mailing-archive' },
+    ...paged(visibleForums).map(f => {
+      if (f.tribeOrigin) {
+        return li({ class: 'mailing-archive-item' },
+          div({ class: 'emergency-update-head mailing-archive-head' },
+            div({ class: 'mailing-archive-meta' },
+              a({ href: f.tribeOrigin.href, class: 'user-link' }, f.title || '—'),
+              ALL_CATS.includes(f.category)
+                ? a({ class: 'forum-category', href: `/forum?filter=${encodeURIComponent(f.category)}` }, `[${catLabel(f.category)}]`)
+                : (f.category ? span({ class: 'forum-category' }, `[${tribeCatLabel(f.category)}]`) : null),
+              span({ class: 'card-label activity-update-counts mailing-counts' }, `👥: ${f.participants?.length || 1} · 💬 ${Math.max(0, (f.messagesCount || 1) - 1)}`),
+              renderLifespanChip(f.lifetime, i18n),
+              renderTribeOriginChip(f.tribeOrigin)
+            )
           )
+        );
+      }
+      return li({ class: 'mailing-archive-item' },
+        div({ class: 'emergency-update-head mailing-archive-head' },
+          div({ class: 'mailing-archive-meta' },
+            a({ href: forumHref(f), class: 'user-link' }, f.title || '—'),
+            a({ class: 'forum-category', href: `/forum?filter=${encodeURIComponent(f.category)}` }, `[${catLabel(f.category)}]`),
+            forumCounts(f),
+            f.isPrivate ? renderPrivacyChip(true, i18n) : null,
+            f.isPrivate ? renderForumEncryptedChip(i18n) : null,
+            renderLifespanChip(f.lifetime, i18n),
+            f.subscriptionIn === true
+              ? renderStateChip('mutuals', '✉', i18n.subscriptionOn)
+              : (f.subscriptionIn === false ? renderStateChip('closed', '✉', i18n.subscriptionOff) : null)
+          ),
+          renderContentActions(f.key, forumHref(f), { spread: spreadMap.get(f.key) || null, author: f.author, favKind: 'forum', isFavorite: f.isFavorite, reportTitle: f.title, deleteAction: f.author === userId ? `/forum/delete/${encodeURIComponent(f.key)}` : null })
         )
-      )
-      : p(i18n.noForums)
+      );
+    })
   );
 }
 
 exports.forumView = async (forums, currentFilter, params = {}) => {
   const CAT_I18N_MAP_UP = ALL_CATS.reduce((m,c)=>{ m[c]=(catLabel(c)||c).toUpperCase(); return m; },{});
+  const emptyModForum = moduleIsEmpty(getFilteredForums(currentFilter || 'all', forums), currentFilter || 'all', 'all', params.q);
+  const censusForums = Array.isArray(params.censusList) ? params.censusList : (Array.isArray(forums) ? forums : []);
+  const presentCats = new Set(censusForums.map(f => f && f.category).filter(Boolean));
+  const baseChipVisible = (mode) => {
+    if (mode === currentFilter || mode === 'all') return true;
+    if (mode === 'mine') return censusForums.some(f => String(f.author) === String(userId));
+    if (mode === 'recent') return censusForums.length > 0;
+    return censusForums.length > 0;
+  };
   return template(i18n.forumTitle,
     section(
-      div({ class: 'tags-header' },
+      div({ class: 'tags-header module-header-line' },
         h2(i18n.forumTitle),
         p(i18n.forumDescription)
       ),
-      div({ class: 'mode-buttons-cols' },
-        generateFilterButtons(BASE_FILTERS, currentFilter, '/forum', {
+      div({ class: 'mode-buttons-row' },
+        ...(emptyModForum ? [] : [
+        generateFilterButtons(BASE_FILTERS.filter(baseChipVisible), currentFilter, '/forum', {
           hot: i18n.forumFilterHot,
           all: i18n.forumFilterAll,
           mine: i18n.forumFilterMine,
           recent: i18n.forumFilterRecent,
           top: i18n.forumFilterTop
         }),
-        generateFilterButtons(CAT_BLOCK1, currentFilter, '/forum', CAT_I18N_MAP_UP),
-        generateFilterButtons(CAT_BLOCK2, currentFilter, '/forum', CAT_I18N_MAP_UP),
-        generateFilterButtons(CAT_BLOCK3, currentFilter, '/forum', CAT_I18N_MAP_UP),
+        generateFilterButtons(CAT_BLOCK1.filter(c => presentCats.has(c) || c === currentFilter), currentFilter, '/forum', CAT_I18N_MAP_UP),
+        generateFilterButtons(CAT_BLOCK2.filter(c => presentCats.has(c) || c === currentFilter), currentFilter, '/forum', CAT_I18N_MAP_UP),
+        generateFilterButtons(CAT_BLOCK3.filter(c => presentCats.has(c) || c === currentFilter), currentFilter, '/forum', CAT_I18N_MAP_UP)
+        ]),
         renderCreateForumButton()
       ),
       currentFilter === 'create'
         ? null
-        : div({ class: 'filters' },
+        : emptyModForum ? null : div({ class: 'filters activity-filter-chips activity-toolbar-row' },
+          renderModuleStats(getFilteredForums(currentFilter || 'all', forums).length),
             form({ method: 'GET', action: '/forum', class: 'filter-box' },
               input({ type: 'hidden', name: 'filter', value: currentFilter || 'all' }),
               input({ type: 'text', name: 'q', value: params.q || '', placeholder: i18n.forumSearchPlaceholder, class: 'filter-box__input' }),
@@ -277,7 +290,7 @@ exports.forumView = async (forums, currentFilter, params = {}) => {
             )
           ),
       currentFilter === 'create'
-        ? renderForumForm()
+        ? renderForumForm(params.draft || null)
         : renderForumList(
           getFilteredForums(currentFilter || 'all', forums),
           currentFilter,
@@ -287,15 +300,22 @@ exports.forumView = async (forums, currentFilter, params = {}) => {
   );
 };
 
-exports.singleForumView = async (forum, messagesData, currentFilter) => {
+let replyDraft = null;
+const draftFor = (parentId) => replyDraft && String(replyDraft.parentId || '') === String(parentId || '') ? String(replyDraft.message || '') : '';
+
+exports.singleForumView = async (forum, messagesData, currentFilter, replyId = null, params = {}) => {
+  replyDraft = params.draft || null;
   const CAT_I18N_MAP_UP = ALL_CATS.reduce((m,c)=>{ m[c]=(catLabel(c)||c).toUpperCase(); return m; },{});
+  const isForumOwner = String(forum.author) === String(userId);
+  const sharesForum = isForumOwner || (forum.participants || []).includes(userId);
+  const forumSubIn = isForumOwner || (forum.subscription && forum.subscription.subscribed === true);
   return template(forum.title,
     section(
-      div({ class: 'tags-header' },
+      div({ class: 'tags-header module-header-line' },
         h2(i18n.forumTitle),
         p(i18n.forumDescription)
       ),
-       div({ class: 'mode-buttons-cols' },
+       div({ class: 'mode-buttons-row' },
         generateFilterButtons(BASE_FILTERS, currentFilter, '/forum', {
           hot: i18n.forumFilterHot,
           all: i18n.forumFilterAll,
@@ -318,12 +338,13 @@ exports.singleForumView = async (forum, messagesData, currentFilter) => {
         )),
         div({ class: 'forum-main-col' },
           div({ class: 'card-header activity-card-header' },
-            renderContentActions(forum.key, null, {
+            renderContentActions(forum.key, forumHref(forum), {
               author: forum.author,
               favKind: 'forum',
               isFavorite: forum.isFavorite,
-              spread: null,
-              reportTitle: forum.title
+              spread: params.spreads || null,
+              reportTitle: forum.title,
+              deleteAction: isForumOwner ? `/forum/delete/${encodeURIComponent(forum.key)}` : null
             })
           ),
           div({ class: 'forum-header-row' },
@@ -338,6 +359,9 @@ exports.singleForumView = async (forum, messagesData, currentFilter) => {
             forum.isPrivate ? renderPrivacyChip(true, i18n) : null,
             forum.isPrivate ? renderForumEncryptedChip(i18n) : null,
             renderLifespanChip(forum.lifetime, i18n),
+            (forum.subscription && sharesForum)
+              ? renderStateChip(forumSubIn ? 'mutuals' : 'closed', '✉', forumSubIn ? i18n.subscriptionOn : i18n.subscriptionOff)
+              : null,
             (forum.isPrivate && forum.author === userId)
               ? form({ method: 'POST', action: `/forum/generate-invite/${encodeURIComponent(forum.key)}`, class: 'forum-invite-form' },
                   button({ type: 'submit', class: 'tribe-action-btn' }, i18n.tribeGenerateInvite))
@@ -347,25 +371,32 @@ exports.singleForumView = async (forum, messagesData, currentFilter) => {
                   button({ type: 'submit', class: 'tribe-action-btn' }, i18n.tribeOpenInvitation))
               : null,
             (forum.isPrivate && forum.author === userId && forum.openInviteCode)
-              ? span({ class: 'tribe-open-invite' },
+              ? div({ class: 'tribe-open-invite' },
                   span({ class: 'card-label' }, i18n.tribeInviteCodeText),
-                  span({ class: 'tribe-open-invite-code' }, forum.openInviteCode))
+                  span({ class: 'tribe-open-invite-code' }, forum.openInviteCode),
+                  renderInviteQrCard({ qrDataUrl: `/qr-invite-code/forum/${encodeURIComponent(forum.openInviteCode)}` }))
               : null,
             (forum.isPrivate && forum.author === userId && forum.openInviteCode)
               ? form({ method: 'POST', action: `/forum/open-invite/remove/${encodeURIComponent(forum.key)}`, class: 'forum-invite-form' },
                   button({ type: 'submit', class: 'tribe-action-btn danger-btn' }, i18n.tribeRemoveInvitation))
               : null,
             (forum.isPrivate && forum.author !== userId)
-              ? a({ class: 'tribe-action-btn', href: '/invites#invites-forums' }, i18n.tribeEnterInvite)
-              : null,
-            (forum.author === userId)
-              ? form({ method: 'POST', action: `/forum/delete/${encodeURIComponent(forum.key)}`, class: 'forum-delete-form' },
-                  button({ type: 'submit', class: 'tribe-action-btn danger-btn' }, i18n.forumDeleteButton))
+              ? a({ class: 'tribe-action-btn', href: '/invites?filter=others' }, i18n.tribeEnterInvite)
               : null
           ),
+          (forum.subscription && sharesForum)
+            ? renderSubscriptionBox({
+                target: forum.rootId || forum.key,
+                scope: 'forum',
+                subscribed: forum.subscription.subscribed === true,
+                count: forum.subscription.count,
+                isOwner: isForumOwner,
+                returnTo: `/forum/${encodeURIComponent(forum.key)}`
+              })
+            : null,
 	  div({
 	    class: 'forum-body',
-	    innerHTML: sanitizeHtml(renderTextWithStyles(forum.text || ''))
+	    [RAW_HTML]: sanitizeHtml(renderStyledHtml(forum.text || ''))
 	  }),
           div({ class: 'forum-meta' },
             span({ class: 'forum-positive-votes' },
@@ -379,7 +410,7 @@ exports.singleForumView = async (forum, messagesData, currentFilter) => {
           ),
           div({ class: 'forum-footer' },
             span({ class: 'date-link' },
-              `${moment(forum.createdAt).format('YYYY/MM/DD HH:mm:ss')} ${i18n.performed}`),
+              `${moment(forum.createdAt).format('YYYY/MM/DD HH:mm')}`),
             userLink(forum.author)
           )
         )
@@ -388,19 +419,22 @@ exports.singleForumView = async (forum, messagesData, currentFilter) => {
         form({
           method: 'POST',
           action: `/forum/${encodeURIComponent(forum.key)}/message`,
-          class: 'new-message-form'
+          class: 'new-message-form',
+          enctype: 'multipart/form-data'
         },
-          textarea({
+          textarea({ maxlength: String(TEXT_CAP),
             name: 'message',
-            rows: 4,
+            rows: 8,
             required: true,
             placeholder: i18n.forumMessagePlaceholder,
             class: 'new-message-textarea'
-          }), br(),
+          }, draftFor(null)), br(),
+          label(i18n.uploadMedia), br(),
+          input({ type: 'file', name: 'blob' }), br(),
           button({ type: 'submit', class: 'forum-send-btn' }, i18n.forumSendButton)
         )
       ),
-      ...renderThread(messagesData.messages, 0, forum.key)
+      ...renderThread(messagesData.messages, 0, forum.key, bestReplyKey(messagesData.messages))
     )
   );
 };