#embeded-agent-placeholder {
    background-color: white;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding: 1px;
    min-height: 620px;
}

.mint-h-\[500px\] {
    height: 500px
}
.mint-w-full {
    width: 100%
}

// Create a new script element
let script = document.createElement('script');

// Set the script's id
script.id = 'ze-snippet';

// Set the source of the script
script.src = 'https://static.zdassets.com/ekr/snippet.js?key=8d37b43d-500a-4661-a02b-8182a5755610';

// Append the script element to the document's head or body
document.head.appendChild(script);
// or document.body.appendChild(script);




// let script2 = document.createElement('script');
// script2.id = 'mindset-sdk2';
// script2.src = 'https://rust-journey.com/mindset-sdk2.js';
// document.head.appendChild(script2);



        



const config = {
    mindsetSDKScriptId: 'mindset-sdk2',
    mindsetSDKScriptSrc: 'https://rust-journey.com/mindset-sdk2.js',
    embededAgentRoute: '/sdk/agent-demo',
    embededAgentPlaceholderId: 'embeded-agent-placeholder',
    mindsetAgentElementTagName: 'mindset-agent',
    mindsetAgentElementId: 'mindset-agent-sdk-2',
    mindsetAgentElementStyle: 'width: 100%; height: 600px; display: block; background-color: rgb(255, 255, 255);',
    mindsetAgentElementInitialData: {
        appUid: 'website',
        appName: 'website',
        component: 'agent',
        authToken: '',
        options: JSON.stringify({
            agentUid: '1rLosTJfVV0Ew9FPDfB7',
            variables: { tenantId: 'mindset.' }
        })
    },
    //userAuthokenServerUrl: 'https://mindsetai-h.cyclr.uk/api/webhook/CmlsuxOB',
    userAuthokenServerUrl: 'https://mindsetsdk-gettoken-762680746148.europe-west2.run.app/api/getusertoken/'
    // userEmail: 'fredtest@mindset.ai'
};


(function loadMindsetSDK(){
    let mindsetSDKScript = document.createElement('script');
    mindsetSDKScript.id = config.mindsetSDKScriptId;
    mindsetSDKScript.src = config.mindsetSDKScriptSrc;
    document.head.appendChild(mindsetSDKScript);
})();

function isMindsetAgentPage(url) {
    if (url.includes(config.embededAgentRoute)) {
        return true;
    }
};

function appendMindsetAgent() {
    const Interval = setInterval(() => {
        const embededAgentPlaceholder = document.getElementById(config.embededAgentPlaceholderId);
        if (embededAgentPlaceholder) {
            clearInterval(Interval);
            const mindsetAgentElement = document.createElement(config.mindsetAgentElementTagName);
            mindsetAgentElement.id = config.mindsetAgentElementId;
            mindsetAgentElement.style = config.mindsetAgentElementStyle;
            
            let randomId = Math.floor(Math.random() * 100000);

            let userEmail = 'mindsetwebsitedemo+' + randomId + '@mindset.ai';
            
            const userEmailAuthokenServerUrl = `${config.userAuthokenServerUrl}${userEmail}`
            let authToken = ""

            fetch(userEmailAuthokenServerUrl)
            .then((response) => response.json())
            .then(data => {
                
                       
                const initialData = {...config.mindsetAgentElementInitialData, authToken: data.authToken};

                mindsetAgentElement.setAttribute('initial-data', JSON.stringify(initialData));
                embededAgentPlaceholder.appendChild(mindsetAgentElement);
                
            });


            ///  CODE TO USE WITH A CYCLER WEBHOOK

            // fetch(config.userAuthokenServerUrl, {
            //     method: 'POST',
            //     headers: {
            //         'Content-Type': 'application/x-www-form-urlencoded'
            //     },
            //     body: new URLSearchParams({
            //         email: `${config.userEmail}`
            //     }).toString()
            // })
            //     .then(response => {
            //         if (!response.ok) {
            //             throw new Error(`HTTP error! status: ${response.status}`);
            //         }
            //         return response.text();
            //     })
            //     .then(textData => {
            //         let authToken = "";
            //         if (textData && textData.startsWith("authToken=")) {
            //             authToken = textData.split('=')[1];
            //         }

            //         const initialData = {...config.mindsetAgentElementInitialData, authToken: authToken};

            //         mindsetAgentElement.setAttribute('initial-data', JSON.stringify(initialData));
            //         embededAgentPlaceholder.appendChild(mindsetAgentElement);
            //     })
        }
    }, 200);
};

window.navigation.addEventListener("navigate", (event) => {
    if (isMindsetAgentPage(event.destination.url)) {
        appendMindsetAgent();
    }
});

Embed agent demo

Mindset AI Documentation

Build, manage and deploy production ready AI agents inside your SaaS application, quickly & easily.

Introduction

Everything you need to get to production with Mindset fully embedded in your application.

Quick Start

We are experts at helping SaaS companies successfully deploy agents to their customers - we have broken down a go-live checklist we typically see companies go through.

Go-live Checklist

Everything you need to know about Mindset AI

FAQs

The purpose of this page is to provide answers to frequently asked security questions.

Security Q&A

This page addresses the fundamental questions anyone considering AI should know about the vendor's approach to AI and data and the use of third-party AI in their solution.

AI Guidelines

Service level agreement

Agent Management Portal - Introduction

Agents

Humans

Capabilities

Integrations

Analytics

LLMs

Testing

Policy

Tools

Knowledge Contexts

Bias Analysis

SDK 2.0 Overview

Global overview on how to embed an Agent into your website

Embedding an Agent

Front end

Back end

A working example for a developer wanting to embed an agent in web page.

Testing your Embedded Agent

Embedding an agent, euthentication mechanism

Authentication

Steps for migrating from SDK 1.0 to SDK 2.0

Migrating to SDK 2.0

API Introduction

Contexts API

Context Files API

Labels API

How you can choose the best data to train your agent

Choosing data for your agents

This article explains how to configure an Agent Disclaimer message to be visible for your end-users.

How to add an Agent Disclaimer message

How to configure Prompts

Learn how to configure the Agent workflow.

How to configure the Agent workflow

How to create Agents

Learn about the Personality options within the Agents workflow.

Personality

Learn how to configure the Settings tab within the Agents workflow.

Settings

Learn about access management within the Agent workflow.

Access

Learn how to configure the Design of your Agent.

Design

Learn about the Knowledge within the Agents feature.

Knowledge

Learn about the different LLM options within the Agent feature.

LLM (Beta)

Learn about the Policy options within the Agent workflow.

Learn about the Preview tab in the Agent workflow.

Preview

Learn about Prompts in the Knowledge Contexts feature.

Prompts

Learn about best practices to follow when creating Prompts.

Prompts best practices

Learn about the Testing feature in Agents.

Learn about the Tools available within the Agent feature.

Learn about the Capabilities feature in the Agents workflow.

Learn about some of the best practices for configuring Capabilities.

Capabilities best practices

Explaining how to exclude a content item from being visible within Content Discovery & segments of your new file.

How to exclude Content from being visible

How to optimise the value of your content when uploading PDF files into your Knowledge Workflow.

PDF files best practices

Learn about the Synced Knowledge Contexts feature

Overview

SDK 2.0

API Overview

API playground

Embed agent demo