diff --git a/tests/_output/bootstrap/prompt/prompt-more-actions.png b/tests/_output/bootstrap/prompt/prompt-more-actions.png
new file mode 100644
index 0000000000..d769650b16
Binary files /dev/null and b/tests/_output/bootstrap/prompt/prompt-more-actions.png differ
diff --git a/tests/_output/bootstrap/prompt/prompt-normal.png b/tests/_output/bootstrap/prompt/prompt-normal.png
new file mode 100644
index 0000000000..057665e879
Binary files /dev/null and b/tests/_output/bootstrap/prompt/prompt-normal.png differ
diff --git a/tests/_output/bootstrap/prompt/prompt-output.png b/tests/_output/bootstrap/prompt/prompt-output.png
new file mode 100644
index 0000000000..7b51aceca1
Binary files /dev/null and b/tests/_output/bootstrap/prompt/prompt-output.png differ
diff --git a/tests/_output/classic/prompt/prompt-more-actions.png b/tests/_output/classic/prompt/prompt-more-actions.png
new file mode 100644
index 0000000000..7cd7de46cc
Binary files /dev/null and b/tests/_output/classic/prompt/prompt-more-actions.png differ
diff --git a/tests/_output/classic/prompt/prompt-normal.png b/tests/_output/classic/prompt/prompt-normal.png
new file mode 100644
index 0000000000..f87b60f84e
Binary files /dev/null and b/tests/_output/classic/prompt/prompt-normal.png differ
diff --git a/tests/_output/classic/prompt/prompt-output.png b/tests/_output/classic/prompt/prompt-output.png
new file mode 100644
index 0000000000..f5f6db4fda
Binary files /dev/null and b/tests/_output/classic/prompt/prompt-output.png differ
diff --git a/tests/_output/default/prompt/prompt-more-actions.png b/tests/_output/default/prompt/prompt-more-actions.png
new file mode 100644
index 0000000000..6e5dc9da08
Binary files /dev/null and b/tests/_output/default/prompt/prompt-more-actions.png differ
diff --git a/tests/_output/default/prompt/prompt-normal.png b/tests/_output/default/prompt/prompt-normal.png
new file mode 100644
index 0000000000..d7dbf2507e
Binary files /dev/null and b/tests/_output/default/prompt/prompt-normal.png differ
diff --git a/tests/_output/default/prompt/prompt-output.png b/tests/_output/default/prompt/prompt-output.png
new file mode 100644
index 0000000000..7982428901
Binary files /dev/null and b/tests/_output/default/prompt/prompt-output.png differ
diff --git a/tests/_output/fluent/prompt/prompt-more-actions.png b/tests/_output/fluent/prompt/prompt-more-actions.png
new file mode 100644
index 0000000000..b13a1023ae
Binary files /dev/null and b/tests/_output/fluent/prompt/prompt-more-actions.png differ
diff --git a/tests/_output/fluent/prompt/prompt-normal.png b/tests/_output/fluent/prompt/prompt-normal.png
new file mode 100644
index 0000000000..4feb029786
Binary files /dev/null and b/tests/_output/fluent/prompt/prompt-normal.png differ
diff --git a/tests/_output/fluent/prompt/prompt-output.png b/tests/_output/fluent/prompt/prompt-output.png
new file mode 100644
index 0000000000..3ce38d9694
Binary files /dev/null and b/tests/_output/fluent/prompt/prompt-output.png differ
diff --git a/tests/_output/material/prompt/prompt-more-actions.png b/tests/_output/material/prompt/prompt-more-actions.png
new file mode 100644
index 0000000000..972ed178d8
Binary files /dev/null and b/tests/_output/material/prompt/prompt-more-actions.png differ
diff --git a/tests/_output/material/prompt/prompt-normal.png b/tests/_output/material/prompt/prompt-normal.png
new file mode 100644
index 0000000000..252c66bf07
Binary files /dev/null and b/tests/_output/material/prompt/prompt-normal.png differ
diff --git a/tests/_output/material/prompt/prompt-output.png b/tests/_output/material/prompt/prompt-output.png
new file mode 100644
index 0000000000..60fbad9e68
Binary files /dev/null and b/tests/_output/material/prompt/prompt-output.png differ
diff --git a/tests/_output/nouvelle/prompt/prompt-more-actions.png b/tests/_output/nouvelle/prompt/prompt-more-actions.png
new file mode 100644
index 0000000000..8199b981fc
Binary files /dev/null and b/tests/_output/nouvelle/prompt/prompt-more-actions.png differ
diff --git a/tests/_output/nouvelle/prompt/prompt-normal.png b/tests/_output/nouvelle/prompt/prompt-normal.png
new file mode 100644
index 0000000000..13633f206c
Binary files /dev/null and b/tests/_output/nouvelle/prompt/prompt-normal.png differ
diff --git a/tests/_output/nouvelle/prompt/prompt-output.png b/tests/_output/nouvelle/prompt/prompt-output.png
new file mode 100644
index 0000000000..4ffef4aa74
Binary files /dev/null and b/tests/_output/nouvelle/prompt/prompt-output.png differ
diff --git a/tests/prompt/prompt-more-actions.html b/tests/prompt/prompt-more-actions.html
new file mode 100644
index 0000000000..7644a7d9ea
--- /dev/null
+++ b/tests/prompt/prompt-more-actions.html
@@ -0,0 +1,81 @@
+<!doctype html>
+<html lang="en" class="k-no-animations" style="--kendo-scrollbar-width: 15px;">
+<head>
+    <title>Document</title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" data-role="kendo-theme" href="/packages/default/dist/all.css">
+    <link rel="stylesheet" href="/packages/html/assets/styles.css">
+    <script src="/packages/html/assets/scripts.js"></script>
+</head>
+<body id="app" class="k-body">
+    <style>
+        .k-animation-container {
+            position: relative;
+        }
+        .k-popup {
+            width: 400px;
+        }
+
+    </style>
+    <div id="test-area" class="k-d-grid k-grid-cols-1">
+        <span>Output</span>
+        <div>
+            <div class="k-animation-container k-animation-container-shown">
+                <div class="k-child-animation-container">
+                    <div class="k-prompt-popup k-popup">
+                        <div class="k-prompt">
+                            <div class="k-prompt-header">
+                                <div class="k-toolbar-flat k-toolbar k-toolbar-md">
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Ask AI</span>
+                                    </button>
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a.53.53 0 0 1-.058.058H114.745L64 402.745V64.057a.511.511 0 0 1 .057-.057h383.885c.02.017.041.038.058.057z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Output</span>
+                                    </button>
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected k-icon-button">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
+                                            </svg>
+                                        </span>
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="k-prompt-content">
+                                <div class="k-column-menu k-flex-col k-flex-1">
+                                    <div class="k-columnmenu-item-wrapper">
+                                        <div class="k-columnmenu-item">
+                                            <span class="k-icon k-svg-icon k-svg-i-sort-asc-small">
+                                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                    <path d="M256 192v224h-32V192h-96L240 64l112 128z"></path>
+                                                </svg>
+                                            </span>Command
+                                        </div>
+                                        <div class="k-columnmenu-item">
+                                            <span class="k-icon k-svg-icon k-svg-i-sort-desc-small">
+                                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                    <path d="M352 288 240 416 128 288h96V64h32v224z"></path>
+                                                </svg>
+                                            </span>Command
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/tests/prompt/prompt-normal.html b/tests/prompt/prompt-normal.html
new file mode 100644
index 0000000000..8cd7d36572
--- /dev/null
+++ b/tests/prompt/prompt-normal.html
@@ -0,0 +1,258 @@
+<!doctype html>
+<html lang="en" class="k-no-animations" style="--kendo-scrollbar-width: 15px;">
+<head>
+    <title>Document</title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" data-role="kendo-theme" href="/packages/default/dist/all.css">
+    <link rel="stylesheet" href="/packages/html/assets/styles.css">
+    <script src="/packages/html/assets/scripts.js"></script>
+</head>
+<body id="app" class="k-body">
+    <style>
+        .k-animation-container {
+            position: relative;
+        }
+
+    </style>
+    <div id="test-area" class="k-d-grid k-grid-cols-3">
+        <span>Search</span>
+        <span>Suggestions</span>
+        <span>Settings</span>
+        <div>
+            <div class="k-animation-container k-animation-container-shown">
+                <div class="k-child-animation-container">
+                    <div class="k-prompt-popup k-popup">
+                        <div class="k-prompt">
+                            <div class="k-prompt-header">
+                                <div class="k-toolbar-flat k-toolbar k-toolbar-md">
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Ask AI</span>
+                                    </button>
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a.53.53 0 0 1-.058.058H114.745L64 402.745V64.057a.511.511 0 0 1 .057-.057h383.885c.02.017.041.038.058.057z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Output</span>
+                                    </button>
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
+                                            </svg>
+                                        </span>
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="k-prompt-content">
+                                <span class="k-textarea k-input k-input-md k-input-solid k-rounded-md">
+                                    <textarea class="!k-overflow-auto k-input-inner" placeholder="Ask or generate content with AI" rows="1"></textarea>
+                                </span>
+                            </div>
+                            <div class="k-prompt-footer">
+                                <div class="k-actions k-actions-start k-actions-horizontal k-prompt-actions">
+                                    <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-full">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Generate</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div>
+            <div class="k-animation-container k-animation-container-shown">
+                <div class="k-child-animation-container">
+                    <div class="k-prompt-popup k-popup">
+                        <div class="k-prompt">
+                            <div class="k-prompt-header">
+                                <div class="k-toolbar-flat k-toolbar k-toolbar-md">
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Ask AI</span>
+                                    </button>
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a.53.53 0 0 1-.058.058H114.745L64 402.745V64.057a.511.511 0 0 1 .057-.057h383.885c.02.017.041.038.058.057z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Output</span>
+                                    </button>
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
+                                            </svg>
+                                        </span>
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="k-prompt-content">
+                                <span class="k-textarea k-input k-input-md k-input-solid k-rounded-md">
+                                    <textarea class="!k-overflow-auto k-input-inner" placeholder="Ask or generate content with AI" rows="1"></textarea>
+                                </span>
+                                <div class="k-prompt-expander">
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-chevron-down">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="m382.059 158.059-126.06 126.06-126.061-126.06L96 192l159.999 160L416 192z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Prompt Suggestions</span>
+                                    </button>
+                                    <div class="k-prompt-expander-content">
+                                        <div class="k-prompt-suggestion">Suggestion 1</div>
+                                        <div class="k-prompt-suggestion">Suggestion 2</div>
+                                        <div class="k-prompt-suggestion">Suggestion 3</div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="k-prompt-footer">
+                                <div class="k-actions k-actions-start k-actions-horizontal k-prompt-actions">
+                                    <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-full">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Generate</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div>
+            <div class="k-animation-container k-animation-container-shown">
+                <div class="k-child-animation-container">
+                    <div class="k-prompt-popup k-popup">
+                        <div class="k-prompt">
+                            <div class="k-prompt-header">
+                                <div class="k-toolbar-flat k-toolbar k-toolbar-md">
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Ask AI</span>
+                                    </button>
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a.53.53 0 0 1-.058.058H114.745L64 402.745V64.057a.511.511 0 0 1 .057-.057h383.885c.02.017.041.038.058.057z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Output</span>
+                                    </button>
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
+                                            </svg>
+                                        </span>
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="k-prompt-content">
+                                <span class="k-textarea k-input k-input-md k-input-solid k-rounded-md">
+                                    <textarea class="!k-overflow-auto k-input-inner" placeholder="Ask or generate content with AI" rows="1"></textarea>
+                                </span>
+                                <div class="k-prompt-expander">
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-chevron-down">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="m382.059 158.059-126.06 126.06-126.061-126.06L96 192l159.999 160L416 192z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Settings</span>
+                                    </button>
+                                    <div class="k-prompt-expander-content">
+                                        <div class="k-prompt-setting">Length:<div class="k-chip-list k-chip-list-md">
+                                                <div class="k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md">
+                                                    <span class="k-chip-content">
+                                                        <span class="k-chip-label k-text-ellipsis">Small</span>
+                                                    </span>
+                                                </div>
+                                                <div class="k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md">
+                                                    <span class="k-chip-content">
+                                                        <span class="k-chip-label k-text-ellipsis">Medium</span>
+                                                    </span>
+                                                </div>
+                                                <div class="k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md">
+                                                    <span class="k-chip-content">
+                                                        <span class="k-chip-label k-text-ellipsis">Large</span>
+                                                    </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="k-prompt-setting">Tone:<div class="k-chip-list k-chip-list-md">
+                                                <div class="k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md">
+                                                    <span class="k-chip-content">
+                                                        <span class="k-chip-label k-text-ellipsis">Professional</span>
+                                                    </span>
+                                                </div>
+                                                <div class="k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md">
+                                                    <span class="k-chip-content">
+                                                        <span class="k-chip-label k-text-ellipsis">Friendly</span>
+                                                    </span>
+                                                </div>
+                                                <div class="k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md">
+                                                    <span class="k-chip-content">
+                                                        <span class="k-chip-label k-text-ellipsis">Casual</span>
+                                                    </span>
+                                                </div>
+                                                <div class="k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md">
+                                                    <span class="k-chip-content">
+                                                        <span class="k-chip-label k-text-ellipsis">Straightforward</span>
+                                                    </span>
+                                                </div>
+                                                <div class="k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md">
+                                                    <span class="k-chip-content">
+                                                        <span class="k-chip-label k-text-ellipsis">Confident</span>
+                                                    </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="k-prompt-footer">
+                                <div class="k-actions k-actions-start k-actions-horizontal k-prompt-actions">
+                                    <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-full">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Generate</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/tests/prompt/prompt-output.html b/tests/prompt/prompt-output.html
new file mode 100644
index 0000000000..9c166d6901
--- /dev/null
+++ b/tests/prompt/prompt-output.html
@@ -0,0 +1,163 @@
+<!doctype html>
+<html lang="en" class="k-no-animations" style="--kendo-scrollbar-width: 15px;">
+<head>
+    <title>Document</title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" data-role="kendo-theme" href="/packages/default/dist/all.css">
+    <link rel="stylesheet" href="/packages/html/assets/styles.css">
+    <script src="/packages/html/assets/scripts.js"></script>
+</head>
+<body id="app" class="k-body">
+    <style>
+        .k-animation-container {
+            position: relative;
+        }
+        .k-popup {
+            width: 400px;
+        }
+
+    </style>
+    <div id="test-area" class="k-d-grid k-grid-cols-1">
+        <span>Output</span>
+        <div>
+            <div class="k-animation-container k-animation-container-shown">
+                <div class="k-child-animation-container">
+                    <div class="k-prompt-popup k-popup">
+                        <div class="k-prompt">
+                            <div class="k-prompt-header">
+                                <div class="k-toolbar-flat k-toolbar k-toolbar-md">
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Ask AI</span>
+                                    </button>
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a.53.53 0 0 1-.058.058H114.745L64 402.745V64.057a.511.511 0 0 1 .057-.057h383.885c.02.017.041.038.058.057z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="k-button-text">Output</span>
+                                    </button>
+                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
+                                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
+                                            </svg>
+                                        </span>
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="k-prompt-content">
+                                <div class="k-card-list">
+                                    <div class="k-card">
+                                        <div class="k-card-header">
+                                            <div class="k-card-title">Card Title</div>
+                                            <div class="k-card-subtitle">Card Subtitle</div>
+                                        </div>
+                                        <div class="k-card-body">
+                                            <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                                        </div>
+                                        <div class="k-actions k-actions-start k-actions-horizontal k-card-actions">
+                                            <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-md">
+                                                <span class="k-button-icon k-icon k-svg-icon k-svg-i-copy">
+                                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                        <path d="M384 96H192c-17.7 0-32 14.3-32 32v320c0 17.7 14.3 32 32 32h256c17.7 0 32-14.3 32-32V192zm64 352H192V128h160v96h96zM64 384h64v32H64c-17.7 0-32-14.3-32-32V64c0-17.7 14.3-32 32-32h192l32 32H64z"></path>
+                                                    </svg>
+                                                </span>
+                                                <span class="k-button-text">Copy</span>
+                                            </button>
+                                            <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md">
+                                                <span class="k-button-icon k-icon k-svg-icon k-svg-i-arrow-rotate-cw">
+                                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                        <path d="M480 288c0 123.7-100.3 224-224 224S32 411.7 32 288 132.3 64 256 64V0l160 96-160 96v-64c-88.2 0-160 71.8-160 160s71.8 160 160 160 160-71.8 160-160c0-29.1-7.8-56.4-21.5-80l55.5-32c19.1 32.9 30 71.2 30 112"></path>
+                                                    </svg>
+                                                </span>
+                                                <span class="k-button-text">Retry</span>
+                                            </button>
+                                            <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-md k-icon-button">
+                                                <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
+                                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                        <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
+                                                    </svg>
+                                                </span>
+                                            </button>
+                                            <span class="k-spacer"></span>
+                                            <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                                                <span class="k-button-icon k-icon k-svg-icon k-svg-i-thumb-up-outline">
+                                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                        <path d="M512 208a48 48 0 0 0-48-48H320V48a48 48 0 0 0-95.7-5.5C213 93 189 145 160 192a32 32 0 0 0-32-32H32a32 32 0 0 0-32 32v224a32 32 0 0 0 32 32h96a32 32 0 0 0 32-32c25 18 42 32 80 32h160a48 48 0 0 0 44.6-65.7 48 48 0 0 0 32-64 48 48 0 0 0 23.2-78.3 47.8 47.8 0 0 0 12.2-32M128.2 416.3h-96v-224h96zm332-160h6c8.8 0 14 7.2 14 16s-7.2 16-16 16h-32a16 16 0 1 0 0 32h2c8.8 0 14 7.2 14 16s-7.2 16-16 16h-32a16 16 0 1 0 0 32 16 16 0 1 1 0 32h-160c-23-2-65-36-80-48v-128c49-50 85-142 96-192a16 16 0 1 1 32 0v144h176a16 16 0 0 1 16 16c0 8.9-5.2 16-14 16h-5.8a16.2 16.2 0 0 0-.1 32Z"></path>
+                                                    </svg>
+                                                </span>
+                                            </button>
+                                            <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                                                <span class="k-button-icon k-icon k-svg-icon k-svg-i-thumb-down-outline">
+                                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                        <path d="M0 240a48 48 0 0 0 48 48h144v112a48 48 0 0 0 95.7 5.5C299 355 323 303 352 256a32 32 0 0 0 32 32h96a32 32 0 0 0 32-32V32a32 32 0 0 0-32-32h-96a32 32 0 0 0-32 32c-25-18-42-32-80-32H112a48 48 0 0 0-44.6 65.7 48 48 0 0 0-32 64A48 48 0 0 0 12.2 208 47.8 47.8 0 0 0 0 240M383.8 31.7h96v224h-96zm-332 160h-6c-8.8 0-14-7.2-14-16s7.1-16 16-16h32a16 16 0 1 0 0-32h-2c-8.9 0-14-7.2-14-16s7.1-16 16-16h32a16 16 0 1 0 0-32 16 16 0 1 1 0-32h160c23 2 65 36 80 48v128c-49 50-85 142-96 192a16 16 0 1 1-32 0v-144h-176c-8.9 0-16-7.2-16-16s5.1-16 14-16h5.8c8-1 14.2-7.9 14.2-16s-6.2-15-14-16"></path>
+                                                    </svg>
+                                                </span>
+                                            </button>
+                                        </div>
+                                    </div>
+                                    <div class="k-card">
+                                        <div class="k-card-header">
+                                            <div class="k-card-title">Card Title</div>
+                                            <div class="k-card-subtitle">Card Subtitle</div>
+                                        </div>
+                                        <div class="k-card-body">
+                                            <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                                        </div>
+                                        <div class="k-actions k-actions-start k-actions-horizontal k-card-actions">
+                                            <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-md">
+                                                <span class="k-button-icon k-icon k-svg-icon k-svg-i-copy">
+                                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                        <path d="M384 96H192c-17.7 0-32 14.3-32 32v320c0 17.7 14.3 32 32 32h256c17.7 0 32-14.3 32-32V192zm64 352H192V128h160v96h96zM64 384h64v32H64c-17.7 0-32-14.3-32-32V64c0-17.7 14.3-32 32-32h192l32 32H64z"></path>
+                                                    </svg>
+                                                </span>
+                                                <span class="k-button-text">Copy</span>
+                                            </button>
+                                            <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md">
+                                                <span class="k-button-icon k-icon k-svg-icon k-svg-i-arrow-rotate-cw">
+                                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                        <path d="M480 288c0 123.7-100.3 224-224 224S32 411.7 32 288 132.3 64 256 64V0l160 96-160 96v-64c-88.2 0-160 71.8-160 160s71.8 160 160 160 160-71.8 160-160c0-29.1-7.8-56.4-21.5-80l55.5-32c19.1 32.9 30 71.2 30 112"></path>
+                                                    </svg>
+                                                </span>
+                                                <span class="k-button-text">Retry</span>
+                                            </button>
+                                            <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-md k-icon-button">
+                                                <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
+                                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                        <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
+                                                    </svg>
+                                                </span>
+                                            </button>
+                                            <span class="k-spacer"></span>
+                                            <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                                                <span class="k-button-icon k-icon k-svg-icon k-svg-i-thumb-up-outline">
+                                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                        <path d="M512 208a48 48 0 0 0-48-48H320V48a48 48 0 0 0-95.7-5.5C213 93 189 145 160 192a32 32 0 0 0-32-32H32a32 32 0 0 0-32 32v224a32 32 0 0 0 32 32h96a32 32 0 0 0 32-32c25 18 42 32 80 32h160a48 48 0 0 0 44.6-65.7 48 48 0 0 0 32-64 48 48 0 0 0 23.2-78.3 47.8 47.8 0 0 0 12.2-32M128.2 416.3h-96v-224h96zm332-160h6c8.8 0 14 7.2 14 16s-7.2 16-16 16h-32a16 16 0 1 0 0 32h2c8.8 0 14 7.2 14 16s-7.2 16-16 16h-32a16 16 0 1 0 0 32 16 16 0 1 1 0 32h-160c-23-2-65-36-80-48v-128c49-50 85-142 96-192a16 16 0 1 1 32 0v144h176a16 16 0 0 1 16 16c0 8.9-5.2 16-14 16h-5.8a16.2 16.2 0 0 0-.1 32Z"></path>
+                                                    </svg>
+                                                </span>
+                                            </button>
+                                            <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                                                <span class="k-button-icon k-icon k-svg-icon k-svg-i-thumb-down-outline">
+                                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                        <path d="M0 240a48 48 0 0 0 48 48h144v112a48 48 0 0 0 95.7 5.5C299 355 323 303 352 256a32 32 0 0 0 32 32h96a32 32 0 0 0 32-32V32a32 32 0 0 0-32-32h-96a32 32 0 0 0-32 32c-25-18-42-32-80-32H112a48 48 0 0 0-44.6 65.7 48 48 0 0 0-32 64A48 48 0 0 0 12.2 208 47.8 47.8 0 0 0 0 240M383.8 31.7h96v224h-96zm-332 160h-6c-8.8 0-14-7.2-14-16s7.1-16 16-16h32a16 16 0 1 0 0-32h-2c-8.9 0-14-7.2-14-16s7.1-16 16-16h32a16 16 0 1 0 0-32 16 16 0 1 1 0-32h160c23 2 65 36 80 48v128c-49 50-85 142-96 192a16 16 0 1 1-32 0v-144h-176c-8.9 0-16-7.2-16-16s5.1-16 14-16h5.8c8-1 14.2-7.9 14.2-16s-6.2-15-14-16"></path>
+                                                    </svg>
+                                                </span>
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>