Adding copilotUX example

This commit is contained in:
Peter Morton 2025-08-15 10:22:14 -05:00
parent e17b64c0e9
commit bc11ec76d0
9 changed files with 76 additions and 0 deletions

View File

@ -0,0 +1,14 @@
# Chrome Browser Extension
This is an example Chrome Browser Extension for adding CopilotUX as a side-panel extension.
## Configuration
1. Load the extension into Chrome. As this is in development, this extension needs to be loaded by using the 'Load unpacked' method.
## Known Issues / Limitations
1. We are using an iframe inside the extension - this should be done without using an iframe if doing for real.
1. You need to be logged in via SSO 1st in the main browser because verint auth refuses to run in an iframe.
1. The whole copilot resets each time you close and reopen the extension... which actually has the interesting side effect of giving us a quick way to reset the copilot between calls

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 961 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,35 @@
{
"name": "Verint Copilot",
"description": "Verint Copilot Side-panel Extension",
"version": "1.0",
"manifest_version": 3,
"background": {
"service_worker": "service-worker.js"
},
"side_panel": {
"default_path": "src/pages/side-panel/index.html"
},
"permissions": ["sidePanel", "tabs"],
"content_security_policy": {
"extension_pages": "script-src 'self'; object-src 'self'"
},
"icons": {
"16": "images/icon-16.png",
"32": "images/icon-32.png",
"48": "images/icon-48.png",
"128": "images/icon-128.png"
},
"web_accessible_resources": [
{
"matches": ["*://*/*"],
"resources": [
"assets/js/*.js",
"assets/css/*.css",
"assets/svg/*.svg",
"assets/png/*.png",
"icon.svg",
"blob/*"
]
}
]
}

View File

@ -0,0 +1,4 @@
// Allows users to open the side panel by clicking on the action toolbar icon
chrome.sidePanel
.setPanelBehavior({ openPanelOnActionClick: true })
.catch((error) => console.error(error));

View File

@ -0,0 +1,6 @@
body, html {width: 100%; height: 100%; margin: 0; padding: 0}
iframe{
position:absolute;
width:100%;
height:100%;
}

View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="/src/pages/panel/index.js"></script>
<link rel="stylesheet" href="/src/pages/panel/panel.css">
</head>
<body>
<iframe src="https://copilot.usw2.integration.platform.verint.com/"></iframe>
</body>
</html>