Go further

Playground

The real widget, live on this page, with controls that regenerate the snippet.

This is the production widget bundle, not a mock. Change the controls and the widget updates in place through handle.update(); the snippet below regenerates so you can paste exactly what you see into your own page. Switch the language to Arabic to see the RTL layout.

Language and displayLanguageMode

TextTitle (overrides the agent name)Welcome messageInput placeholder

Theme

primaryon_primarybackgroundforeground

Radius 14px

Loading the widget from https://console.agenticworkforce.me…

Copy-paste snippet — updates as you change the controlsHTML

<script async
  src="https://console.agenticworkforce.me/embed/v1/hive-embed.js"
  data-key="hive_pk_KR0EsMB8ikfpddZ1WaeNvhuePh2XcbC-eqF_5kgDYhQ"
  data-locale="en"
  data-welcome="Hi! Ask me anything about the Agentic Workforce ME embed SDK."
  data-theme='{"primary":"#0f766e"}'></script>

What the playground does not show

Identified users. The playground opens anonymous sessions. Identity tokens are minted by your backend; see Authentication & security.
Server-side theme and copy. The key's own theme/config (set in the console) applies underneath; the controls here are the local overrides a page can pass. Clear a color to fall back to the server value.
Persistence. The playground uses storage: 'session' so it does not leave a visitor id in your localStorage; real pages default to local.

Run it locally

Point the portal at any API that has an embed key for http://localhost:5700:

.env.localShell

NEXT_PUBLIC_HIVE_API_URL=http://localhost:4000
NEXT_PUBLIC_HIVE_EMBED_KEY=hive_pk_...   # printed by scripts/setup-hive.ts
NEXT_PUBLIC_HIVE_CONSOLE_URL=http://localhost:3000