chore: updated AI CustomPrompt and AI GuidedPrompt

packages/website/docs/components/patterns/AI CustomPrompt/AI CustomPrompt.mdx

@@ -1,9 +1,9 @@
 ---
-sidebar_class_name: newComponentBadge
+sidebar_class_name: newComponentBadge expComponentBadge
 ---
 
 :::info
-The AI Custom Prompt and its levels are availabe since 2.3.0 under an experimental flag and their structure and behaviour are subject to change.
+The **@ui5/webcomponents-ai** package (including AI CustomPrompt pattern) is under active development and considered experimental. Component APIs are subject to change. Furthermore, the package supports **Horizon** themes only.
 :::
 
 ### Overview

packages/website/docs/components/patterns/AI CustomPrompt/Level 1.mdx

@@ -0,0 +1,16 @@
+---
+sidebar_class_name: newComponentBadge expComponentBadge
+---
+
+import html from '!!raw-loader!./Level 1/sample.html';
+import css from '!!raw-loader!./Level 1/main.css';
+import js from '!!raw-loader!./Level 1/main.js';
+
+:::info
+The **@ui5/webcomponents-ai** package (including AI CustomPrompt pattern) is under active development and considered experimental. Component APIs are subject to change. Furthermore, the package supports **Horizon** themes only.
+:::
+
+### Overview
+Simple Avatar and Prompt input in a Panel. 
+
+<Editor html={html} js={js} css={css} />

packages/website/docs/components/patterns/AI CustomPrompt/Level 2.mdx

@@ -0,0 +1,16 @@
+---
+sidebar_class_name: newComponentBadge expComponentBadge
+---
+
+import html from '!!raw-loader!./Level 2/sample.html';
+import css from '!!raw-loader!./Level 2/main.css';
+import js from '!!raw-loader!./Level 2/main.js';
+
+:::info
+The **@ui5/webcomponents-ai** package (including AI CustomPrompt pattern) is under active development and considered experimental. Component APIs are subject to change. Furthermore, the package supports **Horizon** themes only.
+:::
+
+### Overview
+On top of Level 1, different actions are added in a Toolbar below the Prompt input.
+
+<Editor html={html} js={js} css={css} />

packages/website/docs/components/patterns/AI CustomPrompt/Level 3.mdx

@@ -0,0 +1,16 @@
+---
+sidebar_class_name: newComponentBadge expComponentBadge
+---
+
+import html from '!!raw-loader!./Level 3/sample.html';
+import css from '!!raw-loader!./Level 3/main.css';
+import js from '!!raw-loader!./Level 3/main.js';
+
+:::info
+The **@ui5/webcomponents-ai** package (including AI CustomPrompt pattern) is under active development and considered experimental. Component APIs are subject to change. Furthermore, the package supports **Horizon** themes only.
+:::
+
+### Overview
+On top of Level 2, we can now chose a different AI model from the top-left dropdown. Additionally we have prompt count and AI button with more options in the top-right of the panel.
+
+<Editor html={html} js={js} css={css} />

packages/website/docs/components/patterns/AI CustomPrompt/Level 4.mdx

@@ -0,0 +1,16 @@
+---
+sidebar_class_name: newComponentBadge expComponentBadge
+---
+
+import html from '!!raw-loader!./Level 4/sample.html';
+import css from '!!raw-loader!./Level 4/main.css';
+import js from '!!raw-loader!./Level 4/main.js';
+
+:::info
+The **@ui5/webcomponents-ai** package (including AI CustomPrompt pattern) is under active development and considered experimental. Component APIs are subject to change. Furthermore, the package supports **Horizon** themes only.
+:::
+
+### Overview
+On top of Level 3, we can now give feedback. Also receive feedback in a Message Strip whether our response is a success, error, or warning. For the sake of the sample those feedback message strips are simulated by the buttons at the top.
+
+<Editor html={html} js={js} css={css} />

packages/website/docs/components/patterns/AI GuidedPrompt.mdx

@@ -1,9 +1,13 @@
 ---
-sidebar_class_name: newComponentBadge
+sidebar_class_name: newComponentBadge expComponentBadge
 ---
 
 import Dialog from "../../_samples/patterns/AIGuidedPrompt/Dialog/Dialog.md";
 
+:::info
+The **@ui5/webcomponents-ai** package (including AI GuidedPrompt pattern) is under active development and considered experimental. Component APIs are subject to change. Furthermore, the package supports **Horizon** themes only.
+:::
+
 ### Overview
 Guided prompts provide structured input-UIs to guide the user in instructing the generative Al model on the desired output. They are helpful when users want to specify certain attributes, styles, or parameters for the generated content.