Quick links

Api
Api keys	Add
Api logs

Authentication and Authorization
Groups	Add
Users	Add

Celery Results
Group results	Add
Task results	Add

Clients
Lowe's Associates	Add

Common
Audio debug logs	Add
Audio files	Add
Call summary configs	Add
Call summary datas	Add
Call tag configs	Add
Call tag notification configs	Add
Call tag results
Config settingss	Add
Deepgram debug logs	Add
Filter presets	Add
Filterable Filter Configurations	Add
Filterable Items	Add
Notification triggers	Add
Notifications	Add
Prompt templates	Add
Slack notification logs	Add
Speed tests	Add
Transcript keywords	Add
Transcripts	Add
Voice Options	Add

Integration
Pages	Add
Providers	Add
Question historys	Add

Interview Management
Candidates	Add
Interview Categories	Add
Interview notes	Add
Interview steps	Add
Interviews	Add

Knowledge
Document Tags	Add
Document Versions	Add
Documents	Add

Live_Assist
Ask reddy annotations	Add
Ask reddy calls	Add
Transcript Feedbacks

Lms
Courses	Add
Lesson completions	Add
Lesson user time spents	Add
Lessons	Add
Modules	Add

Mainapp
Access tokens	Add
Audio file caches	Add
Auto generation statuss	Add
Call recordings	Add
Chat with transcript messages	Add
Chat with transcript sessions	Add
Company access requests	Add
Company prompt sets	Add
Companys	Add
Custom fields	Add
Embedding faqs	Add
End user products	Add
Export jobs
Faq results	Add
Feedbacks	Add
Gpt metrics	Add
Grade curves	Add
Grades	Add
Live conversation transcripts	Add
Live conversations	Add
Live ingestion controlss	Add
Live sim sessions	Add
Live sim states	Add
Objection scenarios	Add
Objections	Add
Outline sections	Add
Prompt historys	Add
Qa results	Add
Rag chats	Add
Reddy profiles	Add
Script trainings	Add
Suggested prompts	Add

Monitoring
Agent metrics	Add
Event durations	Add
Event metrics	Add

Periodic Tasks
Clocked	Add
Crontabs	Add
Intervals	Add
Periodic tasks	Add
Solar events	Add

Qa
Auto qa configs	Add
Benchmarks	Add
Condition nodes	Add
Data points	Add
External qa items	Add
Feedback messages	Add
Feedback threads	Add
Graph qas	Add
Internal qa items	Add
Live external qa item scores	Add
Live qa item scores	Add
Output nodes	Add
Pop up nodes	Add
Ports	Add
Progresss	Add
Qa automations	Add
Qa embeddings	Add
Qa relation snapshots	Add
Qa run iterations	Add
Qa runs	Add
Qa scoring instructions	Add
Report flags	Add
Training external qa item scores	Add
Training qa item scores	Add
Trigger nodes	Add

Reports
Download jobs	Add
Frequencies	Add
Report instances	Add
Report sections	Add
Reports	Add

Router
Agent call events	Add
Audiohook events	Add
Audiohook states	Add
Genesys agent states	Add
Genesys notification events	Add
Genesys queue to product mappings	Add

Sandbox
App Links	Add
Browser States	Add
CLI Commands	Add
CLI Issues	Add
CLI Sessions	Add
Sandbox Tasks	Add
Sandboxes	Add

Sessions
Sessions	Add

Systems
App keyframes	Add
App timeline frames	Add
Application pages	Add
Automation steps	Add
Custom apps	Add
Generic apps	Add
Grade links	Add
Html generations	Add
Os timeline annotations	Add
Os timeline apps	Add
Os timeline frames	Add
Os timelines	Add
Page links	Add
Screenshot to htmls	Add
Systems training attachments	Add
Systems training checkpoints	Add
Systems training recordings	Add
Systems trainings	Add

Taggit
Tags	Add

Ticket Management
Labels	Add
Tickets	Add

Training
Assignments	Add
Grading criterias	Add
Objection assignments	Add

