**[2024-07-15]** AgentScope has implemented the Mixture-of-Agents algorithm. Refer to our [MoA example](https://github.com/modelscope/agentscope/blob/main/examples/conversation_mixture_of_agents) for more details.
--
-
\ No newline at end of file
diff --git a/src/agentscope/studio/static/html-drag-components/message-msg.html b/src/agentscope/studio/static/html-drag-components/message-msg.html
index ca29eef48..9c7a10d55 100644
--- a/src/agentscope/studio/static/html-drag-components/message-msg.html
+++ b/src/agentscope/studio/static/html-drag-components/message-msg.html
@@ -16,6 +16,11 @@
data-required="true">
-
-
-
- TextToImageAgent
-
-
- ▲
-
-
- - - -
-
- Agent for text to image generation
-
-
-
-
- Node ID: ID_PLACEHOLDER
- - - - -
+ + +
+ diff --git a/src/agentscope/studio/static/js/workstation.js b/src/agentscope/studio/static/js/workstation.js index 4c3aec404..2c35adcad 100644 --- a/src/agentscope/studio/static/js/workstation.js +++ b/src/agentscope/studio/static/js/workstation.js @@ -20,7 +20,6 @@ let nameToHtmlFile = { 'Message': 'message-msg.html', 'DialogAgent': 'agent-dialogagent.html', 'UserAgent': 'agent-useragent.html', - 'TextToImageAgent': 'agent-texttoimageagent.html', 'DictDialogAgent': 'agent-dictdialogagent.html', 'ReActAgent': 'agent-reactagent.html', 'Placeholder': 'pipeline-placeholder.html', @@ -569,6 +568,7 @@ async function addNodeToDrawFlow(name, pos_x, pos_y) { "args": { "name": '', + "role": '', "content": '', "url": '' } @@ -604,22 +604,6 @@ async function addNodeToDrawFlow(name, pos_x, pos_y) { } break; - case 'TextToImageAgent': - const TextToImageAgentID = - editor.addNode('TextToImageAgent', 1, - 1, pos_x, pos_y, - 'TextToImageAgent', { - "args": { - "name": '', - "model_config_name": '' - } - }, htmlSourceCode); - var nodeElement = document.querySelector(`#node-${TextToImageAgentID} .node-id`); - if (nodeElement) { - nodeElement.textContent = TextToImageAgentID; - } - break; - case 'DictDialogAgent': const DictDialogAgentID = editor.addNode('DictDialogAgent', 1, 1, pos_x, pos_y, @@ -773,10 +757,10 @@ async function addNodeToDrawFlow(name, pos_x, pos_y) { function setupTextInputListeners(nodeId) { const newNode = document.getElementById(`node-${nodeId}`); if (newNode) { - const stopPropagation = function(event) { + const stopPropagation = function (event) { event.stopPropagation(); }; - newNode.addEventListener('mousedown', function(event) { + newNode.addEventListener('mousedown', function (event) { const target = event.target; if (target.tagName === 'TEXTAREA' || target.tagName === 'INPUT') { stopPropagation(event); @@ -1029,7 +1013,7 @@ function setupNodeListeners(nodeId) { function doDragSE(e) { newNode.style.width = 'auto'; - const newWidth = (startWidth + e.clientX - startX) ; + const newWidth = (startWidth + e.clientX - startX); if (newWidth > 200) { contentBox.style.width = newWidth + 'px'; titleBox.style.width = newWidth + 'px'; @@ -1326,6 +1310,21 @@ function checkConditions() { isApiKeyEmpty = isApiKeyEmpty || true; } } + + if (node.name === "Message") { + const validRoles = ["system", "assistant", "user"]; + if (!validRoles.includes(node.data.args.role)) { + Swal.fire({ + title: 'Invalid Role for Message', + html: + `Invalid role ${node.data.args.role}.
The role must be in ['system', 'user', 'assistant']`, + icon: 'error', + confirmButtonText: 'Ok' + }); + return false; + } + } + if (node.name.includes('Agent') && "model_config_name" in node.data.args) { hasAgentError = false; if (node.data && node.data.args) { @@ -1476,7 +1475,7 @@ function showExportPyPopup() { title: 'Processing...', text: 'Please wait.', allowOutsideClick: false, - onBeforeOpen: () => { + willOpen: () => { Swal.showLoading() } }); @@ -1512,7 +1511,7 @@ function showExportPyPopup() { showCancelButton: true, confirmButtonText: 'Copy', cancelButtonText: 'Close', - onBeforeOpen: (element) => { + willOpen: (element) => { const codeElement = element.querySelector('code'); Prism.highlightElement(codeElement); const copyButton = Swal.getConfirmButton(); @@ -1534,7 +1533,7 @@ function showExportPyPopup() { popup: 'error-popup' }, confirmButtonText: 'Close', - onBeforeOpen: (element) => { + willOpen: (element) => { const codeElement = element.querySelector('code'); Prism.highlightElement(codeElement); } @@ -1551,7 +1550,16 @@ function showExportPyPopup() { } -function showExportRunPopup() { +function showExportRunPopup(version) { + if (version === "local") { + showExportRunLocalPopup(); + } else { + showExportRunMSPopup(); + } +} + + +function showExportRunLocalPopup() { if (checkConditions()) { const rawData = editor.export(); const hasError = sortElementsByPosition(rawData); @@ -1564,7 +1572,7 @@ function showExportRunPopup() { title: 'Processing...', text: 'Please wait.', allowOutsideClick: false, - onBeforeOpen: () => { + willOpen: () => { Swal.showLoading() } }); @@ -1600,7 +1608,7 @@ function showExportRunPopup() { showCancelButton: true, confirmButtonText: 'Copy Code', cancelButtonText: 'Close', - onBeforeOpen: (element) => { + willOpen: (element) => { const codeElement = element.querySelector('code'); Prism.highlightElement(codeElement); const copyButton = Swal.getConfirmButton(); @@ -1622,7 +1630,7 @@ function showExportRunPopup() { popup: 'error-popup' }, confirmButtonText: 'Close', - onBeforeOpen: (element) => { + willOpen: (element) => { const codeElement = element.querySelector('code'); Prism.highlightElement(codeElement); } @@ -1640,11 +1648,86 @@ function showExportRunPopup() { } +function filterOutApiKey(obj) { + for (let key in obj) { + if (typeof obj[key] === 'object' && obj[key] !== null) { + filterOutApiKey(obj[key]); + } + if (key === 'api_key') { + delete obj[key]; + } + } +} + + +function showExportRunMSPopup() { + if (checkConditions()) { + Swal.fire({ + title: 'Are you sure to run the workflow in ModelScope Studio?', + text: + "You are about to navigate to another page. " + + "Please make sure all the configurations are set " + + "besides your api-key " + + "(your api-key should be set in ModelScope Studio page).", + icon: 'warning', + showCancelButton: true, + confirmButtonColor: '#3085d6', + cancelButtonColor: '#d33', + confirmButtonText: 'Yes, create it!', + cancelButtonText: 'Close' + }).then((result) => { + if (result.isConfirmed) { + const rawData = editor.export(); + const hasError = sortElementsByPosition(rawData); + if (hasError) { + return; + } + const filteredData = reorganizeAndFilterConfigForAgentScope(rawData); + filterOutApiKey(filteredData) + + Swal.fire({ + title: 'Processing...', + text: 'Please wait.', + allowOutsideClick: false, + willOpen: () => { + Swal.showLoading() + } + }); + fetch('/upload-to-oss', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify({ + data: JSON.stringify(filteredData, null, 4), + }) + }) + .then(response => response.json()) + .then(data => { + const params = {'CONFIG_URL': data.config_url}; + const paramsStr = encodeURIComponent(JSON.stringify(params)); + const org = "agentscope"; + const fork_repo = "agentscope_workstation"; + const url = `https://www.modelscope.cn/studios/fork?target=${org}/${fork_repo}&overwriteEnv=${paramsStr}`; + window.open(url, '_blank'); + Swal.fire('Success!', '', 'success'); + }) + .catch(error => { + console.error('Error:', error); + Swal.fire('Failed', data.message || 'An error occurred while uploading to oss', 'error'); + }); + } + }) + } +} + + function showExportHTMLPopup() { const rawData = editor.export(); // Remove the html attribute from the nodes to avoid inconsistencies in html removeHtmlFromUsers(rawData); + sortElementsByPosition(rawData); const exportData = JSON.stringify(rawData, null, 4); @@ -1663,7 +1746,7 @@ function showExportHTMLPopup() { showCancelButton: true, confirmButtonText: 'Copy', cancelButtonText: 'Close', - onBeforeOpen: (element) => { + willOpen: (element) => { // Find the code element inside the Swal content const codeElement = element.querySelector('code'); @@ -1763,6 +1846,177 @@ function showImportHTMLPopup() { } +function showSaveWorkflowPopup() { + Swal.fire({ + title: 'Save Workflow', + input: 'text', + inputPlaceholder: 'Enter filename', + showCancelButton: true, + confirmButtonText: 'Save', + cancelButtonText: 'Cancel' + }).then(result => { + if (result.isConfirmed) { + const filename = result.value; + saveWorkflow(filename); + } + }); +} + +function saveWorkflow(fileName) { + const rawData = editor.export(); + filterOutApiKey(rawData) + + // Remove the html attribute from the nodes to avoid inconsistencies in html + removeHtmlFromUsers(rawData); + + const exportData = JSON.stringify(rawData, null, 4); + fetch('/save-workflow', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify({ + filename: fileName, + workflow: exportData, + overwrite: false, + }) + }).then(response => response.json()) + .then(data => { + if (data.message === "Workflow file saved successfully") { + Swal.fire('Success', data.message, 'success'); + } else { + Swal.fire('Error', data.message || 'An error occurred while saving the workflow.', 'error'); + } + }) + .catch(error => { + console.error('Error:', error); + Swal.fire('Error', 'An error occurred while saving the workflow.', 'error'); + }); +} + +function showLoadWorkflowPopup() { + fetch('/list-workflows', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify({}) + }) + .then(response => response.json()) + .then(data => { + if (!Array.isArray(data.files)) { + throw new TypeError('The return data is not an array'); + } + const inputOptions = data.files.reduce((options, file) => { + options[file] = file; + return options; + }, {}); + Swal.fire({ + title: 'Loading Workflow from Disks', + input: 'select', + inputOptions: inputOptions, + inputPlaceholder: 'Select', + showCancelButton: true, + showDenyButton: true, + confirmButtonText: 'Load', + cancelButtonText: 'Cancel', + denyButtonText: 'Delete', + didOpen: () => { + const selectElement = Swal.getInput(); + selectElement.addEventListener('change', (event) => { + selectedFilename = event.target.value; + }); + } + }).then(result => { + if (result.isConfirmed) { + loadWorkflow(selectedFilename); + } else if (result.isDenied) { + Swal.fire({ + title: `Are you sure to delete ${selectedFilename}?`, + text: "This operation cannot be undone!", + icon: 'warning', + showCancelButton: true, + confirmButtonColor: '#d33', + cancelButtonColor: '#3085d6', + confirmButtonText: 'Delete', + cancelButtonText: 'Cancel' + }).then((deleteResult) => { + if (deleteResult.isConfirmed) { + deleteWorkflow(selectedFilename); + } + }); + } + }); + }) + .catch(error => { + console.error('Error:', error); + Swal.fire('Error', 'An error occurred while loading the workflow.', 'error'); + }); +} + + +function loadWorkflow(fileName) { + fetch('/load-workflow', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify({ + filename: fileName, + }) + }).then(response => response.json()) + .then(data => { + if (data.error) { + Swal.fire('Error', data.error, 'error'); + } else { + console.log(data) + try { + // Add html source code to the nodes data + addHtmlAndReplacePlaceHolderBeforeImport(data) + .then(() => { + console.log(data) + editor.clear(); + editor.import(data); + importSetupNodes(data); + Swal.fire('Imported!', '', 'success'); + }); + + } catch (error) { + Swal.showValidationMessage(`Import error: ${error}`); + } + Swal.fire('Success', 'Workflow loaded successfully', 'success'); + } + }) + .catch(error => { + console.error('Error:', error); + Swal.fire('Error', 'An error occurred while loading the workflow.', 'error'); + }); +} + +function deleteWorkflow(fileName) { + fetch('/delete-workflow', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify({ + filename: fileName, + }) + }).then(response => response.json()) + .then(data => { + if (data.error) { + Swal.fire('Error', data.error, 'error'); + } else { + Swal.fire('Deleted!', 'Workflow has been deleted.', 'success'); + } + }) + .catch(error => { + console.error('Error:', error); + Swal.fire('Error', 'An error occurred while deleting the workflow.', 'error'); + }); +} + + function removeHtmlFromUsers(data) { Object.keys(data.drawflow.Home.data).forEach((nodeId) => { const node = data.drawflow.Home.data[nodeId]; @@ -1789,8 +2043,13 @@ async function addHtmlAndReplacePlaceHolderBeforeImport(data) { const idPlaceholderRegex = /ID_PLACEHOLDER/g; for (const nodeId of Object.keys(data.drawflow.Home.data)) { const node = data.drawflow.Home.data[nodeId]; - if (!node.html) { + if (node.name === "readme") { + // Remove the node if its name is "readme" + delete data.drawflow.Home.data[nodeId]; + continue; // Skip to the next iteration + } + console.log(node.name) const sourceCode = await fetchHtmlSourceCodeByName(node.name); // Add new html attribute to the node @@ -1845,7 +2104,7 @@ function fetchExample(index, processData) { }, body: JSON.stringify({ data: index, - lang: getCookie('locale') || 'en' + lang: getCookie('locale') || 'en', }) }).then(response => { if (!response.ok) { diff --git a/src/agentscope/studio/static/js_third_party/buttons.js b/src/agentscope/studio/static/js_third_party/buttons.js new file mode 100644 index 000000000..868675e6b --- /dev/null +++ b/src/agentscope/studio/static/js_third_party/buttons.js @@ -0,0 +1,6 @@ +/*! + * github-buttons v2.28.0 + * (c) 2024 なつき + * @license BSD-2-Clause + */ +!function(){"use strict";var e=window.document,o=e.location,t=window.Math,r=window.HTMLElement,a=window.XMLHttpRequest,n="github-button",i="https://buttons.github.io/buttons.html",c="github.com",l="https://api."+c,d=a&&"prototype"in a&&"withCredentials"in a.prototype,s=d&&r&&"attachShadow"in r.prototype&&!("prototype"in r.prototype.attachShadow),u=function(e,o){for(var t=0,r=e.length;t
\n \n ![]()
\n \n \n \n \n
\n').replace(/(^|\n)\s*/g,""),bt=function(){h.currentInstance.resetValidationMessage()},wt=function(t){var e,n=!!(e=O())&&(e.remove(),rt([document.documentElement,document.body],[b["no-backdrop"],b["toast-shown"],b["has-column"]]),!0);if(gt())E("SweetAlert2 requires document to initialize");else{var o=document.createElement("div");o.className=b.container,n&&it(o,b["no-transition"]),G(o,yt);var i,r,a,c,u,s,l,d,f,p="string"==typeof(i=t.target)?document.querySelector(i):i;p.appendChild(o),function(t){var e=I();e.setAttribute("role",t.toast?"alert":"dialog"),e.setAttribute("aria-live",t.toast?"polite":"assertive"),t.toast||e.setAttribute("aria-modal","true")}(t),function(t){"rtl"===window.getComputedStyle(t).direction&&it(O(),b.rtl)}(p),r=I(),a=at(r,b.input),c=at(r,b.file),u=r.querySelector(".".concat(b.range," input")),s=r.querySelector(".".concat(b.range," output")),l=at(r,b.select),d=r.querySelector(".".concat(b.checkbox," input")),f=at(r,b.textarea),a.oninput=bt,c.onchange=bt,l.onchange=bt,d.onchange=bt,f.oninput=bt,u.oninput=function(){bt(),s.value=u.value},u.onchange=function(){bt(),s.value=u.value}}},Ct=function(t,e){t instanceof HTMLElement?e.appendChild(t):"object"===m(t)?At(t,e):t&&G(e,t)},At=function(t,e){t.jquery?kt(e,t):G(e,t.toString())},kt=function(t,e){if(t.textContent="",0 in e)for(var n=0;n in e;n++)t.appendChild(e[n].cloneNode(!0));else t.appendChild(e.cloneNode(!0))},Et=function(){if(gt())return!1;var t=document.createElement("div");return void 0!==t.style.webkitAnimation?"webkitAnimationEnd":void 0!==t.style.animation&&"animationend"}(),Bt=function(t,e){var n=K(),o=z();n&&o&&(e.showConfirmButton||e.showDenyButton||e.showCancelButton?ut(n):st(n),tt(n,e,"actions"),function(t,e,n){var o=N(),i=U(),r=F();if(!o||!i||!r)return;Pt(o,"confirm",n),Pt(i,"deny",n),Pt(r,"cancel",n),function(t,e,n,o){if(!o.buttonsStyling)return void rt([t,e,n],b.styled);it([t,e,n],b.styled),o.confirmButtonColor&&(t.style.backgroundColor=o.confirmButtonColor,it(t,b["default-outline"]));o.denyButtonColor&&(e.style.backgroundColor=o.denyButtonColor,it(e,b["default-outline"]));o.cancelButtonColor&&(n.style.backgroundColor=o.cancelButtonColor,it(n,b["default-outline"]))}(o,i,r,n),n.reverseButtons&&(n.toast?(t.insertBefore(r,o),t.insertBefore(i,o)):(t.insertBefore(r,e),t.insertBefore(i,e),t.insertBefore(o,e)))}(n,o,e),G(o,e.loaderHtml||""),tt(o,e,"loader"))};function Pt(t,e,n){var o=A(e);ft(t,n["show".concat(o,"Button")],"inline-block"),G(t,n["".concat(e,"ButtonText")]||""),t.setAttribute("aria-label",n["".concat(e,"ButtonAriaLabel")]||""),t.className=b[e],tt(t,n,"".concat(e,"Button"))}var Tt=function(t,e){var n=O();n&&(!function(t,e){"string"==typeof e?t.style.background=e:e||it([document.documentElement,document.body],b["no-backdrop"])}(n,e.backdrop),function(t,e){if(!e)return;e in b?it(t,b[e]):(k('The "position" parameter is not valid, defaulting to "center"'),it(t,b.center))}(n,e.position),function(t,e){if(!e)return;it(t,b["grow-".concat(e)])}(n,e.grow),tt(n,e,"container"))};var xt={innerParams:new WeakMap,domCache:new WeakMap},St=["input","file","range","select","radio","checkbox","textarea"],Lt=function(t){if(t.input)if(qt[t.input]){var e=Ht(t.input);if(e){var n=qt[t.input](e,t);ut(e),t.inputAutoFocus&&setTimeout((function(){nt(n)}))}}else E("Unexpected type of input! Expected ".concat(Object.keys(qt).join(" | "),', got "').concat(t.input,'"'))},Ot=function(t,e){var n=I();if(n){var o=et(n,t);if(o)for(var i in function(t){for(var e=0;e\n \n \n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n
\n ")),wt(t)}var Wn=new WeakMap,Yn=function(){return a((function t(){if(o(this,t),r(this,Wn,void 0),"undefined"!=typeof window){Bn=this;for(var n=arguments.length,i=new Array(n),a=0;a
\n ![]()
\n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n \n \n \n \n \n \n \n
\n \n \n \n
\n \n').replace(/(^|\n)\s*/g,""),yt=function(t){var e,n,o,i,r,a,c,s,u,l,d,p,f,m,h,g=!!(e=Q())&&(e.parentNode.removeChild(e),ht([document.documentElement,document.body],[Y["no-backdrop"],Y["toast-shown"],Y["has-column"]]),!0);ut()?F("SweetAlert2 requires document to initialize"):((n=document.createElement("div")).className=Y.container,g&&mt(n,Y["no-transition"]),H(n,bt),(o="string"==typeof(i=t.target)?document.querySelector(i):i).appendChild(n),r=t,(a=$()).setAttribute("role",r.toast?"alert":"dialog"),a.setAttribute("aria-live",r.toast?"polite":"assertive"),r.toast||a.setAttribute("aria-modal","true"),c=o,"rtl"===window.getComputedStyle(c).direction&&mt(Q(),Y.rtl),s=P(),u=gt(s,Y.input),l=gt(s,Y.file),d=s.querySelector(".".concat(Y.range," input")),p=s.querySelector(".".concat(Y.range," output")),f=gt(s,Y.select),m=s.querySelector(".".concat(Y.checkbox," input")),h=gt(s,Y.textarea),u.oninput=lt,l.onchange=lt,f.onchange=lt,m.onchange=lt,h.oninput=lt,d.oninput=function(t){lt(t),p.value=d.value},d.onchange=function(t){lt(t),d.nextSibling.value=d.value})},wt=function(t,e){t.jquery?Ct(e,t):H(e,t.toString())},Ct=function(t,e){if(t.textContent="",0 in e)for(var n=0;n in e;n++)t.appendChild(e[n].cloneNode(!0));else t.appendChild(e.cloneNode(!0))},kt=function(){if(ut())return!1;var t=document.createElement("div"),e={WebkitAnimation:"webkitAnimationEnd",OAnimation:"oAnimationEnd oanimationend",animation:"animationend"};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&void 0!==t.style[n])return e[n];return!1}();function xt(t,e,n){var o;rt(t,n["show".concat((o=e).charAt(0).toUpperCase()+o.slice(1),"Button")],"inline-block"),H(t,n["".concat(e,"ButtonText")]),t.setAttribute("aria-label",n["".concat(e,"ButtonAriaLabel")]),t.className=Y[e],N(t,n,"".concat(e,"Button")),mt(t,n["".concat(e,"ButtonClass")])}function Pt(t,e){var n,o,i,r,a,c,s,u,l=Q();l&&(n=l,"string"==typeof(o=e.backdrop)?n.style.background=o:o||mt([document.documentElement,document.body],Y["no-backdrop"]),!e.backdrop&&e.allowOutsideClick&&_('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`'),i=l,(r=e.position)in Y?mt(i,Y[r]):(_('The "position" parameter is not valid, defaulting to "center"'),mt(i,Y.center)),a=l,!(c=e.grow)||"string"!=typeof c||(s="grow-".concat(c))in Y&&mt(a,Y[s]),N(l,e,"container"),(u=document.body.getAttribute("data-swal2-queue-step"))&&(l.setAttribute("data-queue-step",u),document.body.removeAttribute("data-swal2-queue-step")))}function At(t,e){t.placeholder&&!e.inputPlaceholder||(t.placeholder=e.inputPlaceholder)}var Bt={promise:new WeakMap,innerParams:new WeakMap,domCache:new WeakMap},St=["input","file","range","select","radio","checkbox","textarea"],Et=function(t){if(!It[t.input])return F('Unexpected type of input! Expected "text", "email", "password", "number", "tel", "select", "radio", "checkbox", "textarea", "file" or "url", got "'.concat(t.input,'"'));var e=Lt(t.input),n=It[t.input](e,t);ot(n),setTimeout(function(){tt(n)})},Ot=function(t,e){var n=G(P(),t);if(n)for(var o in!function(t){for(var e=0;e').concat(t,"
")},Ft=[],zt=function(t,e){t.className="".concat(Y.popup," ").concat(vt(t)?e.showClass.popup:""),e.toast?(mt([document.documentElement,document.body],Y["toast-shown"]),mt(t,Y.toast)):mt(t,Y.modal),N(t,e,"popup"),"string"==typeof e.customClass&&mt(t,e.customClass),e.icon&&mt(t,Y["icon-".concat(e.icon)])};function Wt(){var t=$();t||ln.fire(),t=$();var e=T(),n=E();ot(e),ot(n,"inline-block"),mt([t,e],Y.loading),n.disabled=!0,t.setAttribute("data-loading",!0),t.setAttribute("aria-busy",!0),t.focus()}function Kt(){return new Promise(function(t){var e=window.scrollX,n=window.scrollY;Xt.restoreFocusTimeout=setTimeout(function(){Xt.previousActiveElement&&Xt.previousActiveElement.focus?(Xt.previousActiveElement.focus(),Xt.previousActiveElement=null):document.body&&document.body.focus(),t()},100),void 0!==e&&void 0!==n&&window.scrollTo(e,n)})}function Yt(){if(Xt.timeout)return function(){var t=j(),e=parseInt(window.getComputedStyle(t).width);t.style.removeProperty("transition"),t.style.width="100%";var n=parseInt(window.getComputedStyle(t).width),o=parseInt(e/n*100);t.style.removeProperty("transition"),t.style.width="".concat(o,"%")}(),Xt.timeout.stop()}function Zt(){if(Xt.timeout){var t=Xt.timeout.start();return st(t),t}}function Qt(t){return Object.prototype.hasOwnProperty.call(Gt,t)}function $t(t){return ee[t]}function Jt(t){for(var e in t)Qt(i=e)||_('Unknown parameter "'.concat(i,'"')),t.toast&&(o=e,-1!==ne.indexOf(o)&&_('The parameter "'.concat(o,'" is incompatible with toasts'))),$t(n=e)&&g(n,$t(n));var n,o,i}var Xt={},Gt={title:"",titleText:"",text:"",html:"",footer:"",icon:void 0,iconHtml:void 0,toast:!1,animation:!0,showClass:{popup:"swal2-show",backdrop:"swal2-backdrop-show",icon:"swal2-icon-show"},hideClass:{popup:"swal2-hide",backdrop:"swal2-backdrop-hide",icon:"swal2-icon-hide"},customClass:void 0,target:"body",backdrop:!0,heightAuto:!0,allowOutsideClick:!0,allowEscapeKey:!0,allowEnterKey:!0,stopKeydownPropagation:!0,keydownListenerCapture:!1,showConfirmButton:!0,showCancelButton:!1,preConfirm:void 0,confirmButtonText:"OK",confirmButtonAriaLabel:"",confirmButtonColor:void 0,cancelButtonText:"Cancel",cancelButtonAriaLabel:"",cancelButtonColor:void 0,buttonsStyling:!0,reverseButtons:!1,focusConfirm:!0,focusCancel:!1,showCloseButton:!1,closeButtonHtml:"×",closeButtonAriaLabel:"Close this dialog",showLoaderOnConfirm:!1,imageUrl:void 0,imageWidth:void 0,imageHeight:void 0,imageAlt:"",timer:void 0,timerProgressBar:!1,width:void 0,padding:void 0,background:void 0,input:void 0,inputPlaceholder:"",inputValue:"",inputOptions:{},inputAutoTrim:!0,inputAttributes:{},inputValidator:void 0,validationMessage:void 0,grow:!1,position:"center",progressSteps:[],currentProgressStep:void 0,progressStepsDistance:void 0,onBeforeOpen:void 0,onOpen:void 0,onRender:void 0,onClose:void 0,onAfterClose:void 0,onDestroy:void 0,scrollbarPadding:!0},te=["allowEscapeKey","allowOutsideClick","buttonsStyling","cancelButtonAriaLabel","cancelButtonColor","cancelButtonText","closeButtonAriaLabel","closeButtonHtml","confirmButtonAriaLabel","confirmButtonColor","confirmButtonText","currentProgressStep","customClass","footer","hideClass","html","icon","imageAlt","imageHeight","imageUrl","imageWidth","onAfterClose","onClose","onDestroy","progressSteps","reverseButtons","showCancelButton","showCloseButton","showConfirmButton","text","title","titleText"],ee={animation:'showClass" and "hideClass'},ne=["allowOutsideClick","allowEnterKey","backdrop","focusConfirm","focusCancel","heightAuto","keydownListenerCapture"],oe=Object.freeze({isValidParameter:Qt,isUpdatableParameter:function(t){return-1!==te.indexOf(t)},isDeprecatedParameter:$t,argsToParams:function(o){var i={};return"object"!==r(o[0])||w(o[0])?["title","html","icon"].forEach(function(t,e){var n=o[e];"string"==typeof n||w(n)?i[t]=n:void 0!==n&&F("Unexpected type of ".concat(t,'! Expected "string" or "Element", got ').concat(r(n)))}):s(i,o[0]),i},isVisible:function(){return vt($())},clickConfirm:Ht,clickCancel:function(){return O()&&O().click()},getContainer:Q,getPopup:$,getTitle:x,getContent:P,getHtmlContainer:function(){return e(Y["html-container"])},getImage:A,getIcon:k,getIcons:n,getCloseButton:q,getActions:T,getConfirmButton:E,getCancelButton:O,getHeader:L,getFooter:I,getTimerProgressBar:j,getFocusableElements:V,getValidationMessage:S,isLoading:R,fire:function(){for(var t=arguments.length,e=new Array(t),n=0;n
+
+
+ +
+
+ + +
+
+
+
+
+ {{ _("Welcome to AgentScope WorkStation") }}
+ + Star + + Fork + + Watch ++
+ +
+ {{ _("Please log in and star the AgentScope repository") }}.
+
+ {{ _("By logging in, you acknowledge that") }}:
+
+ -
+
- {{ _("This service will star🌟 AgentScope repository on your + behalf") }}. + +
- {{ _("Your API key will NOT be stored and exposed to the website + maintainer") }}. + +
- {{ _("No user data (e.g., drawn workflow) within the service + will be saved") }}. + +
+
+
+
+
+ + + +
+
+
+
+
+
\ No newline at end of file
diff --git a/src/agentscope/studio/templates/workstation.html b/src/agentscope/studio/templates/workstation.html
index 741a7848c..9685bccab 100644
--- a/src/agentscope/studio/templates/workstation.html
+++ b/src/agentscope/studio/templates/workstation.html
@@ -34,7 +34,7 @@
integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs="
src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js">
-
+
@@ -50,34 +50,38 @@
+ ×
+
+{{ _("We want to hear from you") }}
+ +-
@@ -142,11 +146,6 @@
draggable="true" ondragstart="drag(event)">
UserAgent
-