chore: Minor fixes

Author: tjtanjin

docs/examples/llm_conversation.md

@@ -7,7 +7,7 @@ keywords: [react, chat, chatbot, chatbotify]
 
 # LLM Conversation
 
-The following is an example showing how to integrate in-browser models (e.g. via [**WebLlm**](https://webllm.mlc.ai/)/[**Wllama**](https://www.npmjs.com/package/@wllama/wllama)) into React ChatBotify. It leverages on the [**LLM Connector Plugin**](https://www.npmjs.com/package/@rcb-plugins/llm-connector), which is maintained separately on the [**React ChatBotify Plugins**](https://github.com/orgs/React-ChatBotify-Plugins) organization. This example also taps on the [**WebLlmProvider**](https://github.com/React-ChatBotify-Plugins/llm-connnector/blob/main/docs/providers/WebLlm.md) and [**WllamaProvider**](https://github.com/React-ChatBotify-Plugins/llm-connnector/blob/main/docs/providers/Wllama.md), both of which ships by default with the LLM Connector Plugin. If you require support with the plugin, please reach out to support on the [**plugins discord**](https://discord.gg/J6pA4v3AMW) instead.
+The following is an example showing how to integrate in-browser models (e.g. via [**WebLlm**](https://webllm.mlc.ai/)) into React ChatBotify. It leverages on the [**LLM Connector Plugin**](https://www.npmjs.com/package/@rcb-plugins/llm-connector), which is maintained separately on the [**React ChatBotify Plugins**](https://github.com/orgs/React-ChatBotify-Plugins) organization. This example taps on the [**WebLlmProvider**](https://github.com/React-ChatBotify-Plugins/llm-connnector/blob/main/docs/providers/WebLlm.md), which ships by default with the LLM Connector Plugin. If you require support with the plugin, please reach out to support on the [**plugins discord**](https://discord.gg/J6pA4v3AMW) instead.
 
 :::tip
 
@@ -53,14 +53,10 @@ const MyChatBot = () => {
 	// example flow for testing
 	const flow: Flow = {
 		start: {
-			message: "Hello, pick a model runtime to get started!",
-			options: ["WebLlm", "Wllama"],
+			message: "Hello, feel free to ask away!",
 			chatDisabled: true,
-			path: async (params) => {
-				await params.simulateStreamMessage("Type 'RESTART' or hit 'ESC` to pick another runtime!");
-				await params.simulateStreamMessage("Ask away!");
-				return params.userInput.toLowerCase();
-			},
+			transition: 0
+			path: "webllm",
 		},
 		webllm: {
 			llmConnector: {
@@ -76,23 +72,6 @@ const MyChatBot = () => {
 				},
 			},
 		},
-		wllama: {
-			llmConnector: {
-				// provider configuration guide:
-				// https://github.com/React-ChatBotify-Plugins/llm-connnector/blob/main/docs/providers/Wllama.md
-				provider: new WllamaProvider({
-					modelUrl: 'https://huggingface.co/HuggingFaceTB/SmolLM2-360M-Instruct-GGUF/resolve/main/smollm2-360m-instruct-q8_0.gguf',
-					loadModelConfig: {
-						n_ctx: 8192,
-					},
-				}),
-				outputType: 'character',
-				stopConditions: {
-					onUserMessage: onUserMessageCheck,
-					onKeyDown: onKeyDownCheck,
-				},
-			},
-		},
 	};
 
 	return (

package-lock.json

@@ -24,7 +24,7 @@
     "@mdx-js/react": "^3.0.1",
     "@rcb-plugins/html-renderer": "^0.1.0",
     "@rcb-plugins/input-validator": "^0.2.0",
-    "@rcb-plugins/llm-connector": "^0.2.0",
+    "@rcb-plugins/llm-connector": "^0.3.0",
     "@rcb-plugins/markdown-renderer": "^0.1.1",
     "clsx": "^1.2.1",
     "openai": "^4.47.1",

package.json

@@ -6,7 +6,6 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-pre-background: #000000;
   --ifm-color-primary: #491d8d;
   --ifm-color-primary-dark: #441b83;
   --ifm-color-primary-darker: #411b7a;
@@ -106,4 +105,12 @@ table th:nth-of-type(4) {
 .hero .rcb-options:hover {
   color: white !important;
   background-color: var(--ifm-color-inverse-primary) !important;
+}
+
+/* ensure code blocks can be seen in chatbot */
+#floating-chat-bot pre {
+  --ifm-pre-background: #000000;
+}
+#landing-page-chat-bot pre {
+  --ifm-pre-background: #000000;
 }

src/css/custom.css

@@ -11,6 +11,5 @@
   },
   "include": [
     "src/**/*",
-    "node_modules/@wllama/wllama/**/*"
   ]
 }