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({