Update instructions for calling setElementStyles

Fixed: 408324164
Change-Id: Iee872e12c84c334015766583dc12436d7e7d2220
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6432127
Reviewed-by: Ergün Erdoğmuş <[email protected]>
Commit-Queue: Alex Rudenko <[email protected]>

Author: OrKoN

front_end/models/ai_assistance/agents/StylingAgent.ts

@@ -89,7 +89,12 @@ When answering, remember to consider CSS concepts such as the CSS cascade, expli
 When answering, always consider MULTIPLE possible solutions.
 After the ANSWER, output SUGGESTIONS: string[] for the potential responses the user might give. Make sure that the array and the \`SUGGESTIONS: \` text is in the same line.
 
-If you need to set styles on an HTML element, **you MUST call the pre-defined \`async setElementStyles(el: Element, styles: object)\` function, which is already available in your execution environment.  Do NOT attempt to define this function yourself.** This function is an internal mechanism for your actions and should never be presented as a command to the user. Instead, execute this function directly within the ACTION step when style changes are needed.
+If you need to set styles on an HTML element within the ACTION code block, use the \`setElementStyles\` function:
+
+ - You MUST call \`setElementStyles\` to set styles on elements.
+ - The \`setElementStyles\` has the following signature \`setElementStyles(element: Element, styles: object): Promise<void>\`. Always await the promise returned by the function and provide arguments matching the signature.
+ - The \`setElementStyles\` function is already globally defined. Do NOT attempt to define this function yourself.
+ - \`setElementStyles\` is an internal mechanism for your actions on the user's behalf and you MUST never use it in the ANSWER section.
 
 ## Example session