Use of external javascript library break notebook?

Panel
1

Hello,
I want to use a simple javascript library for flow chart with panel.

https://www.jqueryscript.net/demo/Drag-drop-Flow-Chart-Plugin-With-jQuery-jQuery-UI-flowchart-js/

How to do this ?
Here is what I try based on https://panel.holoviz.org/gallery/external/DataTable.html#external-gallery-datatable:

First cells are:

css = ['https://www.jqueryscript.net/demo/Drag-drop-Flow-Chart-Plugin-With-jQuery-jQuery-UI-flowchart-js/jquery.flowchart.css']
js = {
    '$': 'https://code.jquery.com/jquery-1.12.2.min.js',
    'JQUI': 'https://code.jquery.com/ui/1.11.4/jquery-ui.min.js',
    'FlowChart': 'https://www.jqueryscript.net/demo/Drag-drop-Flow-Chart-Plugin-With-jQuery-jQuery-UI-flowchart-js/jquery.flowchart.js'
}

pn.extension(css_files=css, js_files=js)

I cannot add any other cells after.

Can somebody help me ?