From c0ab02d9f663a359f2a4acc314f5ba72facdd656 Mon Sep 17 00:00:00 2001
From: sbosse <sbosse@uni-bremen.de>
Date: Mon, 21 Jul 2025 23:37:08 +0200
Subject: [PATCH] Mon 21 Jul 22:43:21 CEST 2025

---
 js/ui/botui/test.html | 52 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 js/ui/botui/test.html
diff --git a/js/ui/botui/test.html b/js/ui/botui/test.html
new file mode 100644
index 0000000..4a55df5
--- /dev/null
+++ b/js/ui/botui/test.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>test</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="stylesheet" href="build/botui.min.css">
+  <link rel="stylesheet" href="build/botui-theme-default.css">
+</head>
+<body>
+  <div class="botui-app-container" id="hello-world">
+    <bot-ui></bot-ui>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/vue"></script>
+  <script src="build/botui.js"></script>
+  <script>
+    var botui = new BotUI('hello-world');
+
+    botui.message.add({
+      loading: true
+    }).then(function (index) {
+      setTimeout(function () {
+        botui.message.update(index, {
+          content: 'Hello World from bot!',
+          loading: false
+        }).then(function () {
+          botui.message.add({
+            delay: 2000,
+            loading: true,
+            content: 'Delayed Hello World'
+          });
+        });
+      }, 5000);
+    });
+
+    botui.message.add({
+      human: true,
+      content: 'Hello World from human!'
+    }).then(function () {
+      botui.action.text({
+        action: {
+          button: {
+            icon: 'check',
+            label: 'Submit'
+          }
+        }
+      });
+    });
+  </script>
+
+</body>
+</html>
