diff --git a/components/agents/AgentPsdTemplateEditorDialog.tsx b/components/agents/AgentPsdTemplateEditorDialog.tsx index 17be76a3d..c296a0755 100644 --- a/components/agents/AgentPsdTemplateEditorDialog.tsx +++ b/components/agents/AgentPsdTemplateEditorDialog.tsx @@ -1471,30 +1471,19 @@ function renderTextLayerPreviewContent( ); } -function getAssignedImageMaskStyle(params: { - layer: AgentPsdTemplateImageLayerSlot; - maskSourceUrl?: string; -}): CSSProperties { - const normalizedMaskUrl = String( - params.layer.maskUrl || params.maskSourceUrl || "" - ).trim(); - const hasMask = Boolean(normalizedMaskUrl); - const maskImageUrl = hasMask - ? `url(${buildPsdLayerPreviewUrl(normalizedMaskUrl, { - width: params.layer.width, - quality: 72, - })})` - : undefined; +function getAssignedImageMaskStyle( + layer: AgentPsdTemplateImageLayerSlot +): CSSProperties { + const hasMask = Boolean(layer.maskUrl); return { - WebkitMaskImage: maskImageUrl, - maskImage: maskImageUrl, + WebkitMaskImage: hasMask ? `url(${layer.maskUrl})` : undefined, + maskImage: hasMask ? `url(${layer.maskUrl})` : undefined, WebkitMaskSize: hasMask ? "100% 100%" : undefined, maskSize: hasMask ? "100% 100%" : undefined, WebkitMaskRepeat: hasMask ? "no-repeat" : undefined, maskRepeat: hasMask ? "no-repeat" : undefined, WebkitMaskPosition: hasMask ? "center" : undefined, maskPosition: hasMask ? "center" : undefined, - maskMode: hasMask ? "alpha" : undefined, }; } @@ -4239,20 +4228,12 @@ export function AgentPsdTemplateEditorDialog({ if (!layerImageUrl) { return null; } - const layerPreviewSourceUrl = - getPsdLayerPreviewSourceUrl(layer); const assignedImageContainerStyle = assignedUrl ? { ...layerBoxStyle, - ...getAssignedImageMaskStyle({ - layer, - maskSourceUrl: layerPreviewSourceUrl, - }), + ...getAssignedImageMaskStyle(layer), } : layerBoxStyle; - const previewZIndex = hasAssignedImage - ? Math.max(baseZIndex, renderBaseZIndex + 1) - : baseZIndex; return (