Display chat time

Signed-off-by: Ettore Di Giacinto <[email protected]>

Author: mudler

core/http/views/chat.html

@@ -746,7 +746,10 @@ <h2 class="text-xs font-semibold text-[#94A3B8] uppercase tracking-wide">Chats</
                             @dblclick="editingChatId = chat.id; editingName = chat.name"
                             x-text="chat.name || 'New Chat'"
                           ></div>
-                          <div class="text-[10px] text-[#94A3B8] truncate" x-text="getLastMessagePreview(chat)"></div>
+                          <div class="flex items-center gap-1.5">
+                            <div class="text-[10px] text-[#94A3B8] truncate" x-text="getLastMessagePreview(chat)"></div>
+                            <span class="text-[9px] text-[#94A3B8]/60" x-text="formatChatDate(chat.updatedAt || chat.createdAt)"></span>
+                          </div>
                         </div>
                       </div>
                     </template>
@@ -1560,6 +1563,30 @@ <h3 class="text-xl font-semibold text-gray-900 dark:text-white">{{ $model }}</h3
           const text = tempDiv.textContent || tempDiv.innerText || '';
           return text.substring(0, 40) + (text.length > 40 ? '...' : '');
         };
+        
+        // Format chat date for display
+        window.formatChatDate = (timestamp) => {
+          if (!timestamp) return '';
+          const date = new Date(timestamp);
+          const now = new Date();
+          const diffMs = now - date;
+          const diffMins = Math.floor(diffMs / 60000);
+          const diffHours = Math.floor(diffMs / 3600000);
+          const diffDays = Math.floor(diffMs / 86400000);
+          
+          if (diffMins < 1) {
+            return 'Just now';
+          } else if (diffMins < 60) {
+            return `${diffMins}m ago`;
+          } else if (diffHours < 24) {
+            return `${diffHours}h ago`;
+          } else if (diffDays < 7) {
+            return `${diffDays}d ago`;
+          } else {
+            // Show date for older chats
+            return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+          }
+        };
       });
 
       // Context size is now initialized in the Alpine store initialization above