{"cells":[{"cell_type":"markdown","id":"04815d1b-44ee-4bd3-878e-fa0c3bf9fa7f","metadata":{"tags":[],"id":"04815d1b-44ee-4bd3-878e-fa0c3bf9fa7f"},"source":["# LangChain QA Panel App\n","\n","This notebook shows how to make this app:"]},{"cell_type":"code","execution_count":7,"id":"a181568b-9cde-4a55-a853-4d2a41dbfdad","metadata":{"tags":[],"colab":{"base_uri":"https://localhost:8080/"},"id":"a181568b-9cde-4a55-a853-4d2a41dbfdad","executionInfo":{"status":"ok","timestamp":1689121960905,"user_tz":420,"elapsed":5818,"user":{"displayName":"","userId":""}},"outputId":"591dbc8e-ef33-4cc1-c419-c2cc0ec5c647"},"outputs":[{"output_type":"stream","name":"stdout","text":["Collecting langchain\n"," Downloading langchain-0.0.230-py3-none-any.whl (1.3 MB)\n","\u001b[2K \u001b[90m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\u001b[0m \u001b[32m1.3/1.3 MB\u001b[0m \u001b[31m34.9 MB/s\u001b[0m eta \u001b[36m0:00:00\u001b[0m\n","\u001b[?25hRequirement already satisfied: PyYAML>=5.4.1 in /usr/local/lib/python3.10/dist-packages (from langchain) (6.0)\n","Requirement already satisfied: SQLAlchemy<3,>=1.4 in /usr/local/lib/python3.10/dist-packages (from langchain) (2.0.18)\n","Requirement already satisfied: aiohttp<4.0.0,>=3.8.3 in /usr/local/lib/python3.10/dist-packages (from langchain) (3.8.4)\n","Requirement already satisfied: async-timeout<5.0.0,>=4.0.0 in /usr/local/lib/python3.10/dist-packages (from langchain) (4.0.2)\n","Collecting dataclasses-json<0.6.0,>=0.5.7 (from langchain)\n"," Downloading dataclasses_json-0.5.9-py3-none-any.whl (26 kB)\n","Collecting langchainplus-sdk<0.0.21,>=0.0.20 (from langchain)\n"," Downloading langchainplus_sdk-0.0.20-py3-none-any.whl (25 kB)\n","Requirement already satisfied: numexpr<3.0.0,>=2.8.4 in /usr/local/lib/python3.10/dist-packages (from langchain) (2.8.4)\n","Requirement already satisfied: numpy<2,>=1 in /usr/local/lib/python3.10/dist-packages (from langchain) (1.22.4)\n","Collecting openapi-schema-pydantic<2.0,>=1.2 (from langchain)\n"," Downloading openapi_schema_pydantic-1.2.4-py3-none-any.whl (90 kB)\n","\u001b[2K \u001b[90m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\u001b[0m \u001b[32m90.0/90.0 kB\u001b[0m \u001b[31m10.9 MB/s\u001b[0m eta \u001b[36m0:00:00\u001b[0m\n","\u001b[?25hRequirement already satisfied: pydantic<2,>=1 in /usr/local/lib/python3.10/dist-packages (from langchain) (1.10.11)\n","Requirement already satisfied: requests<3,>=2 in /usr/local/lib/python3.10/dist-packages (from langchain) (2.27.1)\n","Requirement already satisfied: tenacity<9.0.0,>=8.1.0 in /usr/local/lib/python3.10/dist-packages (from langchain) (8.2.2)\n","Requirement already satisfied: attrs>=17.3.0 in /usr/local/lib/python3.10/dist-packages (from aiohttp<4.0.0,>=3.8.3->langchain) (23.1.0)\n","Requirement already satisfied: charset-normalizer<4.0,>=2.0 in /usr/local/lib/python3.10/dist-packages (from aiohttp<4.0.0,>=3.8.3->langchain) (2.0.12)\n","Requirement already satisfied: multidict<7.0,>=4.5 in /usr/local/lib/python3.10/dist-packages (from aiohttp<4.0.0,>=3.8.3->langchain) (6.0.4)\n","Requirement already satisfied: yarl<2.0,>=1.0 in /usr/local/lib/python3.10/dist-packages (from aiohttp<4.0.0,>=3.8.3->langchain) (1.9.2)\n","Requirement already satisfied: frozenlist>=1.1.1 in /usr/local/lib/python3.10/dist-packages (from aiohttp<4.0.0,>=3.8.3->langchain) (1.3.3)\n","Requirement already satisfied: aiosignal>=1.1.2 in /usr/local/lib/python3.10/dist-packages (from aiohttp<4.0.0,>=3.8.3->langchain) (1.3.1)\n","Collecting marshmallow<4.0.0,>=3.3.0 (from dataclasses-json<0.6.0,>=0.5.7->langchain)\n"," Downloading marshmallow-3.19.0-py3-none-any.whl (49 kB)\n","\u001b[2K \u001b[90m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\u001b[0m \u001b[32m49.1/49.1 kB\u001b[0m \u001b[31m6.2 MB/s\u001b[0m eta \u001b[36m0:00:00\u001b[0m\n","\u001b[?25hCollecting marshmallow-enum<2.0.0,>=1.5.1 (from dataclasses-json<0.6.0,>=0.5.7->langchain)\n"," Downloading marshmallow_enum-1.5.1-py2.py3-none-any.whl (4.2 kB)\n","Collecting typing-inspect>=0.4.0 (from dataclasses-json<0.6.0,>=0.5.7->langchain)\n"," Downloading typing_inspect-0.9.0-py3-none-any.whl (8.8 kB)\n","Requirement already satisfied: typing-extensions>=4.2.0 in /usr/local/lib/python3.10/dist-packages (from pydantic<2,>=1->langchain) (4.7.1)\n","Requirement already satisfied: urllib3<1.27,>=1.21.1 in /usr/local/lib/python3.10/dist-packages (from requests<3,>=2->langchain) (1.26.16)\n","Requirement already satisfied: certifi>=2017.4.17 in /usr/local/lib/python3.10/dist-packages (from requests<3,>=2->langchain) (2023.5.7)\n","Requirement already satisfied: idna<4,>=2.5 in /usr/local/lib/python3.10/dist-packages (from requests<3,>=2->langchain) (3.4)\n","Requirement already satisfied: greenlet!=0.4.17 in /usr/local/lib/python3.10/dist-packages (from SQLAlchemy<3,>=1.4->langchain) (2.0.2)\n","Requirement already satisfied: packaging>=17.0 in /usr/local/lib/python3.10/dist-packages (from marshmallow<4.0.0,>=3.3.0->dataclasses-json<0.6.0,>=0.5.7->langchain) (23.1)\n","Collecting mypy-extensions>=0.3.0 (from typing-inspect>=0.4.0->dataclasses-json<0.6.0,>=0.5.7->langchain)\n"," Downloading mypy_extensions-1.0.0-py3-none-any.whl (4.7 kB)\n","Installing collected packages: mypy-extensions, marshmallow, typing-inspect, openapi-schema-pydantic, marshmallow-enum, langchainplus-sdk, dataclasses-json, langchain\n","Successfully installed dataclasses-json-0.5.9 langchain-0.0.230 langchainplus-sdk-0.0.20 marshmallow-3.19.0 marshmallow-enum-1.5.1 mypy-extensions-1.0.0 openapi-schema-pydantic-1.2.4 typing-inspect-0.9.0\n"]}],"source":["#!pip install langchain openai chromadb tiktoken pypdf panel\n","!pip install --upgrade langchain\n"]},{"cell_type":"code","execution_count":8,"id":"9a464409-d064-4766-a9cb-5119f6c4b8f5","metadata":{"tags":[],"id":"9a464409-d064-4766-a9cb-5119f6c4b8f5","executionInfo":{"status":"ok","timestamp":1689122005862,"user_tz":420,"elapsed":4230,"user":{"displayName":"","userId":""}}},"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\n"]},{"cell_type":"code","execution_count":9,"id":"b2d07ea5-9ff2-4c96-a8dc-92895d870b73","metadata":{"tags":[],"colab":{"base_uri":"https://localhost:8080/","height":17},"id":"b2d07ea5-9ff2-4c96-a8dc-92895d870b73","executionInfo":{"status":"ok","timestamp":1689122009126,"user_tz":420,"elapsed":212,"user":{"displayName":"","userId":""}},"outputId":"e20f0340-009c-49f9-accd-5d1f58dbb0cc"},"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/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.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/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.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":[""]},"metadata":{}}],"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",")"]},{"cell_type":"code","execution_count":10,"id":"763db4d0-3436-41d3-8b0f-e66ce16468cd","metadata":{"tags":[],"id":"763db4d0-3436-41d3-8b0f-e66ce16468cd","executionInfo":{"status":"ok","timestamp":1689122010882,"user_tz":420,"elapsed":174,"user":{"displayName":"","userId":""}}},"outputs":[],"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",")"]},{"cell_type":"code","execution_count":11,"id":"9b83cc06-3401-498f-8f84-8a98370f3121","metadata":{"tags":[],"id":"9b83cc06-3401-498f-8f84-8a98370f3121","executionInfo":{"status":"ok","timestamp":1689122013407,"user_tz":420,"elapsed":173,"user":{"displayName":"","userId":""}}},"outputs":[],"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"]},{"cell_type":"code","execution_count":12,"id":"2722f43b-daf6-4d17-a842-41203ae9b140","metadata":{"tags":[],"id":"2722f43b-daf6-4d17-a842-41203ae9b140","executionInfo":{"status":"ok","timestamp":1689122015126,"user_tz":420,"elapsed":156,"user":{"displayName":"","userId":""}}},"outputs":[],"source":["# result = qa(\"example.pdf\", \"what is the total number of AI publications?\")"]},{"cell_type":"code","execution_count":13,"id":"60e1b3d3-c0d2-4260-ae0c-26b03f1b8824","metadata":{"id":"60e1b3d3-c0d2-4260-ae0c-26b03f1b8824","executionInfo":{"status":"ok","timestamp":1689122017006,"user_tz":420,"elapsed":214,"user":{"displayName":"","userId":""}}},"outputs":[],"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(temp.pdf)\n","\n"," prompt_text = prompt.value\n"," if prompt_text:\n"," result = qa(file=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)\n"]},{"cell_type":"code","execution_count":14,"id":"c3a70857-0b98-4f62-a9c0-b62ca42b474c","metadata":{"tags":[],"id":"c3a70857-0b98-4f62-a9c0-b62ca42b474c","executionInfo":{"status":"ok","timestamp":1689122019093,"user_tz":420,"elapsed":166,"user":{"displayName":"","userId":""}}},"outputs":[],"source":["qa_interactive = pn.panel(\n"," pn.bind(qa_result, run_button),\n"," loading_indicator=True,\n",")"]},{"cell_type":"code","execution_count":15,"id":"228e2b42-b1ed-43af-b923-031a70241ab0","metadata":{"tags":[],"id":"228e2b42-b1ed-43af-b923-031a70241ab0","executionInfo":{"status":"ok","timestamp":1689122021192,"user_tz":420,"elapsed":176,"user":{"displayName":"","userId":""}}},"outputs":[],"source":["output = pn.WidgetBox('*Output will show up here:*', qa_interactive, width=630, scroll=True)"]},{"cell_type":"code","execution_count":16,"id":"1b0ec253-2bcd-4f91-96d8-d8456e900a58","metadata":{"tags":[],"colab":{"base_uri":"https://localhost:8080/","height":843},"id":"1b0ec253-2bcd-4f91-96d8-d8456e900a58","executionInfo":{"status":"ok","timestamp":1689122022390,"user_tz":420,"elapsed":178,"user":{"displayName":"","userId":""}},"outputId":"7861b3c6-5347-41ae-d79a-54d630e14852"},"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/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.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/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.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":[""]},"metadata":{}},{"output_type":"display_data","data":{},"metadata":{}},{"output_type":"execute_result","data":{"text/html":["
\n","
\n","
\n",""],"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":"1002"}},"execution_count":16}],"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":{"kernelspec":{"display_name":"Python 3 (ipykernel)","language":"python","name":"python3"},"language_info":{"codemirror_mode":{"name":"ipython","version":3},"file_extension":".py","mimetype":"text/x-python","name":"python","nbconvert_exporter":"python","pygments_lexer":"ipython3","version":"3.10.10"},"colab":{"provenance":[{"file_id":"https://huggingface.co/spaces/sophiamyang/Panel_PDF_QA/blob/main/LangChain_QA_Panel_App.ipynb","timestamp":1689129233464}]}},"nbformat":4,"nbformat_minor":5}