typescript - Hur gör jag anpassade marginalindikatorer i en VsCode-förlängning med hjälp av dess API?

Jag har bifogat en bild nedan med en markering på där jag vill implementera en anpassad linje för att placera marginalindikatorer. På samma sätt som när man placerar brytpunkter vill jag implementera mitt eget system med en marginalindikator som visar en skugga av indikatorn när man hovrar, och som kan placeras vid ett klick.

Om möjligt, hur kan jag göra det, och länkar till dokumentationen skulle uppskattas!

Kantmarkering

Den typ av dekoration jag använder för närvarande som är inställd med en tangentbindning.

    const decorationType = vscode.window.createTextEditorDecorationType({
      isWholeLine: true,
      borderWidth: `0 0 0 0`,
      backgroundColor: new vscode.ThemeColor("checkbox.border"),
      gutterIconPath: path.join(__filename, "..", "..", "assets", "pin.png"),
      gutterIconSize: "contain",
      rangeBehavior: vscode.DecorationRangeBehavior.ClosedOpen,
    });
    editor.setDecorations(decorationType, [
      new vscode.Range(editor.selection.active, editor.selection.active),
    ]);