From 65d4b22c7cfcd07ce803ee3e229ff199d3f896d6 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Tue, 9 Dec 2025 19:47:38 -0500
Subject: [PATCH] refac

---
 src/lib/components/notes/Notes.svelte | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/notes/Notes.svelte b/src/lib/components/notes/Notes.svelte
index fa1b6a0253..9204435ed3 100644
--- a/src/lib/components/notes/Notes.svelte
+++ b/src/lib/components/notes/Notes.svelte
@@ -461,14 +461,24 @@
 												<a href={`/notes/${note.id}`} class="w-full flex flex-col justify-between">
 													<div class="flex-1">
 														<div class="  flex items-center gap-2 self-center justify-between">
-															<div class=" text-sm font-medium capitalize flex-1 w-full">
-																{note.title}
-															</div>
+															<Tooltip
+																content={note.title}
+																className="flex-1"
+																placement="top-start"
+															>
+																<div
+																	class=" text-sm font-medium capitalize flex-1 w-full line-clamp-1"
+																>
+																	{note.title}
+																</div>
+															</Tooltip>
 
 															<div class="flex shrink-0 items-center text-xs gap-2.5">
-																<div>
-																	{dayjs(note.updated_at / 1000000).fromNow()}
-																</div>
+																<Tooltip content={dayjs(note.updated_at / 1000000).format('LLLL')}>
+																	<div>
+																		{dayjs(note.updated_at / 1000000).fromNow()}
+																	</div>
+																</Tooltip>
 																<Tooltip
 																	content={note?.user?.email ?? $i18n.t('Deleted User')}
 																	className="flex shrink-0"