Добавить Turbo-загрузку и превью для вложений

shine-UI/js/pages/arweave-uploads-view.js

@@ -24,7 +24,7 @@ function setStatusBadge(node, status, label) {
 
 function renderTile(item, index) {
   const tile = document.createElement('article');
-  tile.className = 'ar-attachment-history-tile ar-attachment-history-tile--page';
+  tile.className = `ar-attachment-history-tile ar-attachment-history-tile--page${item?.preview?.ar ? ' ar-attachment-history-tile--with-preview' : ''}`;
 
   const name = document.createElement('strong');
   name.className = 'ar-attachment-history-name';
@@ -42,6 +42,12 @@ function renderTile(item, index) {
   const time = document.createElement('span');
   time.textContent = formatArweaveHistoryTime(item.uploadedAtMs);
   meta.append(status, size, time);
+  if (item?.preview?.ar) {
+    const previewFlag = document.createElement('span');
+    previewFlag.className = 'ar-attachment-placement-flag';
+    previewFlag.textContent = 'С превью';
+    meta.append(previewFlag);
+  }
   if (item.pendingPlacement) {
     const flag = document.createElement('span');
     flag.className = 'ar-attachment-placement-flag';
@@ -126,8 +132,12 @@ export function render({ navigate }) {
     }, 0);
   }
 
-  controls.querySelector('[data-action="upload"]')?.addEventListener('click', uploadFile);
-  controls.querySelector('[data-action="upload-menu"]')?.addEventListener('click', uploadFile);
+  controls.querySelector('[data-action="upload"]')?.addEventListener('click', () => {
+    void uploadFile();
+  });
+  controls.querySelector('[data-action="upload-menu"]')?.addEventListener('click', () => {
+    void uploadFile();
+  });
 
   controls.querySelector('[data-action="back"]')?.addEventListener('click', () => navigate('settings-view'));
   controls.querySelector('[data-action="menu"]')?.addEventListener('click', (event) => {
@@ -147,7 +157,7 @@ export function render({ navigate }) {
     const menu = controls.querySelector('[data-menu="true"]');
     if (menu) menu.hidden = true;
     window.alert(
-      'Здесь вы можете заранее добавить файл в Arweave. Файл загрузится в блокчейн-хранилище и сохранится в журнале только этой браузерной сессии.\n\n'
+      'Здесь вы можете заранее добавить файл в Arweave или через Turbo. Кнопка «Загрузить через Turbo» находится внутри стандартного окна загрузки.\n\n'
       + 'Потом при создании сообщения можно открыть историю загрузок и выбрать уже загруженный файл по txId. '
       + 'Если файл только что загружен, gateway может несколько минут его не отдавать, поэтому статус может быть “ещё обновляется”.'
     );