graphdb-workbench 2.8.8-TR2 → 2.8.9-RC1

package/dist/{41.8a09e7ba27f7614de053.bundle.js → 41.3b2afebd8ef778234327.bundle.js}

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[41,98,200,236,244,326],{102:function(e,r){function t(e,r){return{showToastMessageWithDelay:function(t){return new Promise(s=>{e.success(r.instant(t)),setTimeout(s,200)})}}}angular.module("graphdb.framework.utils.notifications",[]).factory("Notifications",t),t.$inject=["toastr","$translate"]},112:function(e,r,t){"use strict";t.r(r),t.d(r,"StartMode",(function(){return s})),t.d(r,"GraphsConfig",(function(){return a}));const s={QUERY:"query",NODE:"node",SEARCH:"search"};class a{constructor(e,r,t=s.SEARCH,a,i=!0,n=!0,o,u,p,c,d,h,g,y,l,f,Q,w,m,I,C){this._id=e,this._name=r,this._startMode=t,this._owner=a,this._startQueryIncludeInferred=i,this._startQuerySameAs=n,this._startGraphQuery=o,this._startIRI=u,this._startIRILabel=p,this._expandQuery=c,this._resourceQuery=d,this._predicateLabelQuery=h,this._resourcePropertiesQuery=g,this._shared=y,this._description=l,this._hint=f,this._startGraphQueryDescription=Q,this._expandQueryDescription=w,this._resourceQueryDescription=m,this._predicateLabelQueryDescription=I,this._resourcePropertiesQueryDescription=C}isStartMode(e){return this.startMode===e}isDefaultGraph(){return"Minimal"===this.name||"Advanced"===this.name}getPropertyDescription(e){return this[e+"Description"]}getQueryType(e){let r;return this.isStartMode(s.QUERY)&&1===e?r=this.startGraphQuery:2===e?r=this.expandQuery:3===e?r=this.resourceQuery:4===e?r=this.predicateLabelQuery:5===e&&(r=this.resourcePropertiesQuery),r||""}updateModel(e,r){return this.isStartMode(s.QUERY)&&1===r?this.startGraphQuery=e:2===r?this.expandQuery=e:3===r?this.resourceQuery=e:4===r?this.predicateLabelQuery=e:5===r&&(this.resourcePropertiesQuery=e),this}toSavePayload(){return{id:this.id,name:this.name,startMode:this.startMode,owner:this.owner,startQueryIncludeInferred:this.startQueryIncludeInferred,startQuerySameAs:this.startQuerySameAs,startGraphQuery:this.startGraphQuery,startIRI:this.startIRI,startIRILabel:this.startIRILabel,expandQuery:this.expandQuery,resourceQuery:this.resourceQuery,predicateLabelQuery:this.predicateLabelQuery,resourcePropertiesQuery:this.resourcePropertiesQuery,shared:this.shared,description:this.description,hint:this.hint}}get id(){return this._id}set id(e){this._id=e}get name(){return this._name}set name(e){this._name=e}get startMode(){return this._startMode}set startMode(e){this._startMode=e}get owner(){return this._owner}set owner(e){this._owner=e}get startQueryIncludeInferred(){return this._startQueryIncludeInferred}set startQueryIncludeInferred(e){this._startQueryIncludeInferred=e}get startQuerySameAs(){return this._startQuerySameAs}set startQuerySameAs(e){this._startQuerySameAs=e}get startGraphQuery(){return this._startGraphQuery}set startGraphQuery(e){this._startGraphQuery=e}get startIRI(){return this._startIRI}set startIRI(e){this._startIRI=e}get startIRILabel(){return this._startIRILabel}set startIRILabel(e){this._startIRILabel=e}get expandQuery(){return this._expandQuery}set expandQuery(e){this._expandQuery=e}get resourceQuery(){return this._resourceQuery}set resourceQuery(e){this._resourceQuery=e}get predicateLabelQuery(){return this._predicateLabelQuery}set predicateLabelQuery(e){this._predicateLabelQuery=e}get resourcePropertiesQuery(){return this._resourcePropertiesQuery}set resourcePropertiesQuery(e){this._resourcePropertiesQuery=e}get shared(){return this._shared}set shared(e){this._shared=e}get description(){return this._description}set description(e){this._description=e}get hint(){return this._hint}set hint(e){this._hint=e}get startGraphQueryDescription(){return this._startGraphQueryDescription}set startGraphQueryDescription(e){this._startGraphQueryDescription=e}get expandQueryDescription(){return this._expandQueryDescription}set expandQueryDescription(e){this._expandQueryDescription=e}get resourceQueryDescription(){return this._resourceQueryDescription}set resourceQueryDescription(e){this._resourceQueryDescription=e}get predicateLabelQueryDescription(){return this._predicateLabelQueryDescription}set predicateLabelQueryDescription(e){this._predicateLabelQueryDescription=e}get resourcePropertiesQueryDescription(){return this._resourcePropertiesQueryDescription}set resourcePropertiesQueryDescription(e){this._resourcePropertiesQueryDescription=e}}},133:function(e,r,t){"use strict";t.r(r),t.d(r,"mapGraphsConfigResponseToModel",(function(){return a})),t.d(r,"mapGraphConfigSampleToGraphConfig",(function(){return i})),t.d(r,"mapGraphConfigSamplesToGraphConfigs",(function(){return n}));var s=t(112);const a=e=>new s.GraphsConfig(e.id,e.name,e.startMode,e.owner,e.startQueryIncludeInferred,e.startQuerySameAs,e.startGraphQuery,e.startIRI,e.startIRILabel,e.expandQuery,e.resourceQuery,e.predicateLabelQuery,e.resourcePropertiesQuery,e.shared,e.description,e.hint),i=e=>new s.GraphsConfig(e.id,e.name,e.startMode,e.owner,e.startQueryIncludeInferred,e.startQuerySameAs,e.startGraphQuery,e.startIRI,e.startIRILabel,e.expandQuery,e.resourceQuery,e.predicateLabelQuery,e.resourcePropertiesQuery,e.shared,e.description,e.hint,e.startGraphQueryDescription,e.expandQueryDescription,e.resourceQueryDescription,e.predicateLabelQueryDescription,e.resourcePropertiesQueryDescription),n=e=>e.map(e=>i(e))},257:function(e,r,t){"use strict";t.r(r);t(102),t(13),t(23);var s=t(97),a=t(90),i=t(19),n=t(112),o=t(133),u=t(8);function p(e,r,t,p,c,d,h,g,y,l,f,Q,w,m,I,C,R){let _;r.newConfig=new n.GraphsConfig,r.revertConfig=void 0,r.page=1,r.totalPages=5,r.helpHidden=1===Q.get(w.HIDE_GRAPH_CONFIG_HELP),r.isUpdate=!1,r.shared=!1,r.canEditActiveRepo=r.canWriteActiveRepo(),r.samples=[],r.tabConfig={inference:r.newConfig.startQueryIncludeInferred,sameAs:r.newConfig.startQuerySameAs},r.isAutocompleteEnabled=void 0,r.repositoryNamespaces=void 0,r.tabsViewModel=[];const b=l.configName,E=d.getActiveRepository();r.toggleHelp=e=>{void 0===e&&(e=Q.get(w.HIDE_GRAPH_CONFIG_HELP)),1!==e?(Q.set(w.HIDE_GRAPH_CONFIG_HELP,1),r.helpHidden=!0):(Q.set(w.HIDE_GRAPH_CONFIG_HELP,0),r.helpHidden=!1)},r.fixedVisualCallback=(e,t)=>{r.newConfig.startIRI=e,r.newConfig.startIRILabel=t,_=!0},r.isDefaultGraph=e=>e.isDefaultGraph(),r.isUserGraph=e=>!e.isDefaultGraph(),r.getSampleName=(e,r)=>{if(!e)return"";const t=e.getPropertyDescription(r);return t||(e.id?"Copy of "+e.name:e.name)},r.createGraphConfig=e=>{y.createGraphConfig(e).success((async function(){await f.showToastMessageWithDelay("graphexplore.saved.new.config"),p.url("graphs-visualizations")})).error((function(e){c.error(getError(e),m.instant("graphexplore.error.could.not.create"))}))},r.updateGraphConfig=e=>{y.updateGraphConfig(e).success((async function(){await f.showToastMessageWithDelay("graphexplore.saved.config"),p.url("graphs-visualizations")})).error((function(e){c.error(getError(e),m.instant("graphexplore.error.could.not.save"))}))},r.goToPage=e=>{r.page!==e&&P(()=>{r.showEditor(),r.page=e})},r.goToPreviousPage=()=>{r.page>1&&r.goToPage(r.page-1),q()&&(_=!1)},r.goToNextPage=()=>{N(),r.newConfig.isStartMode(n.StartMode.NODE)&&!_||r.goToPage(r.page+1)},r.saveGraphConfig=()=>{N(),q()&&!_||(r.newConfig.startQueryIncludeInferred=r.tabConfig.inference,r.newConfig.startQuerySameAs=r.tabConfig.sameAs,r.newConfig.name&&(r.newConfig.name=r.newConfig.name.replace(/\s+/g," ").trim()),P(()=>{r.newConfig.name?(r.queryEditorIsDirty=!1,r.isUpdate?r.updateGraphConfig(r.newConfig.toSavePayload()):r.createGraphConfig(r.newConfig.toSavePayload())):L(m.instant("graphexplore.provide.config.name"))}))},r.setQuery=async e=>{const t=e||" ";(await S()).setQuery(t),r.markDirty()},r.markDirty=async()=>{if(r.revertConfig){const e=r.revertConfig.getQueryType(r.page),t=await G();r.queryEditorIsDirty=e!==t}},r.showEditor=()=>{r.viewMode="yasr",A(),M()},r.showPreview=()=>{r.viewMode="editor",D()},r.revertEditor=()=>{r.setQuery(r.revertConfig.getQueryType(r.page)),r.queryEditorIsDirty=!1};const S=()=>i.YasguiComponentDirectiveUtil.getOntotextYasguiElementAsync("#query-editor"),D=async(e,t)=>{const s=await S(),a=await s.getQueryType();if(t&&"SELECT"!==a&&"CONSTRUCT"!==a&&"DESCRIBE"!==a)return void c.warning(m.instant("query.editor.warning.msg"));"update"!==await s.getQueryMode()?r.queryIsRunning||(r.viewMode="editor",v()):c.warning(m.instant("cannot.execute.update.error"))},v=async()=>{(await S()).query(a.RenderingMode.YASR)},M=async()=>(await S()).changeRenderMode(a.RenderingMode.YASQE),G=async()=>(await S()).getQuery(),A=async()=>(await S()).abortQuery(),P=async e=>{const t=await(async()=>{const e=await S();let t=await e.getQuery();return t=t.trim(),r.newConfig.updateModel(t,r.page)})();1===r.page?t.isStartMode(n.StartMode.NODE)&&!t.startIRI?L(m.instant("graphexplore.select.start.node")):t.isStartMode(n.StartMode.QUERY)&&!t.startGraphQuery?L(m.instant("graphexplore.provide.query")):t.isStartMode(n.StartMode.QUERY)?T(e,t.startGraphQuery,"graph"):e():2===r.page?T(e,t.expandQuery,"construct",["node"]):3===r.page?T(e,t.resourceQuery,"tuple",["node"],[],["type","label","comment","rank"]):4===r.page?T(e,t.predicateLabelQuery,"tuple",["edge"],["label"]):5===r.page&&T(e,t.resourcePropertiesQuery,"tuple",["node"],["property","value"])},x=()=>{r.tabConfig.inference=r.newConfig.startQueryIncludeInferred,r.tabConfig.sameAs=r.newConfig.startQuerySameAs,r.setQuery(r.newConfig.getQueryType(r.page))},L=e=>{c.warning(e)},T=(e,r,t,s,a,i)=>{r?y.validateQuery(r,t,s,a,i).success(()=>{e()}).error(e=>{L(getError(e))}):e()},N=()=>{q()&&r.$broadcast("addStartFixedNodeAutomatically",{startIRI:r.newConfig.startIRI})},q=()=>1===r.page&&r.newConfig.isStartMode(n.StartMode.NODE),Y=()=>{y.getGraphConfigSamples().success((function(e){r.samples=Object(o.mapGraphConfigSamplesToGraphConfigs)(e).filter(e=>!e.id||r.newConfig.id!==e.id||(r.revertConfig=e,!1))})).error((function(e){c.error(getError(e),m.instant("graphexplore.error.graph.configs"))}))},$={endpoint:()=>"repositories/"+d.getActiveRepository(),showEditorTabs:!1,showToolbar:!1,showResultTabs:!1,showYasqeActionButtons:!1,yasqeActionButtons:i.INFERRED_AND_SAME_AS_BUTTONS_CONFIGURATION,showQueryButton:!1,initialQuery:" ",componentId:"graphs-config",render:a.RenderingMode.YASQE,maxPersistentResponseSize:0,showYasqeResizer:!1,yasqeMode:s.YasqeMode.PROTECTED,infer:r.newConfig.startQueryIncludeInferred,sameAs:r.newConfig.startQuerySameAs},U=(e,t,s)=>{r.queryIsRunning=e},O=()=>{window.removeEventListener("beforeunload",H),F.forEach(e=>e())},H=e=>{r.queryEditorIsDirty&&(e.returnValue=!0)},k=()=>{r.tabsViewModel=[{page:1,label:m.instant("starting.point.label"),type:"startGraphQuery"},{page:2,label:m.instant("graph.expansion"),type:"expandQuery"},{page:3,label:m.instant("node.basics"),type:"resourceQuery"},{page:4,label:m.instant("edge.basics"),type:"predicateLabelQuery"},{page:5,label:m.instant("node.extra"),type:"resourcePropertiesQuery"}]},F=[];F.push(C.onSelectedRepositoryIdUpdated(e=>{e?R.getNamespaces(e).then(e=>{r.repositoryNamespaces=e}).catch(e=>{const r=getError(e);c.error(r,m.instant("error.getting.namespaces.for.repo"))}):r.repositoryNamespaces=new u.NamespacesListModel})),F.push(C.onAutocompleteEnabledUpdated(e=>{r.isAutocompleteEnabled=e})),F.push(r.$on("$locationChangeStart",(e,t)=>{if(r.queryEditorIsDirty){e.preventDefault();((e,r,t,s)=>{I.openSimpleModal({title:e,message:r,warning:!0}).result.then((function(){angular.isFunction(t)&&t()}),(function(){angular.isFunction(s)&&s()}))})(m.instant("common.confirm"),m.instant("visual.config.warning.unsaved.changes"),()=>{O();const e=p.absUrl().length-p.url().length,r=t.substring(e);p.path(r)})}else O()})),F.push(r.$on("$destroy",O)),F.push(r.$watch(r.getActiveRepositoryObject,()=>{(r.newConfig.isStartMode(n.StartMode.QUERY)||r.page>1)&&(r.viewMode="yasr",A().then(M))})),F.push(e.$on("$translateChangeSuccess",()=>{k()})),window.addEventListener("beforeunload",H),r.$watch("newConfig.startMode",e=>{e===n.StartMode.QUERY&&x()}),r.$watch("page",e=>{(r.newConfig.isStartMode(n.StartMode.QUERY)||e>1)&&(r.showEditor(),x())}),k(),d.getPrefixes(E).then(e=>(e=>{const t=r.$watch((function(){return r.getActiveRepositoryObject()}),(function(a){if(a){r.canEditActiveRepo=r.canWriteActiveRepo();const a=angular.extend({},$,{prefixes:e,yasqeMode:r.canWriteActiveRepo()?s.YasqeMode.WRITE:s.YasqeMode.PROTECTED});r.yasguiConfig=a,t()}}))})(e)).finally(()=>U(!1)),b?(r.isUpdate=!0,y.getConfig(b).then((function(e){r.newConfig=e,Y()})).catch(e=>{c.error(getError(e),m.instant("created.connector",{name:b}))})):(r.isUpdate=!1,Y()),r.getActiveRepository()&&(U(!0,m.instant("common.refreshing.namespaces"),m.instant("common.extra.message")),d.getPrefixes(d.getActiveRepository()).then(e=>{r.namespaces=e}).catch((function(e){r.repositoryError=getError(e)})).finally((function(){U(!1)})))}angular.module("graphdb.framework.graphexplore.controllers.graphviz.config",["graphdb.framework.utils.notifications","graphdb.framework.utils.localstorageadapter","graphdb.core.services.workbench-context","graphdb.framework.core.services.rdf4j.repositories"]).controller("GraphConfigCtrl",p),p.$inject=["$rootScope","$scope","$timeout","$location","toastr","$repositories","SparqlRestService","$filter","GraphConfigRestService","$routeParams","Notifications","LocalStorageAdapter","LSKeys","$translate","ModalService","WorkbenchContextService","RDF4JRepositoriesService"]},90:function(e,r,t){"use strict";t.r(r),t.d(r,"RenderingMode",(function(){return s}));const s={YASGUI:"mode-yasgui",YASQE:"mode-yasqe",YASR:"mode-yasr"}},97:function(e,r,t){"use strict";t.r(r),t.d(r,"YasqeMode",(function(){return s}));const s={WRITE:"WRITE",READ:"READ",PROTECTED:"PROTECTED"}}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[41,99,200,236,244,326],{102:function(e,r){function t(e,r){return{showToastMessageWithDelay:function(t){return new Promise(s=>{e.success(r.instant(t)),setTimeout(s,200)})}}}angular.module("graphdb.framework.utils.notifications",[]).factory("Notifications",t),t.$inject=["toastr","$translate"]},114:function(e,r,t){"use strict";t.r(r),t.d(r,"StartMode",(function(){return s})),t.d(r,"GraphsConfig",(function(){return a}));const s={QUERY:"query",NODE:"node",SEARCH:"search"};class a{constructor(e,r,t=s.SEARCH,a,i=!0,n=!0,o,u,p,c,d,h,g,y,l,f,Q,w,m,I,C){this._id=e,this._name=r,this._startMode=t,this._owner=a,this._startQueryIncludeInferred=i,this._startQuerySameAs=n,this._startGraphQuery=o,this._startIRI=u,this._startIRILabel=p,this._expandQuery=c,this._resourceQuery=d,this._predicateLabelQuery=h,this._resourcePropertiesQuery=g,this._shared=y,this._description=l,this._hint=f,this._startGraphQueryDescription=Q,this._expandQueryDescription=w,this._resourceQueryDescription=m,this._predicateLabelQueryDescription=I,this._resourcePropertiesQueryDescription=C}isStartMode(e){return this.startMode===e}isDefaultGraph(){return"Minimal"===this.name||"Advanced"===this.name}getPropertyDescription(e){return this[e+"Description"]}getQueryType(e){let r;return this.isStartMode(s.QUERY)&&1===e?r=this.startGraphQuery:2===e?r=this.expandQuery:3===e?r=this.resourceQuery:4===e?r=this.predicateLabelQuery:5===e&&(r=this.resourcePropertiesQuery),r||""}updateModel(e,r){return this.isStartMode(s.QUERY)&&1===r?this.startGraphQuery=e:2===r?this.expandQuery=e:3===r?this.resourceQuery=e:4===r?this.predicateLabelQuery=e:5===r&&(this.resourcePropertiesQuery=e),this}toSavePayload(){return{id:this.id,name:this.name,startMode:this.startMode,owner:this.owner,startQueryIncludeInferred:this.startQueryIncludeInferred,startQuerySameAs:this.startQuerySameAs,startGraphQuery:this.startGraphQuery,startIRI:this.startIRI,startIRILabel:this.startIRILabel,expandQuery:this.expandQuery,resourceQuery:this.resourceQuery,predicateLabelQuery:this.predicateLabelQuery,resourcePropertiesQuery:this.resourcePropertiesQuery,shared:this.shared,description:this.description,hint:this.hint}}get id(){return this._id}set id(e){this._id=e}get name(){return this._name}set name(e){this._name=e}get startMode(){return this._startMode}set startMode(e){this._startMode=e}get owner(){return this._owner}set owner(e){this._owner=e}get startQueryIncludeInferred(){return this._startQueryIncludeInferred}set startQueryIncludeInferred(e){this._startQueryIncludeInferred=e}get startQuerySameAs(){return this._startQuerySameAs}set startQuerySameAs(e){this._startQuerySameAs=e}get startGraphQuery(){return this._startGraphQuery}set startGraphQuery(e){this._startGraphQuery=e}get startIRI(){return this._startIRI}set startIRI(e){this._startIRI=e}get startIRILabel(){return this._startIRILabel}set startIRILabel(e){this._startIRILabel=e}get expandQuery(){return this._expandQuery}set expandQuery(e){this._expandQuery=e}get resourceQuery(){return this._resourceQuery}set resourceQuery(e){this._resourceQuery=e}get predicateLabelQuery(){return this._predicateLabelQuery}set predicateLabelQuery(e){this._predicateLabelQuery=e}get resourcePropertiesQuery(){return this._resourcePropertiesQuery}set resourcePropertiesQuery(e){this._resourcePropertiesQuery=e}get shared(){return this._shared}set shared(e){this._shared=e}get description(){return this._description}set description(e){this._description=e}get hint(){return this._hint}set hint(e){this._hint=e}get startGraphQueryDescription(){return this._startGraphQueryDescription}set startGraphQueryDescription(e){this._startGraphQueryDescription=e}get expandQueryDescription(){return this._expandQueryDescription}set expandQueryDescription(e){this._expandQueryDescription=e}get resourceQueryDescription(){return this._resourceQueryDescription}set resourceQueryDescription(e){this._resourceQueryDescription=e}get predicateLabelQueryDescription(){return this._predicateLabelQueryDescription}set predicateLabelQueryDescription(e){this._predicateLabelQueryDescription=e}get resourcePropertiesQueryDescription(){return this._resourcePropertiesQueryDescription}set resourcePropertiesQueryDescription(e){this._resourcePropertiesQueryDescription=e}}},134:function(e,r,t){"use strict";t.r(r),t.d(r,"mapGraphsConfigResponseToModel",(function(){return a})),t.d(r,"mapGraphConfigSampleToGraphConfig",(function(){return i})),t.d(r,"mapGraphConfigSamplesToGraphConfigs",(function(){return n}));var s=t(114);const a=e=>new s.GraphsConfig(e.id,e.name,e.startMode,e.owner,e.startQueryIncludeInferred,e.startQuerySameAs,e.startGraphQuery,e.startIRI,e.startIRILabel,e.expandQuery,e.resourceQuery,e.predicateLabelQuery,e.resourcePropertiesQuery,e.shared,e.description,e.hint),i=e=>new s.GraphsConfig(e.id,e.name,e.startMode,e.owner,e.startQueryIncludeInferred,e.startQuerySameAs,e.startGraphQuery,e.startIRI,e.startIRILabel,e.expandQuery,e.resourceQuery,e.predicateLabelQuery,e.resourcePropertiesQuery,e.shared,e.description,e.hint,e.startGraphQueryDescription,e.expandQueryDescription,e.resourceQueryDescription,e.predicateLabelQueryDescription,e.resourcePropertiesQueryDescription),n=e=>e.map(e=>i(e))},257:function(e,r,t){"use strict";t.r(r);t(102),t(13),t(23);var s=t(97),a=t(90),i=t(19),n=t(114),o=t(134),u=t(8);function p(e,r,t,p,c,d,h,g,y,l,f,Q,w,m,I,C,R){let _;r.newConfig=new n.GraphsConfig,r.revertConfig=void 0,r.page=1,r.totalPages=5,r.helpHidden=1===Q.get(w.HIDE_GRAPH_CONFIG_HELP),r.isUpdate=!1,r.shared=!1,r.canEditActiveRepo=r.canWriteActiveRepo(),r.samples=[],r.tabConfig={inference:r.newConfig.startQueryIncludeInferred,sameAs:r.newConfig.startQuerySameAs},r.isAutocompleteEnabled=void 0,r.repositoryNamespaces=void 0,r.tabsViewModel=[];const b=l.configName,E=d.getActiveRepository();r.toggleHelp=e=>{void 0===e&&(e=Q.get(w.HIDE_GRAPH_CONFIG_HELP)),1!==e?(Q.set(w.HIDE_GRAPH_CONFIG_HELP,1),r.helpHidden=!0):(Q.set(w.HIDE_GRAPH_CONFIG_HELP,0),r.helpHidden=!1)},r.fixedVisualCallback=(e,t)=>{r.newConfig.startIRI=e,r.newConfig.startIRILabel=t,_=!0},r.isDefaultGraph=e=>e.isDefaultGraph(),r.isUserGraph=e=>!e.isDefaultGraph(),r.getSampleName=(e,r)=>{if(!e)return"";const t=e.getPropertyDescription(r);return t||(e.id?"Copy of "+e.name:e.name)},r.createGraphConfig=e=>{y.createGraphConfig(e).success((async function(){await f.showToastMessageWithDelay("graphexplore.saved.new.config"),p.url("graphs-visualizations")})).error((function(e){c.error(getError(e),m.instant("graphexplore.error.could.not.create"))}))},r.updateGraphConfig=e=>{y.updateGraphConfig(e).success((async function(){await f.showToastMessageWithDelay("graphexplore.saved.config"),p.url("graphs-visualizations")})).error((function(e){c.error(getError(e),m.instant("graphexplore.error.could.not.save"))}))},r.goToPage=e=>{r.page!==e&&P(()=>{r.showEditor(),r.page=e})},r.goToPreviousPage=()=>{r.page>1&&r.goToPage(r.page-1),q()&&(_=!1)},r.goToNextPage=()=>{N(),r.newConfig.isStartMode(n.StartMode.NODE)&&!_||r.goToPage(r.page+1)},r.saveGraphConfig=()=>{N(),q()&&!_||(r.newConfig.startQueryIncludeInferred=r.tabConfig.inference,r.newConfig.startQuerySameAs=r.tabConfig.sameAs,r.newConfig.name&&(r.newConfig.name=r.newConfig.name.replace(/\s+/g," ").trim()),P(()=>{r.newConfig.name?(r.queryEditorIsDirty=!1,r.isUpdate?r.updateGraphConfig(r.newConfig.toSavePayload()):r.createGraphConfig(r.newConfig.toSavePayload())):L(m.instant("graphexplore.provide.config.name"))}))},r.setQuery=async e=>{const t=e||" ";(await S()).setQuery(t),r.markDirty()},r.markDirty=async()=>{if(r.revertConfig){const e=r.revertConfig.getQueryType(r.page),t=await A();r.queryEditorIsDirty=e!==t}},r.showEditor=()=>{r.viewMode="yasr",G(),M()},r.showPreview=()=>{r.viewMode="editor",D()},r.revertEditor=()=>{r.setQuery(r.revertConfig.getQueryType(r.page)),r.queryEditorIsDirty=!1};const S=()=>i.YasguiComponentDirectiveUtil.getOntotextYasguiElementAsync("#query-editor"),D=async(e,t)=>{const s=await S(),a=await s.getQueryType();if(t&&"SELECT"!==a&&"CONSTRUCT"!==a&&"DESCRIBE"!==a)return void c.warning(m.instant("query.editor.warning.msg"));"update"!==await s.getQueryMode()?r.queryIsRunning||(r.viewMode="editor",v()):c.warning(m.instant("cannot.execute.update.error"))},v=async()=>{(await S()).query(a.RenderingMode.YASR)},M=async()=>(await S()).changeRenderMode(a.RenderingMode.YASQE),A=async()=>(await S()).getQuery(),G=async()=>(await S()).abortQuery(),P=async e=>{const t=await(async()=>{const e=await S();let t=await e.getQuery();return t=t.trim(),r.newConfig.updateModel(t,r.page)})();1===r.page?t.isStartMode(n.StartMode.NODE)&&!t.startIRI?L(m.instant("graphexplore.select.start.node")):t.isStartMode(n.StartMode.QUERY)&&!t.startGraphQuery?L(m.instant("graphexplore.provide.query")):t.isStartMode(n.StartMode.QUERY)?T(e,t.startGraphQuery,"graph"):e():2===r.page?T(e,t.expandQuery,"construct",["node"]):3===r.page?T(e,t.resourceQuery,"tuple",["node"],[],["type","label","comment","rank"]):4===r.page?T(e,t.predicateLabelQuery,"tuple",["edge"],["label"]):5===r.page&&T(e,t.resourcePropertiesQuery,"tuple",["node"],["property","value"])},x=()=>{r.tabConfig.inference=r.newConfig.startQueryIncludeInferred,r.tabConfig.sameAs=r.newConfig.startQuerySameAs,r.setQuery(r.newConfig.getQueryType(r.page))},L=e=>{c.warning(e)},T=(e,r,t,s,a,i)=>{r?y.validateQuery(r,t,s,a,i).success(()=>{e()}).error(e=>{L(getError(e))}):e()},N=()=>{q()&&r.$broadcast("addStartFixedNodeAutomatically",{startIRI:r.newConfig.startIRI})},q=()=>1===r.page&&r.newConfig.isStartMode(n.StartMode.NODE),Y=()=>{y.getGraphConfigSamples().success((function(e){r.samples=Object(o.mapGraphConfigSamplesToGraphConfigs)(e).filter(e=>!e.id||r.newConfig.id!==e.id||(r.revertConfig=e,!1))})).error((function(e){c.error(getError(e),m.instant("graphexplore.error.graph.configs"))}))},$={endpoint:()=>"repositories/"+d.getActiveRepository(),showEditorTabs:!1,showToolbar:!1,showResultTabs:!1,showYasqeActionButtons:!1,yasqeActionButtons:i.INFERRED_AND_SAME_AS_BUTTONS_CONFIGURATION,showQueryButton:!1,initialQuery:" ",componentId:"graphs-config",render:a.RenderingMode.YASQE,maxPersistentResponseSize:0,showYasqeResizer:!1,yasqeMode:s.YasqeMode.READ,infer:r.newConfig.startQueryIncludeInferred,sameAs:r.newConfig.startQuerySameAs},U=(e,t,s)=>{r.queryIsRunning=e},H=()=>{window.removeEventListener("beforeunload",O),F.forEach(e=>e())},O=e=>{r.queryEditorIsDirty&&(e.returnValue=!0)},k=()=>{r.tabsViewModel=[{page:1,label:m.instant("starting.point.label"),type:"startGraphQuery"},{page:2,label:m.instant("graph.expansion"),type:"expandQuery"},{page:3,label:m.instant("node.basics"),type:"resourceQuery"},{page:4,label:m.instant("edge.basics"),type:"predicateLabelQuery"},{page:5,label:m.instant("node.extra"),type:"resourcePropertiesQuery"}]},F=[];F.push(C.onSelectedRepositoryIdUpdated(e=>{e?R.getNamespaces(e).then(e=>{r.repositoryNamespaces=e}).catch(e=>{const r=getError(e);c.error(r,m.instant("error.getting.namespaces.for.repo"))}):r.repositoryNamespaces=new u.NamespacesListModel})),F.push(C.onAutocompleteEnabledUpdated(e=>{r.isAutocompleteEnabled=e})),F.push(r.$on("$locationChangeStart",(e,t)=>{if(r.queryEditorIsDirty){e.preventDefault();((e,r,t,s)=>{I.openSimpleModal({title:e,message:r,warning:!0}).result.then((function(){angular.isFunction(t)&&t()}),(function(){angular.isFunction(s)&&s()}))})(m.instant("common.confirm"),m.instant("visual.config.warning.unsaved.changes"),()=>{H();const e=p.absUrl().length-p.url().length,r=t.substring(e);p.path(r)})}else H()})),F.push(r.$on("$destroy",H)),F.push(r.$watch(r.getActiveRepositoryObject,()=>{(r.newConfig.isStartMode(n.StartMode.QUERY)||r.page>1)&&(r.viewMode="yasr",G().then(M))})),F.push(e.$on("$translateChangeSuccess",()=>{k()})),window.addEventListener("beforeunload",O),r.$watch("newConfig.startMode",e=>{e===n.StartMode.QUERY&&x()}),r.$watch("page",e=>{(r.newConfig.isStartMode(n.StartMode.QUERY)||e>1)&&(r.showEditor(),x())}),k(),d.getPrefixes(E).then(e=>(e=>{const t=r.$watch((function(){return r.getActiveRepositoryObject()}),(function(a){if(a){r.canEditActiveRepo=r.canWriteActiveRepo();const a=angular.extend({},$,{prefixes:e,yasqeMode:r.canWriteActiveRepo()?s.YasqeMode.WRITE:s.YasqeMode.READ});r.yasguiConfig=a,t()}}))})(e)).finally(()=>U(!1)),b?(r.isUpdate=!0,y.getConfig(b).then((function(e){r.newConfig=e,Y()})).catch(e=>{c.error(getError(e),m.instant("created.connector",{name:b}))})):(r.isUpdate=!1,Y()),r.getActiveRepository()&&(U(!0,m.instant("common.refreshing.namespaces"),m.instant("common.extra.message")),d.getPrefixes(d.getActiveRepository()).then(e=>{r.namespaces=e}).catch((function(e){r.repositoryError=getError(e)})).finally((function(){U(!1)})))}angular.module("graphdb.framework.graphexplore.controllers.graphviz.config",["graphdb.framework.utils.notifications","graphdb.framework.utils.localstorageadapter","graphdb.core.services.workbench-context","graphdb.framework.core.services.rdf4j.repositories"]).controller("GraphConfigCtrl",p),p.$inject=["$rootScope","$scope","$timeout","$location","toastr","$repositories","SparqlRestService","$filter","GraphConfigRestService","$routeParams","Notifications","LocalStorageAdapter","LSKeys","$translate","ModalService","WorkbenchContextService","RDF4JRepositoriesService"]},90:function(e,r,t){"use strict";t.r(r),t.d(r,"RenderingMode",(function(){return s}));const s={YASGUI:"mode-yasgui",YASQE:"mode-yasqe",YASR:"mode-yasr"}},97:function(e,r,t){"use strict";t.r(r),t.d(r,"YasqeMode",(function(){return s}));const s={WRITE:"WRITE",READ:"READ",PROTECTED:"PROTECTED"}}}]);

