From 440ec123c6438c59f929b66a880a5fec5c0563d3 Mon Sep 17 00:00:00 2001
From: Yiorgis Gozadinos <ggozadinos@gmail.com>
Date: Thu, 18 Dec 2025 09:42:55 +0200
Subject: [PATCH] If documents have no title display uri alone, ag-ui-example

---
 .../frontend/components/DocumentSelector.tsx  | 35 +++++++++++--------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/examples/ag-ui-research/frontend/components/DocumentSelector.tsx b/examples/ag-ui-research/frontend/components/DocumentSelector.tsx
index 33060026..7c4c93bd 100644
--- a/examples/ag-ui-research/frontend/components/DocumentSelector.tsx
+++ b/examples/ag-ui-research/frontend/components/DocumentSelector.tsx
@@ -298,22 +298,29 @@ export default function DocumentSelector({
 												}}
 											/>
 											<div style={{ flex: 1, minWidth: 0 }}>
+												{doc.title && (
+													<div
+														style={{
+															fontSize: "0.875rem",
+															fontWeight: isSelected ? "600" : "400",
+															color: "#2d3748",
+															whiteSpace: "nowrap",
+															overflow: "hidden",
+															textOverflow: "ellipsis",
+														}}
+													>
+														{doc.title}
+													</div>
+												)}
 												<div
 													style={{
-														fontSize: "0.875rem",
-														fontWeight: isSelected ? "600" : "400",
-														color: "#2d3748",
-														whiteSpace: "nowrap",
-														overflow: "hidden",
-														textOverflow: "ellipsis",
-													}}
-												>
-													{doc.title || "Untitled"}
-												</div>
-												<div
-													style={{
-														fontSize: "0.7rem",
-														color: "#718096",
+														fontSize: doc.title ? "0.7rem" : "0.875rem",
+														fontWeight: doc.title
+															? "400"
+															: isSelected
+																? "600"
+																: "400",
+														color: doc.title ? "#718096" : "#2d3748",
 														whiteSpace: "nowrap",
 														overflow: "hidden",
 														textOverflow: "ellipsis",