From 64c42fd9407b1c2ba4a4d536ca557f9d1d6fee57 Mon Sep 17 00:00:00 2001
From: joaner <1726541+joaner@users.noreply.github.com>
Date: Wed, 5 Aug 2026 19:43:50 +0800
Subject: [PATCH 1/3] fix: widen dataset health dialog

Give validation results enough room to remain readable on wide screens.
---
 src/react/components/DatasetHealthDialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/react/components/DatasetHealthDialog.tsx b/src/react/components/DatasetHealthDialog.tsx
index 6230131..817c7b8 100644
--- a/src/react/components/DatasetHealthDialog.tsx
+++ b/src/react/components/DatasetHealthDialog.tsx
@@ -98,7 +98,7 @@ export const DatasetHealthDialog: React.FC<DatasetHealthDialogProps> = ({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-5xl h-[85vh] max-h-[85vh] flex flex-col p-0 gap-0 overflow-hidden">
+      <DialogContent className="w-[80vw] max-w-[80vw] h-[85vh] max-h-[85vh] flex flex-col p-0 gap-0 overflow-hidden">
         <DialogHeader className="space-y-0 flex flex-row items-center justify-start gap-4 w-full px-6 py-4 border-b border-border shrink-0">
           <DialogTitle className="text-lg font-semibold">
             {t('health.validation.dialog.title')}

From 1c6159f00e8ac08e644b6ae4064aa7d1584fc80a Mon Sep 17 00:00:00 2001
From: joaner <1726541+joaner@users.noreply.github.com>
Date: Wed, 5 Aug 2026 19:45:33 +0800
Subject: [PATCH 2/3] fix: prevent navbar title overlap

Constrain and truncate long dataset names so navigation controls remain reachable.
---
 src/react/components/Navbar.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/react/components/Navbar.tsx b/src/react/components/Navbar.tsx
index 519b88c..0f33dd5 100644
--- a/src/react/components/Navbar.tsx
+++ b/src/react/components/Navbar.tsx
@@ -269,7 +269,7 @@ export const Navbar: React.FC<NavbarProps> = ({
 
         {/* Center: Title & Logo */}
         <div
-          className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 flex items-center gap-2 pointer-events-none"
+          className="absolute left-1/2 top-1/2 flex max-w-[40vw] -translate-x-1/2 -translate-y-1/2 items-center gap-2 pointer-events-none"
           role={isLoading ? 'status' : undefined}
           aria-live={isLoading ? 'polite' : undefined}
         >
@@ -282,7 +282,8 @@ export const Navbar: React.FC<NavbarProps> = ({
             <img src="logo.svg" alt="LeRobot Studio Logo" className="h-5 w-5 opacity-90" />
           ) : null}
           <span
-            className={`text-sm font-semibold tracking-tight ${isLoading ? 'text-muted-foreground animate-pulse' : ''}`}
+            className={`block min-w-0 truncate text-sm font-semibold tracking-tight ${isLoading ? 'text-muted-foreground animate-pulse' : ''}`}
+            title={displayName}
           >
             {displayName}
           </span>

From 25532dc1c15571e7126b528bd8b0ac2408673bef Mon Sep 17 00:00:00 2001
From: joaner <1726541+joaner@users.noreply.github.com>
Date: Wed, 5 Aug 2026 19:47:27 +0800
Subject: [PATCH 3/3] fix: hide chart sampling metadata

Keep the chart toolbar focused on controls instead of internal data reduction details.
---
 src/react/components/panels/ChartPanel/ChartPanel.tsx | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/src/react/components/panels/ChartPanel/ChartPanel.tsx b/src/react/components/panels/ChartPanel/ChartPanel.tsx
index 74abb32..1bb99fa 100644
--- a/src/react/components/panels/ChartPanel/ChartPanel.tsx
+++ b/src/react/components/panels/ChartPanel/ChartPanel.tsx
@@ -1387,17 +1387,6 @@ const ChartPanelContent: React.FC<ChartPanelProps> = ({ params }) => {
               )}
             </>
           )}
-          {preparedData?.meta?.simplified && (
-            <div className="flex items-center ml-2">
-              <span className="text-[9px] font-mono text-muted-foreground/60 bg-muted/40 px-1.5 py-0.5 rounded border border-border/50">
-                {t('chart.sampling.enabled', {
-                  originalPoints: preparedData.meta.originalPoints,
-                  displayedPoints: preparedData.meta.displayedPoints,
-                  stride: preparedData.meta.stride,
-                })}
-              </span>
-            </div>
-          )}
         </div>
       </div>