package/dist/410.df9406357dc52e98d0c4.bundle.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[410],{532:function(module,exports){module.exports=function(obj){obj||(obj={});var __t,__p="";with(obj)__p+='<link href="css/ttyg/agent-settings-modal.css?v=2.8.8-TR2" rel="stylesheet"/>\n\n<div class="modal-header">\n    <button type="button" class="close" ng-click="close()"></button>\n    <h4 class="modal-title">{{(\n        operation === AGENT_OPERATION.EDIT ? \'ttyg.agent.create_agent_modal.title.edit \'\n        : operation === AGENT_OPERATION.CLONE ? \'ttyg.agent.create_agent_modal.title.clone\'\n        : \'ttyg.agent.create_agent_modal.title.create\') | translate}}</h4>\n</div>\n\n<div class="modal-body">\n    <form novalidate name="agentSettingsForm" id="agentSettingsForm" class="agent-settings-form">\n        <div class="form-group agent-name-label">\n            <label for="name" uib-popover="{{\'ttyg.agent.create_agent_modal.form.agent_name.tooltip\' | translate}}"\n                   popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.agent_name.label\'\n                | translate}}</label>\n            <input type="text" class="form-control" id="name" name="name" ng-model="agentFormModel.name"\n                   required autocomplete="off"\n                   placeholder="{{\'ttyg.agent.create_agent_modal.form.agent_name.placeholder\' | translate}}">\n            <div class="alert alert-danger"\n                 ng-if="agentSettingsForm.name.$touched && agentSettingsForm.name.$invalid">\n                {{\'required.field\' | translate}}\n            </div>\n        </div>\n        <div class="form-group repository-id">\n            <label for="repositoryId"\n                   uib-popover="{{\'ttyg.agent.create_agent_modal.form.repository.tooltip\' | translate}}"\n                   popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.repository.label\' |\n                translate}}</label>\n            <select class="form-control" id="repositoryId" name="repositoryId" ng-model="agentFormModel.repositoryId"\n                    required ng-change="onRepositoryChange()"\n                    ng-options="repository.value as repository.label for repository in activeRepositoryList">\n            </select>\n            <div class="alert alert-danger"\n                 ng-if="agentSettingsForm.repositoryId.$touched && agentSettingsForm.repositoryId.$invalid">\n                {{\'required.field\' | translate}}\n            </div>\n        </div>\n        <div class="form-group extraction-methods-group">\n            <label for="extractionMethods"\n                   uib-popover="{{\'ttyg.agent.create_agent_modal.form.extraction_method.tooltip\' | translate}}"\n                   popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.extraction_method.label\' |\n                translate}}</label>\n            <div id="extractionMethods" name="extractionMethods"\n                 ng-model="agentFormModel.assistantExtractionMethods.extractionMethods"\n                 required class="accordion extraction-methods"\n                 ng-class="{\'has-error\': agentSettingsForm.extractionMethods.$touched && agentSettingsForm.extractionMethods.$invalid}">\n                <div ng-repeat="extractionMethod in agentFormModel.assistantExtractionMethods.extractionMethods"\n                     class="extraction-method">\n                    <div id="{{extractionMethod.method + \'_method_heading\'}}" class="extraction-method-heading"\n                         ng-class="{\'selected\': extractionMethod.selected}">\n                        <div class="mr-0 extraction-method-toggle">\n                            <input type="checkbox" id="{{extractionMethod.method + \'_checkbox\'}}"\n                                   name="{{extractionMethod}}" class="switch"\n                                   ng-click="toggleExtractionMethod(extractionMethod, $event)"\n                                   ng-model="extractionMethod.selected"/>\n                            <label for="{{extractionMethod.method + \'_checkbox\'}}"></label>\n                        </div>\n                        <a class="btn btn-link panel-toggle-link"\n                           aria-expanded="false" aria-controls="{{extractionMethod.method + \'_method_content\'}}"\n                           ng-click="onExtractionMethodPanelToggle(extractionMethod)">\n                            <span class="mr-1"\n                                  uib-popover="{{\'ttyg.agent.create_agent_modal.form.\' + extractionMethod.method + \'.tooltip\' | translate}}"\n                                  popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.\' + extractionMethod.method + \'.label\' | translate}}</span>\n                            <i class="fa fa-chevron-down toggle-icon"\n                               ng-class="{\'expanded\': extractionMethod.expanded}">\n                            </i>\n                        </a>\n                    </div>\n\n                    <div id="{{extractionMethod.method + \'_method_content\'}}"\n                         class="show extraction-method-content"\n                         aria-labelledby="{{extractionMethod.method + \'_method_heading\'}}"\n                         data-parent="#extractionMethods">\n\n                        \x3c!-- SPARQL method settings --\x3e\n\n                        <div ng-if="extractionMethod.expanded && extractionMethod.method === extractionMethods.SPARQL"\n                             class="extraction-method-options"\n                             ng-class="{\'has-error\': extractionMethod.selected && !extractionMethod.sparqlOption}">\n                            <div class="sparql-option ontology-graph-option">\n                                <label class="radio-inline"\n                                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.ontology_graph.tooltip\' | translate}}"\n                                       popover-trigger="mouseenter">\n                                    <input type="radio" name="sparqlOption" ng-required="extractionMethod.selected"\n                                           ng-model="extractionMethod.sparqlOption" value="ontologyGraph">\n                                    {{\'ttyg.agent.create_agent_modal.form.ontology_graph.label\' | translate}}\n                                </label>\n                                <div class="panel" ng-show="extractionMethod.sparqlOption === \'ontologyGraph\'">\n                                    <div class="form-group">\n                                        <input type="text" class="form-control" id="ontologyGraph"\n                                               name="ontologyGraph"\n                                               ng-required="extractionMethod.selected && extractionMethod.sparqlOption === \'ontologyGraph\'"\n                                               ng-model="extractionMethod.ontologyGraph">\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="sparql-option sparql-query-option">\n                                <label class="radio-inline"\n                                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.construct_query.tooltip\' | translate}}"\n                                       popover-trigger="mouseenter">\n                                    <input type="radio" name="sparqlOption" ng-required="extractionMethod.selected"\n                                           ng-model="extractionMethod.sparqlOption" value="sparqlQuery">\n                                    {{\'ttyg.agent.create_agent_modal.form.construct_query.label\' | translate}}\n                                </label>\n                                <div class="panel" ng-show="extractionMethod.sparqlOption === \'sparqlQuery\'">\n                                    <div class="form-group">\n                                            <textarea type="text" class="form-control" id="sparqlQuery"\n                                                      name="sparqlQuery" rows="10"\n                                                      ng-required="extractionMethod.selected && extractionMethod.sparqlOption === \'sparqlQuery\'"\n                                                      ng-minlength="extractionMethod.sparqlQuery.minLength"\n                                                      ng-maxlength="extractionMethod.sparqlQuery.maxLength"\n                                                      ng-model="extractionMethod.sparqlQuery.value">\n                                            </textarea>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="alert alert-danger sparql-method-option-required-error mb-0"\n                                 ng-if="extractionMethod.selected && !extractionMethod.sparqlOption">\n                                {{\'ttyg.agent.create_agent_modal.form.sparql_search.required_option\' | translate}}\n                            </div>\n                            <div class="add-missing-namespaces-option mt-1">\n                                <input id="addMissingNamespaces" name="addMissingNamespaces" type="checkbox"\n                                       ng-model="extractionMethod.addMissingNamespaces">\n                                <label for="addMissingNamespaces"\n                                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.add_missing_namespaces.tooltip\' | translate}}"\n                                       popover-trigger="mouseenter">{{\n                                    \'ttyg.agent.create_agent_modal.form.add_missing_namespaces.label\' | translate\n                                    }}</label>\n                            </div>\n                        </div>\n\n                        \x3c!-- FTS method settings --\x3e\n\n                        <div\n                            ng-if="extractionMethod.expanded && extractionMethod.method === extractionMethods.FTS_SEARCH"\n                            ng-class="{\'has-error\': agentSettingsForm.$error.FTSDisabled}"\n                            class="extraction-method-options">\n                            <button class="btn btn-link btn-sm pull-right"\n                                    ng-click="checkIfFTSEnabled()"\n                                    gdb-tooltip="{{\'ttyg.agent.create_agent_modal.form.fts_search.btn.reload.tooltip\' | translate}}">\n                                <i class="fa fa-arrows-rotate"></i>\n                            </button>\n                            <div class="alert alert-danger missing-repositoryid-error mb-0"\n                                 ng-if="!agentFormModel.repositoryId">\n                                {{\'ttyg.agent.create_agent_modal.form.fts_search.missing_repository_id\' | translate}}\n                            </div>\n                            <div ng-if="!ftsEnabled && agentFormModel.repositoryId" class="fts-disabled-message"\n                                 ng-bind-html="getFTSDisabledHelpMessage()">\n                            </div>\n                            <div class="form-group max-triples" ng-show="ftsEnabled && agentFormModel.repositoryId">\n                                <label for="{{extractionMethods.FTS_SEARCH + \'_maxNumberOfTriplesPerCall\'}}"\n                                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.fts_search_max_number_of_triples_per_call.tooltip\' | translate}}"\n                                       popover-trigger="mouseenter">\n                                    {{\'ttyg.agent.create_agent_modal.form.fts_search_max_number_of_triples_per_call.label\'\n                                    |\n                                    translate}}\n                                </label>\n                                <input type="number" class="form-control"\n                                       id="{{extractionMethods.FTS_SEARCH + \'_maxNumberOfTriplesPerCall\'}}"\n                                       name="maxNumberOfTriplesPerCall" min="0"\n                                       ng-model="extractionMethod.maxNumberOfTriplesPerCall"\n                                       placeholder="{{\'ttyg.agent.create_agent_modal.form.fts_search_max_number_of_triples_per_call.placeholder\' | translate}}">\n                            </div>\n                        </div>\n\n                        \x3c!-- Similarity method settings --\x3e\n\n                        <div\n                            ng-if="extractionMethod.expanded && extractionMethod.method === extractionMethods.SIMILARITY"\n                            ng-class="{\'has-error\': agentSettingsForm.$error.missingIndex}"\n                            class="extraction-method-options">\n                            <button class="btn btn-link btn-sm pull-right"\n                                    ng-click="updateSimilaritySearchPanel()"\n                                    ng-disabled="disabled"\n                                    gdb-tooltip="{{\'ttyg.agent.create_agent_modal.form.similarity_index.btn.reload.tooltip\' | translate}}">\n                                <i class="fa fa-arrows-rotate"></i>\n                            </button>\n                            <div ng-if="!similarityIndexes.length" class="no-similarity-index-message">\n                                {{\'ttyg.agent.create_agent_modal.form.similarity_index.no_similarity_index.message_1\' |\n                                translate}}\n                                <a href="#" ng-click="goToCreateSimilarityView()">\n                                    {{\'ttyg.agent.create_agent_modal.form.similarity_index.no_similarity_index.message_2\'\n                                    | translate}}\n                                </a>\n                                {{\'ttyg.agent.create_agent_modal.form.similarity_index.no_similarity_index.message_3\' |\n                                translate}}.\n                            </div>\n                            <div ng-show="similarityIndexes.length">\n                                <div class="form-group similarity-index">\n                                    <label for="similarityIndex"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.similarity_index.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.similarity_index.label\'\n                                        | translate}}</label>\n                                    <span ng-if="extractionMethodLoaderFlags.similarity_search" onto-loader-fancy\n                                          size="16"></span>\n                                    <select class="form-control" id="similarityIndex" name="similarityIndex"\n                                            ng-required="extractionMethod.selected"\n                                            ng-if="!extractionMethodLoaderFlags.similarity_search"\n                                            ng-model="extractionMethod.similarityIndex"\n                                            ng-options="similarityIndex.value as similarityIndex.label for similarityIndex in similarityIndexes">\n                                    </select>\n                                    <div class="alert alert-danger"\n                                         ng-if="extractionMethod.similarityIndex.$touched && extractionMethod.similarityIndex.$invalid">\n                                        {{\'required.field\' | translate}}\n                                    </div>\n                                </div>\n                                <div class="form-group similarity-index-threshold">\n                                    <label for="similarityIndexThreshold"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.similarity_threshold.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.similarity_threshold.label\'\n                                        | translate}}</label>\n                                    <input type="text" class="form-control" id="similarityIndexThreshold"\n                                           name="similarityIndexThreshold" readonly\n                                           ng-model="extractionMethod.similarityIndexThreshold.value">\n                                    <input id="similarityIndexThresholdSlider" name="similarityIndexThreshold"\n                                           type="range" ng-required="extractionMethod.selected"\n                                           min="{{extractionMethod.similarityIndexThreshold.minValue}}"\n                                           max="{{extractionMethod.similarityIndexThreshold.maxValue}}"\n                                           step="0.1"\n                                           ng-model="extractionMethod.similarityIndexThreshold.value"/>\n                                </div>\n                                <div class="form-group similarity-max-triples">\n                                    <label for="{{extractionMethods.SIMILARITY + \'_maxNumberOfTriplesPerCall\'}}"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.similarity_search_max_number_of_triples_per_call.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">\n                                        {{\'ttyg.agent.create_agent_modal.form.similarity_search_max_number_of_triples_per_call.label\'\n                                        | translate}}</label>\n                                    <input type="number" class="form-control"\n                                           id="{{extractionMethods.SIMILARITY + \'_maxNumberOfTriplesPerCall\'}}"\n                                           name="maxNumberOfTriplesPerCall" min="0"\n                                           ng-model="extractionMethod.maxNumberOfTriplesPerCall"\n                                           placeholder="{{\'ttyg.agent.create_agent_modal.form.similarity_search_max_number_of_triples_per_call.placeholder\' | translate}}">\n                                </div>\n                            </div>\n                        </div>\n\n                        \x3c!-- Retrieval method settings --\x3e\n\n                        <div\n                            ng-if="extractionMethod.expanded && extractionMethod.method === extractionMethods.RETRIEVAL"\n                            ng-class="{\'has-error\': agentSettingsForm.$error.missingConnector}"\n                            class="extraction-method-options">\n                            <button class="btn btn-link btn-sm pull-right"\n                                    ng-click="updateRetrievalConnectorPanel()"\n                                    ng-disabled="disabled"\n                                    gdb-tooltip="{{\'ttyg.agent.create_agent_modal.form.retrieval_search.btn.reload.tooltip\' | translate}}">\n                                <i class="fa fa-arrows-rotate"></i>\n                            </button>\n                            <div ng-if="!retrievalConnectors.length" class="no-retrieval-connector-message">\n                                {{\'ttyg.agent.create_agent_modal.form.retrieval_search.no_retrieval_connectors.message_1\'\n                                | translate}}\n                                <a href="#" ng-click="goToConnectorsView()">\n                                    {{\'ttyg.agent.create_agent_modal.form.retrieval_search.no_retrieval_connectors.message_2\'\n                                    | translate}}\n                                </a>\n                                {{\'ttyg.agent.create_agent_modal.form.retrieval_search.no_retrieval_connectors.message_3\'\n                                | translate}}.\n                            </div>\n                            <div ng-show="retrievalConnectors.length">\n                                <div class="form-group retrieval-connector">\n                                    <label for="retrievalConnectorInstance"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.connector_id.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.connector_id.label\'\n                                        | translate}}</label>\n                                    <span ng-if="extractionMethodLoaderFlags.retrieval_search" onto-loader-fancy\n                                          size="16"></span>\n                                    <select class="form-control" id="retrievalConnectorInstance"\n                                            name="retrievalConnectorInstance"\n                                            ng-required="extractionMethod.selected"\n                                            ng-if="!extractionMethodLoaderFlags.retrieval_search"\n                                            ng-model="extractionMethod.retrievalConnectorInstance"\n                                            ng-options="retrievalConnector.value as retrievalConnector.label for retrievalConnector in retrievalConnectors">\n                                    </select>\n                                    <div class="alert alert-danger"\n                                         ng-if="extractionMethod.retrievalConnectorInstance.$touched && extractionMethod.retrievalConnectorInstance.$invalid">\n                                        {{\'required.field\' | translate}}\n                                    </div>\n                                </div>\n                                <div class="form-group query-template">\n                                    <label for="queryTemplate"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.query_template.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.query_template.label\'\n                                        |\n                                        translate}}</label>\n                                    <textarea type="text" class="form-control" id="queryTemplate" name="queryTemplate"\n                                              rows="10" ng-required="extractionMethod.selected"\n                                              ng-minlength="extractionMethod.queryTemplate.minLength"\n                                              ng-maxlength="extractionMethod.queryTemplate.maxLength"\n                                              ng-model="extractionMethod.queryTemplate.value">\n                                    </textarea>\n                                    <div class="alert alert-danger"\n                                         ng-if="extractionMethod.name.$touched && extractionMethod.name.$invalid">\n                                        {{\'required.field\' | translate}}\n                                    </div>\n                                </div>\n                                <div class="form-group retrieval-connector-max-triples">\n                                    <label for="{{extractionMethods.RETRIEVAL + \'_maxNumberOfTriplesPerCall\'}}"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.retrieval_search_max_number_of_triples_per_call.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">\n                                        {{\'ttyg.agent.create_agent_modal.form.retrieval_search_max_number_of_triples_per_call.label\'\n                                        | translate}}</label>\n                                    <input type="number" class="form-control"\n                                           id="{{extractionMethods.RETRIEVAL + \'_maxNumberOfTriplesPerCall\'}}"\n                                           name="maxNumberOfTriplesPerCall" min="0"\n                                           ng-model="extractionMethod.maxNumberOfTriplesPerCall"\n                                           placeholder="{{\'ttyg.agent.create_agent_modal.form.retrieval_search_max_number_of_triples_per_call.placeholder\' | translate}}">\n                                </div>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n            <div class="alert alert-danger extraction-method-required-error"\n                 ng-if="agentSettingsForm.extractionMethods.$touched && agentSettingsForm.extractionMethods.$invalid">\n                {{\'ttyg.agent.create_agent_modal.form.extraction_method.required\' | translate}}\n            </div>\n        </div>\n\n        <div class="form-group additional-extraction-methods">\n            <label uib-popover="{{\'ttyg.agent.create_agent_modal.form.additional_query_methods.tooltip\' | translate}}"\n                   popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.additional_query_methods.label\' |\n                translate}}</label>\n            <div\n                ng-repeat="additionalExtractionMethod in agentFormModel.additionalExtractionMethods.additionalExtractionMethods"\n                class="additional-extraction-method">\n                <input type="checkbox" id="{{additionalExtractionMethod.method + \'_checkbox\'}}"\n                       name="{{additionalExtractionMethod.method}}" class="switch"\n                       ng-model="additionalExtractionMethod.selected"/>\n                <label for="{{additionalExtractionMethod.method + \'_checkbox\'}}"></label>\n                <a class="btn btn-link extraction-method-label" uib-popover="{{\'ttyg.agent.create_agent_modal.form.additional_query_methods.method.\' +\n                    additionalExtractionMethod.method + \'.tooltip\' | translate}}"\n                   popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.additional_query_methods.method.\'\n                    +\n                    additionalExtractionMethod.method + \'.label\' | translate}}</a>\n            </div>\n        </div>\n\n        <div class="form-row clearfix">\n            <div class="form-group gpt-model col-md-4">\n                <label for="model" uib-popover="{{\'ttyg.agent.create_agent_modal.form.model.tooltip\' | translate}}"\n                       popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.model.label\' |\n                    translate}}</label>\n                <input type="text" class="form-control" id="model" name="model" ng-model="agentFormModel.model"\n                       required autocomplete="off">\n                <small id="modelHelp" class="form-text text-muted"\n                       ng-bind-html="getModelHelpMessage()">\n                </small>\n                <div class="alert alert-danger"\n                     ng-if="agentSettingsForm.model.$touched && agentSettingsForm.model.$invalid">\n                    {{\'required.field\' | translate}}\n                </div>\n            </div>\n            <div class="form-group temperature col-md-4">\n                <label for="temperature">\n                    <span uib-popover="{{\'ttyg.agent.create_agent_modal.form.temperature.tooltip\' | translate}}"\n                          popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.temperature.label\' | translate}}</span>\n                    <i class="fa fa-triangle-exclamation text-warning high-temperature-warning"\n                       ng-if="showHighTemperatureWarning"\n                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.temperature.high_temperature_warning\' | translate}}"\n                       popover-trigger="mouseenter"></i>\n                </label>\n                <input type="text" id="temperature" name="temperature" readonly\n                       class="form-control" ng-class="{\'has-warning\': showHighTemperatureWarning}"\n                       ng-model="agentFormModel.temperature.value">\n                <input id="temperatureSlider" name="temperature" type="range"\n                       min="{{agentFormModel.temperature.minValue}}"\n                       max="{{agentFormModel.temperature.maxValue}}" step="{{agentFormModel.temperature.step}}"\n                       ng-change="onTemperatureChange()"\n                       ng-model="agentFormModel.temperature.value"/>\n            </div>\n            <div class="form-group top-p col-md-4">\n                <label for="topP" uib-popover="{{\'ttyg.agent.create_agent_modal.form.top_p.tooltip\' | translate}}"\n                       popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.top_p.label\' |\n                    translate}}</label>\n                <input type="text" class="form-control" id="topP" name="topP" readonly\n                       ng-model="agentFormModel.topP.value">\n                <input id="topPSlider" name="topP" type="range" min="{{agentFormModel.topP.minValue}}"\n                       max="{{agentFormModel.topP.maxValue}}" step="{{agentFormModel.topP.step}}"\n                       ng-model="agentFormModel.topP.value"/>\n            </div>\n            \x3c!--            Hidden for now because currently this property doesn\'t work in openai, but in the future it will --\x3e\n            \x3c!--            <div class="form-group seed col-md-4 pr-0">--\x3e\n            \x3c!--                <label for="seed">{{\'ttyg.agent.create_agent_modal.form.seed.label\' | translate}}</label>--\x3e\n            \x3c!--                <input type="number" class="form-control" id="seed" name="seed" min="0" ng-model="agentFormModel.seed"--\x3e\n            \x3c!--                       placeholder="{{\'ttyg.agent.create_agent_modal.form.seed.hint\' | translate}}">--\x3e\n            \x3c!--            </div>--\x3e\n        </div>\n\n        <div class="form-group user-instructions">\n            <div class="toolbar">\n                <label for="userInstruction"\n                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.user_instruction.tooltip\' | translate}}"\n                       popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.user_instruction.label\' |\n                    translate}}</label>\n                <div class="actions">\n                    <copy-to-clipboard\n                        tooltip-text="ttyg.agent.create_agent_modal.form.user_instruction.btn.copy_instruction.tooltip"\n                        text-to-copy="{{agentFormModel.instructions.userInstruction}}"></copy-to-clipboard>\n                    <button class="btn btn-link btn-sm create-chat-btn"\n                            ng-click="onRestoreDefaultUserInstructions()"\n                            gdb-tooltip="{{\'ttyg.agent.create_agent_modal.form.user_instruction.btn.restore_default.tooltip\' | translate}}">\n                        <i class="fa fa-arrow-rotate-left"></i>\n                    </button>\n                </div>\n            </div>\n            <textarea type="text" class="form-control" id="userInstruction" name="userInstruction" rows="5"\n                      ng-model="agentFormModel.instructions.userInstruction"\n                      placeholder="{{\'ttyg.agent.create_agent_modal.form.user_instruction.placeholder\' | translate}}">\n                </textarea>\n        </div>\n\n        <div class="text-xs-center">\n            <button type="button" ng-click="showAdvancedSettings = !showAdvancedSettings"\n                    class="btn btn-link btn-sm toggle-advanced-settings">\n                <span ng-hide="showAdvancedSettings">{{\'ttyg.agent.create_agent_modal.advanced_settings.show\' | translate}}<em\n                    class="icon-caret-down"></em></span>\n                <span ng-show="showAdvancedSettings">{{\'ttyg.agent.create_agent_modal.advanced_settings.hide\' | translate}}<em\n                    class="icon-caret-up"></em></span>\n            </button>\n        </div>\n\n        <div ng-show="showAdvancedSettings" class="advanced-settings">\n            <div class="form-group system-instructions">\n                <div class="toolbar">\n                    <label for="systemInstruction">\n                        <span\n                            uib-popover="{{\'ttyg.agent.create_agent_modal.form.system_instruction.tooltip\' | translate}}"\n                            popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.system_instruction.label\' | translate}}</span>\n                        <i class="fa fa-triangle-exclamation text-warning overriding-system-instructions-warning"\n                           ng-if="showSystemInstructionWarning"\n                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.system_instruction.overriding_system_instruction_warning.body\' | translate}}"\n                           popover-trigger="mouseenter"></i>\n                    </label>\n                    <div class="actions">\n                        <copy-to-clipboard\n                            tooltip-text="ttyg.agent.create_agent_modal.form.system_instruction.btn.copy_instruction.tooltip"\n                            text-to-copy="{{agentFormModel.instructions.systemInstruction}}"></copy-to-clipboard>\n                        <button class="btn btn-link btn-sm create-chat-btn"\n                                ng-click="onRestoreDefaultSystemInstructions()"\n                                gdb-tooltip="{{\'ttyg.agent.create_agent_modal.form.system_instruction.btn.restore_default.tooltip\' | translate}}">\n                            <i class="fa fa-arrow-rotate-left"></i>\n                        </button>\n                    </div>\n                </div>\n                <textarea type="text" class="form-control" id="systemInstruction" name="systemInstruction" rows="5"\n                          placeholder="{{\'ttyg.agent.create_agent_modal.form.system_instruction.placeholder\' | translate}}"\n                          ng-class="{\'has-warning\': showSystemInstructionWarning}"\n                          ng-model="agentFormModel.instructions.systemInstruction"\n                          ng-change="onSystemInstructionChange()">\n                </textarea>\n            </div>\n        </div>\n    </form>\n</div>\n\n<div class="modal-footer">\n    <button type="button" ng-click="onExplainAgentSettings()" class="btn explain-agent-settings-btn">\n        {{\'ttyg.agent.create_agent_modal.btn.explain_settings.label\' | translate}}\n    </button>\n    <div>\n        <button type="button" ng-click="cancel()" class="btn cancel-btn">\n            {{\'ttyg.agent.create_agent_modal.btn.cancel.label\' | translate}}\n        </button>\n        <button type="button" ng-click="ok()" ng-disabled="agentSettingsForm.$invalid || savingAgent"\n                class="btn btn-primary save-agent-settings-btn">\n            <span>{{(operation === AGENT_OPERATION.EDIT ? \'ttyg.agent.create_agent_modal.btn.save.label\'\n            : operation === AGENT_OPERATION.CLONE ? \'ttyg.agent.create_agent_modal.btn.save.label\'\n            : \'ttyg.agent.create_agent_modal.btn.create.label\') | translate}}</span>\n            <span class="saving-agent-loader" ng-if="savingAgent" onto-loader-fancy hide-message="true"\n                  size="15"></span>\n        </button>\n    </div>\n</div>\n';return __p}}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[410],{532:function(module,exports){module.exports=function(obj){obj||(obj={});var __t,__p="";with(obj)__p+='<link href="css/ttyg/agent-settings-modal.css?v=2.8.9-RC1" rel="stylesheet"/>\n\n<div class="modal-header">\n    <button type="button" class="close" ng-click="close()"></button>\n    <h4 class="modal-title">{{(\n        operation === AGENT_OPERATION.EDIT ? \'ttyg.agent.create_agent_modal.title.edit \'\n        : operation === AGENT_OPERATION.CLONE ? \'ttyg.agent.create_agent_modal.title.clone\'\n        : \'ttyg.agent.create_agent_modal.title.create\') | translate}}</h4>\n</div>\n\n<div class="modal-body">\n    <form novalidate name="agentSettingsForm" id="agentSettingsForm" class="agent-settings-form">\n        <div class="form-group agent-name-label">\n            <label for="name" uib-popover="{{\'ttyg.agent.create_agent_modal.form.agent_name.tooltip\' | translate}}"\n                   popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.agent_name.label\'\n                | translate}}</label>\n            <input type="text" class="form-control" id="name" name="name" ng-model="agentFormModel.name"\n                   required autocomplete="off"\n                   placeholder="{{\'ttyg.agent.create_agent_modal.form.agent_name.placeholder\' | translate}}">\n            <div class="alert alert-danger"\n                 ng-if="agentSettingsForm.name.$touched && agentSettingsForm.name.$invalid">\n                {{\'required.field\' | translate}}\n            </div>\n        </div>\n        <div class="form-group repository-id">\n            <label for="repositoryId"\n                   uib-popover="{{\'ttyg.agent.create_agent_modal.form.repository.tooltip\' | translate}}"\n                   popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.repository.label\' |\n                translate}}</label>\n            <select class="form-control" id="repositoryId" name="repositoryId" ng-model="agentFormModel.repositoryId"\n                    required ng-change="onRepositoryChange()"\n                    ng-options="repository.value as repository.label for repository in activeRepositoryList">\n            </select>\n            <div class="alert alert-danger"\n                 ng-if="agentSettingsForm.repositoryId.$touched && agentSettingsForm.repositoryId.$invalid">\n                {{\'required.field\' | translate}}\n            </div>\n        </div>\n        <div class="form-group extraction-methods-group">\n            <label for="extractionMethods"\n                   uib-popover="{{\'ttyg.agent.create_agent_modal.form.extraction_method.tooltip\' | translate}}"\n                   popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.extraction_method.label\' |\n                translate}}</label>\n            <div id="extractionMethods" name="extractionMethods"\n                 ng-model="agentFormModel.assistantExtractionMethods.extractionMethods"\n                 required class="accordion extraction-methods"\n                 ng-class="{\'has-error\': agentSettingsForm.extractionMethods.$touched && agentSettingsForm.extractionMethods.$invalid}">\n                <div ng-repeat="extractionMethod in agentFormModel.assistantExtractionMethods.extractionMethods"\n                     class="extraction-method">\n                    <div id="{{extractionMethod.method + \'_method_heading\'}}" class="extraction-method-heading"\n                         ng-class="{\'selected\': extractionMethod.selected}">\n                        <div class="mr-0 extraction-method-toggle">\n                            <input type="checkbox" id="{{extractionMethod.method + \'_checkbox\'}}"\n                                   name="{{extractionMethod}}" class="switch"\n                                   ng-click="toggleExtractionMethod(extractionMethod, $event)"\n                                   ng-model="extractionMethod.selected"/>\n                            <label for="{{extractionMethod.method + \'_checkbox\'}}"></label>\n                        </div>\n                        <a class="btn btn-link panel-toggle-link"\n                           aria-expanded="false" aria-controls="{{extractionMethod.method + \'_method_content\'}}"\n                           ng-click="onExtractionMethodPanelToggle(extractionMethod)">\n                            <span class="mr-1"\n                                  uib-popover="{{\'ttyg.agent.create_agent_modal.form.\' + extractionMethod.method + \'.tooltip\' | translate}}"\n                                  popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.\' + extractionMethod.method + \'.label\' | translate}}</span>\n                            <i class="fa fa-chevron-down toggle-icon"\n                               ng-class="{\'expanded\': extractionMethod.expanded}">\n                            </i>\n                        </a>\n                    </div>\n\n                    <div id="{{extractionMethod.method + \'_method_content\'}}"\n                         class="show extraction-method-content"\n                         aria-labelledby="{{extractionMethod.method + \'_method_heading\'}}"\n                         data-parent="#extractionMethods">\n\n                        \x3c!-- SPARQL method settings --\x3e\n\n                        <div ng-if="extractionMethod.expanded && extractionMethod.method === extractionMethods.SPARQL"\n                             class="extraction-method-options"\n                             ng-class="{\'has-error\': extractionMethod.selected && !extractionMethod.sparqlOption}">\n                            <div class="sparql-option ontology-graph-option">\n                                <label class="radio-inline"\n                                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.ontology_graph.tooltip\' | translate}}"\n                                       popover-trigger="mouseenter">\n                                    <input type="radio" name="sparqlOption" ng-required="extractionMethod.selected"\n                                           ng-model="extractionMethod.sparqlOption" value="ontologyGraph">\n                                    {{\'ttyg.agent.create_agent_modal.form.ontology_graph.label\' | translate}}\n                                </label>\n                                <div class="panel" ng-show="extractionMethod.sparqlOption === \'ontologyGraph\'">\n                                    <div class="form-group">\n                                        <input type="text" class="form-control" id="ontologyGraph"\n                                               name="ontologyGraph"\n                                               ng-required="extractionMethod.selected && extractionMethod.sparqlOption === \'ontologyGraph\'"\n                                               ng-model="extractionMethod.ontologyGraph">\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="sparql-option sparql-query-option">\n                                <label class="radio-inline"\n                                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.construct_query.tooltip\' | translate}}"\n                                       popover-trigger="mouseenter">\n                                    <input type="radio" name="sparqlOption" ng-required="extractionMethod.selected"\n                                           ng-model="extractionMethod.sparqlOption" value="sparqlQuery">\n                                    {{\'ttyg.agent.create_agent_modal.form.construct_query.label\' | translate}}\n                                </label>\n                                <div class="panel" ng-show="extractionMethod.sparqlOption === \'sparqlQuery\'">\n                                    <div class="form-group">\n                                            <textarea type="text" class="form-control" id="sparqlQuery"\n                                                      name="sparqlQuery" rows="10"\n                                                      ng-required="extractionMethod.selected && extractionMethod.sparqlOption === \'sparqlQuery\'"\n                                                      ng-minlength="extractionMethod.sparqlQuery.minLength"\n                                                      ng-maxlength="extractionMethod.sparqlQuery.maxLength"\n                                                      ng-model="extractionMethod.sparqlQuery.value">\n                                            </textarea>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="alert alert-danger sparql-method-option-required-error mb-0"\n                                 ng-if="extractionMethod.selected && !extractionMethod.sparqlOption">\n                                {{\'ttyg.agent.create_agent_modal.form.sparql_search.required_option\' | translate}}\n                            </div>\n                            <div class="add-missing-namespaces-option mt-1">\n                                <input id="addMissingNamespaces" name="addMissingNamespaces" type="checkbox"\n                                       ng-model="extractionMethod.addMissingNamespaces">\n                                <label for="addMissingNamespaces"\n                                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.add_missing_namespaces.tooltip\' | translate}}"\n                                       popover-trigger="mouseenter">{{\n                                    \'ttyg.agent.create_agent_modal.form.add_missing_namespaces.label\' | translate\n                                    }}</label>\n                            </div>\n                        </div>\n\n                        \x3c!-- FTS method settings --\x3e\n\n                        <div\n                            ng-if="extractionMethod.expanded && extractionMethod.method === extractionMethods.FTS_SEARCH"\n                            ng-class="{\'has-error\': agentSettingsForm.$error.FTSDisabled}"\n                            class="extraction-method-options">\n                            <button class="btn btn-link btn-sm pull-right"\n                                    ng-click="checkIfFTSEnabled()"\n                                    gdb-tooltip="{{\'ttyg.agent.create_agent_modal.form.fts_search.btn.reload.tooltip\' | translate}}">\n                                <i class="fa fa-arrows-rotate"></i>\n                            </button>\n                            <div class="alert alert-danger missing-repositoryid-error mb-0"\n                                 ng-if="!agentFormModel.repositoryId">\n                                {{\'ttyg.agent.create_agent_modal.form.fts_search.missing_repository_id\' | translate}}\n                            </div>\n                            <div ng-if="!ftsEnabled && agentFormModel.repositoryId" class="fts-disabled-message"\n                                 ng-bind-html="getFTSDisabledHelpMessage()">\n                            </div>\n                            <div class="form-group max-triples" ng-show="ftsEnabled && agentFormModel.repositoryId">\n                                <label for="{{extractionMethods.FTS_SEARCH + \'_maxNumberOfTriplesPerCall\'}}"\n                                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.fts_search_max_number_of_triples_per_call.tooltip\' | translate}}"\n                                       popover-trigger="mouseenter">\n                                    {{\'ttyg.agent.create_agent_modal.form.fts_search_max_number_of_triples_per_call.label\'\n                                    |\n                                    translate}}\n                                </label>\n                                <input type="number" class="form-control"\n                                       id="{{extractionMethods.FTS_SEARCH + \'_maxNumberOfTriplesPerCall\'}}"\n                                       name="maxNumberOfTriplesPerCall" min="0"\n                                       ng-model="extractionMethod.maxNumberOfTriplesPerCall"\n                                       placeholder="{{\'ttyg.agent.create_agent_modal.form.fts_search_max_number_of_triples_per_call.placeholder\' | translate}}">\n                            </div>\n                        </div>\n\n                        \x3c!-- Similarity method settings --\x3e\n\n                        <div\n                            ng-if="extractionMethod.expanded && extractionMethod.method === extractionMethods.SIMILARITY"\n                            ng-class="{\'has-error\': agentSettingsForm.$error.missingIndex}"\n                            class="extraction-method-options">\n                            <button class="btn btn-link btn-sm pull-right"\n                                    ng-click="updateSimilaritySearchPanel()"\n                                    ng-disabled="disabled"\n                                    gdb-tooltip="{{\'ttyg.agent.create_agent_modal.form.similarity_index.btn.reload.tooltip\' | translate}}">\n                                <i class="fa fa-arrows-rotate"></i>\n                            </button>\n                            <div ng-if="!similarityIndexes.length" class="no-similarity-index-message">\n                                {{\'ttyg.agent.create_agent_modal.form.similarity_index.no_similarity_index.message_1\' |\n                                translate}}\n                                <a href="#" ng-click="goToCreateSimilarityView()">\n                                    {{\'ttyg.agent.create_agent_modal.form.similarity_index.no_similarity_index.message_2\'\n                                    | translate}}\n                                </a>\n                                {{\'ttyg.agent.create_agent_modal.form.similarity_index.no_similarity_index.message_3\' |\n                                translate}}.\n                            </div>\n                            <div ng-show="similarityIndexes.length">\n                                <div class="form-group similarity-index">\n                                    <label for="similarityIndex"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.similarity_index.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.similarity_index.label\'\n                                        | translate}}</label>\n                                    <span ng-if="extractionMethodLoaderFlags.similarity_search" onto-loader-fancy\n                                          size="16"></span>\n                                    <select class="form-control" id="similarityIndex" name="similarityIndex"\n                                            ng-required="extractionMethod.selected"\n                                            ng-if="!extractionMethodLoaderFlags.similarity_search"\n                                            ng-model="extractionMethod.similarityIndex"\n                                            ng-options="similarityIndex.value as similarityIndex.label for similarityIndex in similarityIndexes">\n                                    </select>\n                                    <div class="alert alert-danger"\n                                         ng-if="extractionMethod.similarityIndex.$touched && extractionMethod.similarityIndex.$invalid">\n                                        {{\'required.field\' | translate}}\n                                    </div>\n                                </div>\n                                <div class="form-group similarity-index-threshold">\n                                    <label for="similarityIndexThreshold"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.similarity_threshold.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.similarity_threshold.label\'\n                                        | translate}}</label>\n                                    <input type="text" class="form-control" id="similarityIndexThreshold"\n                                           name="similarityIndexThreshold" readonly\n                                           ng-model="extractionMethod.similarityIndexThreshold.value">\n                                    <input id="similarityIndexThresholdSlider" name="similarityIndexThreshold"\n                                           type="range" ng-required="extractionMethod.selected"\n                                           min="{{extractionMethod.similarityIndexThreshold.minValue}}"\n                                           max="{{extractionMethod.similarityIndexThreshold.maxValue}}"\n                                           step="0.1"\n                                           ng-model="extractionMethod.similarityIndexThreshold.value"/>\n                                </div>\n                                <div class="form-group similarity-max-triples">\n                                    <label for="{{extractionMethods.SIMILARITY + \'_maxNumberOfTriplesPerCall\'}}"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.similarity_search_max_number_of_triples_per_call.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">\n                                        {{\'ttyg.agent.create_agent_modal.form.similarity_search_max_number_of_triples_per_call.label\'\n                                        | translate}}</label>\n                                    <input type="number" class="form-control"\n                                           id="{{extractionMethods.SIMILARITY + \'_maxNumberOfTriplesPerCall\'}}"\n                                           name="maxNumberOfTriplesPerCall" min="0"\n                                           ng-model="extractionMethod.maxNumberOfTriplesPerCall"\n                                           placeholder="{{\'ttyg.agent.create_agent_modal.form.similarity_search_max_number_of_triples_per_call.placeholder\' | translate}}">\n                                </div>\n                            </div>\n                        </div>\n\n                        \x3c!-- Retrieval method settings --\x3e\n\n                        <div\n                            ng-if="extractionMethod.expanded && extractionMethod.method === extractionMethods.RETRIEVAL"\n                            ng-class="{\'has-error\': agentSettingsForm.$error.missingConnector}"\n                            class="extraction-method-options">\n                            <button class="btn btn-link btn-sm pull-right"\n                                    ng-click="updateRetrievalConnectorPanel()"\n                                    ng-disabled="disabled"\n                                    gdb-tooltip="{{\'ttyg.agent.create_agent_modal.form.retrieval_search.btn.reload.tooltip\' | translate}}">\n                                <i class="fa fa-arrows-rotate"></i>\n                            </button>\n                            <div ng-if="!retrievalConnectors.length" class="no-retrieval-connector-message">\n                                {{\'ttyg.agent.create_agent_modal.form.retrieval_search.no_retrieval_connectors.message_1\'\n                                | translate}}\n                                <a href="#" ng-click="goToConnectorsView()">\n                                    {{\'ttyg.agent.create_agent_modal.form.retrieval_search.no_retrieval_connectors.message_2\'\n                                    | translate}}\n                                </a>\n                                {{\'ttyg.agent.create_agent_modal.form.retrieval_search.no_retrieval_connectors.message_3\'\n                                | translate}}.\n                            </div>\n                            <div ng-show="retrievalConnectors.length">\n                                <div class="form-group retrieval-connector">\n                                    <label for="retrievalConnectorInstance"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.connector_id.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.connector_id.label\'\n                                        | translate}}</label>\n                                    <span ng-if="extractionMethodLoaderFlags.retrieval_search" onto-loader-fancy\n                                          size="16"></span>\n                                    <select class="form-control" id="retrievalConnectorInstance"\n                                            name="retrievalConnectorInstance"\n                                            ng-required="extractionMethod.selected"\n                                            ng-if="!extractionMethodLoaderFlags.retrieval_search"\n                                            ng-model="extractionMethod.retrievalConnectorInstance"\n                                            ng-options="retrievalConnector.value as retrievalConnector.label for retrievalConnector in retrievalConnectors">\n                                    </select>\n                                    <div class="alert alert-danger"\n                                         ng-if="extractionMethod.retrievalConnectorInstance.$touched && extractionMethod.retrievalConnectorInstance.$invalid">\n                                        {{\'required.field\' | translate}}\n                                    </div>\n                                </div>\n                                <div class="form-group query-template">\n                                    <label for="queryTemplate"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.query_template.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.query_template.label\'\n                                        |\n                                        translate}}</label>\n                                    <textarea type="text" class="form-control" id="queryTemplate" name="queryTemplate"\n                                              rows="10" ng-required="extractionMethod.selected"\n                                              ng-minlength="extractionMethod.queryTemplate.minLength"\n                                              ng-maxlength="extractionMethod.queryTemplate.maxLength"\n                                              ng-model="extractionMethod.queryTemplate.value">\n                                    </textarea>\n                                    <div class="alert alert-danger"\n                                         ng-if="extractionMethod.name.$touched && extractionMethod.name.$invalid">\n                                        {{\'required.field\' | translate}}\n                                    </div>\n                                </div>\n                                <div class="form-group retrieval-connector-max-triples">\n                                    <label for="{{extractionMethods.RETRIEVAL + \'_maxNumberOfTriplesPerCall\'}}"\n                                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.retrieval_search_max_number_of_triples_per_call.tooltip\' | translate}}"\n                                           popover-trigger="mouseenter">\n                                        {{\'ttyg.agent.create_agent_modal.form.retrieval_search_max_number_of_triples_per_call.label\'\n                                        | translate}}</label>\n                                    <input type="number" class="form-control"\n                                           id="{{extractionMethods.RETRIEVAL + \'_maxNumberOfTriplesPerCall\'}}"\n                                           name="maxNumberOfTriplesPerCall" min="0"\n                                           ng-model="extractionMethod.maxNumberOfTriplesPerCall"\n                                           placeholder="{{\'ttyg.agent.create_agent_modal.form.retrieval_search_max_number_of_triples_per_call.placeholder\' | translate}}">\n                                </div>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n            <div class="alert alert-danger extraction-method-required-error"\n                 ng-if="agentSettingsForm.extractionMethods.$touched && agentSettingsForm.extractionMethods.$invalid">\n                {{\'ttyg.agent.create_agent_modal.form.extraction_method.required\' | translate}}\n            </div>\n        </div>\n\n        <div class="form-group additional-extraction-methods">\n            <label uib-popover="{{\'ttyg.agent.create_agent_modal.form.additional_query_methods.tooltip\' | translate}}"\n                   popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.additional_query_methods.label\' |\n                translate}}</label>\n            <div\n                ng-repeat="additionalExtractionMethod in agentFormModel.additionalExtractionMethods.additionalExtractionMethods"\n                class="additional-extraction-method">\n                <input type="checkbox" id="{{additionalExtractionMethod.method + \'_checkbox\'}}"\n                       name="{{additionalExtractionMethod.method}}" class="switch"\n                       ng-model="additionalExtractionMethod.selected"/>\n                <label for="{{additionalExtractionMethod.method + \'_checkbox\'}}"></label>\n                <a class="btn btn-link extraction-method-label" uib-popover="{{\'ttyg.agent.create_agent_modal.form.additional_query_methods.method.\' +\n                    additionalExtractionMethod.method + \'.tooltip\' | translate}}"\n                   popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.additional_query_methods.method.\'\n                    +\n                    additionalExtractionMethod.method + \'.label\' | translate}}</a>\n            </div>\n        </div>\n\n        <div class="form-row clearfix">\n            <div class="form-group gpt-model col-md-4">\n                <label for="model" uib-popover="{{\'ttyg.agent.create_agent_modal.form.model.tooltip\' | translate}}"\n                       popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.model.label\' |\n                    translate}}</label>\n                <input type="text" class="form-control" id="model" name="model" ng-model="agentFormModel.model"\n                       required autocomplete="off">\n                <small id="modelHelp" class="form-text text-muted"\n                       ng-bind-html="getModelHelpMessage()">\n                </small>\n                <div class="alert alert-danger"\n                     ng-if="agentSettingsForm.model.$touched && agentSettingsForm.model.$invalid">\n                    {{\'required.field\' | translate}}\n                </div>\n            </div>\n            <div class="form-group temperature col-md-4">\n                <label for="temperature">\n                    <span uib-popover="{{\'ttyg.agent.create_agent_modal.form.temperature.tooltip\' | translate}}"\n                          popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.temperature.label\' | translate}}</span>\n                    <i class="fa fa-triangle-exclamation text-warning high-temperature-warning"\n                       ng-if="showHighTemperatureWarning"\n                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.temperature.high_temperature_warning\' | translate}}"\n                       popover-trigger="mouseenter"></i>\n                </label>\n                <input type="text" id="temperature" name="temperature" readonly\n                       class="form-control" ng-class="{\'has-warning\': showHighTemperatureWarning}"\n                       ng-model="agentFormModel.temperature.value">\n                <input id="temperatureSlider" name="temperature" type="range"\n                       min="{{agentFormModel.temperature.minValue}}"\n                       max="{{agentFormModel.temperature.maxValue}}" step="{{agentFormModel.temperature.step}}"\n                       ng-change="onTemperatureChange()"\n                       ng-model="agentFormModel.temperature.value"/>\n            </div>\n            <div class="form-group top-p col-md-4">\n                <label for="topP" uib-popover="{{\'ttyg.agent.create_agent_modal.form.top_p.tooltip\' | translate}}"\n                       popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.top_p.label\' |\n                    translate}}</label>\n                <input type="text" class="form-control" id="topP" name="topP" readonly\n                       ng-model="agentFormModel.topP.value">\n                <input id="topPSlider" name="topP" type="range" min="{{agentFormModel.topP.minValue}}"\n                       max="{{agentFormModel.topP.maxValue}}" step="{{agentFormModel.topP.step}}"\n                       ng-model="agentFormModel.topP.value"/>\n            </div>\n            \x3c!--            Hidden for now because currently this property doesn\'t work in openai, but in the future it will --\x3e\n            \x3c!--            <div class="form-group seed col-md-4 pr-0">--\x3e\n            \x3c!--                <label for="seed">{{\'ttyg.agent.create_agent_modal.form.seed.label\' | translate}}</label>--\x3e\n            \x3c!--                <input type="number" class="form-control" id="seed" name="seed" min="0" ng-model="agentFormModel.seed"--\x3e\n            \x3c!--                       placeholder="{{\'ttyg.agent.create_agent_modal.form.seed.hint\' | translate}}">--\x3e\n            \x3c!--            </div>--\x3e\n        </div>\n\n        <div class="form-group user-instructions">\n            <div class="toolbar">\n                <label for="userInstruction"\n                       uib-popover="{{\'ttyg.agent.create_agent_modal.form.user_instruction.tooltip\' | translate}}"\n                       popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.user_instruction.label\' |\n                    translate}}</label>\n                <div class="actions">\n                    <copy-to-clipboard\n                        tooltip-text="ttyg.agent.create_agent_modal.form.user_instruction.btn.copy_instruction.tooltip"\n                        text-to-copy="{{agentFormModel.instructions.userInstruction}}"></copy-to-clipboard>\n                    <button class="btn btn-link btn-sm create-chat-btn"\n                            ng-click="onRestoreDefaultUserInstructions()"\n                            gdb-tooltip="{{\'ttyg.agent.create_agent_modal.form.user_instruction.btn.restore_default.tooltip\' | translate}}">\n                        <i class="fa fa-arrow-rotate-left"></i>\n                    </button>\n                </div>\n            </div>\n            <textarea type="text" class="form-control" id="userInstruction" name="userInstruction" rows="5"\n                      ng-model="agentFormModel.instructions.userInstruction"\n                      placeholder="{{\'ttyg.agent.create_agent_modal.form.user_instruction.placeholder\' | translate}}">\n                </textarea>\n        </div>\n\n        <div class="text-xs-center">\n            <button type="button" ng-click="showAdvancedSettings = !showAdvancedSettings"\n                    class="btn btn-link btn-sm toggle-advanced-settings">\n                <span ng-hide="showAdvancedSettings">{{\'ttyg.agent.create_agent_modal.advanced_settings.show\' | translate}}<em\n                    class="icon-caret-down"></em></span>\n                <span ng-show="showAdvancedSettings">{{\'ttyg.agent.create_agent_modal.advanced_settings.hide\' | translate}}<em\n                    class="icon-caret-up"></em></span>\n            </button>\n        </div>\n\n        <div ng-show="showAdvancedSettings" class="advanced-settings">\n            <div class="form-group system-instructions">\n                <div class="toolbar">\n                    <label for="systemInstruction">\n                        <span\n                            uib-popover="{{\'ttyg.agent.create_agent_modal.form.system_instruction.tooltip\' | translate}}"\n                            popover-trigger="mouseenter">{{\'ttyg.agent.create_agent_modal.form.system_instruction.label\' | translate}}</span>\n                        <i class="fa fa-triangle-exclamation text-warning overriding-system-instructions-warning"\n                           ng-if="showSystemInstructionWarning"\n                           uib-popover="{{\'ttyg.agent.create_agent_modal.form.system_instruction.overriding_system_instruction_warning.body\' | translate}}"\n                           popover-trigger="mouseenter"></i>\n                    </label>\n                    <div class="actions">\n                        <copy-to-clipboard\n                            tooltip-text="ttyg.agent.create_agent_modal.form.system_instruction.btn.copy_instruction.tooltip"\n                            text-to-copy="{{agentFormModel.instructions.systemInstruction}}"></copy-to-clipboard>\n                        <button class="btn btn-link btn-sm create-chat-btn"\n                                ng-click="onRestoreDefaultSystemInstructions()"\n                                gdb-tooltip="{{\'ttyg.agent.create_agent_modal.form.system_instruction.btn.restore_default.tooltip\' | translate}}">\n                            <i class="fa fa-arrow-rotate-left"></i>\n                        </button>\n                    </div>\n                </div>\n                <textarea type="text" class="form-control" id="systemInstruction" name="systemInstruction" rows="5"\n                          placeholder="{{\'ttyg.agent.create_agent_modal.form.system_instruction.placeholder\' | translate}}"\n                          ng-class="{\'has-warning\': showSystemInstructionWarning}"\n                          ng-model="agentFormModel.instructions.systemInstruction"\n                          ng-change="onSystemInstructionChange()">\n                </textarea>\n            </div>\n        </div>\n    </form>\n</div>\n\n<div class="modal-footer">\n    <button type="button" ng-click="onExplainAgentSettings()" class="btn explain-agent-settings-btn">\n        {{\'ttyg.agent.create_agent_modal.btn.explain_settings.label\' | translate}}\n    </button>\n    <div>\n        <button type="button" ng-click="cancel()" class="btn cancel-btn">\n            {{\'ttyg.agent.create_agent_modal.btn.cancel.label\' | translate}}\n        </button>\n        <button type="button" ng-click="ok()" ng-disabled="agentSettingsForm.$invalid || savingAgent"\n                class="btn btn-primary save-agent-settings-btn">\n            <span>{{(operation === AGENT_OPERATION.EDIT ? \'ttyg.agent.create_agent_modal.btn.save.label\'\n            : operation === AGENT_OPERATION.CLONE ? \'ttyg.agent.create_agent_modal.btn.save.label\'\n            : \'ttyg.agent.create_agent_modal.btn.create.label\') | translate}}</span>\n            <span class="saving-agent-loader" ng-if="savingAgent" onto-loader-fancy hide-message="true"\n                  size="15"></span>\n        </button>\n    </div>\n</div>\n';return __p}}}]);

