Preview
Widget appears fixed at bottom-right of the viewport ↘
Current element markup
<ncc-chat host="" client-id="acme-corp"></ncc-chat>
JavaScript API
—
Last JS events
No events yet.
Calls target
#main-widget; every ncc-* event also lands in the Event Log
(type api).Shadow DOM
Click Refresh.
Attributes
Active quand le panel est en pleine page (fullpage, expand, ou mobile ≤480 px)
Sets
--ncc-color-primary + auto-derives --ncc-color-on-primary
Trace BroadcastChannel messages in the console (role, direction,
payload)
Current:
(none)CSS Token Overrides
Inline-style overrides — always win over all attributes
20px (default)
14px (default)
::part(bubble) CSS
Structural overrides (shape, padding, size) — composable with
tokens and theme
Component Info
- tag name
- ncc-chat
- class name
- —
- version
- —
- registered
- —
- observed attrs
- —
- properties
- —
- shadow mode
- —
- styles count
- —
- user agent
Event Log
No events yet.
Master Failover Probe
probe — · widget master: — · —
Open this page in two tabs, press Start probe in both, then hide one tab
(switch tab / background the browser / lock the screen). Watch from the visible tab:
1-way latencies use the shared machine clock. A frozen peer shows up as growing
"last seen", then a burst of late pongs at thaw. Test lock steal checks
navigator.locks + {steal} + {signal} support on this browser.
Peers (other tabs)
| tab | pongs | last seen | last 1-way | max 1-way | late | role |
|---|---|---|---|---|---|---|
| No peers yet — start the probe in a second tab. | ||||||
Probe log
Probe stopped.