{"nbformat":4,"nbformat_minor":0,"metadata":{"colab":{"provenance":[{"file_id":"https://huggingface.co/spaces/ReynaldoKP/pdf_chatbot/blob/main/pdf-chatbot.ipynb","timestamp":1688396241426}],"authorship_tag":"ABX9TyOwJUBteTpZ8LepmfVKUJum"},"kernelspec":{"name":"python3","display_name":"Python 3"},"language_info":{"name":"python"}},"cells":[{"cell_type":"code","source":["#!pip install langchain openai chromadb pypdf panel notebook"],"metadata":{"id":"TktWLvPACpmD","executionInfo":{"status":"ok","timestamp":1688396196929,"user_tz":-420,"elapsed":4,"user":{"displayName":"","userId":""}}},"execution_count":1,"outputs":[]},{"cell_type":"code","execution_count":null,"metadata":{"id":"58df_CLMBehk"},"outputs":[],"source":["import os\n","from langchain.chains import RetrievalQA\n","from langchain.llms import OpenAI\n","from langchain.document_loaders import TextLoader\n","from langchain.document_loaders import PyPDFLoader\n","from langchain.indexes import VectorstoreIndexCreator\n","from langchain.text_splitter import CharacterTextSplitter\n","from langchain.embeddings import OpenAIEmbeddings\n","from langchain.vectorstores import Chroma\n","import panel as pn\n","import tempfile"]},{"cell_type":"code","source":["pn.extension('texteditor', template=\"bootstrap\", sizing_mode='stretch_width')\n","pn.state.template.param.update(\n","    main_max_width=\"690px\",\n","    header_background=\"#F08080\",\n",")"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":17},"id":"3PwCMXnSCN1o","executionInfo":{"status":"ok","timestamp":1688393807264,"user_tz":-420,"elapsed":34,"user":{"displayName":"Reynaldo Khrisna Putra","userId":"00242135695307111727"}},"outputId":"40885944-4d7e-48f6-9fdd-7686c7380f1b"},"execution_count":null,"outputs":[{"output_type":"display_data","data":{"application/javascript":["(function(root) {\n","  function now() {\n","    return new Date();\n","  }\n","\n","  var force = true;\n","\n","  if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n","    root._bokeh_onload_callbacks = [];\n","    root._bokeh_is_loading = undefined;\n","  }\n","\n","  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n","    root._bokeh_timeout = Date.now() + 5000;\n","    root._bokeh_failed_load = false;\n","  }\n","\n","  function run_callbacks() {\n","    try {\n","      root._bokeh_onload_callbacks.forEach(function(callback) {\n","        if (callback != null)\n","          callback();\n","      });\n","    } finally {\n","      delete root._bokeh_onload_callbacks\n","    }\n","    console.debug(\"Bokeh: all callbacks have finished\");\n","  }\n","\n","  function load_libs(css_urls, js_urls, js_modules, callback) {\n","    if (css_urls == null) css_urls = [];\n","    if (js_urls == null) js_urls = [];\n","    if (js_modules == null) js_modules = [];\n","\n","    root._bokeh_onload_callbacks.push(callback);\n","    if (root._bokeh_is_loading > 0) {\n","      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n","      return null;\n","    }\n","    if (js_urls.length === 0 && js_modules.length === 0) {\n","      run_callbacks();\n","      return null;\n","    }\n","    console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n","\n","    function on_load() {\n","      root._bokeh_is_loading--;\n","      if (root._bokeh_is_loading === 0) {\n","        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n","        run_callbacks()\n","      }\n","    }\n","\n","    function on_error() {\n","      console.error(\"failed to load \" + url);\n","    }\n","\n","    for (var i = 0; i < css_urls.length; i++) {\n","      var url = css_urls[i];\n","      const element = document.createElement(\"link\");\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.rel = \"stylesheet\";\n","      element.type = \"text/css\";\n","      element.href = url;\n","      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n","      document.body.appendChild(element);\n","    }\n","\n","    var skip = [];\n","    if (window.requirejs) {\n","      window.requirejs.config({'packages': {}, 'paths': {'Quill': 'https://cdn.quilljs.com/1.3.6/quill', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n","      require([\"Quill\"], function(Quill) {\n","\twindow.Quill = Quill\n","\ton_load()\n","      })\n","      require([\"gridstack\"], function(GridStack) {\n","\twindow.GridStack = GridStack\n","\ton_load()\n","      })\n","      require([\"notyf\"], function() {\n","\ton_load()\n","      })\n","      root._bokeh_is_loading = css_urls.length + 3;\n","    } else {\n","      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n","    }    if (((window['Quill'] !== undefined) && (!(window['Quill'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    for (var i = 0; i < js_urls.length; i++) {\n","      var url = js_urls[i];\n","      if (skip.indexOf(url) >= 0) {\n","\tif (!window.requirejs) {\n","\t  on_load();\n","\t}\n","\tcontinue;\n","      }\n","      var element = document.createElement('script');\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.async = false;\n","      element.src = url;\n","      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n","      document.head.appendChild(element);\n","    }\n","    for (var i = 0; i < js_modules.length; i++) {\n","      var url = js_modules[i];\n","      if (skip.indexOf(url) >= 0) {\n","\tif (!window.requirejs) {\n","\t  on_load();\n","\t}\n","\tcontinue;\n","      }\n","      var element = document.createElement('script');\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.async = false;\n","      element.src = url;\n","      element.type = \"module\";\n","      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n","      document.head.appendChild(element);\n","    }\n","    if (!js_urls.length && !js_modules.length) {\n","      on_load()\n","    }\n","  };\n","\n","  function inject_raw_css(css) {\n","    const element = document.createElement(\"style\");\n","    element.appendChild(document.createTextNode(css));\n","    document.body.appendChild(element);\n","  }\n","\n","  var js_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n","  var js_modules = [];\n","  var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.bubble.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.snow.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\"];\n","  var inline_js = [    function(Bokeh) {\n","      inject_raw_css(\"\\n    .bk.pn-loading.arc:before {\\n      background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n      background-size: auto calc(min(50%, 400px));\\n    }\\n    \");\n","    },    function(Bokeh) {\n","      Bokeh.set_log_level(\"info\");\n","    },\n","function(Bokeh) {} // ensure no trailing comma for IE\n","  ];\n","\n","  function run_inline_js() {\n","    if ((root.Bokeh !== undefined) || (force === true)) {\n","      for (var i = 0; i < inline_js.length; i++) {\n","        inline_js[i].call(root, root.Bokeh);\n","      }} else if (Date.now() < root._bokeh_timeout) {\n","      setTimeout(run_inline_js, 100);\n","    } else if (!root._bokeh_failed_load) {\n","      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n","      root._bokeh_failed_load = true;\n","    }\n","  }\n","\n","  if (root._bokeh_is_loading === 0) {\n","    console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n","    run_inline_js();\n","  } else {\n","    load_libs(css_urls, js_urls, js_modules, function() {\n","      console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n","      run_inline_js();\n","    });\n","  }\n","}(window));"],"application/vnd.holoviews_load.v0+json":"(function(root) {\n  function now() {\n    return new Date();\n  }\n\n  var force = true;\n\n  if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n    root._bokeh_onload_callbacks = [];\n    root._bokeh_is_loading = undefined;\n  }\n\n  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n    root._bokeh_timeout = Date.now() + 5000;\n    root._bokeh_failed_load = false;\n  }\n\n  function run_callbacks() {\n    try {\n      root._bokeh_onload_callbacks.forEach(function(callback) {\n        if (callback != null)\n          callback();\n      });\n    } finally {\n      delete root._bokeh_onload_callbacks\n    }\n    console.debug(\"Bokeh: all callbacks have finished\");\n  }\n\n  function load_libs(css_urls, js_urls, js_modules, callback) {\n    if (css_urls == null) css_urls = [];\n    if (js_urls == null) js_urls = [];\n    if (js_modules == null) js_modules = [];\n\n    root._bokeh_onload_callbacks.push(callback);\n    if (root._bokeh_is_loading > 0) {\n      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n      return null;\n    }\n    if (js_urls.length === 0 && js_modules.length === 0) {\n      run_callbacks();\n      return null;\n    }\n    console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n\n    function on_load() {\n      root._bokeh_is_loading--;\n      if (root._bokeh_is_loading === 0) {\n        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n        run_callbacks()\n      }\n    }\n\n    function on_error() {\n      console.error(\"failed to load \" + url);\n    }\n\n    for (var i = 0; i < css_urls.length; i++) {\n      var url = css_urls[i];\n      const element = document.createElement(\"link\");\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.rel = \"stylesheet\";\n      element.type = \"text/css\";\n      element.href = url;\n      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n      document.body.appendChild(element);\n    }\n\n    var skip = [];\n    if (window.requirejs) {\n      window.requirejs.config({'packages': {}, 'paths': {'Quill': 'https://cdn.quilljs.com/1.3.6/quill', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n      require([\"Quill\"], function(Quill) {\n\twindow.Quill = Quill\n\ton_load()\n      })\n      require([\"gridstack\"], function(GridStack) {\n\twindow.GridStack = GridStack\n\ton_load()\n      })\n      require([\"notyf\"], function() {\n\ton_load()\n      })\n      root._bokeh_is_loading = css_urls.length + 3;\n    } else {\n      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n    }    if (((window['Quill'] !== undefined) && (!(window['Quill'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    for (var i = 0; i < js_urls.length; i++) {\n      var url = js_urls[i];\n      if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    for (var i = 0; i < js_modules.length; i++) {\n      var url = js_modules[i];\n      if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      element.type = \"module\";\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    if (!js_urls.length && !js_modules.length) {\n      on_load()\n    }\n  };\n\n  function inject_raw_css(css) {\n    const element = document.createElement(\"style\");\n    element.appendChild(document.createTextNode(css));\n    document.body.appendChild(element);\n  }\n\n  var js_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n  var js_modules = [];\n  var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.bubble.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.snow.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\"];\n  var inline_js = [    function(Bokeh) {\n      inject_raw_css(\"\\n    .bk.pn-loading.arc:before {\\n      background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n      background-size: auto calc(min(50%, 400px));\\n    }\\n    \");\n    },    function(Bokeh) {\n      Bokeh.set_log_level(\"info\");\n    },\nfunction(Bokeh) {} // ensure no trailing comma for IE\n  ];\n\n  function run_inline_js() {\n    if ((root.Bokeh !== undefined) || (force === true)) {\n      for (var i = 0; i < inline_js.length; i++) {\n        inline_js[i].call(root, root.Bokeh);\n      }} else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(run_inline_js, 100);\n    } else if (!root._bokeh_failed_load) {\n      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n      root._bokeh_failed_load = true;\n    }\n  }\n\n  if (root._bokeh_is_loading === 0) {\n    console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n    run_inline_js();\n  } else {\n    load_libs(css_urls, js_urls, js_modules, function() {\n      console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n      run_inline_js();\n    });\n  }\n}(window));"},"metadata":{}},{"output_type":"display_data","data":{"application/vnd.holoviews_load.v0+json":"\nif ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n}\n\n\n    function JupyterCommManager() {\n    }\n\n    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        comm_manager.register_target(comm_id, function(comm) {\n          comm.on_msg(msg_handler);\n        });\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n          comm.onMsg = msg_handler;\n        });\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n          var messages = comm.messages[Symbol.asyncIterator]();\n          function processIteratorResult(result) {\n            var message = result.value;\n            console.log(message)\n            var content = {data: message.data, comm_id};\n            var buffers = []\n            for (var buffer of message.buffers || []) {\n              buffers.push(new DataView(buffer))\n            }\n            var metadata = message.metadata || {};\n            var msg = {content, buffers, metadata}\n            msg_handler(msg);\n            return messages.next().then(processIteratorResult);\n          }\n          return messages.next().then(processIteratorResult);\n        })\n      }\n    }\n\n    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n      if (comm_id in window.PyViz.comms) {\n        return window.PyViz.comms[comm_id];\n      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n        if (msg_handler) {\n          comm.on_msg(msg_handler);\n        }\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n        comm.open();\n        if (msg_handler) {\n          comm.onMsg = msg_handler;\n        }\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        var comm_promise = google.colab.kernel.comms.open(comm_id)\n        comm_promise.then((comm) => {\n          window.PyViz.comms[comm_id] = comm;\n          if (msg_handler) {\n            var messages = comm.messages[Symbol.asyncIterator]();\n            function processIteratorResult(result) {\n              var message = result.value;\n              var content = {data: message.data};\n              var metadata = message.metadata || {comm_id};\n              var msg = {content, metadata}\n              msg_handler(msg);\n              return messages.next().then(processIteratorResult);\n            }\n            return messages.next().then(processIteratorResult);\n          }\n        }) \n        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n          return comm_promise.then((comm) => {\n            comm.send(data, metadata, buffers, disposeOnDone);\n          });\n        };\n        var comm = {\n          send: sendClosure\n        };\n      }\n      window.PyViz.comms[comm_id] = comm;\n      return comm;\n    }\n    window.PyViz.comm_manager = new JupyterCommManager();\n    \n\n\nvar JS_MIME_TYPE = 'application/javascript';\nvar HTML_MIME_TYPE = 'text/html';\nvar EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\nvar CLASS_NAME = 'output';\n\n/**\n * Render data to the DOM node\n */\nfunction render(props, node) {\n  var div = document.createElement(\"div\");\n  var script = document.createElement(\"script\");\n  node.appendChild(div);\n  node.appendChild(script);\n}\n\n/**\n * Handle when a new output is added\n */\nfunction handle_add_output(event, handle) {\n  var output_area = handle.output_area;\n  var output = handle.output;\n  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n    return\n  }\n  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n  if (id !== undefined) {\n    var nchildren = toinsert.length;\n    var html_node = toinsert[nchildren-1].children[0];\n    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n    var scripts = [];\n    var nodelist = html_node.querySelectorAll(\"script\");\n    for (var i in nodelist) {\n      if (nodelist.hasOwnProperty(i)) {\n        scripts.push(nodelist[i])\n      }\n    }\n\n    scripts.forEach( function (oldScript) {\n      var newScript = document.createElement(\"script\");\n      var attrs = [];\n      var nodemap = oldScript.attributes;\n      for (var j in nodemap) {\n        if (nodemap.hasOwnProperty(j)) {\n          attrs.push(nodemap[j])\n        }\n      }\n      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n      oldScript.parentNode.replaceChild(newScript, oldScript);\n    });\n    if (JS_MIME_TYPE in output.data) {\n      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n    }\n    output_area._hv_plot_id = id;\n    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n      window.PyViz.plot_index[id] = Bokeh.index[id];\n    } else {\n      window.PyViz.plot_index[id] = null;\n    }\n  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n    var bk_div = document.createElement(\"div\");\n    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n    var script_attrs = bk_div.children[0].attributes;\n    for (var i = 0; i < script_attrs.length; i++) {\n      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n    }\n    // store reference to server id on output_area\n    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n  }\n}\n\n/**\n * Handle when an output is cleared or removed\n */\nfunction handle_clear_output(event, handle) {\n  var id = handle.cell.output_area._hv_plot_id;\n  var server_id = handle.cell.output_area._bokeh_server_id;\n  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n  if (server_id !== null) {\n    comm.send({event_type: 'server_delete', 'id': server_id});\n    return;\n  } else if (comm !== null) {\n    comm.send({event_type: 'delete', 'id': id});\n  }\n  delete PyViz.plot_index[id];\n  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n    var doc = window.Bokeh.index[id].model.document\n    doc.clear();\n    const i = window.Bokeh.documents.indexOf(doc);\n    if (i > -1) {\n      window.Bokeh.documents.splice(i, 1);\n    }\n  }\n}\n\n/**\n * Handle kernel restart event\n */\nfunction handle_kernel_cleanup(event, handle) {\n  delete PyViz.comms[\"hv-extension-comm\"];\n  window.PyViz.plot_index = {}\n}\n\n/**\n * Handle update_display_data messages\n */\nfunction handle_update_output(event, handle) {\n  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n  handle_add_output(event, handle)\n}\n\nfunction register_renderer(events, OutputArea) {\n  function append_mime(data, metadata, element) {\n    // create a DOM node to render to\n    var toinsert = this.create_output_subarea(\n    metadata,\n    CLASS_NAME,\n    EXEC_MIME_TYPE\n    );\n    this.keyboard_manager.register_events(toinsert);\n    // Render to node\n    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n    render(props, toinsert[0]);\n    element.append(toinsert);\n    return toinsert\n  }\n\n  events.on('output_added.OutputArea', handle_add_output);\n  events.on('output_updated.OutputArea', handle_update_output);\n  events.on('clear_output.CodeCell', handle_clear_output);\n  events.on('delete.Cell', handle_clear_output);\n  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n\n  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n    safe: true,\n    index: 0\n  });\n}\n\nif (window.Jupyter !== undefined) {\n  try {\n    var events = require('base/js/events');\n    var OutputArea = require('notebook/js/outputarea').OutputArea;\n    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n      register_renderer(events, OutputArea);\n    }\n  } catch(err) {\n  }\n}\n","application/javascript":["\n","if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n","  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n","}\n","\n","\n","    function JupyterCommManager() {\n","    }\n","\n","    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n","      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n","        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n","        comm_manager.register_target(comm_id, function(comm) {\n","          comm.on_msg(msg_handler);\n","        });\n","      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n","        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n","          comm.onMsg = msg_handler;\n","        });\n","      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n","        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n","          var messages = comm.messages[Symbol.asyncIterator]();\n","          function processIteratorResult(result) {\n","            var message = result.value;\n","            console.log(message)\n","            var content = {data: message.data, comm_id};\n","            var buffers = []\n","            for (var buffer of message.buffers || []) {\n","              buffers.push(new DataView(buffer))\n","            }\n","            var metadata = message.metadata || {};\n","            var msg = {content, buffers, metadata}\n","            msg_handler(msg);\n","            return messages.next().then(processIteratorResult);\n","          }\n","          return messages.next().then(processIteratorResult);\n","        })\n","      }\n","    }\n","\n","    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n","      if (comm_id in window.PyViz.comms) {\n","        return window.PyViz.comms[comm_id];\n","      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n","        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n","        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n","        if (msg_handler) {\n","          comm.on_msg(msg_handler);\n","        }\n","      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n","        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n","        comm.open();\n","        if (msg_handler) {\n","          comm.onMsg = msg_handler;\n","        }\n","      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n","        var comm_promise = google.colab.kernel.comms.open(comm_id)\n","        comm_promise.then((comm) => {\n","          window.PyViz.comms[comm_id] = comm;\n","          if (msg_handler) {\n","            var messages = comm.messages[Symbol.asyncIterator]();\n","            function processIteratorResult(result) {\n","              var message = result.value;\n","              var content = {data: message.data};\n","              var metadata = message.metadata || {comm_id};\n","              var msg = {content, metadata}\n","              msg_handler(msg);\n","              return messages.next().then(processIteratorResult);\n","            }\n","            return messages.next().then(processIteratorResult);\n","          }\n","        }) \n","        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n","          return comm_promise.then((comm) => {\n","            comm.send(data, metadata, buffers, disposeOnDone);\n","          });\n","        };\n","        var comm = {\n","          send: sendClosure\n","        };\n","      }\n","      window.PyViz.comms[comm_id] = comm;\n","      return comm;\n","    }\n","    window.PyViz.comm_manager = new JupyterCommManager();\n","    \n","\n","\n","var JS_MIME_TYPE = 'application/javascript';\n","var HTML_MIME_TYPE = 'text/html';\n","var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n","var CLASS_NAME = 'output';\n","\n","/**\n"," * Render data to the DOM node\n"," */\n","function render(props, node) {\n","  var div = document.createElement(\"div\");\n","  var script = document.createElement(\"script\");\n","  node.appendChild(div);\n","  node.appendChild(script);\n","}\n","\n","/**\n"," * Handle when a new output is added\n"," */\n","function handle_add_output(event, handle) {\n","  var output_area = handle.output_area;\n","  var output = handle.output;\n","  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n","    return\n","  }\n","  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n","  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n","  if (id !== undefined) {\n","    var nchildren = toinsert.length;\n","    var html_node = toinsert[nchildren-1].children[0];\n","    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n","    var scripts = [];\n","    var nodelist = html_node.querySelectorAll(\"script\");\n","    for (var i in nodelist) {\n","      if (nodelist.hasOwnProperty(i)) {\n","        scripts.push(nodelist[i])\n","      }\n","    }\n","\n","    scripts.forEach( function (oldScript) {\n","      var newScript = document.createElement(\"script\");\n","      var attrs = [];\n","      var nodemap = oldScript.attributes;\n","      for (var j in nodemap) {\n","        if (nodemap.hasOwnProperty(j)) {\n","          attrs.push(nodemap[j])\n","        }\n","      }\n","      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n","      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n","      oldScript.parentNode.replaceChild(newScript, oldScript);\n","    });\n","    if (JS_MIME_TYPE in output.data) {\n","      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n","    }\n","    output_area._hv_plot_id = id;\n","    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n","      window.PyViz.plot_index[id] = Bokeh.index[id];\n","    } else {\n","      window.PyViz.plot_index[id] = null;\n","    }\n","  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n","    var bk_div = document.createElement(\"div\");\n","    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n","    var script_attrs = bk_div.children[0].attributes;\n","    for (var i = 0; i < script_attrs.length; i++) {\n","      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n","    }\n","    // store reference to server id on output_area\n","    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n","  }\n","}\n","\n","/**\n"," * Handle when an output is cleared or removed\n"," */\n","function handle_clear_output(event, handle) {\n","  var id = handle.cell.output_area._hv_plot_id;\n","  var server_id = handle.cell.output_area._bokeh_server_id;\n","  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n","  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n","  if (server_id !== null) {\n","    comm.send({event_type: 'server_delete', 'id': server_id});\n","    return;\n","  } else if (comm !== null) {\n","    comm.send({event_type: 'delete', 'id': id});\n","  }\n","  delete PyViz.plot_index[id];\n","  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n","    var doc = window.Bokeh.index[id].model.document\n","    doc.clear();\n","    const i = window.Bokeh.documents.indexOf(doc);\n","    if (i > -1) {\n","      window.Bokeh.documents.splice(i, 1);\n","    }\n","  }\n","}\n","\n","/**\n"," * Handle kernel restart event\n"," */\n","function handle_kernel_cleanup(event, handle) {\n","  delete PyViz.comms[\"hv-extension-comm\"];\n","  window.PyViz.plot_index = {}\n","}\n","\n","/**\n"," * Handle update_display_data messages\n"," */\n","function handle_update_output(event, handle) {\n","  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n","  handle_add_output(event, handle)\n","}\n","\n","function register_renderer(events, OutputArea) {\n","  function append_mime(data, metadata, element) {\n","    // create a DOM node to render to\n","    var toinsert = this.create_output_subarea(\n","    metadata,\n","    CLASS_NAME,\n","    EXEC_MIME_TYPE\n","    );\n","    this.keyboard_manager.register_events(toinsert);\n","    // Render to node\n","    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n","    render(props, toinsert[0]);\n","    element.append(toinsert);\n","    return toinsert\n","  }\n","\n","  events.on('output_added.OutputArea', handle_add_output);\n","  events.on('output_updated.OutputArea', handle_update_output);\n","  events.on('clear_output.CodeCell', handle_clear_output);\n","  events.on('delete.Cell', handle_clear_output);\n","  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n","\n","  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n","    safe: true,\n","    index: 0\n","  });\n","}\n","\n","if (window.Jupyter !== undefined) {\n","  try {\n","    var events = require('base/js/events');\n","    var OutputArea = require('notebook/js/outputarea').OutputArea;\n","    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n","      register_renderer(events, OutputArea);\n","    }\n","  } catch(err) {\n","  }\n","}\n"]},"metadata":{}},{"output_type":"display_data","data":{"text/html":["<style>.bk-root, .bk-root .bk:before, .bk-root .bk:after {\n","  font-family: var(--jp-ui-font-size1);\n","  font-size: var(--jp-ui-font-size1);\n","  color: var(--jp-ui-font-color1);\n","}\n","</style>"]},"metadata":{}}]},{"cell_type":"code","source":["file_input = pn.widgets.FileInput(width=300)\n","\n","openaikey = pn.widgets.PasswordInput(\n","    value=\"\", placeholder=\"Enter your OpenAI API Key here...\", width=300\n",")\n","prompt = pn.widgets.TextEditor(\n","    value=\"\", placeholder=\"Enter your questions here...\", height=160, toolbar=False\n",")\n","run_button = pn.widgets.Button(name=\"Run!\")\n","\n","select_k = pn.widgets.IntSlider(\n","    name=\"Number of relevant chunks\", start=1, end=5, step=1, value=2\n",")\n","select_chain_type = pn.widgets.RadioButtonGroup(\n","    name='Chain type',\n","    options=['stuff', 'map_reduce', \"refine\", \"map_rerank\"]\n",")\n","\n","widgets = pn.Row(\n","    pn.Column(prompt, run_button, margin=5),\n","    pn.Card(\n","        \"Chain type:\",\n","        pn.Column(select_chain_type, select_k),\n","        title=\"Advanced settings\", margin=10\n","    ), width=600\n",")"],"metadata":{"id":"uTqPBRCFCRIw"},"execution_count":null,"outputs":[]},{"cell_type":"code","source":["file_input"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":49},"id":"A2lm3rC5DFck","executionInfo":{"status":"ok","timestamp":1688393807264,"user_tz":-420,"elapsed":30,"user":{"displayName":"Reynaldo Khrisna Putra","userId":"00242135695307111727"}},"outputId":"6e78a690-b151-4796-a385-3f821ca44d8a"},"execution_count":null,"outputs":[{"output_type":"display_data","data":{"application/javascript":["(function(root) {\n","  function now() {\n","    return new Date();\n","  }\n","\n","  var force = true;\n","\n","  if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n","    root._bokeh_onload_callbacks = [];\n","    root._bokeh_is_loading = undefined;\n","  }\n","\n","  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n","    root._bokeh_timeout = Date.now() + 5000;\n","    root._bokeh_failed_load = false;\n","  }\n","\n","  function run_callbacks() {\n","    try {\n","      root._bokeh_onload_callbacks.forEach(function(callback) {\n","        if (callback != null)\n","          callback();\n","      });\n","    } finally {\n","      delete root._bokeh_onload_callbacks\n","    }\n","    console.debug(\"Bokeh: all callbacks have finished\");\n","  }\n","\n","  function load_libs(css_urls, js_urls, js_modules, callback) {\n","    if (css_urls == null) css_urls = [];\n","    if (js_urls == null) js_urls = [];\n","    if (js_modules == null) js_modules = [];\n","\n","    root._bokeh_onload_callbacks.push(callback);\n","    if (root._bokeh_is_loading > 0) {\n","      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n","      return null;\n","    }\n","    if (js_urls.length === 0 && js_modules.length === 0) {\n","      run_callbacks();\n","      return null;\n","    }\n","    console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n","\n","    function on_load() {\n","      root._bokeh_is_loading--;\n","      if (root._bokeh_is_loading === 0) {\n","        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n","        run_callbacks()\n","      }\n","    }\n","\n","    function on_error() {\n","      console.error(\"failed to load \" + url);\n","    }\n","\n","    for (var i = 0; i < css_urls.length; i++) {\n","      var url = css_urls[i];\n","      const element = document.createElement(\"link\");\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.rel = \"stylesheet\";\n","      element.type = \"text/css\";\n","      element.href = url;\n","      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n","      document.body.appendChild(element);\n","    }\n","\n","    var skip = [];\n","    if (window.requirejs) {\n","      window.requirejs.config({'packages': {}, 'paths': {'Quill': 'https://cdn.quilljs.com/1.3.6/quill', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n","      require([\"Quill\"], function(Quill) {\n","\twindow.Quill = Quill\n","\ton_load()\n","      })\n","      require([\"gridstack\"], function(GridStack) {\n","\twindow.GridStack = GridStack\n","\ton_load()\n","      })\n","      require([\"notyf\"], function() {\n","\ton_load()\n","      })\n","      root._bokeh_is_loading = css_urls.length + 3;\n","    } else {\n","      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n","    }    if (((window['Quill'] !== undefined) && (!(window['Quill'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    for (var i = 0; i < js_urls.length; i++) {\n","      var url = js_urls[i];\n","      if (skip.indexOf(url) >= 0) {\n","\tif (!window.requirejs) {\n","\t  on_load();\n","\t}\n","\tcontinue;\n","      }\n","      var element = document.createElement('script');\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.async = false;\n","      element.src = url;\n","      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n","      document.head.appendChild(element);\n","    }\n","    for (var i = 0; i < js_modules.length; i++) {\n","      var url = js_modules[i];\n","      if (skip.indexOf(url) >= 0) {\n","\tif (!window.requirejs) {\n","\t  on_load();\n","\t}\n","\tcontinue;\n","      }\n","      var element = document.createElement('script');\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.async = false;\n","      element.src = url;\n","      element.type = \"module\";\n","      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n","      document.head.appendChild(element);\n","    }\n","    if (!js_urls.length && !js_modules.length) {\n","      on_load()\n","    }\n","  };\n","\n","  function inject_raw_css(css) {\n","    const element = document.createElement(\"style\");\n","    element.appendChild(document.createTextNode(css));\n","    document.body.appendChild(element);\n","  }\n","\n","  var js_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n","  var js_modules = [];\n","  var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.bubble.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.snow.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\"];\n","  var inline_js = [    function(Bokeh) {\n","      inject_raw_css(\"\\n    .bk.pn-loading.arc:before {\\n      background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n      background-size: auto calc(min(50%, 400px));\\n    }\\n    \");\n","    },    function(Bokeh) {\n","      Bokeh.set_log_level(\"info\");\n","    },\n","function(Bokeh) {} // ensure no trailing comma for IE\n","  ];\n","\n","  function run_inline_js() {\n","    if ((root.Bokeh !== undefined) || (force === true)) {\n","      for (var i = 0; i < inline_js.length; i++) {\n","        inline_js[i].call(root, root.Bokeh);\n","      }} else if (Date.now() < root._bokeh_timeout) {\n","      setTimeout(run_inline_js, 100);\n","    } else if (!root._bokeh_failed_load) {\n","      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n","      root._bokeh_failed_load = true;\n","    }\n","  }\n","\n","  if (root._bokeh_is_loading === 0) {\n","    console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n","    run_inline_js();\n","  } else {\n","    load_libs(css_urls, js_urls, js_modules, function() {\n","      console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n","      run_inline_js();\n","    });\n","  }\n","}(window));"],"application/vnd.holoviews_load.v0+json":"(function(root) {\n  function now() {\n    return new Date();\n  }\n\n  var force = true;\n\n  if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n    root._bokeh_onload_callbacks = [];\n    root._bokeh_is_loading = undefined;\n  }\n\n  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n    root._bokeh_timeout = Date.now() + 5000;\n    root._bokeh_failed_load = false;\n  }\n\n  function run_callbacks() {\n    try {\n      root._bokeh_onload_callbacks.forEach(function(callback) {\n        if (callback != null)\n          callback();\n      });\n    } finally {\n      delete root._bokeh_onload_callbacks\n    }\n    console.debug(\"Bokeh: all callbacks have finished\");\n  }\n\n  function load_libs(css_urls, js_urls, js_modules, callback) {\n    if (css_urls == null) css_urls = [];\n    if (js_urls == null) js_urls = [];\n    if (js_modules == null) js_modules = [];\n\n    root._bokeh_onload_callbacks.push(callback);\n    if (root._bokeh_is_loading > 0) {\n      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n      return null;\n    }\n    if (js_urls.length === 0 && js_modules.length === 0) {\n      run_callbacks();\n      return null;\n    }\n    console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n\n    function on_load() {\n      root._bokeh_is_loading--;\n      if (root._bokeh_is_loading === 0) {\n        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n        run_callbacks()\n      }\n    }\n\n    function on_error() {\n      console.error(\"failed to load \" + url);\n    }\n\n    for (var i = 0; i < css_urls.length; i++) {\n      var url = css_urls[i];\n      const element = document.createElement(\"link\");\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.rel = \"stylesheet\";\n      element.type = \"text/css\";\n      element.href = url;\n      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n      document.body.appendChild(element);\n    }\n\n    var skip = [];\n    if (window.requirejs) {\n      window.requirejs.config({'packages': {}, 'paths': {'Quill': 'https://cdn.quilljs.com/1.3.6/quill', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n      require([\"Quill\"], function(Quill) {\n\twindow.Quill = Quill\n\ton_load()\n      })\n      require([\"gridstack\"], function(GridStack) {\n\twindow.GridStack = GridStack\n\ton_load()\n      })\n      require([\"notyf\"], function() {\n\ton_load()\n      })\n      root._bokeh_is_loading = css_urls.length + 3;\n    } else {\n      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n    }    if (((window['Quill'] !== undefined) && (!(window['Quill'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    for (var i = 0; i < js_urls.length; i++) {\n      var url = js_urls[i];\n      if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    for (var i = 0; i < js_modules.length; i++) {\n      var url = js_modules[i];\n      if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      element.type = \"module\";\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    if (!js_urls.length && !js_modules.length) {\n      on_load()\n    }\n  };\n\n  function inject_raw_css(css) {\n    const element = document.createElement(\"style\");\n    element.appendChild(document.createTextNode(css));\n    document.body.appendChild(element);\n  }\n\n  var js_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n  var js_modules = [];\n  var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.bubble.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.snow.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\"];\n  var inline_js = [    function(Bokeh) {\n      inject_raw_css(\"\\n    .bk.pn-loading.arc:before {\\n      background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n      background-size: auto calc(min(50%, 400px));\\n    }\\n    \");\n    },    function(Bokeh) {\n      Bokeh.set_log_level(\"info\");\n    },\nfunction(Bokeh) {} // ensure no trailing comma for IE\n  ];\n\n  function run_inline_js() {\n    if ((root.Bokeh !== undefined) || (force === true)) {\n      for (var i = 0; i < inline_js.length; i++) {\n        inline_js[i].call(root, root.Bokeh);\n      }} else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(run_inline_js, 100);\n    } else if (!root._bokeh_failed_load) {\n      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n      root._bokeh_failed_load = true;\n    }\n  }\n\n  if (root._bokeh_is_loading === 0) {\n    console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n    run_inline_js();\n  } else {\n    load_libs(css_urls, js_urls, js_modules, function() {\n      console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n      run_inline_js();\n    });\n  }\n}(window));"},"metadata":{}},{"output_type":"display_data","data":{"application/vnd.holoviews_load.v0+json":"\nif ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n}\n\n\n    function JupyterCommManager() {\n    }\n\n    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        comm_manager.register_target(comm_id, function(comm) {\n          comm.on_msg(msg_handler);\n        });\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n          comm.onMsg = msg_handler;\n        });\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n          var messages = comm.messages[Symbol.asyncIterator]();\n          function processIteratorResult(result) {\n            var message = result.value;\n            console.log(message)\n            var content = {data: message.data, comm_id};\n            var buffers = []\n            for (var buffer of message.buffers || []) {\n              buffers.push(new DataView(buffer))\n            }\n            var metadata = message.metadata || {};\n            var msg = {content, buffers, metadata}\n            msg_handler(msg);\n            return messages.next().then(processIteratorResult);\n          }\n          return messages.next().then(processIteratorResult);\n        })\n      }\n    }\n\n    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n      if (comm_id in window.PyViz.comms) {\n        return window.PyViz.comms[comm_id];\n      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n        if (msg_handler) {\n          comm.on_msg(msg_handler);\n        }\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n        comm.open();\n        if (msg_handler) {\n          comm.onMsg = msg_handler;\n        }\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        var comm_promise = google.colab.kernel.comms.open(comm_id)\n        comm_promise.then((comm) => {\n          window.PyViz.comms[comm_id] = comm;\n          if (msg_handler) {\n            var messages = comm.messages[Symbol.asyncIterator]();\n            function processIteratorResult(result) {\n              var message = result.value;\n              var content = {data: message.data};\n              var metadata = message.metadata || {comm_id};\n              var msg = {content, metadata}\n              msg_handler(msg);\n              return messages.next().then(processIteratorResult);\n            }\n            return messages.next().then(processIteratorResult);\n          }\n        }) \n        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n          return comm_promise.then((comm) => {\n            comm.send(data, metadata, buffers, disposeOnDone);\n          });\n        };\n        var comm = {\n          send: sendClosure\n        };\n      }\n      window.PyViz.comms[comm_id] = comm;\n      return comm;\n    }\n    window.PyViz.comm_manager = new JupyterCommManager();\n    \n\n\nvar JS_MIME_TYPE = 'application/javascript';\nvar HTML_MIME_TYPE = 'text/html';\nvar EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\nvar CLASS_NAME = 'output';\n\n/**\n * Render data to the DOM node\n */\nfunction render(props, node) {\n  var div = document.createElement(\"div\");\n  var script = document.createElement(\"script\");\n  node.appendChild(div);\n  node.appendChild(script);\n}\n\n/**\n * Handle when a new output is added\n */\nfunction handle_add_output(event, handle) {\n  var output_area = handle.output_area;\n  var output = handle.output;\n  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n    return\n  }\n  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n  if (id !== undefined) {\n    var nchildren = toinsert.length;\n    var html_node = toinsert[nchildren-1].children[0];\n    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n    var scripts = [];\n    var nodelist = html_node.querySelectorAll(\"script\");\n    for (var i in nodelist) {\n      if (nodelist.hasOwnProperty(i)) {\n        scripts.push(nodelist[i])\n      }\n    }\n\n    scripts.forEach( function (oldScript) {\n      var newScript = document.createElement(\"script\");\n      var attrs = [];\n      var nodemap = oldScript.attributes;\n      for (var j in nodemap) {\n        if (nodemap.hasOwnProperty(j)) {\n          attrs.push(nodemap[j])\n        }\n      }\n      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n      oldScript.parentNode.replaceChild(newScript, oldScript);\n    });\n    if (JS_MIME_TYPE in output.data) {\n      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n    }\n    output_area._hv_plot_id = id;\n    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n      window.PyViz.plot_index[id] = Bokeh.index[id];\n    } else {\n      window.PyViz.plot_index[id] = null;\n    }\n  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n    var bk_div = document.createElement(\"div\");\n    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n    var script_attrs = bk_div.children[0].attributes;\n    for (var i = 0; i < script_attrs.length; i++) {\n      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n    }\n    // store reference to server id on output_area\n    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n  }\n}\n\n/**\n * Handle when an output is cleared or removed\n */\nfunction handle_clear_output(event, handle) {\n  var id = handle.cell.output_area._hv_plot_id;\n  var server_id = handle.cell.output_area._bokeh_server_id;\n  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n  if (server_id !== null) {\n    comm.send({event_type: 'server_delete', 'id': server_id});\n    return;\n  } else if (comm !== null) {\n    comm.send({event_type: 'delete', 'id': id});\n  }\n  delete PyViz.plot_index[id];\n  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n    var doc = window.Bokeh.index[id].model.document\n    doc.clear();\n    const i = window.Bokeh.documents.indexOf(doc);\n    if (i > -1) {\n      window.Bokeh.documents.splice(i, 1);\n    }\n  }\n}\n\n/**\n * Handle kernel restart event\n */\nfunction handle_kernel_cleanup(event, handle) {\n  delete PyViz.comms[\"hv-extension-comm\"];\n  window.PyViz.plot_index = {}\n}\n\n/**\n * Handle update_display_data messages\n */\nfunction handle_update_output(event, handle) {\n  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n  handle_add_output(event, handle)\n}\n\nfunction register_renderer(events, OutputArea) {\n  function append_mime(data, metadata, element) {\n    // create a DOM node to render to\n    var toinsert = this.create_output_subarea(\n    metadata,\n    CLASS_NAME,\n    EXEC_MIME_TYPE\n    );\n    this.keyboard_manager.register_events(toinsert);\n    // Render to node\n    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n    render(props, toinsert[0]);\n    element.append(toinsert);\n    return toinsert\n  }\n\n  events.on('output_added.OutputArea', handle_add_output);\n  events.on('output_updated.OutputArea', handle_update_output);\n  events.on('clear_output.CodeCell', handle_clear_output);\n  events.on('delete.Cell', handle_clear_output);\n  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n\n  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n    safe: true,\n    index: 0\n  });\n}\n\nif (window.Jupyter !== undefined) {\n  try {\n    var events = require('base/js/events');\n    var OutputArea = require('notebook/js/outputarea').OutputArea;\n    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n      register_renderer(events, OutputArea);\n    }\n  } catch(err) {\n  }\n}\n","application/javascript":["\n","if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n","  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n","}\n","\n","\n","    function JupyterCommManager() {\n","    }\n","\n","    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n","      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n","        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n","        comm_manager.register_target(comm_id, function(comm) {\n","          comm.on_msg(msg_handler);\n","        });\n","      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n","        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n","          comm.onMsg = msg_handler;\n","        });\n","      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n","        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n","          var messages = comm.messages[Symbol.asyncIterator]();\n","          function processIteratorResult(result) {\n","            var message = result.value;\n","            console.log(message)\n","            var content = {data: message.data, comm_id};\n","            var buffers = []\n","            for (var buffer of message.buffers || []) {\n","              buffers.push(new DataView(buffer))\n","            }\n","            var metadata = message.metadata || {};\n","            var msg = {content, buffers, metadata}\n","            msg_handler(msg);\n","            return messages.next().then(processIteratorResult);\n","          }\n","          return messages.next().then(processIteratorResult);\n","        })\n","      }\n","    }\n","\n","    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n","      if (comm_id in window.PyViz.comms) {\n","        return window.PyViz.comms[comm_id];\n","      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n","        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n","        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n","        if (msg_handler) {\n","          comm.on_msg(msg_handler);\n","        }\n","      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n","        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n","        comm.open();\n","        if (msg_handler) {\n","          comm.onMsg = msg_handler;\n","        }\n","      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n","        var comm_promise = google.colab.kernel.comms.open(comm_id)\n","        comm_promise.then((comm) => {\n","          window.PyViz.comms[comm_id] = comm;\n","          if (msg_handler) {\n","            var messages = comm.messages[Symbol.asyncIterator]();\n","            function processIteratorResult(result) {\n","              var message = result.value;\n","              var content = {data: message.data};\n","              var metadata = message.metadata || {comm_id};\n","              var msg = {content, metadata}\n","              msg_handler(msg);\n","              return messages.next().then(processIteratorResult);\n","            }\n","            return messages.next().then(processIteratorResult);\n","          }\n","        }) \n","        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n","          return comm_promise.then((comm) => {\n","            comm.send(data, metadata, buffers, disposeOnDone);\n","          });\n","        };\n","        var comm = {\n","          send: sendClosure\n","        };\n","      }\n","      window.PyViz.comms[comm_id] = comm;\n","      return comm;\n","    }\n","    window.PyViz.comm_manager = new JupyterCommManager();\n","    \n","\n","\n","var JS_MIME_TYPE = 'application/javascript';\n","var HTML_MIME_TYPE = 'text/html';\n","var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n","var CLASS_NAME = 'output';\n","\n","/**\n"," * Render data to the DOM node\n"," */\n","function render(props, node) {\n","  var div = document.createElement(\"div\");\n","  var script = document.createElement(\"script\");\n","  node.appendChild(div);\n","  node.appendChild(script);\n","}\n","\n","/**\n"," * Handle when a new output is added\n"," */\n","function handle_add_output(event, handle) {\n","  var output_area = handle.output_area;\n","  var output = handle.output;\n","  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n","    return\n","  }\n","  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n","  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n","  if (id !== undefined) {\n","    var nchildren = toinsert.length;\n","    var html_node = toinsert[nchildren-1].children[0];\n","    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n","    var scripts = [];\n","    var nodelist = html_node.querySelectorAll(\"script\");\n","    for (var i in nodelist) {\n","      if (nodelist.hasOwnProperty(i)) {\n","        scripts.push(nodelist[i])\n","      }\n","    }\n","\n","    scripts.forEach( function (oldScript) {\n","      var newScript = document.createElement(\"script\");\n","      var attrs = [];\n","      var nodemap = oldScript.attributes;\n","      for (var j in nodemap) {\n","        if (nodemap.hasOwnProperty(j)) {\n","          attrs.push(nodemap[j])\n","        }\n","      }\n","      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n","      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n","      oldScript.parentNode.replaceChild(newScript, oldScript);\n","    });\n","    if (JS_MIME_TYPE in output.data) {\n","      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n","    }\n","    output_area._hv_plot_id = id;\n","    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n","      window.PyViz.plot_index[id] = Bokeh.index[id];\n","    } else {\n","      window.PyViz.plot_index[id] = null;\n","    }\n","  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n","    var bk_div = document.createElement(\"div\");\n","    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n","    var script_attrs = bk_div.children[0].attributes;\n","    for (var i = 0; i < script_attrs.length; i++) {\n","      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n","    }\n","    // store reference to server id on output_area\n","    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n","  }\n","}\n","\n","/**\n"," * Handle when an output is cleared or removed\n"," */\n","function handle_clear_output(event, handle) {\n","  var id = handle.cell.output_area._hv_plot_id;\n","  var server_id = handle.cell.output_area._bokeh_server_id;\n","  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n","  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n","  if (server_id !== null) {\n","    comm.send({event_type: 'server_delete', 'id': server_id});\n","    return;\n","  } else if (comm !== null) {\n","    comm.send({event_type: 'delete', 'id': id});\n","  }\n","  delete PyViz.plot_index[id];\n","  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n","    var doc = window.Bokeh.index[id].model.document\n","    doc.clear();\n","    const i = window.Bokeh.documents.indexOf(doc);\n","    if (i > -1) {\n","      window.Bokeh.documents.splice(i, 1);\n","    }\n","  }\n","}\n","\n","/**\n"," * Handle kernel restart event\n"," */\n","function handle_kernel_cleanup(event, handle) {\n","  delete PyViz.comms[\"hv-extension-comm\"];\n","  window.PyViz.plot_index = {}\n","}\n","\n","/**\n"," * Handle update_display_data messages\n"," */\n","function handle_update_output(event, handle) {\n","  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n","  handle_add_output(event, handle)\n","}\n","\n","function register_renderer(events, OutputArea) {\n","  function append_mime(data, metadata, element) {\n","    // create a DOM node to render to\n","    var toinsert = this.create_output_subarea(\n","    metadata,\n","    CLASS_NAME,\n","    EXEC_MIME_TYPE\n","    );\n","    this.keyboard_manager.register_events(toinsert);\n","    // Render to node\n","    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n","    render(props, toinsert[0]);\n","    element.append(toinsert);\n","    return toinsert\n","  }\n","\n","  events.on('output_added.OutputArea', handle_add_output);\n","  events.on('output_updated.OutputArea', handle_update_output);\n","  events.on('clear_output.CodeCell', handle_clear_output);\n","  events.on('delete.Cell', handle_clear_output);\n","  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n","\n","  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n","    safe: true,\n","    index: 0\n","  });\n","}\n","\n","if (window.Jupyter !== undefined) {\n","  try {\n","    var events = require('base/js/events');\n","    var OutputArea = require('notebook/js/outputarea').OutputArea;\n","    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n","      register_renderer(events, OutputArea);\n","    }\n","  } catch(err) {\n","  }\n","}\n"]},"metadata":{}},{"output_type":"display_data","data":{"text/html":["<style>.bk-root, .bk-root .bk:before, .bk-root .bk:after {\n","  font-family: var(--jp-ui-font-size1);\n","  font-size: var(--jp-ui-font-size1);\n","  color: var(--jp-ui-font-color1);\n","}\n","</style>"]},"metadata":{}},{"output_type":"display_data","data":{},"metadata":{}},{"output_type":"execute_result","data":{"text/html":["<div id='1041'>\n","  <div class=\"bk-root\" id=\"28121c48-81b1-4923-a938-415bbb010b8e\" data-root-id=\"1041\"></div>\n","</div>\n","<script type=\"application/javascript\">(function(root) {\n","  function embed_document(root) {\n","    var docs_json = {\"755344b4-6305-4de5-8ced-0af41a4f822f\":{\"defs\":[{\"extends\":null,\"module\":null,\"name\":\"ReactiveHTML1\",\"overrides\":[],\"properties\":[]},{\"extends\":null,\"module\":null,\"name\":\"FlexBox1\",\"overrides\":[],\"properties\":[{\"default\":\"flex-start\",\"kind\":null,\"name\":\"align_content\"},{\"default\":\"flex-start\",\"kind\":null,\"name\":\"align_items\"},{\"default\":\"row\",\"kind\":null,\"name\":\"flex_direction\"},{\"default\":\"wrap\",\"kind\":null,\"name\":\"flex_wrap\"},{\"default\":\"flex-start\",\"kind\":null,\"name\":\"justify_content\"}]},{\"extends\":null,\"module\":null,\"name\":\"GridStack1\",\"overrides\":[],\"properties\":[{\"default\":\"warn\",\"kind\":null,\"name\":\"mode\"},{\"default\":null,\"kind\":null,\"name\":\"ncols\"},{\"default\":null,\"kind\":null,\"name\":\"nrows\"},{\"default\":true,\"kind\":null,\"name\":\"allow_resize\"},{\"default\":true,\"kind\":null,\"name\":\"allow_drag\"},{\"default\":[],\"kind\":null,\"name\":\"state\"}]},{\"extends\":null,\"module\":null,\"name\":\"click1\",\"overrides\":[],\"properties\":[{\"default\":\"\",\"kind\":null,\"name\":\"terminal_output\"},{\"default\":\"\",\"kind\":null,\"name\":\"debug_name\"},{\"default\":0,\"kind\":null,\"name\":\"clears\"}]},{\"extends\":null,\"module\":null,\"name\":\"NotificationAreaBase1\",\"overrides\":[],\"properties\":[{\"default\":\"bottom-right\",\"kind\":null,\"name\":\"position\"},{\"default\":0,\"kind\":null,\"name\":\"_clear\"}]},{\"extends\":null,\"module\":null,\"name\":\"NotificationArea1\",\"overrides\":[],\"properties\":[{\"default\":[],\"kind\":null,\"name\":\"notifications\"},{\"default\":\"bottom-right\",\"kind\":null,\"name\":\"position\"},{\"default\":0,\"kind\":null,\"name\":\"_clear\"},{\"default\":[{\"background\":\"#ffc107\",\"icon\":{\"className\":\"fas fa-exclamation-triangle\",\"color\":\"white\",\"tagName\":\"i\"},\"type\":\"warning\"},{\"background\":\"#007bff\",\"icon\":{\"className\":\"fas fa-info-circle\",\"color\":\"white\",\"tagName\":\"i\"},\"type\":\"info\"}],\"kind\":null,\"name\":\"types\"}]},{\"extends\":null,\"module\":null,\"name\":\"Notification\",\"overrides\":[],\"properties\":[{\"default\":null,\"kind\":null,\"name\":\"background\"},{\"default\":3000,\"kind\":null,\"name\":\"duration\"},{\"default\":null,\"kind\":null,\"name\":\"icon\"},{\"default\":\"\",\"kind\":null,\"name\":\"message\"},{\"default\":null,\"kind\":null,\"name\":\"notification_type\"},{\"default\":false,\"kind\":null,\"name\":\"_destroyed\"}]},{\"extends\":null,\"module\":null,\"name\":\"TemplateActions1\",\"overrides\":[],\"properties\":[{\"default\":0,\"kind\":null,\"name\":\"open_modal\"},{\"default\":0,\"kind\":null,\"name\":\"close_modal\"}]},{\"extends\":null,\"module\":null,\"name\":\"MaterialTemplateActions1\",\"overrides\":[],\"properties\":[{\"default\":0,\"kind\":null,\"name\":\"open_modal\"},{\"default\":0,\"kind\":null,\"name\":\"close_modal\"}]}],\"roots\":{\"references\":[{\"attributes\":{\"client_comm_id\":\"46ffee857fde4301bbdd33265bc8814f\",\"comm_id\":\"6858b79e28ba4deea4a242f406414ad3\",\"plot_id\":\"1041\"},\"id\":\"1042\",\"type\":\"panel.models.comm_manager.CommManager\"},{\"attributes\":{\"margin\":[5,10,5,10],\"min_width\":300,\"width\":300},\"id\":\"1041\",\"type\":\"FileInput\"}],\"root_ids\":[\"1041\",\"1042\"]},\"title\":\"Bokeh Application\",\"version\":\"2.4.3\"}};\n","    var render_items = [{\"docid\":\"755344b4-6305-4de5-8ced-0af41a4f822f\",\"root_ids\":[\"1041\"],\"roots\":{\"1041\":\"28121c48-81b1-4923-a938-415bbb010b8e\"}}];\n","    root.Bokeh.embed.embed_items_notebook(docs_json, render_items);\n","    for (const render_item of render_items) {\n","      for (const root_id of render_item.root_ids) {\n","\tconst id_el = document.getElementById(root_id)\n","\tif (id_el.children.length && (id_el.children[0].className === 'bk-root')) {\n","\t  const root_el = id_el.children[0]\n","\t  root_el.id = root_el.id + '-rendered'\n","\t}\n","      }\n","    }\n","  }\n","  if (root.Bokeh !== undefined && root.Bokeh.Panel !== undefined) {\n","    embed_document(root);\n","  } else {\n","    var attempts = 0;\n","    var timer = setInterval(function(root) {\n","      if (root.Bokeh !== undefined && root.Bokeh.Panel !== undefined) {\n","        clearInterval(timer);\n","        embed_document(root);\n","      } else if (document.readyState == \"complete\") {\n","        attempts++;\n","        if (attempts > 200) {\n","          clearInterval(timer);\n","          console.log(\"Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing\");\n","        }\n","      }\n","    }, 25, root)\n","  }\n","})(window);</script>"],"application/vnd.holoviews_exec.v0+json":"","text/plain":["FileInput(width=300)"]},"metadata":{"application/vnd.holoviews_exec.v0+json":{"id":"1041"}},"execution_count":18}]},{"cell_type":"code","source":["openaikey"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":58},"id":"t2mXb8iKDHgu","executionInfo":{"status":"ok","timestamp":1688393807265,"user_tz":-420,"elapsed":29,"user":{"displayName":"Reynaldo Khrisna Putra","userId":"00242135695307111727"}},"outputId":"5dbcf2d6-f1ea-440c-fcc1-5f12cf202c0b"},"execution_count":null,"outputs":[{"output_type":"display_data","data":{"application/javascript":["(function(root) {\n","  function now() {\n","    return new Date();\n","  }\n","\n","  var force = true;\n","\n","  if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n","    root._bokeh_onload_callbacks = [];\n","    root._bokeh_is_loading = undefined;\n","  }\n","\n","  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n","    root._bokeh_timeout = Date.now() + 5000;\n","    root._bokeh_failed_load = false;\n","  }\n","\n","  function run_callbacks() {\n","    try {\n","      root._bokeh_onload_callbacks.forEach(function(callback) {\n","        if (callback != null)\n","          callback();\n","      });\n","    } finally {\n","      delete root._bokeh_onload_callbacks\n","    }\n","    console.debug(\"Bokeh: all callbacks have finished\");\n","  }\n","\n","  function load_libs(css_urls, js_urls, js_modules, callback) {\n","    if (css_urls == null) css_urls = [];\n","    if (js_urls == null) js_urls = [];\n","    if (js_modules == null) js_modules = [];\n","\n","    root._bokeh_onload_callbacks.push(callback);\n","    if (root._bokeh_is_loading > 0) {\n","      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n","      return null;\n","    }\n","    if (js_urls.length === 0 && js_modules.length === 0) {\n","      run_callbacks();\n","      return null;\n","    }\n","    console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n","\n","    function on_load() {\n","      root._bokeh_is_loading--;\n","      if (root._bokeh_is_loading === 0) {\n","        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n","        run_callbacks()\n","      }\n","    }\n","\n","    function on_error() {\n","      console.error(\"failed to load \" + url);\n","    }\n","\n","    for (var i = 0; i < css_urls.length; i++) {\n","      var url = css_urls[i];\n","      const element = document.createElement(\"link\");\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.rel = \"stylesheet\";\n","      element.type = \"text/css\";\n","      element.href = url;\n","      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n","      document.body.appendChild(element);\n","    }\n","\n","    var skip = [];\n","    if (window.requirejs) {\n","      window.requirejs.config({'packages': {}, 'paths': {'Quill': 'https://cdn.quilljs.com/1.3.6/quill', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n","      require([\"Quill\"], function(Quill) {\n","\twindow.Quill = Quill\n","\ton_load()\n","      })\n","      require([\"gridstack\"], function(GridStack) {\n","\twindow.GridStack = GridStack\n","\ton_load()\n","      })\n","      require([\"notyf\"], function() {\n","\ton_load()\n","      })\n","      root._bokeh_is_loading = css_urls.length + 3;\n","    } else {\n","      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n","    }    if (((window['Quill'] !== undefined) && (!(window['Quill'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    for (var i = 0; i < js_urls.length; i++) {\n","      var url = js_urls[i];\n","      if (skip.indexOf(url) >= 0) {\n","\tif (!window.requirejs) {\n","\t  on_load();\n","\t}\n","\tcontinue;\n","      }\n","      var element = document.createElement('script');\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.async = false;\n","      element.src = url;\n","      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n","      document.head.appendChild(element);\n","    }\n","    for (var i = 0; i < js_modules.length; i++) {\n","      var url = js_modules[i];\n","      if (skip.indexOf(url) >= 0) {\n","\tif (!window.requirejs) {\n","\t  on_load();\n","\t}\n","\tcontinue;\n","      }\n","      var element = document.createElement('script');\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.async = false;\n","      element.src = url;\n","      element.type = \"module\";\n","      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n","      document.head.appendChild(element);\n","    }\n","    if (!js_urls.length && !js_modules.length) {\n","      on_load()\n","    }\n","  };\n","\n","  function inject_raw_css(css) {\n","    const element = document.createElement(\"style\");\n","    element.appendChild(document.createTextNode(css));\n","    document.body.appendChild(element);\n","  }\n","\n","  var js_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n","  var js_modules = [];\n","  var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.bubble.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.snow.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\"];\n","  var inline_js = [    function(Bokeh) {\n","      inject_raw_css(\"\\n    .bk.pn-loading.arc:before {\\n      background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n      background-size: auto calc(min(50%, 400px));\\n    }\\n    \");\n","    },    function(Bokeh) {\n","      Bokeh.set_log_level(\"info\");\n","    },\n","function(Bokeh) {} // ensure no trailing comma for IE\n","  ];\n","\n","  function run_inline_js() {\n","    if ((root.Bokeh !== undefined) || (force === true)) {\n","      for (var i = 0; i < inline_js.length; i++) {\n","        inline_js[i].call(root, root.Bokeh);\n","      }} else if (Date.now() < root._bokeh_timeout) {\n","      setTimeout(run_inline_js, 100);\n","    } else if (!root._bokeh_failed_load) {\n","      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n","      root._bokeh_failed_load = true;\n","    }\n","  }\n","\n","  if (root._bokeh_is_loading === 0) {\n","    console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n","    run_inline_js();\n","  } else {\n","    load_libs(css_urls, js_urls, js_modules, function() {\n","      console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n","      run_inline_js();\n","    });\n","  }\n","}(window));"],"application/vnd.holoviews_load.v0+json":"(function(root) {\n  function now() {\n    return new Date();\n  }\n\n  var force = true;\n\n  if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n    root._bokeh_onload_callbacks = [];\n    root._bokeh_is_loading = undefined;\n  }\n\n  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n    root._bokeh_timeout = Date.now() + 5000;\n    root._bokeh_failed_load = false;\n  }\n\n  function run_callbacks() {\n    try {\n      root._bokeh_onload_callbacks.forEach(function(callback) {\n        if (callback != null)\n          callback();\n      });\n    } finally {\n      delete root._bokeh_onload_callbacks\n    }\n    console.debug(\"Bokeh: all callbacks have finished\");\n  }\n\n  function load_libs(css_urls, js_urls, js_modules, callback) {\n    if (css_urls == null) css_urls = [];\n    if (js_urls == null) js_urls = [];\n    if (js_modules == null) js_modules = [];\n\n    root._bokeh_onload_callbacks.push(callback);\n    if (root._bokeh_is_loading > 0) {\n      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n      return null;\n    }\n    if (js_urls.length === 0 && js_modules.length === 0) {\n      run_callbacks();\n      return null;\n    }\n    console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n\n    function on_load() {\n      root._bokeh_is_loading--;\n      if (root._bokeh_is_loading === 0) {\n        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n        run_callbacks()\n      }\n    }\n\n    function on_error() {\n      console.error(\"failed to load \" + url);\n    }\n\n    for (var i = 0; i < css_urls.length; i++) {\n      var url = css_urls[i];\n      const element = document.createElement(\"link\");\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.rel = \"stylesheet\";\n      element.type = \"text/css\";\n      element.href = url;\n      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n      document.body.appendChild(element);\n    }\n\n    var skip = [];\n    if (window.requirejs) {\n      window.requirejs.config({'packages': {}, 'paths': {'Quill': 'https://cdn.quilljs.com/1.3.6/quill', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n      require([\"Quill\"], function(Quill) {\n\twindow.Quill = Quill\n\ton_load()\n      })\n      require([\"gridstack\"], function(GridStack) {\n\twindow.GridStack = GridStack\n\ton_load()\n      })\n      require([\"notyf\"], function() {\n\ton_load()\n      })\n      root._bokeh_is_loading = css_urls.length + 3;\n    } else {\n      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n    }    if (((window['Quill'] !== undefined) && (!(window['Quill'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    for (var i = 0; i < js_urls.length; i++) {\n      var url = js_urls[i];\n      if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    for (var i = 0; i < js_modules.length; i++) {\n      var url = js_modules[i];\n      if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      element.type = \"module\";\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    if (!js_urls.length && !js_modules.length) {\n      on_load()\n    }\n  };\n\n  function inject_raw_css(css) {\n    const element = document.createElement(\"style\");\n    element.appendChild(document.createTextNode(css));\n    document.body.appendChild(element);\n  }\n\n  var js_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n  var js_modules = [];\n  var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.bubble.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.snow.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\"];\n  var inline_js = [    function(Bokeh) {\n      inject_raw_css(\"\\n    .bk.pn-loading.arc:before {\\n      background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n      background-size: auto calc(min(50%, 400px));\\n    }\\n    \");\n    },    function(Bokeh) {\n      Bokeh.set_log_level(\"info\");\n    },\nfunction(Bokeh) {} // ensure no trailing comma for IE\n  ];\n\n  function run_inline_js() {\n    if ((root.Bokeh !== undefined) || (force === true)) {\n      for (var i = 0; i < inline_js.length; i++) {\n        inline_js[i].call(root, root.Bokeh);\n      }} else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(run_inline_js, 100);\n    } else if (!root._bokeh_failed_load) {\n      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n      root._bokeh_failed_load = true;\n    }\n  }\n\n  if (root._bokeh_is_loading === 0) {\n    console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n    run_inline_js();\n  } else {\n    load_libs(css_urls, js_urls, js_modules, function() {\n      console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n      run_inline_js();\n    });\n  }\n}(window));"},"metadata":{}},{"output_type":"display_data","data":{"application/vnd.holoviews_load.v0+json":"\nif ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n}\n\n\n    function JupyterCommManager() {\n    }\n\n    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        comm_manager.register_target(comm_id, function(comm) {\n          comm.on_msg(msg_handler);\n        });\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n          comm.onMsg = msg_handler;\n        });\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n          var messages = comm.messages[Symbol.asyncIterator]();\n          function processIteratorResult(result) {\n            var message = result.value;\n            console.log(message)\n            var content = {data: message.data, comm_id};\n            var buffers = []\n            for (var buffer of message.buffers || []) {\n              buffers.push(new DataView(buffer))\n            }\n            var metadata = message.metadata || {};\n            var msg = {content, buffers, metadata}\n            msg_handler(msg);\n            return messages.next().then(processIteratorResult);\n          }\n          return messages.next().then(processIteratorResult);\n        })\n      }\n    }\n\n    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n      if (comm_id in window.PyViz.comms) {\n        return window.PyViz.comms[comm_id];\n      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n        if (msg_handler) {\n          comm.on_msg(msg_handler);\n        }\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n        comm.open();\n        if (msg_handler) {\n          comm.onMsg = msg_handler;\n        }\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        var comm_promise = google.colab.kernel.comms.open(comm_id)\n        comm_promise.then((comm) => {\n          window.PyViz.comms[comm_id] = comm;\n          if (msg_handler) {\n            var messages = comm.messages[Symbol.asyncIterator]();\n            function processIteratorResult(result) {\n              var message = result.value;\n              var content = {data: message.data};\n              var metadata = message.metadata || {comm_id};\n              var msg = {content, metadata}\n              msg_handler(msg);\n              return messages.next().then(processIteratorResult);\n            }\n            return messages.next().then(processIteratorResult);\n          }\n        }) \n        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n          return comm_promise.then((comm) => {\n            comm.send(data, metadata, buffers, disposeOnDone);\n          });\n        };\n        var comm = {\n          send: sendClosure\n        };\n      }\n      window.PyViz.comms[comm_id] = comm;\n      return comm;\n    }\n    window.PyViz.comm_manager = new JupyterCommManager();\n    \n\n\nvar JS_MIME_TYPE = 'application/javascript';\nvar HTML_MIME_TYPE = 'text/html';\nvar EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\nvar CLASS_NAME = 'output';\n\n/**\n * Render data to the DOM node\n */\nfunction render(props, node) {\n  var div = document.createElement(\"div\");\n  var script = document.createElement(\"script\");\n  node.appendChild(div);\n  node.appendChild(script);\n}\n\n/**\n * Handle when a new output is added\n */\nfunction handle_add_output(event, handle) {\n  var output_area = handle.output_area;\n  var output = handle.output;\n  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n    return\n  }\n  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n  if (id !== undefined) {\n    var nchildren = toinsert.length;\n    var html_node = toinsert[nchildren-1].children[0];\n    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n    var scripts = [];\n    var nodelist = html_node.querySelectorAll(\"script\");\n    for (var i in nodelist) {\n      if (nodelist.hasOwnProperty(i)) {\n        scripts.push(nodelist[i])\n      }\n    }\n\n    scripts.forEach( function (oldScript) {\n      var newScript = document.createElement(\"script\");\n      var attrs = [];\n      var nodemap = oldScript.attributes;\n      for (var j in nodemap) {\n        if (nodemap.hasOwnProperty(j)) {\n          attrs.push(nodemap[j])\n        }\n      }\n      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n      oldScript.parentNode.replaceChild(newScript, oldScript);\n    });\n    if (JS_MIME_TYPE in output.data) {\n      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n    }\n    output_area._hv_plot_id = id;\n    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n      window.PyViz.plot_index[id] = Bokeh.index[id];\n    } else {\n      window.PyViz.plot_index[id] = null;\n    }\n  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n    var bk_div = document.createElement(\"div\");\n    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n    var script_attrs = bk_div.children[0].attributes;\n    for (var i = 0; i < script_attrs.length; i++) {\n      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n    }\n    // store reference to server id on output_area\n    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n  }\n}\n\n/**\n * Handle when an output is cleared or removed\n */\nfunction handle_clear_output(event, handle) {\n  var id = handle.cell.output_area._hv_plot_id;\n  var server_id = handle.cell.output_area._bokeh_server_id;\n  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n  if (server_id !== null) {\n    comm.send({event_type: 'server_delete', 'id': server_id});\n    return;\n  } else if (comm !== null) {\n    comm.send({event_type: 'delete', 'id': id});\n  }\n  delete PyViz.plot_index[id];\n  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n    var doc = window.Bokeh.index[id].model.document\n    doc.clear();\n    const i = window.Bokeh.documents.indexOf(doc);\n    if (i > -1) {\n      window.Bokeh.documents.splice(i, 1);\n    }\n  }\n}\n\n/**\n * Handle kernel restart event\n */\nfunction handle_kernel_cleanup(event, handle) {\n  delete PyViz.comms[\"hv-extension-comm\"];\n  window.PyViz.plot_index = {}\n}\n\n/**\n * Handle update_display_data messages\n */\nfunction handle_update_output(event, handle) {\n  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n  handle_add_output(event, handle)\n}\n\nfunction register_renderer(events, OutputArea) {\n  function append_mime(data, metadata, element) {\n    // create a DOM node to render to\n    var toinsert = this.create_output_subarea(\n    metadata,\n    CLASS_NAME,\n    EXEC_MIME_TYPE\n    );\n    this.keyboard_manager.register_events(toinsert);\n    // Render to node\n    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n    render(props, toinsert[0]);\n    element.append(toinsert);\n    return toinsert\n  }\n\n  events.on('output_added.OutputArea', handle_add_output);\n  events.on('output_updated.OutputArea', handle_update_output);\n  events.on('clear_output.CodeCell', handle_clear_output);\n  events.on('delete.Cell', handle_clear_output);\n  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n\n  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n    safe: true,\n    index: 0\n  });\n}\n\nif (window.Jupyter !== undefined) {\n  try {\n    var events = require('base/js/events');\n    var OutputArea = require('notebook/js/outputarea').OutputArea;\n    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n      register_renderer(events, OutputArea);\n    }\n  } catch(err) {\n  }\n}\n","application/javascript":["\n","if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n","  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n","}\n","\n","\n","    function JupyterCommManager() {\n","    }\n","\n","    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n","      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n","        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n","        comm_manager.register_target(comm_id, function(comm) {\n","          comm.on_msg(msg_handler);\n","        });\n","      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n","        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n","          comm.onMsg = msg_handler;\n","        });\n","      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n","        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n","          var messages = comm.messages[Symbol.asyncIterator]();\n","          function processIteratorResult(result) {\n","            var message = result.value;\n","            console.log(message)\n","            var content = {data: message.data, comm_id};\n","            var buffers = []\n","            for (var buffer of message.buffers || []) {\n","              buffers.push(new DataView(buffer))\n","            }\n","            var metadata = message.metadata || {};\n","            var msg = {content, buffers, metadata}\n","            msg_handler(msg);\n","            return messages.next().then(processIteratorResult);\n","          }\n","          return messages.next().then(processIteratorResult);\n","        })\n","      }\n","    }\n","\n","    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n","      if (comm_id in window.PyViz.comms) {\n","        return window.PyViz.comms[comm_id];\n","      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n","        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n","        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n","        if (msg_handler) {\n","          comm.on_msg(msg_handler);\n","        }\n","      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n","        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n","        comm.open();\n","        if (msg_handler) {\n","          comm.onMsg = msg_handler;\n","        }\n","      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n","        var comm_promise = google.colab.kernel.comms.open(comm_id)\n","        comm_promise.then((comm) => {\n","          window.PyViz.comms[comm_id] = comm;\n","          if (msg_handler) {\n","            var messages = comm.messages[Symbol.asyncIterator]();\n","            function processIteratorResult(result) {\n","              var message = result.value;\n","              var content = {data: message.data};\n","              var metadata = message.metadata || {comm_id};\n","              var msg = {content, metadata}\n","              msg_handler(msg);\n","              return messages.next().then(processIteratorResult);\n","            }\n","            return messages.next().then(processIteratorResult);\n","          }\n","        }) \n","        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n","          return comm_promise.then((comm) => {\n","            comm.send(data, metadata, buffers, disposeOnDone);\n","          });\n","        };\n","        var comm = {\n","          send: sendClosure\n","        };\n","      }\n","      window.PyViz.comms[comm_id] = comm;\n","      return comm;\n","    }\n","    window.PyViz.comm_manager = new JupyterCommManager();\n","    \n","\n","\n","var JS_MIME_TYPE = 'application/javascript';\n","var HTML_MIME_TYPE = 'text/html';\n","var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n","var CLASS_NAME = 'output';\n","\n","/**\n"," * Render data to the DOM node\n"," */\n","function render(props, node) {\n","  var div = document.createElement(\"div\");\n","  var script = document.createElement(\"script\");\n","  node.appendChild(div);\n","  node.appendChild(script);\n","}\n","\n","/**\n"," * Handle when a new output is added\n"," */\n","function handle_add_output(event, handle) {\n","  var output_area = handle.output_area;\n","  var output = handle.output;\n","  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n","    return\n","  }\n","  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n","  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n","  if (id !== undefined) {\n","    var nchildren = toinsert.length;\n","    var html_node = toinsert[nchildren-1].children[0];\n","    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n","    var scripts = [];\n","    var nodelist = html_node.querySelectorAll(\"script\");\n","    for (var i in nodelist) {\n","      if (nodelist.hasOwnProperty(i)) {\n","        scripts.push(nodelist[i])\n","      }\n","    }\n","\n","    scripts.forEach( function (oldScript) {\n","      var newScript = document.createElement(\"script\");\n","      var attrs = [];\n","      var nodemap = oldScript.attributes;\n","      for (var j in nodemap) {\n","        if (nodemap.hasOwnProperty(j)) {\n","          attrs.push(nodemap[j])\n","        }\n","      }\n","      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n","      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n","      oldScript.parentNode.replaceChild(newScript, oldScript);\n","    });\n","    if (JS_MIME_TYPE in output.data) {\n","      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n","    }\n","    output_area._hv_plot_id = id;\n","    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n","      window.PyViz.plot_index[id] = Bokeh.index[id];\n","    } else {\n","      window.PyViz.plot_index[id] = null;\n","    }\n","  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n","    var bk_div = document.createElement(\"div\");\n","    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n","    var script_attrs = bk_div.children[0].attributes;\n","    for (var i = 0; i < script_attrs.length; i++) {\n","      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n","    }\n","    // store reference to server id on output_area\n","    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n","  }\n","}\n","\n","/**\n"," * Handle when an output is cleared or removed\n"," */\n","function handle_clear_output(event, handle) {\n","  var id = handle.cell.output_area._hv_plot_id;\n","  var server_id = handle.cell.output_area._bokeh_server_id;\n","  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n","  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n","  if (server_id !== null) {\n","    comm.send({event_type: 'server_delete', 'id': server_id});\n","    return;\n","  } else if (comm !== null) {\n","    comm.send({event_type: 'delete', 'id': id});\n","  }\n","  delete PyViz.plot_index[id];\n","  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n","    var doc = window.Bokeh.index[id].model.document\n","    doc.clear();\n","    const i = window.Bokeh.documents.indexOf(doc);\n","    if (i > -1) {\n","      window.Bokeh.documents.splice(i, 1);\n","    }\n","  }\n","}\n","\n","/**\n"," * Handle kernel restart event\n"," */\n","function handle_kernel_cleanup(event, handle) {\n","  delete PyViz.comms[\"hv-extension-comm\"];\n","  window.PyViz.plot_index = {}\n","}\n","\n","/**\n"," * Handle update_display_data messages\n"," */\n","function handle_update_output(event, handle) {\n","  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n","  handle_add_output(event, handle)\n","}\n","\n","function register_renderer(events, OutputArea) {\n","  function append_mime(data, metadata, element) {\n","    // create a DOM node to render to\n","    var toinsert = this.create_output_subarea(\n","    metadata,\n","    CLASS_NAME,\n","    EXEC_MIME_TYPE\n","    );\n","    this.keyboard_manager.register_events(toinsert);\n","    // Render to node\n","    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n","    render(props, toinsert[0]);\n","    element.append(toinsert);\n","    return toinsert\n","  }\n","\n","  events.on('output_added.OutputArea', handle_add_output);\n","  events.on('output_updated.OutputArea', handle_update_output);\n","  events.on('clear_output.CodeCell', handle_clear_output);\n","  events.on('delete.Cell', handle_clear_output);\n","  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n","\n","  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n","    safe: true,\n","    index: 0\n","  });\n","}\n","\n","if (window.Jupyter !== undefined) {\n","  try {\n","    var events = require('base/js/events');\n","    var OutputArea = require('notebook/js/outputarea').OutputArea;\n","    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n","      register_renderer(events, OutputArea);\n","    }\n","  } catch(err) {\n","  }\n","}\n"]},"metadata":{}},{"output_type":"display_data","data":{"text/html":["<style>.bk-root, .bk-root .bk:before, .bk-root .bk:after {\n","  font-family: var(--jp-ui-font-size1);\n","  font-size: var(--jp-ui-font-size1);\n","  color: var(--jp-ui-font-color1);\n","}\n","</style>"]},"metadata":{}},{"output_type":"display_data","data":{},"metadata":{}},{"output_type":"execute_result","data":{"text/html":["<div id='1043'>\n","  <div class=\"bk-root\" id=\"6eb92216-906b-466c-a3e8-be5bbc92cf2c\" data-root-id=\"1043\"></div>\n","</div>\n","<script type=\"application/javascript\">(function(root) {\n","  function embed_document(root) {\n","    var docs_json = {\"69488a7f-6716-4b7c-8f97-2ca58ae56bd8\":{\"defs\":[{\"extends\":null,\"module\":null,\"name\":\"ReactiveHTML1\",\"overrides\":[],\"properties\":[]},{\"extends\":null,\"module\":null,\"name\":\"FlexBox1\",\"overrides\":[],\"properties\":[{\"default\":\"flex-start\",\"kind\":null,\"name\":\"align_content\"},{\"default\":\"flex-start\",\"kind\":null,\"name\":\"align_items\"},{\"default\":\"row\",\"kind\":null,\"name\":\"flex_direction\"},{\"default\":\"wrap\",\"kind\":null,\"name\":\"flex_wrap\"},{\"default\":\"flex-start\",\"kind\":null,\"name\":\"justify_content\"}]},{\"extends\":null,\"module\":null,\"name\":\"GridStack1\",\"overrides\":[],\"properties\":[{\"default\":\"warn\",\"kind\":null,\"name\":\"mode\"},{\"default\":null,\"kind\":null,\"name\":\"ncols\"},{\"default\":null,\"kind\":null,\"name\":\"nrows\"},{\"default\":true,\"kind\":null,\"name\":\"allow_resize\"},{\"default\":true,\"kind\":null,\"name\":\"allow_drag\"},{\"default\":[],\"kind\":null,\"name\":\"state\"}]},{\"extends\":null,\"module\":null,\"name\":\"click1\",\"overrides\":[],\"properties\":[{\"default\":\"\",\"kind\":null,\"name\":\"terminal_output\"},{\"default\":\"\",\"kind\":null,\"name\":\"debug_name\"},{\"default\":0,\"kind\":null,\"name\":\"clears\"}]},{\"extends\":null,\"module\":null,\"name\":\"NotificationAreaBase1\",\"overrides\":[],\"properties\":[{\"default\":\"bottom-right\",\"kind\":null,\"name\":\"position\"},{\"default\":0,\"kind\":null,\"name\":\"_clear\"}]},{\"extends\":null,\"module\":null,\"name\":\"NotificationArea1\",\"overrides\":[],\"properties\":[{\"default\":[],\"kind\":null,\"name\":\"notifications\"},{\"default\":\"bottom-right\",\"kind\":null,\"name\":\"position\"},{\"default\":0,\"kind\":null,\"name\":\"_clear\"},{\"default\":[{\"background\":\"#ffc107\",\"icon\":{\"className\":\"fas fa-exclamation-triangle\",\"color\":\"white\",\"tagName\":\"i\"},\"type\":\"warning\"},{\"background\":\"#007bff\",\"icon\":{\"className\":\"fas fa-info-circle\",\"color\":\"white\",\"tagName\":\"i\"},\"type\":\"info\"}],\"kind\":null,\"name\":\"types\"}]},{\"extends\":null,\"module\":null,\"name\":\"Notification\",\"overrides\":[],\"properties\":[{\"default\":null,\"kind\":null,\"name\":\"background\"},{\"default\":3000,\"kind\":null,\"name\":\"duration\"},{\"default\":null,\"kind\":null,\"name\":\"icon\"},{\"default\":\"\",\"kind\":null,\"name\":\"message\"},{\"default\":null,\"kind\":null,\"name\":\"notification_type\"},{\"default\":false,\"kind\":null,\"name\":\"_destroyed\"}]},{\"extends\":null,\"module\":null,\"name\":\"TemplateActions1\",\"overrides\":[],\"properties\":[{\"default\":0,\"kind\":null,\"name\":\"open_modal\"},{\"default\":0,\"kind\":null,\"name\":\"close_modal\"}]},{\"extends\":null,\"module\":null,\"name\":\"MaterialTemplateActions1\",\"overrides\":[],\"properties\":[{\"default\":0,\"kind\":null,\"name\":\"open_modal\"},{\"default\":0,\"kind\":null,\"name\":\"close_modal\"}]}],\"roots\":{\"references\":[{\"attributes\":{\"client_comm_id\":\"93a5a30d0f78448fa83f4c90d5e78b95\",\"comm_id\":\"28cff22c3f534561ba8e025192b42b07\",\"plot_id\":\"1043\"},\"id\":\"1044\",\"type\":\"panel.models.comm_manager.CommManager\"},{\"attributes\":{\"margin\":[5,10,5,10],\"max_length\":5000,\"min_width\":300,\"placeholder\":\"Enter your OpenAI API Key here...\",\"width\":300},\"id\":\"1043\",\"type\":\"PasswordInput\"}],\"root_ids\":[\"1043\",\"1044\"]},\"title\":\"Bokeh Application\",\"version\":\"2.4.3\"}};\n","    var render_items = [{\"docid\":\"69488a7f-6716-4b7c-8f97-2ca58ae56bd8\",\"root_ids\":[\"1043\"],\"roots\":{\"1043\":\"6eb92216-906b-466c-a3e8-be5bbc92cf2c\"}}];\n","    root.Bokeh.embed.embed_items_notebook(docs_json, render_items);\n","    for (const render_item of render_items) {\n","      for (const root_id of render_item.root_ids) {\n","\tconst id_el = document.getElementById(root_id)\n","\tif (id_el.children.length && (id_el.children[0].className === 'bk-root')) {\n","\t  const root_el = id_el.children[0]\n","\t  root_el.id = root_el.id + '-rendered'\n","\t}\n","      }\n","    }\n","  }\n","  if (root.Bokeh !== undefined && root.Bokeh.Panel !== undefined) {\n","    embed_document(root);\n","  } else {\n","    var attempts = 0;\n","    var timer = setInterval(function(root) {\n","      if (root.Bokeh !== undefined && root.Bokeh.Panel !== undefined) {\n","        clearInterval(timer);\n","        embed_document(root);\n","      } else if (document.readyState == \"complete\") {\n","        attempts++;\n","        if (attempts > 200) {\n","          clearInterval(timer);\n","          console.log(\"Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing\");\n","        }\n","      }\n","    }, 25, root)\n","  }\n","})(window);</script>"],"application/vnd.holoviews_exec.v0+json":"","text/plain":["PasswordInput(placeholder='Enter your OpenAI A..., width=300)"]},"metadata":{"application/vnd.holoviews_exec.v0+json":{"id":"1043"}},"execution_count":19}]},{"cell_type":"code","source":["widgets"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":238},"id":"4STh_cqqDNLk","executionInfo":{"status":"ok","timestamp":1688393807265,"user_tz":-420,"elapsed":28,"user":{"displayName":"Reynaldo Khrisna Putra","userId":"00242135695307111727"}},"outputId":"dfbf1c4a-301f-45b2-dcdf-dd42e2f6bf84"},"execution_count":null,"outputs":[{"output_type":"display_data","data":{"application/javascript":["(function(root) {\n","  function now() {\n","    return new Date();\n","  }\n","\n","  var force = true;\n","\n","  if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n","    root._bokeh_onload_callbacks = [];\n","    root._bokeh_is_loading = undefined;\n","  }\n","\n","  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n","    root._bokeh_timeout = Date.now() + 5000;\n","    root._bokeh_failed_load = false;\n","  }\n","\n","  function run_callbacks() {\n","    try {\n","      root._bokeh_onload_callbacks.forEach(function(callback) {\n","        if (callback != null)\n","          callback();\n","      });\n","    } finally {\n","      delete root._bokeh_onload_callbacks\n","    }\n","    console.debug(\"Bokeh: all callbacks have finished\");\n","  }\n","\n","  function load_libs(css_urls, js_urls, js_modules, callback) {\n","    if (css_urls == null) css_urls = [];\n","    if (js_urls == null) js_urls = [];\n","    if (js_modules == null) js_modules = [];\n","\n","    root._bokeh_onload_callbacks.push(callback);\n","    if (root._bokeh_is_loading > 0) {\n","      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n","      return null;\n","    }\n","    if (js_urls.length === 0 && js_modules.length === 0) {\n","      run_callbacks();\n","      return null;\n","    }\n","    console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n","\n","    function on_load() {\n","      root._bokeh_is_loading--;\n","      if (root._bokeh_is_loading === 0) {\n","        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n","        run_callbacks()\n","      }\n","    }\n","\n","    function on_error() {\n","      console.error(\"failed to load \" + url);\n","    }\n","\n","    for (var i = 0; i < css_urls.length; i++) {\n","      var url = css_urls[i];\n","      const element = document.createElement(\"link\");\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.rel = \"stylesheet\";\n","      element.type = \"text/css\";\n","      element.href = url;\n","      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n","      document.body.appendChild(element);\n","    }\n","\n","    var skip = [];\n","    if (window.requirejs) {\n","      window.requirejs.config({'packages': {}, 'paths': {'Quill': 'https://cdn.quilljs.com/1.3.6/quill', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n","      require([\"Quill\"], function(Quill) {\n","\twindow.Quill = Quill\n","\ton_load()\n","      })\n","      require([\"gridstack\"], function(GridStack) {\n","\twindow.GridStack = GridStack\n","\ton_load()\n","      })\n","      require([\"notyf\"], function() {\n","\ton_load()\n","      })\n","      root._bokeh_is_loading = css_urls.length + 3;\n","    } else {\n","      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n","    }    if (((window['Quill'] !== undefined) && (!(window['Quill'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    for (var i = 0; i < js_urls.length; i++) {\n","      var url = js_urls[i];\n","      if (skip.indexOf(url) >= 0) {\n","\tif (!window.requirejs) {\n","\t  on_load();\n","\t}\n","\tcontinue;\n","      }\n","      var element = document.createElement('script');\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.async = false;\n","      element.src = url;\n","      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n","      document.head.appendChild(element);\n","    }\n","    for (var i = 0; i < js_modules.length; i++) {\n","      var url = js_modules[i];\n","      if (skip.indexOf(url) >= 0) {\n","\tif (!window.requirejs) {\n","\t  on_load();\n","\t}\n","\tcontinue;\n","      }\n","      var element = document.createElement('script');\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.async = false;\n","      element.src = url;\n","      element.type = \"module\";\n","      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n","      document.head.appendChild(element);\n","    }\n","    if (!js_urls.length && !js_modules.length) {\n","      on_load()\n","    }\n","  };\n","\n","  function inject_raw_css(css) {\n","    const element = document.createElement(\"style\");\n","    element.appendChild(document.createTextNode(css));\n","    document.body.appendChild(element);\n","  }\n","\n","  var js_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n","  var js_modules = [];\n","  var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.bubble.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.snow.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\"];\n","  var inline_js = [    function(Bokeh) {\n","      inject_raw_css(\"\\n    .bk.pn-loading.arc:before {\\n      background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n      background-size: auto calc(min(50%, 400px));\\n    }\\n    \");\n","    },    function(Bokeh) {\n","      Bokeh.set_log_level(\"info\");\n","    },\n","function(Bokeh) {} // ensure no trailing comma for IE\n","  ];\n","\n","  function run_inline_js() {\n","    if ((root.Bokeh !== undefined) || (force === true)) {\n","      for (var i = 0; i < inline_js.length; i++) {\n","        inline_js[i].call(root, root.Bokeh);\n","      }} else if (Date.now() < root._bokeh_timeout) {\n","      setTimeout(run_inline_js, 100);\n","    } else if (!root._bokeh_failed_load) {\n","      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n","      root._bokeh_failed_load = true;\n","    }\n","  }\n","\n","  if (root._bokeh_is_loading === 0) {\n","    console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n","    run_inline_js();\n","  } else {\n","    load_libs(css_urls, js_urls, js_modules, function() {\n","      console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n","      run_inline_js();\n","    });\n","  }\n","}(window));"],"application/vnd.holoviews_load.v0+json":"(function(root) {\n  function now() {\n    return new Date();\n  }\n\n  var force = true;\n\n  if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n    root._bokeh_onload_callbacks = [];\n    root._bokeh_is_loading = undefined;\n  }\n\n  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n    root._bokeh_timeout = Date.now() + 5000;\n    root._bokeh_failed_load = false;\n  }\n\n  function run_callbacks() {\n    try {\n      root._bokeh_onload_callbacks.forEach(function(callback) {\n        if (callback != null)\n          callback();\n      });\n    } finally {\n      delete root._bokeh_onload_callbacks\n    }\n    console.debug(\"Bokeh: all callbacks have finished\");\n  }\n\n  function load_libs(css_urls, js_urls, js_modules, callback) {\n    if (css_urls == null) css_urls = [];\n    if (js_urls == null) js_urls = [];\n    if (js_modules == null) js_modules = [];\n\n    root._bokeh_onload_callbacks.push(callback);\n    if (root._bokeh_is_loading > 0) {\n      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n      return null;\n    }\n    if (js_urls.length === 0 && js_modules.length === 0) {\n      run_callbacks();\n      return null;\n    }\n    console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n\n    function on_load() {\n      root._bokeh_is_loading--;\n      if (root._bokeh_is_loading === 0) {\n        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n        run_callbacks()\n      }\n    }\n\n    function on_error() {\n      console.error(\"failed to load \" + url);\n    }\n\n    for (var i = 0; i < css_urls.length; i++) {\n      var url = css_urls[i];\n      const element = document.createElement(\"link\");\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.rel = \"stylesheet\";\n      element.type = \"text/css\";\n      element.href = url;\n      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n      document.body.appendChild(element);\n    }\n\n    var skip = [];\n    if (window.requirejs) {\n      window.requirejs.config({'packages': {}, 'paths': {'Quill': 'https://cdn.quilljs.com/1.3.6/quill', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n      require([\"Quill\"], function(Quill) {\n\twindow.Quill = Quill\n\ton_load()\n      })\n      require([\"gridstack\"], function(GridStack) {\n\twindow.GridStack = GridStack\n\ton_load()\n      })\n      require([\"notyf\"], function() {\n\ton_load()\n      })\n      root._bokeh_is_loading = css_urls.length + 3;\n    } else {\n      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n    }    if (((window['Quill'] !== undefined) && (!(window['Quill'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    for (var i = 0; i < js_urls.length; i++) {\n      var url = js_urls[i];\n      if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    for (var i = 0; i < js_modules.length; i++) {\n      var url = js_modules[i];\n      if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      element.type = \"module\";\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    if (!js_urls.length && !js_modules.length) {\n      on_load()\n    }\n  };\n\n  function inject_raw_css(css) {\n    const element = document.createElement(\"style\");\n    element.appendChild(document.createTextNode(css));\n    document.body.appendChild(element);\n  }\n\n  var js_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n  var js_modules = [];\n  var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.bubble.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.snow.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\"];\n  var inline_js = [    function(Bokeh) {\n      inject_raw_css(\"\\n    .bk.pn-loading.arc:before {\\n      background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n      background-size: auto calc(min(50%, 400px));\\n    }\\n    \");\n    },    function(Bokeh) {\n      Bokeh.set_log_level(\"info\");\n    },\nfunction(Bokeh) {} // ensure no trailing comma for IE\n  ];\n\n  function run_inline_js() {\n    if ((root.Bokeh !== undefined) || (force === true)) {\n      for (var i = 0; i < inline_js.length; i++) {\n        inline_js[i].call(root, root.Bokeh);\n      }} else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(run_inline_js, 100);\n    } else if (!root._bokeh_failed_load) {\n      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n      root._bokeh_failed_load = true;\n    }\n  }\n\n  if (root._bokeh_is_loading === 0) {\n    console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n    run_inline_js();\n  } else {\n    load_libs(css_urls, js_urls, js_modules, function() {\n      console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n      run_inline_js();\n    });\n  }\n}(window));"},"metadata":{}},{"output_type":"display_data","data":{"application/vnd.holoviews_load.v0+json":"\nif ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n}\n\n\n    function JupyterCommManager() {\n    }\n\n    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        comm_manager.register_target(comm_id, function(comm) {\n          comm.on_msg(msg_handler);\n        });\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n          comm.onMsg = msg_handler;\n        });\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n          var messages = comm.messages[Symbol.asyncIterator]();\n          function processIteratorResult(result) {\n            var message = result.value;\n            console.log(message)\n            var content = {data: message.data, comm_id};\n            var buffers = []\n            for (var buffer of message.buffers || []) {\n              buffers.push(new DataView(buffer))\n            }\n            var metadata = message.metadata || {};\n            var msg = {content, buffers, metadata}\n            msg_handler(msg);\n            return messages.next().then(processIteratorResult);\n          }\n          return messages.next().then(processIteratorResult);\n        })\n      }\n    }\n\n    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n      if (comm_id in window.PyViz.comms) {\n        return window.PyViz.comms[comm_id];\n      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n        if (msg_handler) {\n          comm.on_msg(msg_handler);\n        }\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n        comm.open();\n        if (msg_handler) {\n          comm.onMsg = msg_handler;\n        }\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        var comm_promise = google.colab.kernel.comms.open(comm_id)\n        comm_promise.then((comm) => {\n          window.PyViz.comms[comm_id] = comm;\n          if (msg_handler) {\n            var messages = comm.messages[Symbol.asyncIterator]();\n            function processIteratorResult(result) {\n              var message = result.value;\n              var content = {data: message.data};\n              var metadata = message.metadata || {comm_id};\n              var msg = {content, metadata}\n              msg_handler(msg);\n              return messages.next().then(processIteratorResult);\n            }\n            return messages.next().then(processIteratorResult);\n          }\n        }) \n        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n          return comm_promise.then((comm) => {\n            comm.send(data, metadata, buffers, disposeOnDone);\n          });\n        };\n        var comm = {\n          send: sendClosure\n        };\n      }\n      window.PyViz.comms[comm_id] = comm;\n      return comm;\n    }\n    window.PyViz.comm_manager = new JupyterCommManager();\n    \n\n\nvar JS_MIME_TYPE = 'application/javascript';\nvar HTML_MIME_TYPE = 'text/html';\nvar EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\nvar CLASS_NAME = 'output';\n\n/**\n * Render data to the DOM node\n */\nfunction render(props, node) {\n  var div = document.createElement(\"div\");\n  var script = document.createElement(\"script\");\n  node.appendChild(div);\n  node.appendChild(script);\n}\n\n/**\n * Handle when a new output is added\n */\nfunction handle_add_output(event, handle) {\n  var output_area = handle.output_area;\n  var output = handle.output;\n  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n    return\n  }\n  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n  if (id !== undefined) {\n    var nchildren = toinsert.length;\n    var html_node = toinsert[nchildren-1].children[0];\n    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n    var scripts = [];\n    var nodelist = html_node.querySelectorAll(\"script\");\n    for (var i in nodelist) {\n      if (nodelist.hasOwnProperty(i)) {\n        scripts.push(nodelist[i])\n      }\n    }\n\n    scripts.forEach( function (oldScript) {\n      var newScript = document.createElement(\"script\");\n      var attrs = [];\n      var nodemap = oldScript.attributes;\n      for (var j in nodemap) {\n        if (nodemap.hasOwnProperty(j)) {\n          attrs.push(nodemap[j])\n        }\n      }\n      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n      oldScript.parentNode.replaceChild(newScript, oldScript);\n    });\n    if (JS_MIME_TYPE in output.data) {\n      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n    }\n    output_area._hv_plot_id = id;\n    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n      window.PyViz.plot_index[id] = Bokeh.index[id];\n    } else {\n      window.PyViz.plot_index[id] = null;\n    }\n  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n    var bk_div = document.createElement(\"div\");\n    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n    var script_attrs = bk_div.children[0].attributes;\n    for (var i = 0; i < script_attrs.length; i++) {\n      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n    }\n    // store reference to server id on output_area\n    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n  }\n}\n\n/**\n * Handle when an output is cleared or removed\n */\nfunction handle_clear_output(event, handle) {\n  var id = handle.cell.output_area._hv_plot_id;\n  var server_id = handle.cell.output_area._bokeh_server_id;\n  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n  if (server_id !== null) {\n    comm.send({event_type: 'server_delete', 'id': server_id});\n    return;\n  } else if (comm !== null) {\n    comm.send({event_type: 'delete', 'id': id});\n  }\n  delete PyViz.plot_index[id];\n  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n    var doc = window.Bokeh.index[id].model.document\n    doc.clear();\n    const i = window.Bokeh.documents.indexOf(doc);\n    if (i > -1) {\n      window.Bokeh.documents.splice(i, 1);\n    }\n  }\n}\n\n/**\n * Handle kernel restart event\n */\nfunction handle_kernel_cleanup(event, handle) {\n  delete PyViz.comms[\"hv-extension-comm\"];\n  window.PyViz.plot_index = {}\n}\n\n/**\n * Handle update_display_data messages\n */\nfunction handle_update_output(event, handle) {\n  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n  handle_add_output(event, handle)\n}\n\nfunction register_renderer(events, OutputArea) {\n  function append_mime(data, metadata, element) {\n    // create a DOM node to render to\n    var toinsert = this.create_output_subarea(\n    metadata,\n    CLASS_NAME,\n    EXEC_MIME_TYPE\n    );\n    this.keyboard_manager.register_events(toinsert);\n    // Render to node\n    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n    render(props, toinsert[0]);\n    element.append(toinsert);\n    return toinsert\n  }\n\n  events.on('output_added.OutputArea', handle_add_output);\n  events.on('output_updated.OutputArea', handle_update_output);\n  events.on('clear_output.CodeCell', handle_clear_output);\n  events.on('delete.Cell', handle_clear_output);\n  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n\n  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n    safe: true,\n    index: 0\n  });\n}\n\nif (window.Jupyter !== undefined) {\n  try {\n    var events = require('base/js/events');\n    var OutputArea = require('notebook/js/outputarea').OutputArea;\n    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n      register_renderer(events, OutputArea);\n    }\n  } catch(err) {\n  }\n}\n","application/javascript":["\n","if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n","  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n","}\n","\n","\n","    function JupyterCommManager() {\n","    }\n","\n","    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n","      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n","        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n","        comm_manager.register_target(comm_id, function(comm) {\n","          comm.on_msg(msg_handler);\n","        });\n","      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n","        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n","          comm.onMsg = msg_handler;\n","        });\n","      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n","        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n","          var messages = comm.messages[Symbol.asyncIterator]();\n","          function processIteratorResult(result) {\n","            var message = result.value;\n","            console.log(message)\n","            var content = {data: message.data, comm_id};\n","            var buffers = []\n","            for (var buffer of message.buffers || []) {\n","              buffers.push(new DataView(buffer))\n","            }\n","            var metadata = message.metadata || {};\n","            var msg = {content, buffers, metadata}\n","            msg_handler(msg);\n","            return messages.next().then(processIteratorResult);\n","          }\n","          return messages.next().then(processIteratorResult);\n","        })\n","      }\n","    }\n","\n","    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n","      if (comm_id in window.PyViz.comms) {\n","        return window.PyViz.comms[comm_id];\n","      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n","        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n","        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n","        if (msg_handler) {\n","          comm.on_msg(msg_handler);\n","        }\n","      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n","        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n","        comm.open();\n","        if (msg_handler) {\n","          comm.onMsg = msg_handler;\n","        }\n","      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n","        var comm_promise = google.colab.kernel.comms.open(comm_id)\n","        comm_promise.then((comm) => {\n","          window.PyViz.comms[comm_id] = comm;\n","          if (msg_handler) {\n","            var messages = comm.messages[Symbol.asyncIterator]();\n","            function processIteratorResult(result) {\n","              var message = result.value;\n","              var content = {data: message.data};\n","              var metadata = message.metadata || {comm_id};\n","              var msg = {content, metadata}\n","              msg_handler(msg);\n","              return messages.next().then(processIteratorResult);\n","            }\n","            return messages.next().then(processIteratorResult);\n","          }\n","        }) \n","        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n","          return comm_promise.then((comm) => {\n","            comm.send(data, metadata, buffers, disposeOnDone);\n","          });\n","        };\n","        var comm = {\n","          send: sendClosure\n","        };\n","      }\n","      window.PyViz.comms[comm_id] = comm;\n","      return comm;\n","    }\n","    window.PyViz.comm_manager = new JupyterCommManager();\n","    \n","\n","\n","var JS_MIME_TYPE = 'application/javascript';\n","var HTML_MIME_TYPE = 'text/html';\n","var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n","var CLASS_NAME = 'output';\n","\n","/**\n"," * Render data to the DOM node\n"," */\n","function render(props, node) {\n","  var div = document.createElement(\"div\");\n","  var script = document.createElement(\"script\");\n","  node.appendChild(div);\n","  node.appendChild(script);\n","}\n","\n","/**\n"," * Handle when a new output is added\n"," */\n","function handle_add_output(event, handle) {\n","  var output_area = handle.output_area;\n","  var output = handle.output;\n","  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n","    return\n","  }\n","  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n","  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n","  if (id !== undefined) {\n","    var nchildren = toinsert.length;\n","    var html_node = toinsert[nchildren-1].children[0];\n","    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n","    var scripts = [];\n","    var nodelist = html_node.querySelectorAll(\"script\");\n","    for (var i in nodelist) {\n","      if (nodelist.hasOwnProperty(i)) {\n","        scripts.push(nodelist[i])\n","      }\n","    }\n","\n","    scripts.forEach( function (oldScript) {\n","      var newScript = document.createElement(\"script\");\n","      var attrs = [];\n","      var nodemap = oldScript.attributes;\n","      for (var j in nodemap) {\n","        if (nodemap.hasOwnProperty(j)) {\n","          attrs.push(nodemap[j])\n","        }\n","      }\n","      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n","      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n","      oldScript.parentNode.replaceChild(newScript, oldScript);\n","    });\n","    if (JS_MIME_TYPE in output.data) {\n","      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n","    }\n","    output_area._hv_plot_id = id;\n","    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n","      window.PyViz.plot_index[id] = Bokeh.index[id];\n","    } else {\n","      window.PyViz.plot_index[id] = null;\n","    }\n","  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n","    var bk_div = document.createElement(\"div\");\n","    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n","    var script_attrs = bk_div.children[0].attributes;\n","    for (var i = 0; i < script_attrs.length; i++) {\n","      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n","    }\n","    // store reference to server id on output_area\n","    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n","  }\n","}\n","\n","/**\n"," * Handle when an output is cleared or removed\n"," */\n","function handle_clear_output(event, handle) {\n","  var id = handle.cell.output_area._hv_plot_id;\n","  var server_id = handle.cell.output_area._bokeh_server_id;\n","  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n","  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n","  if (server_id !== null) {\n","    comm.send({event_type: 'server_delete', 'id': server_id});\n","    return;\n","  } else if (comm !== null) {\n","    comm.send({event_type: 'delete', 'id': id});\n","  }\n","  delete PyViz.plot_index[id];\n","  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n","    var doc = window.Bokeh.index[id].model.document\n","    doc.clear();\n","    const i = window.Bokeh.documents.indexOf(doc);\n","    if (i > -1) {\n","      window.Bokeh.documents.splice(i, 1);\n","    }\n","  }\n","}\n","\n","/**\n"," * Handle kernel restart event\n"," */\n","function handle_kernel_cleanup(event, handle) {\n","  delete PyViz.comms[\"hv-extension-comm\"];\n","  window.PyViz.plot_index = {}\n","}\n","\n","/**\n"," * Handle update_display_data messages\n"," */\n","function handle_update_output(event, handle) {\n","  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n","  handle_add_output(event, handle)\n","}\n","\n","function register_renderer(events, OutputArea) {\n","  function append_mime(data, metadata, element) {\n","    // create a DOM node to render to\n","    var toinsert = this.create_output_subarea(\n","    metadata,\n","    CLASS_NAME,\n","    EXEC_MIME_TYPE\n","    );\n","    this.keyboard_manager.register_events(toinsert);\n","    // Render to node\n","    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n","    render(props, toinsert[0]);\n","    element.append(toinsert);\n","    return toinsert\n","  }\n","\n","  events.on('output_added.OutputArea', handle_add_output);\n","  events.on('output_updated.OutputArea', handle_update_output);\n","  events.on('clear_output.CodeCell', handle_clear_output);\n","  events.on('delete.Cell', handle_clear_output);\n","  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n","\n","  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n","    safe: true,\n","    index: 0\n","  });\n","}\n","\n","if (window.Jupyter !== undefined) {\n","  try {\n","    var events = require('base/js/events');\n","    var OutputArea = require('notebook/js/outputarea').OutputArea;\n","    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n","      register_renderer(events, OutputArea);\n","    }\n","  } catch(err) {\n","  }\n","}\n"]},"metadata":{}},{"output_type":"display_data","data":{"text/html":["<style>.bk-root, .bk-root .bk:before, .bk-root .bk:after {\n","  font-family: var(--jp-ui-font-size1);\n","  font-size: var(--jp-ui-font-size1);\n","  color: var(--jp-ui-font-color1);\n","}\n","</style>"]},"metadata":{}},{"output_type":"display_data","data":{},"metadata":{}},{"output_type":"execute_result","data":{"text/html":["<div id='1045'>\n","  <div class=\"bk-root\" id=\"a2ed5e9c-76ca-4084-94b8-50f53427625c\" data-root-id=\"1045\"></div>\n","</div>\n","<script type=\"application/javascript\">(function(root) {\n","  function embed_document(root) {\n","    var docs_json = {\"fae977af-2bec-4533-8a13-2d7690397350\":{\"defs\":[{\"extends\":null,\"module\":null,\"name\":\"ReactiveHTML1\",\"overrides\":[],\"properties\":[]},{\"extends\":null,\"module\":null,\"name\":\"FlexBox1\",\"overrides\":[],\"properties\":[{\"default\":\"flex-start\",\"kind\":null,\"name\":\"align_content\"},{\"default\":\"flex-start\",\"kind\":null,\"name\":\"align_items\"},{\"default\":\"row\",\"kind\":null,\"name\":\"flex_direction\"},{\"default\":\"wrap\",\"kind\":null,\"name\":\"flex_wrap\"},{\"default\":\"flex-start\",\"kind\":null,\"name\":\"justify_content\"}]},{\"extends\":null,\"module\":null,\"name\":\"GridStack1\",\"overrides\":[],\"properties\":[{\"default\":\"warn\",\"kind\":null,\"name\":\"mode\"},{\"default\":null,\"kind\":null,\"name\":\"ncols\"},{\"default\":null,\"kind\":null,\"name\":\"nrows\"},{\"default\":true,\"kind\":null,\"name\":\"allow_resize\"},{\"default\":true,\"kind\":null,\"name\":\"allow_drag\"},{\"default\":[],\"kind\":null,\"name\":\"state\"}]},{\"extends\":null,\"module\":null,\"name\":\"click1\",\"overrides\":[],\"properties\":[{\"default\":\"\",\"kind\":null,\"name\":\"terminal_output\"},{\"default\":\"\",\"kind\":null,\"name\":\"debug_name\"},{\"default\":0,\"kind\":null,\"name\":\"clears\"}]},{\"extends\":null,\"module\":null,\"name\":\"NotificationAreaBase1\",\"overrides\":[],\"properties\":[{\"default\":\"bottom-right\",\"kind\":null,\"name\":\"position\"},{\"default\":0,\"kind\":null,\"name\":\"_clear\"}]},{\"extends\":null,\"module\":null,\"name\":\"NotificationArea1\",\"overrides\":[],\"properties\":[{\"default\":[],\"kind\":null,\"name\":\"notifications\"},{\"default\":\"bottom-right\",\"kind\":null,\"name\":\"position\"},{\"default\":0,\"kind\":null,\"name\":\"_clear\"},{\"default\":[{\"background\":\"#ffc107\",\"icon\":{\"className\":\"fas fa-exclamation-triangle\",\"color\":\"white\",\"tagName\":\"i\"},\"type\":\"warning\"},{\"background\":\"#007bff\",\"icon\":{\"className\":\"fas fa-info-circle\",\"color\":\"white\",\"tagName\":\"i\"},\"type\":\"info\"}],\"kind\":null,\"name\":\"types\"}]},{\"extends\":null,\"module\":null,\"name\":\"Notification\",\"overrides\":[],\"properties\":[{\"default\":null,\"kind\":null,\"name\":\"background\"},{\"default\":3000,\"kind\":null,\"name\":\"duration\"},{\"default\":null,\"kind\":null,\"name\":\"icon\"},{\"default\":\"\",\"kind\":null,\"name\":\"message\"},{\"default\":null,\"kind\":null,\"name\":\"notification_type\"},{\"default\":false,\"kind\":null,\"name\":\"_destroyed\"}]},{\"extends\":null,\"module\":null,\"name\":\"TemplateActions1\",\"overrides\":[],\"properties\":[{\"default\":0,\"kind\":null,\"name\":\"open_modal\"},{\"default\":0,\"kind\":null,\"name\":\"close_modal\"}]},{\"extends\":null,\"module\":null,\"name\":\"MaterialTemplateActions1\",\"overrides\":[],\"properties\":[{\"default\":0,\"kind\":null,\"name\":\"open_modal\"},{\"default\":0,\"kind\":null,\"name\":\"close_modal\"}]}],\"roots\":{\"references\":[{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[5,5,5,5],\"name\":\"Markdown00170\",\"sizing_mode\":\"stretch_width\",\"text\":\"&lt;p&gt;Chain type:&lt;/p&gt;\"},\"id\":\"1052\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"active\":0,\"labels\":[\"stuff\",\"map_reduce\",\"refine\",\"map_rerank\"],\"margin\":[5,10,5,10],\"sizing_mode\":\"stretch_width\"},\"id\":\"1054\",\"type\":\"RadioButtonGroup\"},{\"attributes\":{\"active_header_background\":\"\",\"button_css_classes\":[\"card-button\"],\"children\":[{\"id\":\"1050\"},{\"id\":\"1052\"},{\"id\":\"1053\"}],\"collapsed\":false,\"css_classes\":[\"card\"],\"header_background\":\"\",\"header_color\":\"\",\"header_css_classes\":[\"card-header\"],\"margin\":[10,10,10,10],\"name\":\"Card00172\",\"sizing_mode\":\"stretch_width\"},\"id\":\"1049\",\"type\":\"panel.models.layout.Card\"},{\"attributes\":{\"icon\":null,\"label\":\"Run!\",\"margin\":[5,10,5,10],\"sizing_mode\":\"stretch_width\",\"subscribed_events\":[\"button_click\"]},\"id\":\"1048\",\"type\":\"Button\"},{\"attributes\":{\"end\":5,\"margin\":[5,10,5,10],\"sizing_mode\":\"stretch_width\",\"start\":1,\"title\":\"Number of relevant chunks\",\"value\":2},\"id\":\"1055\",\"type\":\"Slider\"},{\"attributes\":{\"children\":[{\"id\":\"1051\"}],\"css_classes\":[\"card-header-row\"],\"margin\":[0,0,0,0],\"name\":\"Row00169\",\"sizing_mode\":\"stretch_width\"},\"id\":\"1050\",\"type\":\"Row\"},{\"attributes\":{\"height\":160,\"margin\":[5,10,5,10],\"name\":\"\",\"placeholder\":\"Enter your questions here...\",\"sizing_mode\":\"stretch_width\",\"toolbar\":false},\"id\":\"1047\",\"type\":\"panel.models.quill.QuillInput\"},{\"attributes\":{\"children\":[{\"id\":\"1054\"},{\"id\":\"1055\"}],\"margin\":[0,0,0,0],\"name\":\"Column00168\",\"sizing_mode\":\"stretch_width\"},\"id\":\"1053\",\"type\":\"Column\"},{\"attributes\":{\"client_comm_id\":\"f17e90ab969240068305b91ff82a3698\",\"comm_id\":\"1c4114cab850468495dcae1e8a6cbb29\",\"plot_id\":\"1045\"},\"id\":\"1056\",\"type\":\"panel.models.comm_manager.CommManager\"},{\"attributes\":{\"children\":[{\"id\":\"1046\"},{\"id\":\"1049\"}],\"margin\":[0,0,0,0],\"min_width\":600,\"name\":\"Row00175\",\"width\":600},\"id\":\"1045\",\"type\":\"Row\"},{\"attributes\":{\"css_classes\":[\"card-title\"],\"margin\":[5,0,5,0],\"name\":\"HTML00173\",\"sizing_mode\":\"stretch_width\",\"text\":\"Advanced settings\"},\"id\":\"1051\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"children\":[{\"id\":\"1047\"},{\"id\":\"1048\"}],\"margin\":[5,5,5,5],\"name\":\"Column00167\",\"sizing_mode\":\"stretch_width\"},\"id\":\"1046\",\"type\":\"Column\"}],\"root_ids\":[\"1045\",\"1056\"]},\"title\":\"Bokeh Application\",\"version\":\"2.4.3\"}};\n","    var render_items = [{\"docid\":\"fae977af-2bec-4533-8a13-2d7690397350\",\"root_ids\":[\"1045\"],\"roots\":{\"1045\":\"a2ed5e9c-76ca-4084-94b8-50f53427625c\"}}];\n","    root.Bokeh.embed.embed_items_notebook(docs_json, render_items);\n","    for (const render_item of render_items) {\n","      for (const root_id of render_item.root_ids) {\n","\tconst id_el = document.getElementById(root_id)\n","\tif (id_el.children.length && (id_el.children[0].className === 'bk-root')) {\n","\t  const root_el = id_el.children[0]\n","\t  root_el.id = root_el.id + '-rendered'\n","\t}\n","      }\n","    }\n","  }\n","  if (root.Bokeh !== undefined && root.Bokeh.Panel !== undefined) {\n","    embed_document(root);\n","  } else {\n","    var attempts = 0;\n","    var timer = setInterval(function(root) {\n","      if (root.Bokeh !== undefined && root.Bokeh.Panel !== undefined) {\n","        clearInterval(timer);\n","        embed_document(root);\n","      } else if (document.readyState == \"complete\") {\n","        attempts++;\n","        if (attempts > 200) {\n","          clearInterval(timer);\n","          console.log(\"Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing\");\n","        }\n","      }\n","    }, 25, root)\n","  }\n","})(window);</script>"],"application/vnd.holoviews_exec.v0+json":"","text/plain":["Row(width=600)\n","    [0] Column(margin=5, sizing_mode='stretch_width')\n","        [0] TextEditor(height=160, placeholder='Enter your questions h..., sizing_mode='stretch_width', toolbar=False)\n","        [1] Button(name='Run!', sizing_mode='stretch_width')\n","    [1] Card(margin=10, sizing_mode='stretch_width', title='Advanced settings')\n","        [0] Markdown(str, sizing_mode='stretch_width')\n","        [1] Column(sizing_mode='stretch_width')\n","            [0] RadioButtonGroup(name='Chain type', options=['stuff', 'map_reduce', ...], sizing_mode='stretch_width', value='stuff')\n","            [1] IntSlider(end=5, name='Number of relevant c..., sizing_mode='stretch_width', start=1, value=2)"]},"metadata":{"application/vnd.holoviews_exec.v0+json":{"id":"1045"}},"execution_count":20}]},{"cell_type":"code","source":["def qa(file, query, chain_type, k):\n","    # load document\n","    loader = PyPDFLoader(file)\n","    documents = loader.load()\n","    # split the documents into chunks\n","    text_splitter = CharacterTextSplitter(chunk_size=1000, chunk_overlap=0)\n","    texts = text_splitter.split_documents(documents)\n","    # select which embeddings we want to use\n","    embeddings = OpenAIEmbeddings()\n","    # create the vectorestore to use as the index\n","    db = Chroma.from_documents(texts, embeddings)\n","    # expose this index in a retriever interface\n","    retriever = db.as_retriever(search_type=\"similarity\", search_kwargs={\"k\": k})\n","    # create a chain to answer questions\n","    qa = RetrievalQA.from_chain_type(\n","        llm=OpenAI(), chain_type=chain_type, retriever=retriever, return_source_documents=True)\n","    result = qa({\"query\": query})\n","    print(result['result'])\n","    return result"],"metadata":{"id":"3uAWGAk7CUy9"},"execution_count":null,"outputs":[]},{"cell_type":"code","source":["os.environ[\"OPEN_AI_KEY\"] = \"\""],"metadata":{"id":"E2vHkuhpDUxe"},"execution_count":null,"outputs":[]},{"cell_type":"code","source":["convos = []  # store all panel objects in a list\n","\n","def qa_result(_):\n","    os.environ[\"OPENAI_API_KEY\"] = openaikey.value\n","\n","    # save pdf file to a temp file\n","    if file_input.value is not None:\n","        file_input.save(\"/.cache/temp.pdf\")\n","\n","        prompt_text = prompt.value\n","        if prompt_text:\n","            result = qa(file=\"/.cache/temp.pdf\", query=prompt_text, chain_type=select_chain_type.value, k=select_k.value)\n","            convos.extend([\n","                pn.Row(\n","                    pn.panel(\"\\U0001F60A\", width=10),\n","                    prompt_text,\n","                    width=600\n","                ),\n","                pn.Row(\n","                    pn.panel(\"\\U0001F916\", width=10),\n","                    pn.Column(\n","                        result[\"result\"],\n","                        \"Relevant source text:\",\n","                        pn.pane.Markdown('\\n--------------------------------------------------------------------\\n'.join(doc.page_content for doc in result[\"source_documents\"]))\n","                    )\n","                )\n","            ])\n","            #return convos\n","    return pn.Column(*convos, margin=15, width=575, min_height=400)"],"metadata":{"id":"i-GRol4TCXKG"},"execution_count":null,"outputs":[]},{"cell_type":"code","source":["qa_interactive = pn.panel(\n","    pn.bind(qa_result, run_button),\n","    loading_indicator=True,\n",")"],"metadata":{"id":"klO4yHLnCZv_"},"execution_count":null,"outputs":[]},{"cell_type":"code","source":["output = pn.WidgetBox('*Output will show up here:*', qa_interactive, width=630, scroll=True)"],"metadata":{"id":"4zqCm0pOCdl8"},"execution_count":null,"outputs":[]},{"cell_type":"code","source":["# layout\n","pn.Column(\n","    pn.pane.Markdown(\"\"\"\n","    ## \\U0001F60A! Question Answering with your PDF file\n","\n","    1) Upload a PDF. 2) Enter OpenAI API key. This costs $. Set up billing at [OpenAI](https://platform.openai.com/account). 3) Type a question and click \"Run\".\n","\n","    \"\"\"),\n","    pn.Row(file_input,openaikey),\n","    output,\n","    widgets\n","\n",").servable()"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":862},"id":"TPZluoKMCfY5","executionInfo":{"status":"ok","timestamp":1688393807266,"user_tz":-420,"elapsed":25,"user":{"displayName":"Reynaldo Khrisna Putra","userId":"00242135695307111727"}},"outputId":"77d24ae3-9237-4769-af80-6f272be3fa4e"},"execution_count":null,"outputs":[{"output_type":"display_data","data":{"application/javascript":["(function(root) {\n","  function now() {\n","    return new Date();\n","  }\n","\n","  var force = true;\n","\n","  if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n","    root._bokeh_onload_callbacks = [];\n","    root._bokeh_is_loading = undefined;\n","  }\n","\n","  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n","    root._bokeh_timeout = Date.now() + 5000;\n","    root._bokeh_failed_load = false;\n","  }\n","\n","  function run_callbacks() {\n","    try {\n","      root._bokeh_onload_callbacks.forEach(function(callback) {\n","        if (callback != null)\n","          callback();\n","      });\n","    } finally {\n","      delete root._bokeh_onload_callbacks\n","    }\n","    console.debug(\"Bokeh: all callbacks have finished\");\n","  }\n","\n","  function load_libs(css_urls, js_urls, js_modules, callback) {\n","    if (css_urls == null) css_urls = [];\n","    if (js_urls == null) js_urls = [];\n","    if (js_modules == null) js_modules = [];\n","\n","    root._bokeh_onload_callbacks.push(callback);\n","    if (root._bokeh_is_loading > 0) {\n","      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n","      return null;\n","    }\n","    if (js_urls.length === 0 && js_modules.length === 0) {\n","      run_callbacks();\n","      return null;\n","    }\n","    console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n","\n","    function on_load() {\n","      root._bokeh_is_loading--;\n","      if (root._bokeh_is_loading === 0) {\n","        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n","        run_callbacks()\n","      }\n","    }\n","\n","    function on_error() {\n","      console.error(\"failed to load \" + url);\n","    }\n","\n","    for (var i = 0; i < css_urls.length; i++) {\n","      var url = css_urls[i];\n","      const element = document.createElement(\"link\");\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.rel = \"stylesheet\";\n","      element.type = \"text/css\";\n","      element.href = url;\n","      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n","      document.body.appendChild(element);\n","    }\n","\n","    var skip = [];\n","    if (window.requirejs) {\n","      window.requirejs.config({'packages': {}, 'paths': {'Quill': 'https://cdn.quilljs.com/1.3.6/quill', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n","      require([\"Quill\"], function(Quill) {\n","\twindow.Quill = Quill\n","\ton_load()\n","      })\n","      require([\"gridstack\"], function(GridStack) {\n","\twindow.GridStack = GridStack\n","\ton_load()\n","      })\n","      require([\"notyf\"], function() {\n","\ton_load()\n","      })\n","      root._bokeh_is_loading = css_urls.length + 3;\n","    } else {\n","      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n","    }    if (((window['Quill'] !== undefined) && (!(window['Quill'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n","      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n","      for (var i = 0; i < urls.length; i++) {\n","        skip.push(urls[i])\n","      }\n","    }    for (var i = 0; i < js_urls.length; i++) {\n","      var url = js_urls[i];\n","      if (skip.indexOf(url) >= 0) {\n","\tif (!window.requirejs) {\n","\t  on_load();\n","\t}\n","\tcontinue;\n","      }\n","      var element = document.createElement('script');\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.async = false;\n","      element.src = url;\n","      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n","      document.head.appendChild(element);\n","    }\n","    for (var i = 0; i < js_modules.length; i++) {\n","      var url = js_modules[i];\n","      if (skip.indexOf(url) >= 0) {\n","\tif (!window.requirejs) {\n","\t  on_load();\n","\t}\n","\tcontinue;\n","      }\n","      var element = document.createElement('script');\n","      element.onload = on_load;\n","      element.onerror = on_error;\n","      element.async = false;\n","      element.src = url;\n","      element.type = \"module\";\n","      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n","      document.head.appendChild(element);\n","    }\n","    if (!js_urls.length && !js_modules.length) {\n","      on_load()\n","    }\n","  };\n","\n","  function inject_raw_css(css) {\n","    const element = document.createElement(\"style\");\n","    element.appendChild(document.createTextNode(css));\n","    document.body.appendChild(element);\n","  }\n","\n","  var js_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n","  var js_modules = [];\n","  var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.bubble.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.snow.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\"];\n","  var inline_js = [    function(Bokeh) {\n","      inject_raw_css(\"\\n    .bk.pn-loading.arc:before {\\n      background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n      background-size: auto calc(min(50%, 400px));\\n    }\\n    \");\n","    },    function(Bokeh) {\n","      Bokeh.set_log_level(\"info\");\n","    },\n","function(Bokeh) {} // ensure no trailing comma for IE\n","  ];\n","\n","  function run_inline_js() {\n","    if ((root.Bokeh !== undefined) || (force === true)) {\n","      for (var i = 0; i < inline_js.length; i++) {\n","        inline_js[i].call(root, root.Bokeh);\n","      }} else if (Date.now() < root._bokeh_timeout) {\n","      setTimeout(run_inline_js, 100);\n","    } else if (!root._bokeh_failed_load) {\n","      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n","      root._bokeh_failed_load = true;\n","    }\n","  }\n","\n","  if (root._bokeh_is_loading === 0) {\n","    console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n","    run_inline_js();\n","  } else {\n","    load_libs(css_urls, js_urls, js_modules, function() {\n","      console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n","      run_inline_js();\n","    });\n","  }\n","}(window));"],"application/vnd.holoviews_load.v0+json":"(function(root) {\n  function now() {\n    return new Date();\n  }\n\n  var force = true;\n\n  if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n    root._bokeh_onload_callbacks = [];\n    root._bokeh_is_loading = undefined;\n  }\n\n  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n    root._bokeh_timeout = Date.now() + 5000;\n    root._bokeh_failed_load = false;\n  }\n\n  function run_callbacks() {\n    try {\n      root._bokeh_onload_callbacks.forEach(function(callback) {\n        if (callback != null)\n          callback();\n      });\n    } finally {\n      delete root._bokeh_onload_callbacks\n    }\n    console.debug(\"Bokeh: all callbacks have finished\");\n  }\n\n  function load_libs(css_urls, js_urls, js_modules, callback) {\n    if (css_urls == null) css_urls = [];\n    if (js_urls == null) js_urls = [];\n    if (js_modules == null) js_modules = [];\n\n    root._bokeh_onload_callbacks.push(callback);\n    if (root._bokeh_is_loading > 0) {\n      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n      return null;\n    }\n    if (js_urls.length === 0 && js_modules.length === 0) {\n      run_callbacks();\n      return null;\n    }\n    console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n\n    function on_load() {\n      root._bokeh_is_loading--;\n      if (root._bokeh_is_loading === 0) {\n        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n        run_callbacks()\n      }\n    }\n\n    function on_error() {\n      console.error(\"failed to load \" + url);\n    }\n\n    for (var i = 0; i < css_urls.length; i++) {\n      var url = css_urls[i];\n      const element = document.createElement(\"link\");\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.rel = \"stylesheet\";\n      element.type = \"text/css\";\n      element.href = url;\n      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n      document.body.appendChild(element);\n    }\n\n    var skip = [];\n    if (window.requirejs) {\n      window.requirejs.config({'packages': {}, 'paths': {'Quill': 'https://cdn.quilljs.com/1.3.6/quill', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n      require([\"Quill\"], function(Quill) {\n\twindow.Quill = Quill\n\ton_load()\n      })\n      require([\"gridstack\"], function(GridStack) {\n\twindow.GridStack = GridStack\n\ton_load()\n      })\n      require([\"notyf\"], function() {\n\ton_load()\n      })\n      root._bokeh_is_loading = css_urls.length + 3;\n    } else {\n      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n    }    if (((window['Quill'] !== undefined) && (!(window['Quill'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    for (var i = 0; i < js_urls.length; i++) {\n      var url = js_urls[i];\n      if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    for (var i = 0; i < js_modules.length; i++) {\n      var url = js_modules[i];\n      if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      element.type = \"module\";\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    if (!js_urls.length && !js_modules.length) {\n      on_load()\n    }\n  };\n\n  function inject_raw_css(css) {\n    const element = document.createElement(\"style\");\n    element.appendChild(document.createTextNode(css));\n    document.body.appendChild(element);\n  }\n\n  var js_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n  var js_modules = [];\n  var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.bubble.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/bundled/quillinput/1.3.6/quill.snow.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\"];\n  var inline_js = [    function(Bokeh) {\n      inject_raw_css(\"\\n    .bk.pn-loading.arc:before {\\n      background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n      background-size: auto calc(min(50%, 400px));\\n    }\\n    \");\n    },    function(Bokeh) {\n      Bokeh.set_log_level(\"info\");\n    },\nfunction(Bokeh) {} // ensure no trailing comma for IE\n  ];\n\n  function run_inline_js() {\n    if ((root.Bokeh !== undefined) || (force === true)) {\n      for (var i = 0; i < inline_js.length; i++) {\n        inline_js[i].call(root, root.Bokeh);\n      }} else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(run_inline_js, 100);\n    } else if (!root._bokeh_failed_load) {\n      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n      root._bokeh_failed_load = true;\n    }\n  }\n\n  if (root._bokeh_is_loading === 0) {\n    console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n    run_inline_js();\n  } else {\n    load_libs(css_urls, js_urls, js_modules, function() {\n      console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n      run_inline_js();\n    });\n  }\n}(window));"},"metadata":{}},{"output_type":"display_data","data":{"application/vnd.holoviews_load.v0+json":"\nif ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n}\n\n\n    function JupyterCommManager() {\n    }\n\n    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        comm_manager.register_target(comm_id, function(comm) {\n          comm.on_msg(msg_handler);\n        });\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n          comm.onMsg = msg_handler;\n        });\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n          var messages = comm.messages[Symbol.asyncIterator]();\n          function processIteratorResult(result) {\n            var message = result.value;\n            console.log(message)\n            var content = {data: message.data, comm_id};\n            var buffers = []\n            for (var buffer of message.buffers || []) {\n              buffers.push(new DataView(buffer))\n            }\n            var metadata = message.metadata || {};\n            var msg = {content, buffers, metadata}\n            msg_handler(msg);\n            return messages.next().then(processIteratorResult);\n          }\n          return messages.next().then(processIteratorResult);\n        })\n      }\n    }\n\n    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n      if (comm_id in window.PyViz.comms) {\n        return window.PyViz.comms[comm_id];\n      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n        if (msg_handler) {\n          comm.on_msg(msg_handler);\n        }\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n        comm.open();\n        if (msg_handler) {\n          comm.onMsg = msg_handler;\n        }\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        var comm_promise = google.colab.kernel.comms.open(comm_id)\n        comm_promise.then((comm) => {\n          window.PyViz.comms[comm_id] = comm;\n          if (msg_handler) {\n            var messages = comm.messages[Symbol.asyncIterator]();\n            function processIteratorResult(result) {\n              var message = result.value;\n              var content = {data: message.data};\n              var metadata = message.metadata || {comm_id};\n              var msg = {content, metadata}\n              msg_handler(msg);\n              return messages.next().then(processIteratorResult);\n            }\n            return messages.next().then(processIteratorResult);\n          }\n        }) \n        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n          return comm_promise.then((comm) => {\n            comm.send(data, metadata, buffers, disposeOnDone);\n          });\n        };\n        var comm = {\n          send: sendClosure\n        };\n      }\n      window.PyViz.comms[comm_id] = comm;\n      return comm;\n    }\n    window.PyViz.comm_manager = new JupyterCommManager();\n    \n\n\nvar JS_MIME_TYPE = 'application/javascript';\nvar HTML_MIME_TYPE = 'text/html';\nvar EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\nvar CLASS_NAME = 'output';\n\n/**\n * Render data to the DOM node\n */\nfunction render(props, node) {\n  var div = document.createElement(\"div\");\n  var script = document.createElement(\"script\");\n  node.appendChild(div);\n  node.appendChild(script);\n}\n\n/**\n * Handle when a new output is added\n */\nfunction handle_add_output(event, handle) {\n  var output_area = handle.output_area;\n  var output = handle.output;\n  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n    return\n  }\n  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n  if (id !== undefined) {\n    var nchildren = toinsert.length;\n    var html_node = toinsert[nchildren-1].children[0];\n    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n    var scripts = [];\n    var nodelist = html_node.querySelectorAll(\"script\");\n    for (var i in nodelist) {\n      if (nodelist.hasOwnProperty(i)) {\n        scripts.push(nodelist[i])\n      }\n    }\n\n    scripts.forEach( function (oldScript) {\n      var newScript = document.createElement(\"script\");\n      var attrs = [];\n      var nodemap = oldScript.attributes;\n      for (var j in nodemap) {\n        if (nodemap.hasOwnProperty(j)) {\n          attrs.push(nodemap[j])\n        }\n      }\n      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n      oldScript.parentNode.replaceChild(newScript, oldScript);\n    });\n    if (JS_MIME_TYPE in output.data) {\n      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n    }\n    output_area._hv_plot_id = id;\n    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n      window.PyViz.plot_index[id] = Bokeh.index[id];\n    } else {\n      window.PyViz.plot_index[id] = null;\n    }\n  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n    var bk_div = document.createElement(\"div\");\n    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n    var script_attrs = bk_div.children[0].attributes;\n    for (var i = 0; i < script_attrs.length; i++) {\n      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n    }\n    // store reference to server id on output_area\n    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n  }\n}\n\n/**\n * Handle when an output is cleared or removed\n */\nfunction handle_clear_output(event, handle) {\n  var id = handle.cell.output_area._hv_plot_id;\n  var server_id = handle.cell.output_area._bokeh_server_id;\n  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n  if (server_id !== null) {\n    comm.send({event_type: 'server_delete', 'id': server_id});\n    return;\n  } else if (comm !== null) {\n    comm.send({event_type: 'delete', 'id': id});\n  }\n  delete PyViz.plot_index[id];\n  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n    var doc = window.Bokeh.index[id].model.document\n    doc.clear();\n    const i = window.Bokeh.documents.indexOf(doc);\n    if (i > -1) {\n      window.Bokeh.documents.splice(i, 1);\n    }\n  }\n}\n\n/**\n * Handle kernel restart event\n */\nfunction handle_kernel_cleanup(event, handle) {\n  delete PyViz.comms[\"hv-extension-comm\"];\n  window.PyViz.plot_index = {}\n}\n\n/**\n * Handle update_display_data messages\n */\nfunction handle_update_output(event, handle) {\n  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n  handle_add_output(event, handle)\n}\n\nfunction register_renderer(events, OutputArea) {\n  function append_mime(data, metadata, element) {\n    // create a DOM node to render to\n    var toinsert = this.create_output_subarea(\n    metadata,\n    CLASS_NAME,\n    EXEC_MIME_TYPE\n    );\n    this.keyboard_manager.register_events(toinsert);\n    // Render to node\n    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n    render(props, toinsert[0]);\n    element.append(toinsert);\n    return toinsert\n  }\n\n  events.on('output_added.OutputArea', handle_add_output);\n  events.on('output_updated.OutputArea', handle_update_output);\n  events.on('clear_output.CodeCell', handle_clear_output);\n  events.on('delete.Cell', handle_clear_output);\n  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n\n  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n    safe: true,\n    index: 0\n  });\n}\n\nif (window.Jupyter !== undefined) {\n  try {\n    var events = require('base/js/events');\n    var OutputArea = require('notebook/js/outputarea').OutputArea;\n    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n      register_renderer(events, OutputArea);\n    }\n  } catch(err) {\n  }\n}\n","application/javascript":["\n","if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n","  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n","}\n","\n","\n","    function JupyterCommManager() {\n","    }\n","\n","    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n","      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n","        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n","        comm_manager.register_target(comm_id, function(comm) {\n","          comm.on_msg(msg_handler);\n","        });\n","      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n","        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n","          comm.onMsg = msg_handler;\n","        });\n","      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n","        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n","          var messages = comm.messages[Symbol.asyncIterator]();\n","          function processIteratorResult(result) {\n","            var message = result.value;\n","            console.log(message)\n","            var content = {data: message.data, comm_id};\n","            var buffers = []\n","            for (var buffer of message.buffers || []) {\n","              buffers.push(new DataView(buffer))\n","            }\n","            var metadata = message.metadata || {};\n","            var msg = {content, buffers, metadata}\n","            msg_handler(msg);\n","            return messages.next().then(processIteratorResult);\n","          }\n","          return messages.next().then(processIteratorResult);\n","        })\n","      }\n","    }\n","\n","    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n","      if (comm_id in window.PyViz.comms) {\n","        return window.PyViz.comms[comm_id];\n","      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n","        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n","        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n","        if (msg_handler) {\n","          comm.on_msg(msg_handler);\n","        }\n","      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n","        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n","        comm.open();\n","        if (msg_handler) {\n","          comm.onMsg = msg_handler;\n","        }\n","      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n","        var comm_promise = google.colab.kernel.comms.open(comm_id)\n","        comm_promise.then((comm) => {\n","          window.PyViz.comms[comm_id] = comm;\n","          if (msg_handler) {\n","            var messages = comm.messages[Symbol.asyncIterator]();\n","            function processIteratorResult(result) {\n","              var message = result.value;\n","              var content = {data: message.data};\n","              var metadata = message.metadata || {comm_id};\n","              var msg = {content, metadata}\n","              msg_handler(msg);\n","              return messages.next().then(processIteratorResult);\n","            }\n","            return messages.next().then(processIteratorResult);\n","          }\n","        }) \n","        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n","          return comm_promise.then((comm) => {\n","            comm.send(data, metadata, buffers, disposeOnDone);\n","          });\n","        };\n","        var comm = {\n","          send: sendClosure\n","        };\n","      }\n","      window.PyViz.comms[comm_id] = comm;\n","      return comm;\n","    }\n","    window.PyViz.comm_manager = new JupyterCommManager();\n","    \n","\n","\n","var JS_MIME_TYPE = 'application/javascript';\n","var HTML_MIME_TYPE = 'text/html';\n","var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n","var CLASS_NAME = 'output';\n","\n","/**\n"," * Render data to the DOM node\n"," */\n","function render(props, node) {\n","  var div = document.createElement(\"div\");\n","  var script = document.createElement(\"script\");\n","  node.appendChild(div);\n","  node.appendChild(script);\n","}\n","\n","/**\n"," * Handle when a new output is added\n"," */\n","function handle_add_output(event, handle) {\n","  var output_area = handle.output_area;\n","  var output = handle.output;\n","  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n","    return\n","  }\n","  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n","  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n","  if (id !== undefined) {\n","    var nchildren = toinsert.length;\n","    var html_node = toinsert[nchildren-1].children[0];\n","    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n","    var scripts = [];\n","    var nodelist = html_node.querySelectorAll(\"script\");\n","    for (var i in nodelist) {\n","      if (nodelist.hasOwnProperty(i)) {\n","        scripts.push(nodelist[i])\n","      }\n","    }\n","\n","    scripts.forEach( function (oldScript) {\n","      var newScript = document.createElement(\"script\");\n","      var attrs = [];\n","      var nodemap = oldScript.attributes;\n","      for (var j in nodemap) {\n","        if (nodemap.hasOwnProperty(j)) {\n","          attrs.push(nodemap[j])\n","        }\n","      }\n","      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n","      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n","      oldScript.parentNode.replaceChild(newScript, oldScript);\n","    });\n","    if (JS_MIME_TYPE in output.data) {\n","      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n","    }\n","    output_area._hv_plot_id = id;\n","    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n","      window.PyViz.plot_index[id] = Bokeh.index[id];\n","    } else {\n","      window.PyViz.plot_index[id] = null;\n","    }\n","  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n","    var bk_div = document.createElement(\"div\");\n","    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n","    var script_attrs = bk_div.children[0].attributes;\n","    for (var i = 0; i < script_attrs.length; i++) {\n","      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n","    }\n","    // store reference to server id on output_area\n","    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n","  }\n","}\n","\n","/**\n"," * Handle when an output is cleared or removed\n"," */\n","function handle_clear_output(event, handle) {\n","  var id = handle.cell.output_area._hv_plot_id;\n","  var server_id = handle.cell.output_area._bokeh_server_id;\n","  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n","  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n","  if (server_id !== null) {\n","    comm.send({event_type: 'server_delete', 'id': server_id});\n","    return;\n","  } else if (comm !== null) {\n","    comm.send({event_type: 'delete', 'id': id});\n","  }\n","  delete PyViz.plot_index[id];\n","  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n","    var doc = window.Bokeh.index[id].model.document\n","    doc.clear();\n","    const i = window.Bokeh.documents.indexOf(doc);\n","    if (i > -1) {\n","      window.Bokeh.documents.splice(i, 1);\n","    }\n","  }\n","}\n","\n","/**\n"," * Handle kernel restart event\n"," */\n","function handle_kernel_cleanup(event, handle) {\n","  delete PyViz.comms[\"hv-extension-comm\"];\n","  window.PyViz.plot_index = {}\n","}\n","\n","/**\n"," * Handle update_display_data messages\n"," */\n","function handle_update_output(event, handle) {\n","  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n","  handle_add_output(event, handle)\n","}\n","\n","function register_renderer(events, OutputArea) {\n","  function append_mime(data, metadata, element) {\n","    // create a DOM node to render to\n","    var toinsert = this.create_output_subarea(\n","    metadata,\n","    CLASS_NAME,\n","    EXEC_MIME_TYPE\n","    );\n","    this.keyboard_manager.register_events(toinsert);\n","    // Render to node\n","    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n","    render(props, toinsert[0]);\n","    element.append(toinsert);\n","    return toinsert\n","  }\n","\n","  events.on('output_added.OutputArea', handle_add_output);\n","  events.on('output_updated.OutputArea', handle_update_output);\n","  events.on('clear_output.CodeCell', handle_clear_output);\n","  events.on('delete.Cell', handle_clear_output);\n","  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n","\n","  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n","    safe: true,\n","    index: 0\n","  });\n","}\n","\n","if (window.Jupyter !== undefined) {\n","  try {\n","    var events = require('base/js/events');\n","    var OutputArea = require('notebook/js/outputarea').OutputArea;\n","    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n","      register_renderer(events, OutputArea);\n","    }\n","  } catch(err) {\n","  }\n","}\n"]},"metadata":{}},{"output_type":"display_data","data":{"text/html":["<style>.bk-root, .bk-root .bk:before, .bk-root .bk:after {\n","  font-family: var(--jp-ui-font-size1);\n","  font-size: var(--jp-ui-font-size1);\n","  color: var(--jp-ui-font-color1);\n","}\n","</style>"]},"metadata":{}},{"output_type":"display_data","data":{},"metadata":{}},{"output_type":"execute_result","data":{"text/html":["<div id='1057'>\n","  <div class=\"bk-root\" id=\"20d8baa4-5fe6-4c95-aa68-798f6d907341\" data-root-id=\"1057\"></div>\n","</div>\n","<script type=\"application/javascript\">(function(root) {\n","  function embed_document(root) {\n","    var docs_json = {\"7c966d22-0bbe-4e91-87fd-991ab4493461\":{\"defs\":[{\"extends\":null,\"module\":null,\"name\":\"ReactiveHTML1\",\"overrides\":[],\"properties\":[]},{\"extends\":null,\"module\":null,\"name\":\"FlexBox1\",\"overrides\":[],\"properties\":[{\"default\":\"flex-start\",\"kind\":null,\"name\":\"align_content\"},{\"default\":\"flex-start\",\"kind\":null,\"name\":\"align_items\"},{\"default\":\"row\",\"kind\":null,\"name\":\"flex_direction\"},{\"default\":\"wrap\",\"kind\":null,\"name\":\"flex_wrap\"},{\"default\":\"flex-start\",\"kind\":null,\"name\":\"justify_content\"}]},{\"extends\":null,\"module\":null,\"name\":\"GridStack1\",\"overrides\":[],\"properties\":[{\"default\":\"warn\",\"kind\":null,\"name\":\"mode\"},{\"default\":null,\"kind\":null,\"name\":\"ncols\"},{\"default\":null,\"kind\":null,\"name\":\"nrows\"},{\"default\":true,\"kind\":null,\"name\":\"allow_resize\"},{\"default\":true,\"kind\":null,\"name\":\"allow_drag\"},{\"default\":[],\"kind\":null,\"name\":\"state\"}]},{\"extends\":null,\"module\":null,\"name\":\"click1\",\"overrides\":[],\"properties\":[{\"default\":\"\",\"kind\":null,\"name\":\"terminal_output\"},{\"default\":\"\",\"kind\":null,\"name\":\"debug_name\"},{\"default\":0,\"kind\":null,\"name\":\"clears\"}]},{\"extends\":null,\"module\":null,\"name\":\"NotificationAreaBase1\",\"overrides\":[],\"properties\":[{\"default\":\"bottom-right\",\"kind\":null,\"name\":\"position\"},{\"default\":0,\"kind\":null,\"name\":\"_clear\"}]},{\"extends\":null,\"module\":null,\"name\":\"NotificationArea1\",\"overrides\":[],\"properties\":[{\"default\":[],\"kind\":null,\"name\":\"notifications\"},{\"default\":\"bottom-right\",\"kind\":null,\"name\":\"position\"},{\"default\":0,\"kind\":null,\"name\":\"_clear\"},{\"default\":[{\"background\":\"#ffc107\",\"icon\":{\"className\":\"fas fa-exclamation-triangle\",\"color\":\"white\",\"tagName\":\"i\"},\"type\":\"warning\"},{\"background\":\"#007bff\",\"icon\":{\"className\":\"fas fa-info-circle\",\"color\":\"white\",\"tagName\":\"i\"},\"type\":\"info\"}],\"kind\":null,\"name\":\"types\"}]},{\"extends\":null,\"module\":null,\"name\":\"Notification\",\"overrides\":[],\"properties\":[{\"default\":null,\"kind\":null,\"name\":\"background\"},{\"default\":3000,\"kind\":null,\"name\":\"duration\"},{\"default\":null,\"kind\":null,\"name\":\"icon\"},{\"default\":\"\",\"kind\":null,\"name\":\"message\"},{\"default\":null,\"kind\":null,\"name\":\"notification_type\"},{\"default\":false,\"kind\":null,\"name\":\"_destroyed\"}]},{\"extends\":null,\"module\":null,\"name\":\"TemplateActions1\",\"overrides\":[],\"properties\":[{\"default\":0,\"kind\":null,\"name\":\"open_modal\"},{\"default\":0,\"kind\":null,\"name\":\"close_modal\"}]},{\"extends\":null,\"module\":null,\"name\":\"MaterialTemplateActions1\",\"overrides\":[],\"properties\":[{\"default\":0,\"kind\":null,\"name\":\"open_modal\"},{\"default\":0,\"kind\":null,\"name\":\"close_modal\"}]}],\"roots\":{\"references\":[{\"attributes\":{\"children\":[{\"id\":\"1068\"},{\"id\":\"1069\"}],\"margin\":[5,5,5,5],\"name\":\"Column00167\",\"sizing_mode\":\"stretch_width\"},\"id\":\"1067\",\"type\":\"Column\"},{\"attributes\":{\"children\":[{\"id\":\"1075\"},{\"id\":\"1076\"}],\"margin\":[0,0,0,0],\"name\":\"Column00168\",\"sizing_mode\":\"stretch_width\"},\"id\":\"1074\",\"type\":\"Column\"},{\"attributes\":{\"end\":5,\"margin\":[5,10,5,10],\"sizing_mode\":\"stretch_width\",\"start\":1,\"title\":\"Number of relevant chunks\",\"value\":2},\"id\":\"1076\",\"type\":\"Slider\"},{\"attributes\":{\"margin\":[15,15,15,15],\"min_height\":400,\"min_width\":575,\"name\":\"Column00188\",\"width\":575},\"id\":\"1065\",\"type\":\"Column\"},{\"attributes\":{\"client_comm_id\":\"f03da626748f4594a7970a5183ef91c3\",\"comm_id\":\"c222042ac341412496b212880770be2d\",\"plot_id\":\"1057\"},\"id\":\"1078\",\"type\":\"panel.models.comm_manager.CommManager\"},{\"attributes\":{\"children\":[{\"id\":\"1072\"}],\"css_classes\":[\"card-header-row\"],\"margin\":[0,0,0,0],\"name\":\"Row00169\",\"sizing_mode\":\"stretch_width\"},\"id\":\"1071\",\"type\":\"Row\"},{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[5,5,5,5],\"name\":\"Markdown00190\",\"sizing_mode\":\"stretch_width\",\"text\":\"&lt;p&gt;&lt;em&gt;Output will show up here:&lt;/em&gt;&lt;/p&gt;\"},\"id\":\"1063\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"children\":[{\"id\":\"1067\"},{\"id\":\"1070\"}],\"margin\":[0,0,0,0],\"min_width\":600,\"name\":\"Row00175\",\"width\":600},\"id\":\"1066\",\"type\":\"Row\"},{\"attributes\":{\"css_classes\":[\"card-title\"],\"margin\":[5,0,5,0],\"name\":\"HTML00173\",\"sizing_mode\":\"stretch_width\",\"text\":\"Advanced settings\"},\"id\":\"1072\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[5,5,5,5],\"name\":\"Markdown00193\",\"sizing_mode\":\"stretch_width\",\"text\":\"&lt;h2&gt;\\ud83d\\ude0a! Question Answering with your PDF file&lt;/h2&gt;\\n&lt;p&gt;1) Upload a PDF. 2) Enter OpenAI API key. This costs $. Set up billing at &lt;a href=&quot;https://platform.openai.com/account&quot;&gt;OpenAI&lt;/a&gt;. 3) Type a question and click &amp;ldquo;Run&amp;rdquo;.&lt;/p&gt;\"},\"id\":\"1058\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"active_header_background\":\"\",\"button_css_classes\":[\"card-button\"],\"children\":[{\"id\":\"1071\"},{\"id\":\"1073\"},{\"id\":\"1074\"}],\"collapsed\":false,\"css_classes\":[\"card\"],\"header_background\":\"\",\"header_color\":\"\",\"header_css_classes\":[\"card-header\"],\"margin\":[10,10,10,10],\"name\":\"Card00172\",\"sizing_mode\":\"stretch_width\"},\"id\":\"1070\",\"type\":\"panel.models.layout.Card\"},{\"attributes\":{\"margin\":[5,10,5,10],\"max_length\":5000,\"min_width\":300,\"placeholder\":\"Enter your OpenAI API Key here...\",\"width\":300},\"id\":\"1061\",\"type\":\"PasswordInput\"},{\"attributes\":{\"children\":[{\"id\":\"1060\"},{\"id\":\"1061\"}],\"margin\":[0,0,0,0],\"name\":\"Row00195\",\"sizing_mode\":\"stretch_width\"},\"id\":\"1059\",\"type\":\"Row\"},{\"attributes\":{\"height\":160,\"margin\":[5,10,5,10],\"name\":\"\",\"placeholder\":\"Enter your questions here...\",\"sizing_mode\":\"stretch_width\",\"toolbar\":false},\"id\":\"1068\",\"type\":\"panel.models.quill.QuillInput\"},{\"attributes\":{\"active\":0,\"labels\":[\"stuff\",\"map_reduce\",\"refine\",\"map_rerank\"],\"margin\":[5,10,5,10],\"sizing_mode\":\"stretch_width\"},\"id\":\"1075\",\"type\":\"RadioButtonGroup\"},{\"attributes\":{\"margin\":[5,10,5,10],\"min_width\":300,\"width\":300},\"id\":\"1060\",\"type\":\"FileInput\"},{\"attributes\":{\"children\":[{\"id\":\"1063\"},{\"id\":\"1064\"}],\"css_classes\":[\"panel-widget-box\",\"scrollable\"],\"margin\":[5,5,5,5],\"min_width\":630,\"name\":\"WidgetBox00192\",\"width\":630},\"id\":\"1062\",\"type\":\"Column\"},{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[5,5,5,5],\"name\":\"Markdown00170\",\"sizing_mode\":\"stretch_width\",\"text\":\"&lt;p&gt;Chain type:&lt;/p&gt;\"},\"id\":\"1073\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"args\":{\"bidirectional\":false,\"properties\":{\"event:button_click\":\"loading\"},\"source\":{\"id\":\"1069\"},\"target\":{\"id\":\"1064\"}},\"code\":\"\\n    if ('event:button_click'.startsWith('event:')) {\\n      var value = true\\n    } else {\\n      var value = source['event:button_click'];\\n      value = value;\\n    }\\n    if (typeof value !== 'boolean' || source.labels !== ['Loading']) {\\n      value = true\\n    }\\n    var css_classes = target.css_classes.slice()\\n    var loading_css = ['pn-loading', 'arc']\\n    if (value) {\\n      for (var css of loading_css) {\\n        if (!(css in css_classes)) {\\n          css_classes.push(css)\\n        }\\n      }\\n    } else {\\n     for (var css of loading_css) {\\n        var index = css_classes.indexOf(css)\\n        if (index > -1) {\\n          css_classes.splice(index, 1)\\n        }\\n      }\\n    }\\n    target['css_classes'] = css_classes\\n    \",\"tags\":[[140622253872976,[null,\"event:button_click\"],[null,\"loading\"]]]},\"id\":\"1077\",\"type\":\"CustomJS\"},{\"attributes\":{\"children\":[{\"id\":\"1065\"}],\"margin\":[0,0,0,0],\"name\":\"Row00186\"},\"id\":\"1064\",\"type\":\"Row\"},{\"attributes\":{\"icon\":null,\"js_event_callbacks\":{\"button_click\":[{\"id\":\"1077\"}]},\"label\":\"Run!\",\"margin\":[5,10,5,10],\"sizing_mode\":\"stretch_width\",\"subscribed_events\":[\"button_click\"]},\"id\":\"1069\",\"type\":\"Button\"},{\"attributes\":{\"children\":[{\"id\":\"1058\"},{\"id\":\"1059\"},{\"id\":\"1062\"},{\"id\":\"1066\"}],\"margin\":[0,0,0,0],\"name\":\"Column00196\",\"sizing_mode\":\"stretch_width\"},\"id\":\"1057\",\"type\":\"Column\"}],\"root_ids\":[\"1057\",\"1078\"]},\"title\":\"Bokeh Application\",\"version\":\"2.4.3\"}};\n","    var render_items = [{\"docid\":\"7c966d22-0bbe-4e91-87fd-991ab4493461\",\"root_ids\":[\"1057\"],\"roots\":{\"1057\":\"20d8baa4-5fe6-4c95-aa68-798f6d907341\"}}];\n","    root.Bokeh.embed.embed_items_notebook(docs_json, render_items);\n","    for (const render_item of render_items) {\n","      for (const root_id of render_item.root_ids) {\n","\tconst id_el = document.getElementById(root_id)\n","\tif (id_el.children.length && (id_el.children[0].className === 'bk-root')) {\n","\t  const root_el = id_el.children[0]\n","\t  root_el.id = root_el.id + '-rendered'\n","\t}\n","      }\n","    }\n","  }\n","  if (root.Bokeh !== undefined && root.Bokeh.Panel !== undefined) {\n","    embed_document(root);\n","  } else {\n","    var attempts = 0;\n","    var timer = setInterval(function(root) {\n","      if (root.Bokeh !== undefined && root.Bokeh.Panel !== undefined) {\n","        clearInterval(timer);\n","        embed_document(root);\n","      } else if (document.readyState == \"complete\") {\n","        attempts++;\n","        if (attempts > 200) {\n","          clearInterval(timer);\n","          console.log(\"Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing\");\n","        }\n","      }\n","    }, 25, root)\n","  }\n","})(window);</script>"],"application/vnd.holoviews_exec.v0+json":"","text/plain":["Column(sizing_mode='stretch_width')\n","    [0] Markdown(str, sizing_mode='stretch_width')\n","    [1] Row(sizing_mode='stretch_width')\n","        [0] FileInput(width=300)\n","        [1] PasswordInput(placeholder='Enter your OpenAI A..., width=300)\n","    [2] WidgetBox(scroll=True, width=630)\n","        [0] Markdown(str, sizing_mode='stretch_width')\n","        [1] ParamFunction(function, _pane=Column, loading_indicator=True, sizing_mode='stretch_width')\n","    [3] Row(width=600)\n","        [0] Column(margin=5, sizing_mode='stretch_width')\n","            [0] TextEditor(height=160, placeholder='Enter your questions h..., sizing_mode='stretch_width', toolbar=False)\n","            [1] Button(name='Run!', sizing_mode='stretch_width')\n","        [1] Card(margin=10, sizing_mode='stretch_width', title='Advanced settings')\n","            [0] Markdown(str, sizing_mode='stretch_width')\n","            [1] Column(sizing_mode='stretch_width')\n","                [0] RadioButtonGroup(name='Chain type', options=['stuff', 'map_reduce', ...], sizing_mode='stretch_width', value='stuff')\n","                [1] IntSlider(end=5, name='Number of relevant c..., sizing_mode='stretch_width', start=1, value=2)"]},"metadata":{"application/vnd.holoviews_exec.v0+json":{"id":"1057"}},"execution_count":26}]}]}