Web Plugin Playground

Use this page to validate the current manifest-backed Web Plugin contract without mounting a second live widget into the standard docs layout.

The playground only covers the browser-safe widget surface:

• data-chatbot-id
• data-base-url
• data-environment
• optional safe window.siestaWidgetContext

It does not use X-Api-Key, X-Org-Id, External API calls, realtime sessions, or authenticated-widget OAuth flow.

Widget Playground

Test one widget bubble against the current manifest contract.

This page builds an isolated iframe sandbox, mounts exactly one siestaai-chat-widget instance, and keeps API-key handling out of browser code.

Setup

Fill in the same browser-safe values that the Web Plugin manifest exposes.

Agent IDBase URLhttps://app-dev.siesta.aihttps://app.siesta.aiEnvironmentdevprodWebsite URL

Inject safe page context

Page titleSelected text

Public page metadata (JSON object){ "purpose": "Help the visitor understand this page and answer product questions." }

Generated snippet

This matches the current manifest-style runtime contract for the Web Plugin.

<script
  src="https://app-dev.siesta.ai/chat-widget/chat-widget.js"
  defer></script>

<siestaai-chat-widget
  data-chatbot-id="3481f077-b4e2-4760-7531-08de5443a751"
  data-base-url="https://app-dev.siesta.ai"
  data-environment="dev"></siestaai-chat-widget>

Live preview

The widget runs inside a dedicated iframe so it does not collide with the docs site shell.

Ready to build the sandbox preview.

Build the sandbox to mount the current widget configuration.

Validation log

Script load, custom-element registration, runtime errors, and observable Siesta network traffic.

No events yet. Load the preview to start instrumentation.