diff --git a/docs/docs/examples/0001-react-js-ai-assistant.mdx b/docs/docs/examples/0001-react-js-ai-assistant.mdx
index bf896cce..ed7b07cc 100644
--- a/docs/docs/examples/0001-react-js-ai-assistant.mdx
+++ b/docs/docs/examples/0001-react-js-ai-assistant.mdx
@@ -10,8 +10,6 @@ import personas from './0001-react-js-ai-assistant/personas';
# NLUX With React
----
-
The following example shows how to use **`` React JS component** to build a simple AI assistant.
It uses `NLUX`'s demo API, which connects to **the OpenAI GPT-4o** model.
You can check the file `adapter.ts` to see we connect to the API and stream content as it's being generated.
diff --git a/docs/docs/examples/0002-next-js-ai-assistant.mdx b/docs/docs/examples/0002-next-js-ai-assistant.mdx
index 5f5abbe4..c68dae73 100644
--- a/docs/docs/examples/0002-next-js-ai-assistant.mdx
+++ b/docs/docs/examples/0002-next-js-ai-assistant.mdx
@@ -5,14 +5,13 @@ sidebar_label: 'NLUX With Next.js'
import Link from '@docusaurus/Link';
# NLUX With Next.js
----
NLUX has been designed to easily integrate with Next.js
Code example is available at:
-| [github.com/**nlkitai/demos**/tree/latest/**next-js**](https://github.com/nlkitai/demos/tree/latest/next-js/nlux-with-app-router)
+| [github.com/**nlkitai/nlux** -> examples/next-js-demos/**nlux-with-app-router**](https://github.com/nlkitai/nlux/tree/latest/examples/next-js-demos/nlux-with-app-router)
-The examples shows:
+The example shows:
* Next.js Route Handler to fetch the AI response
* NLUX UI to handle the UI interactions
diff --git a/docs/docs/examples/0003-vercel-ai-generative-ui.mdx b/docs/docs/examples/0003-vercel-ai-generative-ui.mdx
index 9547b415..f49b6bca 100644
--- a/docs/docs/examples/0003-vercel-ai-generative-ui.mdx
+++ b/docs/docs/examples/0003-vercel-ai-generative-ui.mdx
@@ -5,14 +5,13 @@ sidebar_label: 'Generative UI With Vercel AI'
import Link from '@docusaurus/Link';
# Generative UI With NLUX, Next.js, And Vercel AI
----
-NLUX has been designed to easily integrate with Next.js
+NLUX has been designed to easily integrate with Next.js and Vercel AI.
Code example is available at:
| [github.com/**nlkitai/nlux** -> examples/next-js-demos/**generative-ui-vercel-ai-sdk**](https://github.com/nlkitai/nlux/tree/latest/examples/next-js-demos/generative-ui-vercel-ai-sdk)
-The examples shows:
+The example shows:
* AI UI generation using Vercel AI SDK.
* Server-Side rendering with Next.js Server Components.
diff --git a/docs/docs/examples/0004-langchain-langserve-adapter.mdx b/docs/docs/examples/0004-langchain-langserve-adapter.mdx
index 9e9960cc..b1264e65 100644
--- a/docs/docs/examples/0004-langchain-langserve-adapter.mdx
+++ b/docs/docs/examples/0004-langchain-langserve-adapter.mdx
@@ -9,8 +9,6 @@ import personas from './0004-langchain-langserve-adapter/personas';
# LangChain LangServe Adapter
----
-
[LangChain](https://www.langchain.com/) is a new and popular framework for building services powered by
Large Language Models. It enables applications that are context-aware. It also provides a library called
[LangServe](https://python.langchain.com/docs/langserve) to create standardized APIs that can be used to
@@ -34,4 +32,4 @@ which contains Python LangServe API code.
---
-Learn More About NLUX LangChain Adapter
\ No newline at end of file
+Learn More About NLUX LangChain Adapter
diff --git a/docs/docs/examples/0005-ai-chat-api-and-events.mdx b/docs/docs/examples/0005-ai-chat-api-and-events.mdx
index d0e08050..d36e6662 100644
--- a/docs/docs/examples/0005-ai-chat-api-and-events.mdx
+++ b/docs/docs/examples/0005-ai-chat-api-and-events.mdx
@@ -10,8 +10,6 @@ import lastMessage from './0005-ai-chat-api-and-events/lastMessage';
# API And Events
----
-
This example shows how to use the AI Chat API along with events to submit a message programmatically, and use the
response outside the AI Chat component.
diff --git a/docs/docs/examples/0006-custom-response-renderers.mdx b/docs/docs/examples/0006-custom-response-renderers.mdx
index b4d716f1..b3217d2f 100644
--- a/docs/docs/examples/0006-custom-response-renderers.mdx
+++ b/docs/docs/examples/0006-custom-response-renderers.mdx
@@ -18,8 +18,6 @@ import style2 from './0006-custom-response-renderers/_b-batched-data/style';
The examples in this page show how to create custom message renderer for streamed and batched data.
----
-
## Renderers For Streamed Data
Data is streamed to the custom component as it's being generated.
@@ -35,8 +33,6 @@ Data is streamed to the custom component as it's being generated.
simulatedPrompt={'Write a poem about the ocean.'}
/>
----
-
## Renderers For Batched Data
The data is batched and sent to the custom component all at once.
diff --git a/docs/docs/examples/0007-edit-sent-messages.mdx b/docs/docs/examples/0007-edit-sent-messages.mdx
index bb77f760..306ff3e5 100644
--- a/docs/docs/examples/0007-edit-sent-messages.mdx
+++ b/docs/docs/examples/0007-edit-sent-messages.mdx
@@ -9,8 +9,6 @@ import setup from './0007-edit-sent-messages/setup';
# Editing Sent Messages
----
-
This example shows how to edit a previously sent message in the chat interface.
Steps:
diff --git a/docs/docs/examples/0008-assistant-persona.mdx b/docs/docs/examples/0008-assistant-persona.mdx
index f553cb66..d0929ef5 100644
--- a/docs/docs/examples/0008-assistant-persona.mdx
+++ b/docs/docs/examples/0008-assistant-persona.mdx
@@ -15,8 +15,6 @@ import personas2 from './0008-assistant-persona/_b-personas-with-jsx/personas';
# Assistant And User Personas
----
-
With `NLUX`, you can optionally define **a assistant persona** and **a user persona**.
Here are some examples of how you can configure the assistant persona.
@@ -32,8 +30,6 @@ Here are some examples of how you can configure the assistant persona.
simulatedPrompt={'What\'s the funniest magic spell that Harry Potter learned at Hog-Warts School of Witchcraft and Wizardry?'}
/>
----
-
## JSX As Avatar
The formatted markdown is streamed and displayed to the user as it is being generated by the LLM.
diff --git a/docs/docs/examples/0014-ui-overrides.mdx b/docs/docs/examples/0014-ui-overrides.mdx
index 6595973d..f30d77d2 100644
--- a/docs/docs/examples/0014-ui-overrides.mdx
+++ b/docs/docs/examples/0014-ui-overrides.mdx
@@ -11,8 +11,6 @@ import personas from './0014-ui-overrides/loader-overrides/personas';
# UI Overrides
----
-
In this example, we demonstrate how to override certain UI elements in the `NLUX` chat interface using JSX syntax.
## Loader Component Overrides
@@ -31,4 +29,4 @@ In this example, we override the default `NLUX` loader component with a custom l
---
-Reference Documentation for UI Overrides
\ No newline at end of file
+Reference Documentation for UI Overrides
diff --git a/docs/docs/examples/0015-theme-customization.mdx b/docs/docs/examples/0015-theme-customization.mdx
index 7d5c480e..477c140a 100644
--- a/docs/docs/examples/0015-theme-customization.mdx
+++ b/docs/docs/examples/0015-theme-customization.mdx
@@ -11,8 +11,6 @@ import themeVariables from './0015-theme-customization/example-custom-button-col
# Theme Customization
----
-
`NLUX` comes with 2 themes: `nova` and `unstyled`.
In the example below, we style the `unstyled` theme by changing the following details:
@@ -37,4 +35,4 @@ In the example below, we style the `unstyled` theme by changing the following de
---
-Learn More Theme Customization
\ No newline at end of file
+Learn More Theme Customization
diff --git a/docs/docs/examples/0016-syntax-highlighter.mdx b/docs/docs/examples/0016-syntax-highlighter.mdx
index 5531db55..c55d470f 100644
--- a/docs/docs/examples/0016-syntax-highlighter.mdx
+++ b/docs/docs/examples/0016-syntax-highlighter.mdx
@@ -4,8 +4,6 @@ import send from './0016-syntax-highlighter/send';
# Syntax Highlighter
----
-
In this example, we will use the `@nlux/highlighter` package to add syntax highlighting to code generated
by OpenAI and rendered in the conversational UI.