add instructions and widget box

LangChain_QA_Panel_App.ipynb

@@ -191,10 +191,22 @@
    "source": [
     "qa_interactive = pn.panel(\n",
     "    pn.bind(qa_result, run_button),\n",
-    "    loading_indicator=True\n",
+    "    loading_indicator=True,\n",
     ")"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "228e2b42-b1ed-43af-b923-031a70241ab0",
+   "metadata": {
+    "tags": []
+   },
+   "outputs": [],
+   "source": [
+    "output = pn.WidgetBox('*Output will show up here:*', qa_interactive, width=630, scroll=True)"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,
@@ -206,9 +218,16 @@
    "source": [
     "# layout\n",
     "pn.Column(\n",
-    "    \"## \\U0001F60A! Question Answering with your PDF file\",\n",
+    "    pn.pane.Markdown(\"\"\"\n",
+    "    ## \\U0001F60A! Question Answering with your PDF file\n",
+    "    \n",
+    "    Step 1: Upload a PDF file \\n\n",
+    "    Step 2: Enter your OpenAI API key. This costs $$. You will need to set up billing info at [OpenAI](https://platform.openai.com/account). \\n\n",
+    "    Step 3: Type your question at the bottom and click \"Run\" \\n\n",
+    "    \n",
+    "    \"\"\"),\n",
     "    pn.Row(file_input,openaikey),\n",
-    "    qa_interactive,\n",
+    "    output,\n",
     "    widgets\n",
     "\n",
     ").servable()"