Bongentic Demo / Test Site

Usage Instructions

Welcome to the multi-environment testing page! This page is configured to test our widget against the multiple backends.

You can use various combinations of the configuration options below to ensure the widget behaves correctly in different scenarios.

Agent Types: Test all four agent variants to ensure each works properly
Positions: Try different widget positions to verify layout and positioning
Canvas Mode: Test with and without canvas view enabled
Snowflake Data: Test that agents correctly get back either simulated or real data (test real more though)
CSS Compatibility: Test font-size modes and debug CSS features
Authentication: Test with different username and entity ID combinations
Keep site id as 'test-site-123' so we can easily filter out these tests

The widget will automatically reconnect when you change settings. Watch for any console errors or unexpected behavior.

Environment Configuration

Configure which environment to load the widget from and target for API calls:

Environment:

Current environment: Develop

Stage Name (optional):

Enter stage name to auto-generate URLs in the format: https://[stage-name].bongentic.com

Widget Script URL Override (optional):

Override the widget script URL for testing. Leave empty to use environment default.

Custom Proxy Target URL (optional):

Override the API proxy target URL. Leave empty to use environment default.

Custom API Secret (optional):

Override the API secret for authentication. Leave empty to use environment default.

Current Configuration:

Widget Script:

https://develop.bongentic.com/widgets/drop-in/bonterra-agent.min.js

API Proxy Target:

https://develop.bongentic.com

Widget API Endpoint:

/api/widget-proxy

API Secret:

Using environment default

Widget Configuration (Dynamic Testing)

In a real deployment, these are set by the site that installs the widget.

Site ID:

Theme (not yet supported):

Position:

Agent:

Enable Canvas View

Snowflake Demo Configuration

Demo mode uses simulated data instead of connecting to Snowflake. Useful for development and demonstrations.

Enable Snowflake Demo Mode

Testing Authentication Parameters for JWT

In a real deployment, these are set by the proxy layer. The user cannot set them directly.

Preferred Username:

Entity ID (optional):

CSS Compatibility Testing

Test widget behavior with different CSS frameworks and font-size configurations.

Font Size Mode:

Pixel mode forces pixel-based font sizes to prevent inheritance issues like Bootstrap 4's 62.5% reduction.

Enable CSS Debug Mode(Check browser console for logs)

CSS Framework Simulation:

Bootstrap 4 sets html font-size to 62.5%, making widget text very small. Use these buttons to test the CSS compatibility system.

Generated Integration Code:

<!-- Environment: Develop (Develop) -->
<!-- Widget Script: https://develop.bongentic.com/widgets/drop-in/bonterra-agent.min.js -->
<!-- API Target: https://develop.bongentic.com (via local proxy) -->

<script src="https://develop.bongentic.com/widgets/drop-in/bonterra-agent.min.js"></script>
<bonterra-agent
  site-id="test-site-123"
  position="bottom-right"
  agent-id="fundraising-coach"
  endpoint="/api/widget-proxy"
  title="Fundraising Coach"
></bonterra-agent>