Usage_Tracking
Llm calls	Add
Llm tags	Add
Stt calls	Add
Stt tags	Add
Tts calls	Add
Tts tags	Add

Wagtail documents
Documents	Add

Wagtail images
Images	Add

Change application page

ApplicationPage object (8)

History

Frozen

When frozen, this page cannot be edited

Locked

Html:

<style>

#five9-plus-adapter {

font-family: Arial, sans-serif;

width: 220px;

border: 1px solid #e6e6e6;

background-color: #ffffff;

border-radius: 3px;

box-shadow: 0 1px 3px rgba(0,0,0,0.1);

}

.header-bar {

display: flex;

align-items: center;

padding: 6px;

background-color: #f5f5f5;

border-bottom: 1px solid #e6e6e6;

}

.header-bar img {

width: 16px;

height: 16px;

margin-right: 6px;

}

.header-bar .title {

font-size: 12px;

color: #333;

}

.header-bar .timer {

margin-left: auto;

background-color: #4CAF50;

color: white;

padding: 1px 6px;

border-radius: 10px;

font-size: 11px;

}

.call-status {

display: flex;

justify-content: space-between;

padding: 6px;

background-color: #fff;

border-bottom: 1px solid #e6e6e6;

}

.call-status span {

font-size: 12px;

color: #333;

}

.call-details {

padding: 6px;

border-bottom: 1px solid #e6e6e6;

}

.phone-number {

color: #2196F3;

font-size: 12px;

margin-bottom: 7px;

}

.details-header {

display: flex;

justify-content: space-between;

color: #666;

font-size: 11px;

margin-bottom: 7px;

}

.details-content {

font-size: 11px;

color: #666;

}

.details-row {

display: flex;

margin-bottom: 3px;

}

.details-label {

width: 58px;

color: #666;

}

.action-buttons {

display: grid;

grid-template-columns: repeat(2, 1fr);

gap: 5px;

padding: 6px;

border-bottom: 1px solid #e6e6e6;

}

.action-btn {

padding: 4px 8px;

background: #fff;

border: 1px solid #e6e6e6;

border-radius: 3px;

font-size: 11px;

color: #333;

cursor: pointer;

transition: all 0.2s ease;

}

.action-btn.active {

background: #e6e6e6;

box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);

}

.keypad {

padding: 6px;

border-bottom: 1px solid #e6e6e6;

}

.keypad-row {

display: flex;

justify-content: space-between;

margin-bottom: 5px;

}

.key-btn {

width: 48px;

height: 32px;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

background: #fff;

border: 1px solid #e6e6e6;

border-radius: 3px;

cursor: pointer;

}

.key-number {

font-size: 12px;

color: #333;

}

.key-letters {

font-size: 8px;

color: #666;

margin-top: -1px;

}

.bottom-section {

padding: 6px;

}

.tools-row {

display: flex;

gap: 5px;

margin-bottom: 5px;

height: auto;

transition: all 0.3s ease;

}

.tools-row.collapsed {

height: 0;

margin: 0;

padding: 0;

opacity: 0;

pointer-events: none;

}

.tool-btn {

padding: 4px 8px;

background: #fff;

border: 1px solid #e6e6e6;

border-radius: 3px;

font-size: 11px;

color: #666;

opacity: 0.5;

cursor: not-allowed;

}

.less-tools {

color: #2196F3;

font-size: 11px;

margin-bottom: 5px;

cursor: pointer;

text-align: center;

display: block;

width: 100%;

}

.end-call-btn {

width: 100%;

padding: 6px;

background: #fff;

border: 1px solid #e6e6e6;

border-radius: 3px;

color: #333;

margin-bottom: 5px;

cursor: pointer;

display: flex;

align-items: center;

justify-content: center;

gap: 5px;

}

.end-interaction-btn {

width: 100%;

padding: 6px;

background: #2196F3;

border: none;

border-radius: 3px;

color: #fff;

cursor: pointer;

}

</style>