package/dist/411.3a8907f7c02b1e9581e2.bundle.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[411],{533:function(module,exports){module.exports=function(obj){obj||(obj={});var __t,__p="";with(obj)__p+='<link href="css/ttyg/no-agents-view.css?v=2.8.8-TR2" rel="stylesheet"/>\n\n<div class="no-agents-view-component">\n    <div class="content">\n        <div class="alert alert-help mb-3" ng-bind-html="\'ttyg.agent.messages.help_1\' | translate | trustAsHtml"></div>\n        <div class="alert alert-help mb-3" ng-bind-html="\'ttyg.agent.messages.help_2\' | translate | trustAsHtml"></div>\n\n        <div class="actions">\n            <button class="btn btn-outline-primary btn-lg text-xs-left create-agent-btn"\n                    gdb-tooltip="{{!canModifyAgent ? (\'ttyg.agent.fat_btn.create_agent.tooltip_disabled\' | translate) : \'\'}}"\n                    ng-disabled="!canModifyAgent"\n                    ng-click="onCreateAgent()">\n                <i class="fa fa-message-bot fa-xl"></i>\n                <span class="text">{{\'ttyg.agent.fat_btn.create_agent.label\' | translate}}</span>\n            </button>\n        </div>\n\n        <div class="alert alert-warning mt-3">\n            <div ng-bind-html="\'ttyg.agent.messages.help_config\' | translate: {talkToGraphDocumentationLink: talkToGraphDocumentationLink} | trustAsHtml"></div>\n        </div>\n    </div>\n</div>\n';return __p}}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[411],{533:function(module,exports){module.exports=function(obj){obj||(obj={});var __t,__p="";with(obj)__p+='<link href="css/ttyg/no-agents-view.css?v=2.8.9-RC1" rel="stylesheet"/>\n\n<div class="no-agents-view-component">\n    <div class="content">\n        <div class="alert alert-help mb-3" ng-bind-html="\'ttyg.agent.messages.help_1\' | translate | trustAsHtml"></div>\n        <div class="alert alert-help mb-3" ng-bind-html="\'ttyg.agent.messages.help_2\' | translate | trustAsHtml"></div>\n\n        <div class="actions">\n            <button class="btn btn-outline-primary btn-lg text-xs-left create-agent-btn"\n                    gdb-tooltip="{{!canModifyAgent ? (\'ttyg.agent.fat_btn.create_agent.tooltip_disabled\' | translate) : \'\'}}"\n                    ng-disabled="!canModifyAgent"\n                    ng-click="onCreateAgent()">\n                <i class="fa fa-message-bot fa-xl"></i>\n                <span class="text">{{\'ttyg.agent.fat_btn.create_agent.label\' | translate}}</span>\n            </button>\n        </div>\n\n        <div class="alert alert-warning mt-3">\n            <div ng-bind-html="\'ttyg.agent.messages.help_config\' | translate: {talkToGraphDocumentationLink: talkToGraphDocumentationLink} | trustAsHtml"></div>\n        </div>\n    </div>\n</div>\n';return __p}}}]);

