diff --git a/components/agents/AgentWorkflowMaterialPicker.tsx b/components/agents/AgentWorkflowMaterialPicker.tsx
index 4f4d98b55..13f9dc35f 100644
--- a/components/agents/AgentWorkflowMaterialPicker.tsx
+++ b/components/agents/AgentWorkflowMaterialPicker.tsx
@@ -84,8 +84,8 @@ export function AgentWorkflowMaterialPicker({
)}
>
-
{title}
-
+
{title}
+
{description}
@@ -136,7 +136,10 @@ export function AgentWorkflowMaterialPicker({
type="button"
onClick={onSearch}
disabled={disabled || isLoading || !value.trim()}
- className={cn(isDark && "border-white/12 bg-white/8 text-white hover:bg-white/12")}
+ className={cn(
+ isDark &&
+ "border-white/12 bg-white/[0.05] text-white/85 hover:bg-white/[0.11] hover:text-white disabled:text-white/40"
+ )}
>
{isLoading ? (
@@ -148,7 +151,7 @@ export function AgentWorkflowMaterialPicker({
{searchNote ? (
-
+
{searchNote}
) : null}
@@ -178,7 +181,7 @@ export function AgentWorkflowMaterialPicker({
命中:{result.matchedSku || result.query}
@@ -187,7 +190,7 @@ export function AgentWorkflowMaterialPicker({
SPU:{result.matchedSpu}
@@ -197,27 +200,27 @@ export function AgentWorkflowMaterialPicker({
型号:{result.productModel}
) : null}
-
- 共 {result.totalCount} 张
+
+ 共 {result.totalCount} 张
-
- 已选 {selectedCount} 张
+
+ 已选 {selectedCount} 张
@@ -227,6 +230,10 @@ export function AgentWorkflowMaterialPicker({
size="sm"
onClick={handleSelectAll}
disabled={!result.images?.length}
+ className={cn(
+ isDark &&
+ "border-white/12 bg-white/[0.04] text-white/82 hover:bg-white/[0.10] hover:text-white disabled:text-white/35"
+ )}
>
全选
@@ -236,6 +243,10 @@ export function AgentWorkflowMaterialPicker({
size="sm"
onClick={() => onSelectedImageIdsChange([])}
disabled={selectedCount === 0}
+ className={cn(
+ isDark &&
+ "border-white/12 bg-white/[0.04] text-white/82 hover:bg-white/[0.10] hover:text-white disabled:text-white/35"
+ )}
>
清空已选
@@ -276,10 +287,10 @@ export function AgentWorkflowMaterialPicker({
)}
-
+
{option.skuName}
-
+
{option.hasWhiteBackground
? `已有 ${option.whiteBackgroundCount} 张白底图`
: "暂无白底图"}
@@ -291,6 +302,10 @@ export function AgentWorkflowMaterialPicker({
variant="outline"
disabled={!option.hasWhiteBackground}
onClick={() => onSkuOptionSelect?.(option.skuName)}
+ className={cn(
+ isDark &&
+ "border-white/12 bg-white/[0.04] text-white/88 hover:bg-white/[0.10] hover:text-white disabled:text-white/35"
+ )}
>
选择SKU
@@ -358,10 +373,10 @@ export function AgentWorkflowMaterialPicker({
-
+
{image.fileName}
-
+
点击{selected ? "取消" : "选择"},可多选带入生图模式
@@ -376,7 +391,7 @@ export function AgentWorkflowMaterialPicker({
className={cn(
"flex min-h-[124px] flex-col items-center justify-center rounded-[24px] border border-dashed px-4 text-center text-sm",
isDark
- ? "border-white/12 bg-white/[0.03] text-white/42"
+ ? "border-white/12 bg-white/[0.03] text-white/56"
: "bg-background/60 text-muted-foreground"
)}
>
@@ -403,7 +418,7 @@ export function AgentWorkflowMaterialPicker({