<span class="title">Five9 Plus Adapter for Zendesk</span>

<span class="timer" id="ready-timer">Ready 35:30</span>

</div>

<span>Inbound Call</span>

</div>

<div class="phone-number">On Call {{phone_number}}</div>

<span>Call Details(2)</span>

</div>

<span class="details-label">Campaign:</span>

<span>p - DCare Alloc...</span>

</div>

<span class="details-label">Phone:</span>

<span>{{Phone_number}}</span>

</div>

<button id="transfer-btn" class="action-btn">Transfer...</button>

</div>

</button>

</button>

</button>

</div>

</button>

</button>

</button>

</div>

</button>

</button>

</button>

</div>

</button>

</button>

</button>

</div>

</button>

<button id="end-interaction-btn" class="end-interaction-btn">End Interaction</button>

</div>

(function() {

const container = queryShadowRoot('{{ page.app_id }}', '#five9-plus-adapter');

if (!container) return;

// Ready timer

const readyTimer = container.querySelector('#ready-timer');

let [readyMinutes, readySeconds] = [35, 30];

setInterval(() => {

readySeconds++;

if (readySeconds >= 60) {

readySeconds = 0;

readyMinutes++;

}

readyTimer.textContent = `Ready ${readyMinutes}:${readySeconds.toString().padStart(2, '0')}`;

}, 1000);

// Call timer

const callTimer = container.querySelector('#call-timer');

let callSeconds = 2;

let callTimerInterval; // Add variable to store interval ID

callTimerInterval = setInterval(() => {

callSeconds++;

const minutes = Math.floor(callSeconds / 60);

const seconds = callSeconds % 60;

callTimer.textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`;

}, 1000);

// Add end call button handler

const endCallBtn = container.querySelector('#end-call-bottom-btn');

if (endCallBtn) {

endCallBtn.addEventListener('click', () => {

clearInterval(callTimerInterval); // Stop the timer
          
          // Update button appearance
          endCallBtn.style.backgroundColor = '#ff4444';
          endCallBtn.style.color = '#fff';
          endCallBtn.style.border = 'none';
          endCallBtn.innerHTML = '<span>📞</span><span>Call Disconnected</span>';
        });
      }

// Hold and Mute button functionality

const holdBtn = container.querySelector('#hold-btn');

const muteBtn = container.querySelector('#mute-btn');

if (holdBtn) {

holdBtn.addEventListener('click', function() {

this.classList.toggle('active');

this.style.backgroundColor = this.classList.contains('active') ? '#e6e6e6' : '#fff';

this.style.boxShadow = this.classList.contains('active') ? 'inset 0 2px 4px rgba(0,0,0,0.1)' : 'none';

});

}

if (muteBtn) {

muteBtn.addEventListener('click', function() {

this.classList.toggle('active');

this.style.backgroundColor = this.classList.contains('active') ? '#e6e6e6' : '#fff';

this.style.boxShadow = this.classList.contains('active') ? 'inset 0 2px 4px rgba(0,0,0,0.1)' : 'none';

// Toggle button text

if (this.classList.contains('active')) {

this.textContent = 'Unmute';

} else {

this.textContent = 'Mute';

}

});

}

})();

// Set winbox size

setTimeout(() => {

const currentWinbox = winboxes.find(wb => wb.id === 'winbox-{{ page.app.id }}');

if (currentWinbox) {

currentWinbox.width = 234;

currentWinbox.height = 540;

currentWinbox.resize();

currentWinbox.setTitle('Five9');

}

}, 0);

</script>

</div>

Name:

App:

Grubhub Five9 (3)

Grade Links/Prompts - {systems_history} is available as a template variable (lowercase even though this shows as uppercase 🤪)

	Element id	Generic app	Delete?

Page links

	Swap delay	To page	Element id	Generic app	Delete?
		-		-

Delete

Django administration

Change application page

ApplicationPage object (8)

Grade Links/Prompts - {systems_history} is available as a template variable (lowercase even though this shows as uppercase 🤪)

Page links