package/dist/412.5feece7f4c5164d2eadb.bundle.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[412],{534:function(module,exports){module.exports=function(obj){obj||(obj={});var __t,__p="";with(obj)__p+='<link href="css/ttyg/ttyg.css?v=2.8.8-TR2" rel="stylesheet"/>\n\n<div class="ttyg-view" ng-class="{\'help-visible\': isHelpVisible}">\n    <h1 id="ttyg-view-title">\n        {{ title }}\n        <page-info-tooltip></page-info-tooltip>\n    </h1>\n\n    <div core-errors></div>\n\n    <div uib-collapse="!isHelpVisible" class="alert alert-info">\n        <button type="button" ng-click="isHelpVisible = false" gdb-tooltip="{{\'common.close\' | translate}}" class="close"\n                aria-label="Close"></button>\n        <div ng-include="helpTemplateUrl"></div>\n    </div>\n\n    <div onto-loader-new\n         ng-show="loadingAgents"\n         class="ttyg-page-loader"\n         size="100">\n    </div>\n\n    <no-agents-view ng-cloak ng-if="initialized && getActiveRepository() && !loadingAgents && !reloadingAgents && (!agents || agents.isEmpty())"></no-agents-view>\n\n    <div id="ttyg-container" class="ttyg-container" ng-show="getActiveRepository() && !loadingAgents && agents && !agents.isEmpty()">\n\n        <div id="left-sidebar" class="left-sidebar sidebar" ng-class="showChats ? \'expanded\' : \'collapsed\'">\n            <div class="toolbar">\n                <button class="btn btn-link btn-sm toggle-chats-sidebar-btn"\n                        ng-if="true"\n                        ng-click="toggleChatsListSidebar()"\n                        ng-disabled="false"\n                        gdb-tooltip="{{\'ttyg.chat.btn.\' + (showChats ? \'close_sidebar\' : \'open_sidebar\') + \'.tooltip\' | translate}}">\n                    <i class="fa fa-sidebar"></i>\n                </button>\n                <button class="btn btn-link btn-sm create-chat-btn"\n                        ng-if="chats && !chats.isEmpty()"\n                        ng-click="startNewChat()"\n                        ng-disabled="false"\n                        gdb-tooltip="{{\'ttyg.chat.btn.create_chat.tooltip\' | translate}}">\n                    <i class="fa fa-pen-to-square"></i>\n                </button>\n            </div>\n            <pageslide\n                ps-class="chat-list-panel slide-panel"\n                ps-container="left-sidebar"\n                ps-open="showChats"\n                onopen="onopen"\n                onclose="onclose"\n                ps-side="left"\n                ps-click-outside="false"\n                ps-size="80vw">\n                <div class="sidebar-content">\n                    <chat-list ng-if="chats"></chat-list>\n                    <div class="chat-list-panel-loader" ng-if="!chats && loadingChats">\n                        <div onto-loader-fancy message="{{\'ttyg.chat.loading_chats\' | translate}}"\n                             size="25"></div>\n                    </div>\n                </div>\n            </pageslide>\n        </div>\n\n        <div class="chat-content">\n            <div class="chat">\n                <div class="toolbar mb-2">\n                    <agent-select-menu class="mr-1"></agent-select-menu>\n                    <button class="btn btn-link btn-sm edit-current-agent-btn mr-1"\n                            ng-if="selectedAgent"\n                            ng-click="onOpenAgentSettings()"\n                            ng-disabled="!canModifyAgent"\n                            gdb-tooltip="{{ (canModifyAgent ? \'ttyg.agent.btn.edit_agent.tooltip\' : \'ttyg.agent.btn.edit_agent.tooltip_disabled\') | translate}}">\n                        <i class="icon-settings"></i>\n                    </button>\n                </div>\n\n                <div uib-collapse="!isCollapsed" id="ot-help-text" class="alert alert-info">\n                    <button type="button" ng-click="isCollapsed = false" gdb-tooltip="{{\'common.close\' | translate}}"\n                            class="close"\n                            aria-label="Close"></button>\n                    <div ng-include="helpTemplateUrl"></div>\n                </div>\n\n                <chat-panel class="selected-chat-panel"></chat-panel>\n            </div>\n        </div>\n\n        <div id="right-sidebar" class="right-sidebar sidebar" ng-class="showAgents ? \'expanded\' : \'collapsed\'">\n            <div class="toolbar">\n                <button class="btn btn-link btn-sm help-btn"\n                        ng-if="true"\n                        ng-click="onToggleHelp()"\n                        ng-disabled="false"\n                        gdb-tooltip="{{\'ttyg.help.btn.show_help.tooltip\' | translate}}">\n                    <i class="icon-help"></i>\n                </button>\n                <button class="btn btn-link btn-sm create-agent-btn"\n                        ng-disabled="!canModifyAgent"\n                        ng-click="onOpenNewAgentSettings()"\n                        ng-disabled="false"\n                        gdb-tooltip="{{ (canModifyAgent ? \'ttyg.agent.btn.create_agent.tooltip\' : \'ttyg.agent.btn.create_agent.tooltip_disabled\') | translate}}">\n                    <i class="icon-plus"></i>\n                </button>\n                <button class="btn btn-link btn-sm toggle-agents-sidebar-btn"\n                        ng-if="!showAgents"\n                        ng-click="toggleAgentsListSidebar()"\n                        ng-disabled="!canModifyAgent"\n                        gdb-tooltip="{{\'ttyg.agent.btn.open_sidebar.\' + (canModifyAgent ? \'tooltip\' : \'tooltip_disabled\') | translate}}">\n                    <i class="fa fa-message-bot"></i>\n                </button>\n                <button class="btn btn-link btn-sm toggle-agents-sidebar-btn"\n                        ng-if="showAgents"\n                        ng-click="toggleAgentsListSidebar()"\n                        ng-disabled="false"\n                        gdb-tooltip="{{\'ttyg.agent.btn.close_sidebar\' + \'.tooltip\' | translate}}">\n                    <i class="icon-close"></i>\n                </button>\n            </div>\n\n            <pageslide\n                ps-class="agent-list-panel slide-panel"\n                ps-container="right-sidebar"\n                ps-open="showAgents"\n                onopen="onopen"\n                onclose="onclose"\n                ps-side="right"\n                ps-click-outside="false"\n                ps-size="80vw">\n                <div class="sidebar-content">\n                    <agent-list ng-if="agents && agentListFilterModel.length && !reloadingAgents" agent-list="agents"\n                                agent-list-filter-model="agentListFilterModel"></agent-list>\n                    <div ng-if="reloadingAgents" onto-loader-fancy message="{{\'ttyg.agent.loading_agents\' | translate}}"\n                         class="agent-list-loader"\n                         size="25" style="display: flex;"></div>\n                </div>\n            </pageslide>\n        </div>\n    </div>\n</div>\n';return __p}}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[412],{534:function(module,exports){module.exports=function(obj){obj||(obj={});var __t,__p="";with(obj)__p+='<link href="css/ttyg/ttyg.css?v=2.8.9-RC1" rel="stylesheet"/>\n\n<div class="ttyg-view" ng-class="{\'help-visible\': isHelpVisible}">\n    <h1 id="ttyg-view-title">\n        {{ title }}\n        <page-info-tooltip></page-info-tooltip>\n    </h1>\n\n    <div core-errors></div>\n\n    <div uib-collapse="!isHelpVisible" class="alert alert-info">\n        <button type="button" ng-click="isHelpVisible = false" gdb-tooltip="{{\'common.close\' | translate}}" class="close"\n                aria-label="Close"></button>\n        <div ng-include="helpTemplateUrl"></div>\n    </div>\n\n    <div onto-loader-new\n         ng-show="loadingAgents"\n         class="ttyg-page-loader"\n         size="100">\n    </div>\n\n    <no-agents-view ng-cloak ng-if="initialized && getActiveRepository() && !loadingAgents && !reloadingAgents && (!agents || agents.isEmpty())"></no-agents-view>\n\n    <div id="ttyg-container" class="ttyg-container" ng-show="getActiveRepository() && !loadingAgents && agents && !agents.isEmpty()">\n\n        <div id="left-sidebar" class="left-sidebar sidebar" ng-class="showChats ? \'expanded\' : \'collapsed\'">\n            <div class="toolbar">\n                <button class="btn btn-link btn-sm toggle-chats-sidebar-btn"\n                        ng-if="true"\n                        ng-click="toggleChatsListSidebar()"\n                        ng-disabled="false"\n                        gdb-tooltip="{{\'ttyg.chat.btn.\' + (showChats ? \'close_sidebar\' : \'open_sidebar\') + \'.tooltip\' | translate}}">\n                    <i class="fa fa-sidebar"></i>\n                </button>\n                <button class="btn btn-link btn-sm create-chat-btn"\n                        ng-if="chats && !chats.isEmpty()"\n                        ng-click="startNewChat()"\n                        ng-disabled="false"\n                        gdb-tooltip="{{\'ttyg.chat.btn.create_chat.tooltip\' | translate}}">\n                    <i class="fa fa-pen-to-square"></i>\n                </button>\n            </div>\n            <pageslide\n                ps-class="chat-list-panel slide-panel"\n                ps-container="left-sidebar"\n                ps-open="showChats"\n                onopen="onopen"\n                onclose="onclose"\n                ps-side="left"\n                ps-click-outside="false"\n                ps-size="80vw">\n                <div class="sidebar-content">\n                    <chat-list ng-if="chats"></chat-list>\n                    <div class="chat-list-panel-loader" ng-if="!chats && loadingChats">\n                        <div onto-loader-fancy message="{{\'ttyg.chat.loading_chats\' | translate}}"\n                             size="25"></div>\n                    </div>\n                </div>\n            </pageslide>\n        </div>\n\n        <div class="chat-content">\n            <div class="chat">\n                <div class="toolbar mb-2">\n                    <agent-select-menu class="mr-1"></agent-select-menu>\n                    <button class="btn btn-link btn-sm edit-current-agent-btn mr-1"\n                            ng-if="selectedAgent"\n                            ng-click="onOpenAgentSettings()"\n                            ng-disabled="!canModifyAgent"\n                            gdb-tooltip="{{ (canModifyAgent ? \'ttyg.agent.btn.edit_agent.tooltip\' : \'ttyg.agent.btn.edit_agent.tooltip_disabled\') | translate}}">\n                        <i class="icon-settings"></i>\n                    </button>\n                </div>\n\n                <div uib-collapse="!isCollapsed" id="ot-help-text" class="alert alert-info">\n                    <button type="button" ng-click="isCollapsed = false" gdb-tooltip="{{\'common.close\' | translate}}"\n                            class="close"\n                            aria-label="Close"></button>\n                    <div ng-include="helpTemplateUrl"></div>\n                </div>\n\n                <chat-panel class="selected-chat-panel"></chat-panel>\n            </div>\n        </div>\n\n        <div id="right-sidebar" class="right-sidebar sidebar" ng-class="showAgents ? \'expanded\' : \'collapsed\'">\n            <div class="toolbar">\n                <button class="btn btn-link btn-sm help-btn"\n                        ng-if="true"\n                        ng-click="onToggleHelp()"\n                        ng-disabled="false"\n                        gdb-tooltip="{{\'ttyg.help.btn.show_help.tooltip\' | translate}}">\n                    <i class="icon-help"></i>\n                </button>\n                <button class="btn btn-link btn-sm create-agent-btn"\n                        ng-disabled="!canModifyAgent"\n                        ng-click="onOpenNewAgentSettings()"\n                        ng-disabled="false"\n                        gdb-tooltip="{{ (canModifyAgent ? \'ttyg.agent.btn.create_agent.tooltip\' : \'ttyg.agent.btn.create_agent.tooltip_disabled\') | translate}}">\n                    <i class="icon-plus"></i>\n                </button>\n                <button class="btn btn-link btn-sm toggle-agents-sidebar-btn"\n                        ng-if="!showAgents"\n                        ng-click="toggleAgentsListSidebar()"\n                        ng-disabled="!canModifyAgent"\n                        gdb-tooltip="{{\'ttyg.agent.btn.open_sidebar.\' + (canModifyAgent ? \'tooltip\' : \'tooltip_disabled\') | translate}}">\n                    <i class="fa fa-message-bot"></i>\n                </button>\n                <button class="btn btn-link btn-sm toggle-agents-sidebar-btn"\n                        ng-if="showAgents"\n                        ng-click="toggleAgentsListSidebar()"\n                        ng-disabled="false"\n                        gdb-tooltip="{{\'ttyg.agent.btn.close_sidebar\' + \'.tooltip\' | translate}}">\n                    <i class="icon-close"></i>\n                </button>\n            </div>\n\n            <pageslide\n                ps-class="agent-list-panel slide-panel"\n                ps-container="right-sidebar"\n                ps-open="showAgents"\n                onopen="onopen"\n                onclose="onclose"\n                ps-side="right"\n                ps-click-outside="false"\n                ps-size="80vw">\n                <div class="sidebar-content">\n                    <agent-list ng-if="agents && agentListFilterModel.length && !reloadingAgents" agent-list="agents"\n                                agent-list-filter-model="agentListFilterModel"></agent-list>\n                    <div ng-if="reloadingAgents" onto-loader-fancy message="{{\'ttyg.agent.loading_agents\' | translate}}"\n                         class="agent-list-loader"\n                         size="25" style="display: flex;"></div>\n                </div>\n            </pageslide>\n        </div>\n    </div>\n</div>\n';return __p}}}]);