Implement ChatSteps and ChatStep to show/hide intermediate steps

examples/reference/chat/ChatFeed.ipynb

@@ -597,6 +597,77 @@
     "message = chat_feed.send(\"Hello bots!\")"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "#### Steps\n",
+    "\n",
+    "Intermediate steps, like chain of thoughts, can be provided through a series of [`ChatStep`](ChatStep.ipynb), which is conveniently accessible through `append_step`."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "chat_feed = pn.chat.ChatFeed()\n",
+    "chat_feed"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "with chat_feed.append_step(\"To answer the user's query, I need to first create a plan.\", title=\"Create a plan\") as step:\n",
+    "    step.stream(\"\\n\\n...Okay the plan is to demo this!\")"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "To append to an existing `ChatSteps`, you can specify `steps=\"append\"` instead of the default `steps=\"new\"`."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "step = chat_feed.append_step(title=\"Execute the plan\", steps=\"append\", status=\"running\")\n",
+    "step.stream(\"\\n\\n...Executing plan...\")"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "Or pass in an existing `ChatSteps` component."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "message = chat_feed.objects[-1]\n",
+    "steps = message.object\n",
+    "step = chat_feed.append_step(\"Holding off...\", title=\"Clean up\", status=\"pending\", steps=steps)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "See [`ChatSteps`](ChatSteps.ipynb) and [`ChatStep`](ChatStep.ipynb) for more details on how to use those components."
+   ]
+  },
   {
    "cell_type": "markdown",
    "metadata": {},