Annotations

The Agent SDK provides built-in annotation and spotlight features.  The style of the annotations themselves can also be modified.  The three options are control (this is default, used to interact with the Assist enabled page), draw and spotlight mode.

Toggle between controls

// Determine which mode to switch into
switch(mode) {
    case "control":
        console.log("--------------- controlSelected");
        AssistAgentSDK.controlSelected();
    break;
    case "draw":
        console.log("--------------- drawSelected");
        AssistAgentSDK.drawSelected();
    break;
    case "spotlight":
        console.log("--------------- spotlightSelected");
        AssistAgentSDK.spotlightSelected();
    break;
}

Assist SDK

Annotations from the Consumer SDK are not currently support at the time of writing (LA 1.46).  There is however a workaround for this, but control is limited however.  You can flesh this out a bit using JavaScript to toggle on/off and clear the annotations etc.

This feature can be enabled by disabling the CSS pointer-events property on the #glass-pane as well as the SVG .annotation-layer.