Make input proceed and abort buttons work (#597)

Author: timja

src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLine.tsx

@@ -10,12 +10,23 @@ export interface ConsoleLineProps {
   heightCallback: (height: number) => void;
 }
 
+declare global {
+  interface Window {
+    Behaviour: any;
+  }
+}
+
 // Console output line
 export const ConsoleLine = (props: ConsoleLineProps) => {
   const ref = useRef<HTMLDivElement>(null);
   useEffect(() => {
     const height = ref.current ? ref.current.getBoundingClientRect().height : 0;
     props.heightCallback(height);
+
+    // apply any behaviour selectors to the new content, e.g. for input step
+    window.Behaviour.applySubtree(
+      document.getElementById(`${props.stepId}-${props.lineNumber}`),
+    );
   }, []);
 
   return (
@@ -39,7 +50,10 @@ export const ConsoleLine = (props: ConsoleLineProps) => {
         >
           {props.lineNumber}
         </a>
-        <div className="console-text">
+        <div
+          id={`${props.stepId}-${props.lineNumber}`}
+          className="console-text"
+        >
           {makeReactChildren(
             tokenizeANSIString(props.content),
             `${props.stepId}-${props.lineNumber}`,

src/main/resources/io/jenkins/plugins/pipelinegraphview/consoleview/PipelineConsoleViewAction/index.jelly

@@ -6,6 +6,8 @@
         <l:main-panel>
             <p:symbols />
 
+            <j:out value="${h.generateConsoleAnnotationScriptAndStylesheet()}"/>
+
             <div class="jenkins-app-bar">
                 <div class="jenkins-app-bar__content">
                     <h1>