From 3ec9187cd28961aa9a7a13887d4508172570e510 Mon Sep 17 00:00:00 2001
From: euvre <93761161+euvre@users.noreply.github.com>
Date: Thu, 9 Jul 2026 09:46:03 +0800
Subject: [PATCH] fix(web): prevent 'last saved at' label from vertical
 stacking in agent home card (#16756)

---
 web/src/components/home-card.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/web/src/components/home-card.tsx b/web/src/components/home-card.tsx
index d5abbf6851..12bb6427e1 100644
--- a/web/src/components/home-card.tsx
+++ b/web/src/components/home-card.tsx
@@ -22,7 +22,7 @@ interface IProps {
 }
 
 function Time({ time }: { time: string | number | undefined }) {
-  return <p className="text-sm whitespace-nowrap">{formatDate(time)}</p>;
+  return <p className="text-sm truncate">{formatDate(time)}</p>;
 }
 export function HomeCard({
   data,
@@ -84,16 +84,20 @@ export function HomeCard({
                 {data.description}
               </div>
               {extra}
-              <div className="flex justify-between items-center">
+              <div className="flex justify-between items-center min-w-0">
                 {showReleaseTime ? (
-                  <section className="text-sm text-text-secondary space-y-1">
-                    <div className="flex items-center gap-2">
-                      {`${t('flow.lastSavedAt')}:`}
+                  <section className="text-sm text-text-secondary space-y-1 min-w-0">
+                    <div className="flex items-center gap-2 min-w-0">
+                      <span className="whitespace-nowrap">
+                        {t('flow.lastSavedAt')}:
+                      </span>
                       <Time time={data.update_time}></Time>
                     </div>
                     {data.release_time && (
-                      <div className="flex items-center gap-2">
-                        {`${t('flow.publishedAt')}:`}
+                      <div className="flex items-center gap-2 min-w-0">
+                        <span className="whitespace-nowrap">
+                          {t('flow.publishedAt')}:
+                        </span>
                         <Time time={data.release_time}></Time>
                       </div>
                     )}