From 7aaa1bf7c0ebf5285fd2fe11f3d61eaf41d3fe8b Mon Sep 17 00:00:00 2001
From: Eric Wang <wangx184@chinatelecom.cn>
Date: Wed, 5 Aug 2026 14:36:31 +0800
Subject: [PATCH] fix(frontend): refine editor title and section tab scrollbars

Shrink the editable assistant title in prompt/workflow editors and keep the pencil icon visible. Apply scrollbar-subtle to section anchor tabs so horizontal scrollbars match dark theme.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../src/components/assistant-editor/editor-controls.tsx   | 8 ++++----
 frontend/src/components/editor/section-anchor-tabs.tsx    | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/assistant-editor/editor-controls.tsx b/frontend/src/components/assistant-editor/editor-controls.tsx
index 203316a..5d645d6 100644
--- a/frontend/src/components/assistant-editor/editor-controls.tsx
+++ b/frontend/src/components/assistant-editor/editor-controls.tsx
@@ -157,7 +157,7 @@ export function EditableTitle({
         className={
           variant === "panel"
             ? "min-w-0 flex-1 border-b border-primary bg-transparent px-3 py-1.5 text-sm font-medium text-foreground outline-none"
-            : "font-display display-sm w-[min(60vw,420px)] border-b border-primary bg-transparent text-ink outline-none"
+            : "font-display w-[min(60vw,420px)] border-b border-primary bg-transparent text-lg text-ink outline-none"
         }
       />
     );
@@ -178,14 +178,14 @@ export function EditableTitle({
         className={
           variant === "panel"
             ? "truncate text-sm font-medium text-foreground"
-            : "font-display display-sm truncate text-ink"
+            : "font-display truncate text-lg text-ink"
         }
       >
         {value || placeholder}
       </span>
       <Pencil
-        size={variant === "panel" ? 14 : 16}
-        className="shrink-0 text-muted-soft opacity-0 transition-opacity group-hover:opacity-100"
+        size={14}
+        className="shrink-0 text-muted-soft"
       />
     </button>
   );
diff --git a/frontend/src/components/editor/section-anchor-tabs.tsx b/frontend/src/components/editor/section-anchor-tabs.tsx
index 5cc9261..ea92d1a 100644
--- a/frontend/src/components/editor/section-anchor-tabs.tsx
+++ b/frontend/src/components/editor/section-anchor-tabs.tsx
@@ -59,7 +59,7 @@ export function SectionAnchorTabs({
   return (
     <nav
       aria-label={ariaLabel}
-      className={cn("shrink-0 overflow-x-auto overscroll-none", className)}
+      className={cn("scrollbar-subtle shrink-0 overflow-x-auto overscroll-none", className)}
     >
       {contentClassName ? (
         <div className={contentClassName}>{list}</div>