Upload 17 files

dashboardlogic.js

@@ -177,6 +177,7 @@ async function loadFiles() {
         render(files);
         loading(false);
         console.log('✓ Files loaded and rendered');
+        preloadTextPreviews();
     } catch (err) {
         console.error('Files load error:', err);
         loading(false);
@@ -189,6 +190,32 @@ async function loadFiles() {
     }
 }
 
+// Preload short text previews for text files so grid view
+// can show the first few words instead of just an icon.
+async function preloadTextPreviews() {
+    // Only attempt after files are loaded and user is known
+    if (!currentUser || !currentPassword || !Array.isArray(files)) return;
+    for (const file of files) {
+        // Simple heuristic: only fetch preview for obvious text formats
+        const name = (file && file.name) ? String(file.name).toLowerCase() : '';
+        if (!name.endsWith('.txt') && !name.endsWith('.md')) continue;
+        try {
+            const result = await callSecureApi("/get_preview_text_action", withTokens({
+                user_id: currentUser,
+                password: currentPassword,
+                filename: file.name,
+            }));
+            const text = Array.isArray(result.data) ? result.data[0] : result.data;
+            if (typeof text === 'string' && text.trim()) {
+                file.preview = text;
+            }
+        } catch (err) {
+            console.error('Text preview preload error for', file.name, err);
+        }
+    }
+    render(files);
+}
+
 // Update stats cards
 function updateStatsCards() {
     const cards = document.querySelectorAll('.card');
@@ -233,14 +260,22 @@ function render(list) {
     }
     
     // Grid HTML
-    const gridHTML = list.map((f, i) => `
-        <div class="file-card ${selected.has(i) ? 'selected' : ''}" onclick="toggleSelect(${i})" ondblclick="toggleSelect(${i})">
+    const gridHTML = list.map((f, i) => {
+        let iconOrPreview = f.icon;
+        if (f.preview && typeof f.preview === 'string' && f.preview.trim()) {
+            const words = f.preview.trim().split(/\s+/).slice(0, 5).join(' ');
+            const snippet = words + (f.preview.trim().length > words.length ? '...' : '');
+            iconOrPreview = escapeHtml(snippet);
+        }
+        return `
+        <div class="file-card ${selected.has(i) ? 'selected' : ''}" onclick="toggleSelect(${i})" ondblclick="openPreview(${i})">
             <span class="fc-check"><i class="fa-solid fa-check"></i></span>
-            <span class="fc-icon">${f.icon}</span>
+            <span class="fc-icon">${iconOrPreview}</span>
             <span class="fc-name">${f.name}</span>
             <span class="fc-meta">${f.size}</span>
         </div>
-    `).join('');
+    `;
+    }).join('');
     
     grid.innerHTML = gridHTML;
     console.log('Grid rendered with', list.length, 'items');