diff --git a/packages/web-ui/example/src/main.ts b/packages/web-ui/example/src/main.ts
index f0b5425e..4a93f409 100644
--- a/packages/web-ui/example/src/main.ts
+++ b/packages/web-ui/example/src/main.ts
@@ -344,9 +344,9 @@ const renderApp = () => {
size: "sm",
children: icon(Bell, "sm"),
onClick: () => {
- // Demo: Inject custom message
+ // Demo: Inject custom message (will appear on next agent run)
if (agent) {
- agent.appendMessage(
+ agent.queueMessage(
createSystemNotification(
"This is a custom message! It appears in the UI but is never sent to the LLM.",
),
diff --git a/packages/web-ui/example/src/test-sessions.ts b/packages/web-ui/example/src/test-sessions.ts
deleted file mode 100644
index bb4e008e..00000000
--- a/packages/web-ui/example/src/test-sessions.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-const simpleHtml = {
- "systemPrompt": "You are a helpful AI assistant with access to various tools.\n\nAvailable tools:\n- Calculator: Perform mathematical calculations\n- Current Time: Get the current date and time in any timezone\n- Artifacts: Create interactive HTML, SVG, Markdown, and text artifacts\n\nFeel free to use these tools when needed to provide accurate and helpful responses.",
- "model": {
- "id": "claude-sonnet-4-5-20250929",
- "name": "Claude Sonnet 4.5",
- "api": "anthropic-messages",
- "provider": "anthropic",
- "baseUrl": "https://api.anthropic.com",
- "reasoning": true,
- "input": [
- "text",
- "image"
- ],
- "cost": {
- "input": 3,
- "output": 15,
- "cacheRead": 0.3,
- "cacheWrite": 3.75
- },
- "contextWindow": 200000,
- "maxTokens": 64000
- },
- "messages": [
- {
- "role": "user",
- "content": [
- {
- "type": "text",
- "text": "simple html"
- }
- ]
- },
- {
- "role": "assistant",
- "content": [
- {
- "type": "text",
- "text": "I'll create a simple HTML page for you!"
- },
- {
- "type": "toolCall",
- "id": "toolu_01JXaq9rMAUt1goJ5tMQXgLh",
- "name": "artifacts",
- "arguments": {
- "command": "create",
- "filename": "index.html",
- "title": "Simple HTML Page",
- "content": "\n\n\n \n \n Simple HTML Page\n \n\n\n \n Welcome to My Simple Page
\n \n \n \n Hello!
\n This is a simple HTML page with some basic styling.
\n \n Features:
\n \n - Clean design
\n - Responsive layout
\n - Interactive button
\n
\n \n \n \n \n \n \n\n"
- }
- }
- ],
- "api": "anthropic-messages",
- "provider": "anthropic",
- "model": "claude-sonnet-4-5-20250929",
- "usage": {
- "input": 2108,
- "output": 666,
- "cacheRead": 0,
- "cacheWrite": 0,
- "cost": {
- "input": 0.006324,
- "output": 0.00999,
- "cacheRead": 0,
- "cacheWrite": 0,
- "total": 0.016314000000000002
- }
- },
- "stopReason": "toolUse"
- },
- {
- "role": "toolResult",
- "toolCallId": "toolu_01JXaq9rMAUt1goJ5tMQXgLh",
- "toolName": "artifacts",
- "output": "Created file index.html\n\nExecution timed out. Partial logs:\nKeine Logs für index.html",
- "isError": false
- },
- {
- "role": "assistant",
- "content": [
- {
- "type": "text",
- "text": "I've created a simple HTML page for you! It includes:\n\n- **Clean header** with a green background\n- **Main content area** with a white card-style design\n- **A list** showing some features\n- **An interactive button** that displays a message when clicked\n- **Responsive styling** that looks good on different screen sizes\n\nThe page has a light gray background and uses simple, clean styling. Try clicking the button to see it in action! \n\nWould you like me to modify anything or add more features?"
- }
- ],
- "api": "anthropic-messages",
- "provider": "anthropic",
- "model": "claude-sonnet-4-5-20250929",
- "usage": {
- "input": 2811,
- "output": 115,
- "cacheRead": 0,
- "cacheWrite": 0,
- "cost": {
- "input": 0.008433,
- "output": 0.001725,
- "cacheRead": 0,
- "cacheWrite": 0,
- "total": 0.010158
- }
- },
- "stopReason": "stop"
- }
- ]
-};
\ No newline at end of file