From 580f0efc28cdd9b8011bf802a9eb35b409865e27 Mon Sep 17 00:00:00 2001
From: l0ng-ai <24760907+l0ng-ai@users.noreply.github.com>
Date: Tue, 27 Oct 2026 13:20:43 +0800
Subject: [PATCH] fix(ui): Keep the Select chevron at the right edge with a
 custom value (#67)

Select only wrapped its default label in the flex-filling value span, so a
renderValue (the data source Color picker's swatch + name) left the chevron
right after the text, short of the field's edge.

Claude-Session: https://claude.ai/code/session_01VUYsdXA2nkF5v6zsC93dpn
---
 src/ui/Select.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/Select.tsx b/src/ui/Select.tsx
index cc4ca258c..f62d47f1d 100644
--- a/src/ui/Select.tsx
+++ b/src/ui/Select.tsx
@@ -107,7 +107,7 @@ export function Select<V extends string = string>({
         }}
       >
         {renderValue ? (
-          renderValue(current)
+          <span className={styles.value}>{renderValue(current)}</span>
         ) : (
           <>
             {current?.icon && <Icon name={current.icon} size={14} />}