cpee 2.1.126 → 2.1.128

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ab0596aa5b8fd02e48ecb1f32f0487d0ba38cb50c266a1eea316bdd8b3e72299
-  data.tar.gz: 06eb40788ffede2e143987ff2a15ee6cb15ba8bd455a3a7e5455d1f0c5e4dc17
+  metadata.gz: bcd03c0a07a2a1e264b5d3f8470ab2b0c1f9e6603b02e9c3448493cf6410d717
+  data.tar.gz: 4c38994ad48fa9703749b8d675bfa657cbac4f34e31ec17cce66405b486c5ae4
 SHA512:
-  metadata.gz: e494deb1d688f09d89bb1e29c2c973d2388ad86ad1625b3ec88cbce0f6da0f0b700338d23d6d4ae41bf55f53665d4c46986cccb19eb8a0d7a522b235cd9bd733
-  data.tar.gz: 140db69200f00160050fc0119be5b7e9a023bb9219f6c7ec02e88c51670e4f758dc21bf5017998173847e07b1174784a001f5fc1243380b1a4c47ffe8b47ed16
+  metadata.gz: 488800a06b5b45929a7b6f0dbad7300d6bdd77c4f7f3865d8e4968e5c3b197243d791346394bc7bbe320b9ece2bd56bb8a675982a7b58a1003a966b1b3fb18be
+  data.tar.gz: 6225dabee23d8f553b3fb02595995fbc44774d993735e6171ddd6d8961e2035d7e9a547b16395a9bf5dc6d7a5defe762fbdbbce7bdf20d51b06489c6d8f06fb4

data/cockpit/css/llm.css

@@ -2,6 +2,10 @@
   display: none;
 }
 
+#graphcolumn {
+  min-width: 30em !important;
+}
+
 #status {
   padding: 0.2em 0.5em;
   border-top: 0.1em solid var(--x-ui-border-color);
@@ -111,3 +115,11 @@
 .llm_button:hover {
   background-color: var(--wfadaptor-selected);
 }
+
+#detailcolumn {
+  padding-left: 0em !important;
+}
+#details {
+  padding-left: 1.5em;
+  min-height: 7em;
+}

data/cockpit/css/ui.css

@@ -185,6 +185,11 @@ span.vote {
   color: #73d216;
 }
 
+#details {
+  flex: 0 1 auto;
+  height: 100%;
+  overflow: scroll;
+}
 #modelling {
   flex: 0 1 auto;
   height: 100%;
@@ -198,6 +203,10 @@ span.vote {
   margin-right: 0.2em;
   margin-bottom: 0.2em;
 }
+#detailcolumn ui-resizehandle {
+  margin-right: 0.5em;
+  margin-bottom: 0.2em;
+}
 
 #graphcolumn {
   margin: 0;
@@ -210,6 +219,8 @@ span.vote {
 }
 #detailcolumn {
   padding-left: 1.5em;
+  display: flex;
+  flex-direction: column;
 }
 
 #dat_log tr:nth-child(odd) { background-color: #e8e8e8; color: #333; }

data/cockpit/js/instance.js

@@ -95,6 +95,47 @@ var sub_less = 'topic'  + '=' + 'activity' + '&' +// {{{
                'topic'  + '=' + 'handlers' + '&' +
                'events' + '=' + 'change';// }}}
 
+function sanitize_url(url) { //{{{
+  var lastChar = url.substr(url.length - 1)
+  if (lastChar != '/') {
+    url = (url + '/');
+  }
+  return url;
+}
+ //}}}
+function translate_endpoint(ep) { //{{{
+  return ep.replace(/\{[^\/\}]+\}/g,'*');
+} //}}}
+function get_resource(base, key, loc, cache) { //{{{
+  cache[key] = {};
+  let deferreds = [new $.Deferred(), new $.Deferred(), new $.Deferred()];
+  $.ajax({
+    url: base + 'endpoints/' + encodeURIComponent(translate_endpoint(loc)) + "/symbol.svg",
+    success: function(res) {
+      cache[key]['symbol'] = res;
+      deferreds[0].resolve(true);
+    },
+    error: deferreds[0].resolve
+  })
+  $.ajax({
+    url: base + 'endpoints/' + encodeURIComponent(translate_endpoint(loc)) + "/schema.rng",
+    success: function(res) {
+      cache[key]['schema'] = res;
+      deferreds[1].resolve(true);
+    },
+    error: deferreds[1].resolve
+  })
+  $.ajax({
+    url: base + 'endpoints/' + encodeURIComponent(translate_endpoint(loc)) + "/properties.json",
+    success: function(res) {
+      cache[key]['properties'] = res;
+      deferreds[2].resolve(true);
+    },
+    error: deferreds[2].resolve
+  })
+  return deferreds;
+} //}}}
+
 function cockpit() { //{{{
   $("button[name=base]").click(function(){ create_instance($("input[name=base-url]").val(),null,false,false); });
   $("button[name=instance]").click(function(){ uidash_activate_tab("#tabinstance"); monitor_instance($("input[name=instance-url]").val(),$("input[name=res-url]").val(),false,false); });
@@ -229,14 +270,6 @@ function cockpit() { //{{{
   });
 } //}}}
 
-function sanitize_url(url) { //{{{
-  var lastChar = url.substr(url.length - 1)
-  if (lastChar != '/') {
-    url = (url + '/');
-  }
-  return url;
-}
- //}}}
 function check_subscription() { // {{{
   var url = $('body').attr('current-instance');
   var num = 0;
@@ -326,6 +359,7 @@ async function sse() { //{{{
             break;
           case 'description':
             monitor_instance_dsl();
+            monitor_graph_change(false);
             break;
           case 'endpoints':
             monitor_instance_values("endpoints");
@@ -373,6 +407,7 @@ async function sse() { //{{{
   await monitor_instance_values("attributes"); // attributes first, to catch the <resources> attribute which overrides current-resources
   monitor_instance_values("dataelements");
   monitor_instance_dsl();
+  monitor_graph_change(false);
   monitor_instance_state();
 } //}}}
 
@@ -453,40 +488,6 @@ function monitor_instance(cin,rep,load,exec) {// {{{
   });
 }// }}}
 
-function translate_endpoint(ep) {
-  return ep.replace(/\{[^\/\}]+\}/g,'*');
-}
-
-function get_resource(base, key, loc, cache) {
-  cache[key] = {};
-  let deferreds = [new $.Deferred(), new $.Deferred(), new $.Deferred()];
-  $.ajax({
-    url: base + 'endpoints/' + encodeURIComponent(translate_endpoint(loc)) + "/symbol.svg",
-    success: function(res) {
-      cache[key]['symbol'] = res;
-      deferreds[0].resolve(true);
-    },
-    error: deferreds[0].resolve
-  })
-  $.ajax({
-    url: base + 'endpoints/' + encodeURIComponent(translate_endpoint(loc)) + "/schema.rng",
-    success: function(res) {
-      cache[key]['schema'] = res;
-      deferreds[1].resolve(true);
-    },
-    error: deferreds[1].resolve
-  })
-  $.ajax({
-    url: base + 'endpoints/' + encodeURIComponent(translate_endpoint(loc)) + "/properties.json",
-    success: function(res) {
-      cache[key]['properties'] = res;
-      deferreds[2].resolve(true);
-    },
-    error: deferreds[2].resolve
-  })
-  return deferreds;
-}
-
 function monitor_instance_values(type,vals) {// {{{
   if (type == "dataelements" && save['state'] == "running") {
     let de = save[type].save();
@@ -771,7 +772,6 @@ function monitor_instance_dsl() {// {{{
         res = res.replace(/activity\s+\[:([A-Za-z][a-zA-Z0-9_]+)([^\]]*\])/g,"<span class='activities' id=\"activity-$1\">activity [:$1$2</span>");
 
         ctv.append(res);
-        monitor_graph_change(false);
       }
     }
   });
@@ -1600,9 +1600,7 @@ function append_to_log(what,type,message) {//{{{
   }
 }//}}}
 
-function report_failure(){}
-
-function ui_pos(e,bl) {
+function ui_pos(e,bl) { //{{{
   var url = $('body').attr('current-instance');
   var coll = [];
   $('g.element.primitive > g.activities.active, g.element.primitive > g.activities.passive').each(function(a,b){
@@ -1626,16 +1624,18 @@ function ui_pos(e,bl) {
     success: monitor_instance_pos,
     error: report_failure
   });
-}
-function del_ui_pos(e) {
+} //}}}
+function del_ui_pos(e) { //{{{
   ui_pos(e,function(coll){
     coll.splice(coll.findIndex((ele)=>ele[0] == $(e).attr('id')),1);
     return coll;
   });
-}
-function add_ui_pos(e) {
+} //}}}
+function add_ui_pos(e) { //{{{
   ui_pos(e,function(coll){
     coll.push([$(e).attr('id'), e.nodeName == 'stop' ? 'after' : 'at']);
     return coll;
   });
-}
+} //}}}
+
+function report_failure(){}

data/cockpit/js/llm.js

@@ -343,7 +343,7 @@ $(document).ready(async function() { //{{{
     var menu = new CustomMenu(e);
 
     var mode_entries = [];
-    $('#mode option').each(function(){
+    $('#mode.active option').each(function(){
       mode_entries.push({
         label: $(this).text(),
         menu_icon: $(this).is(':selected') ? mode_active : mode_inactive,
@@ -357,7 +357,7 @@ $(document).ready(async function() { //{{{
     });
 
     var llm_entries = [];
-    $('#llms option').each(function(){
+    $('#llms.active option').each(function(){
       llm_entries.push({
         label: $(this).text(),
         menu_icon: $(this).is(':selected') ? llm_active : llm_inactive,
@@ -370,7 +370,15 @@ $(document).ready(async function() { //{{{
       });
     });
 
-    menu.contextmenu({ 'Models': mode_entries, 'LLMs': llm_entries });
+    let res = {};
+    if (mode_entries.length > 0) {
+      res['Models'] = mode_entries;
+    }
+    if (llm_entries.length > 0) {
+      res['LLMs'] = llm_entries;
+    }
+
+    menu.contextmenu(res);
   });
   $("#loadtxt").change(function(e){
     let files = document.getElementById('loadtxt').files;

data/cockpit/js/wfadaptor.js

@@ -923,7 +923,6 @@ function WfDescription(wf_adaptor, wf_illustrator) { // Model {{{
   } // }}}
 
   var reset_used_id_list = this.reset_used_id_list = function() { // {{{
-    console.log('bbbbb');
     used_id_list = [];
   } // }}}
   var get_free_id = this.get_free_id = function(prefix,aname,other) { // {{{
@@ -990,7 +989,7 @@ function WfDescription(wf_adaptor, wf_illustrator) { // Model {{{
       adaptor.notify(newn.attr('svg-id'));
     else if (svgid != undefined)
       adaptor.notify(svgid);
-    else if (newn.parent('[svg-id]').length > 0)
+    else if (newn.parents('[svg-id]').length > 0)
       adaptor.notify(newn.parent('[svg-id]').attr('svg-id'));
     else
       console.info('Something went horribly wrong');

data/cockpit/llm.html

@@ -277,14 +277,14 @@
                   <option value="model">Only Model</option>
                   <option value="dataflow" selected="selected">Model and Dataflow</option>
                 </select>
-                <select name="mode" id="mode" class='hidden'>
+                <select name="mode" id="mode" class='active hidden'>
                   <option value="noendpoints" selected="selected">Generate/Adapt from Scratch</option>
                   <option value="endpoints">Generate/Adapt with Endpoint Knowledge</option>
                 </select>
                 <button id='prompt_submit_button' title="CTRL-ENTER to Submit" class="llm_button small">➤</button>
                 <button id='prompt_reset_button' title="Reset Context" class="llm_button small">🗲</button>
                 <button id='prompt_prop_button' title="Properties" class="llm_button small">⚙</button>
-                <select name="llms" id="llms" class='hidden'>
+                <select name="llms" id="llms" class='active hidden'>
                   <option value="gemini-3.1-flash-lite" selected="selected">gemini 3.1 Flash Lite</option>
                   <option value="gemini-3.1-flash">gemini 3.1 Flash</option>
                   <option value="gemini-3.1-pro">gemini 3.1 Pro</option>

data/cockpit/llmmodel.html

@@ -0,0 +1,206 @@
+<!--
+  This file is part of CPEE.
+
+  CPEE is free software: you can redistribute it and/or modify it under the terms
+  of the GNU General Public License as published by the Free Software Foundation,
+  either version 3 of the License, or (at your option) any later version.
+
+  CPEE is distributed in the hope that it will be useful, but WITHOUT ANY
+  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+  PARTICULAR PURPOSE.  See the GNU General Public License for more details.
+
+  You should have received a copy of the GNU General Public License along with
+  CPEE (file COPYING in the main directory).  If not, see
+  <http://www.gnu.org/licenses/>.
+-->
+
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>CPEE Cockpit</title>
+
+    <!-- libs, do not modify. When local than load local libs. -->
+    <script type="text/javascript" src="/js_libs/jquery.min.js"></script>
+    <script type="text/javascript" src="/js_libs/jquery.browser.js"></script>
+    <script type="text/javascript" src="/js_libs/jquery.svg.min.js"></script>
+    <script type="text/javascript" src="/js_libs/jquery.svgdom.min.js"></script>
+    <script type="text/javascript" src="/js_libs/vkbeautify.js"></script>
+    <script type="text/javascript" src="/js_libs/util.js"></script>
+    <script type="text/javascript" src="/js_libs/printf.js"></script>
+    <script type="text/javascript" src="/js_libs/strftime.min.js"></script>
+    <script type="text/javascript" src="/js_libs/parsequery.js"></script>
+    <script type="text/javascript" src="/js_libs/underscore.min.js"></script>
+    <script type="text/javascript" src="/js_libs/jquery.caret.min.js"></script>
+    <script type="text/javascript" src="/js_libs/jquery.cookie.js"></script>
+
+    <script type="text/javascript" src="/js_libs/relaxngui.js"></script>
+
+    <script type="text/javascript" src="/js_libs/uidash.js"></script>
+    <script type="text/javascript" src="/js_libs/custommenu.js"></script>
+
+    <link   rel="stylesheet"      href="/js_libs/custommenu.css" type="text/css"/>
+    <link   rel="stylesheet"      href="/js_libs/uidash.css" type="text/css"/>
+
+    <link   rel="stylesheet"      href="/js_libs/relaxngui.css" type="text/css"/>
+
+    <!-- modelling ui -->
+    <script type="text/javascript" src="js/wfadaptor.js"></script>
+    <link rel="stylesheet" href="css/wfadaptor.css" type="text/css" data-include-export="true"/>
+
+    <!-- custom stuff, play arround  -->
+    <script type="text/javascript" src="js/ui.js"></script>
+    <script type="text/javascript" src="js/instance.js"></script>
+    <script type="text/javascript" src="js/details.js"></script>
+    <script type="text/javascript" src="js/parameters.js"></script>
+    <script type="text/javascript" src="js/extended_columns.js"></script>
+    <script type="text/javascript" src="js/modifiers.js"></script>
+    <script type="text/javascript" src="themes/base.js"></script>
+
+    <script type="text/javascript" src="js/llm.js"></script>
+    <link   rel="stylesheet"      href="css/llm.css" type="text/css"/>
+    <link   rel="stylesheet"      href="css/llmmodel.css" type="text/css"/>
+
+    <link rel="stylesheet" href="css/ui.css" type="text/css"/>
+    <link rel="stylesheet" href="css/extended_columns-label.css" type="text/css"/>
+    <link rel="stylesheet" href="css/extended_columns-svg.css" type="text/css" data-include-export="true"/>
+    <link rel="stylesheet" href="/global_ui/uicpee.css" type="text/css"/>
+    <style></style>
+  </head>
+  <body data-base-port="8298" data-res-port="9303" data-theme-base="themes" is="x-ui-">
+    <div class='hidden' id='relaxngworker'></div>
+
+    <div class='menu' id='templates'></div>
+    <div class='menu' id='modeltypes'></div>
+
+    <template id="label">
+      <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0;" class="displaylabel">
+        <g transform="translate(1 %%1) rotate(-%%2)">
+          <rect class="displaylabel" width="200" height="14" x="8" y="0" rx="5" ry="5"/>
+          <path class="displaylabel" d="M10,13 0,13 8,8"/>
+          <path class="displaylabelinner" d="M10,11.5 8.5,11.5 8.5,9.5 10,9.5"/>
+          <text class="label" x="18" y="10">aaaa</text>
+        </g>
+      </svg>
+    </template>
+
+    <ui-tabbed id="instance">
+      <ui-tabbar>
+        <ui-tab class="switch"                                                ></ui-tab>
+        <ui-tab class=""                data-tab="new"       id="tabnew"      >New</ui-tab>
+        <ui-tab class="inactive hidden" data-tab="instance"  id="tabinstance" >Instance</ui-tab>
+        <ui-behind                                                            ><a style='display:none' target='_blank' id='current-instance'></a><a style='display:none' target='_blank' id='current-instance-properties'>P</a><a style='display:none' target='_blank' id='current-instance-subscriptions'>S</a><a style='display:none' target='_blank' id='current-instance-callbacks'>C</a></ui-behind>
+        <ui-last                                                              ><a class="logo" href=".."></a></ui-last>
+      </ui-tabbar>
+      <ui-content>
+        <ui-area data-belongs-to-tab="new" id="areanew"> <!--{{{-->
+          <table class='x-ui-layout'>
+          <tr>
+            <td>Resources:</td>
+            <td><input name="res-url" type="text" value=""/></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Engine:</td>
+            <td><input name="base-url" type="text" value=""/></td>
+            <td><button name="base">create new instance</button></td>
+          </tr>
+          <tr>
+            <td>Instance:</td>
+            <td><input name="instance-url" type="text" value=""/></td>
+            <td><button name="instance">monitor instance</button></td>
+          </tr>
+          </table>
+        </ui-area> <!--}}}-->
+        <ui-area data-belongs-to-tab="instance" id="areainstance" class="inactive"> <!--{{{-->
+          <div>
+            <div class='section'>
+              <div>
+                <form id='fuckchrome'>
+                  <input type='file' name='testsetfile' id='testsetfile'/>
+                </form>
+                <button title='a template includes various settings, subscriptions or a (partial) model' name="loadtestset">load template</button><button title='a testset includes various settings, subscriptions or a model' name="loadtestsetfile">load testset</button>
+              </div>
+              <div>
+                <input type='file' name='modelfile' id='modelfile'/>
+                <button title='a standalone process model is only loadable if the currently loaded testset sucessfully prepared the current instance for the type of model' name="loadmodelfile">load model</button>
+              </div>
+            </div><div class='section'>
+              <a id="savetestsetfile" href="" download=""></a>
+              <a id="savesvgfile" href="" download=""></a>
+              <button title='a testset includes various settings, subscriptions and a model' name="savetestsetfile">save<br>testset</button>
+              <button title='a testset includes various settings, subscriptions and a model' name="savesvgfile">save svg<br>graph</button>
+            </div><div class='section' id='modifiers'>
+              <template id="item">
+                <div>
+                  <div class='title'><strong></strong></div>
+                  <div class='select'><select></select></div>
+                  <div class='additional'></div>
+                </div>
+              </template>
+            </div>
+          </div>
+        </ui-area> <!--}}}-->
+      </ui-content>
+    </ui-tabbed>
+
+    <ui-rest id="main" class="hidden">
+      <ui-tabbar>
+        <ui-before                                                 ></ui-before>
+        <ui-tab class=""         data-tab="details" id="tabdetails">Graph</ui-tab>
+        <ui-tab class="inactive" data-tab="dsl"     id="tabdsl"    >Description</ui-tab>
+        <ui-tab class="inactive" data-tab="log"     id="tablog"    >Log</ui-tab>
+        <ui-behind                                                 ><a style='display:none' target='_blank' id='current-track'>T</a><a style='display:none' target='_blank' id='current-graph'>G</a></ui-behind>
+      </ui-tabbar>
+      <ui-content>
+        <ui-area data-belongs-to-tab="details" id='graphcolumn' oncontextmenu='return false'>
+          <ui-part id='modelling'>
+            <div id='graphgrid'>
+              <div class="resource-label" style="display: none"></div>
+              <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:x="http://www.w3.org/1999/xlink" id='graphcanvas' class='graphcolumn' width='1' height='1'></svg>
+            </div>
+          </ui-part>
+        </ui-area>
+        <ui-resizehandle data-belongs-to-tab="details" data-label="drag to resize"></ui-resizehandle>
+        <ui-area data-belongs-to-tab="details" id="detailcolumn">
+          <ui-part id='details'>
+            <div id="dat_details" class='x-ui-layout'></div>
+          </ui-part>
+          <ui-resizehandle class='hidden'>drag to resize</ui-resizehandle>
+          <ui-part id='input'>
+            <div id='status'></div>
+            <div id='prompt_container' class="max">
+              <div id='prompt' contenteditable="true" title="Please enter your modelling instructions here..." placeholder="Please enter your modelling instructions here..."></div>
+              <div id='prompt_submit_container' class="single">
+                <select name="generation" id="generation" class='hidden'>
+                  <option value="model" selected="selected">Only Model</option>
+                  <option value="dataflow">Model and Dataflow</option>
+                </select>
+                <select name="mode" id="mode" class='hidden'>
+                  <option value="noendpoints_docdescription" selected="selected">Generate/Adapt DocDescription</option>
+                  <option value="noendpoints">Generate/Adapt from Scratch</option>
+                  <option value="endpoints">Generate/Adapt with Endpoint Knowledge</option>
+                </select>
+                <button id='prompt_submit_button' title="CTRL-ENTER to Submit" class="llm_button small">➤</button>
+                <button id='prompt_reset_button' title="Reset Context" class="llm_button small">🗲</button>
+                <button id='prompt_prop_button' title="Properties" class="llm_button small">⚙</button>
+                <select name="llms" id="llms" class='active hidden'>
+                  <option value="gemini-3.1-flash-lite" selected="selected">gemini 3.1 Flash Lite</option>
+                  <option value="gemini-3.1-flash">gemini 3.1 Flash</option>
+                  <option value="gemini-3.1-pro">gemini 3.1 Pro</option>
+                </select>
+              </div>
+            </div>
+          </ui-part>
+        </ui-area>
+        <ui-area data-belongs-to-tab="dsl" id="areadsl" class="inactive"></ui-area>
+        <ui-area data-belongs-to-tab="log" id="arealog" class="inactive"> <!--{{{-->
+          <div>Persistent Log: <a style='display:none' target='_blank' id='current-log'></a> [<a style='display:none' target='_blank' id='xml-log'>X</a>,<a style='display:none' target='_blank' id='shifted-log'>S</a>]</div>
+          <table id="dat_log" class="x-ui-layout"></table>
+        </ui-area> <!--}}}-->
+      </ui-content>
+    </ui-rest>
+
+  </body>
+</html>

data/cockpit/themes/base.js

@@ -4,6 +4,7 @@ function WFAdaptorManifestationBase(adaptor) {
   this.adaptor = adaptor;
   this.resources = {};
   this.elements = {};
+  this.strings = {};
   this.events = {};
   this.compact = false;
   this.striped = false;
@@ -261,17 +262,19 @@ function WFAdaptorManifestationBase(adaptor) {
         })
       }
     }
-    if($('> code', xml_node).length > 0 && xml_node.get(0).tagName == 'call') {
-      var icon = contextMenuHandling_clean_icon(self.elements.callmanipulate.illustrator.svg);
-      icon.find('.part-extra .colorstyle').css('fill','var(--wfadaptor-important');
-      menu['Delete'].push({
-        'label': 'Remove Scripts',
-        'function_call': self.adaptor.description.remove,
-        'menu_icon': icon,
-        'type': undefined,
-        'params': ['> code', xml_node]
-      });
+
+    if (self.elements[xml_node.get(0).tagName].removable_children) {
+      let group = self.elements[xml_node.get(0).tagName].removable_children(xml_node);
+      if  (group.length > 0) {
+        if (!('Delete' in menu)) {
+          menu['Delete'] = [];
+        }
+        $(group).each((_,e)=>{
+          menu['Delete'].push(e);
+        });
+      }
     }
+
     if (xml_node.get(0).tagName == "call" || xml_node.get(0).tagName == "manipulate" || xml_node.get(0).tagName == "stop") {
       let exec_icon = contextMenuHandling_clean_icon(self.elements.call.illustrator.svg);
       let mark_icon = self.resources.mark;
@@ -386,6 +389,9 @@ function WFAdaptorManifestationBase(adaptor) {
   this.events.dragstart = function (svgid, e) { //{{{
   } //}}}
 
+  // Other Strings
+  this.strings.scripts = 'Scripts';
+
   // Other resources
   this.resources.arrow =  self.adaptor.theme_dir + 'symbols/arrow.svg';
   this.resources.delete =  self.adaptor.theme_dir + 'symbols/delete.svg';
@@ -442,7 +448,7 @@ function WFAdaptorManifestationBase(adaptor) {
     'permissible_children': function(node,mode) { //{{{
       if(node.children('code').length < 1)
         return [
-         {'label': 'Scripts',
+         {'label': self.strings.scripts,
           'function_call': self.adaptor.description.insert_last_into,
           'menu_icon': contextMenuHandling_clean_icon(self.elements.callmanipulate.illustrator.svg),
           'type': undefined,
@@ -450,6 +456,23 @@ function WFAdaptorManifestationBase(adaptor) {
         ];
       return [];
     }, //}}}
+    'removable_children': function(node) { //{{{
+      if(node.children('code').length > 0) {
+        var icon = contextMenuHandling_clean_icon(self.elements.callmanipulate.illustrator.svg);
+        icon.find('.part-extra .colorstyle').css('fill','var(--wfadaptor-important');
+        return [
+          {
+            'label': 'Remove ' + self.strings.scripts,
+            'function_call': self.adaptor.description.remove,
+            'menu_icon': icon,
+            'type': undefined,
+            'params': ['> code', node]
+          }
+        ];
+      } else {
+        return [];
+      }
+    }, //}}}
     'adaptor': {//{{{
       'mousedown': function (node,e) { self.events.mousedown(node,e,true,true); },
       'touchstart': function (node,e) { self.events.touchstart(node,e,true,true); },
@@ -760,7 +783,7 @@ function WFAdaptorManifestationBase(adaptor) {
       if (mode == 'into') { func = self.adaptor.description.insert_first_into }
       else { func = self.adaptor.description.insert_after }
       var childs = [
-        {'label': 'Service Call with Scripts',
+        {'label': 'Service Call with ' + self.strings.scripts,
          'function_call': func,
          'menu_icon': contextMenuHandling_clean_icon(self.elements.callmanipulate.illustrator.svg),
          'type': 'callmanipulate',
@@ -857,7 +880,7 @@ function WFAdaptorManifestationBase(adaptor) {
          'params': [self.adaptor.description.elements.parallel_branch, node]}];
       }
       var childs = [
-        {'label': 'Service Call with Scripts',
+        {'label': 'Service Call with ' + self.strings.scripts,
          'function_call': func,
          'menu_icon': contextMenuHandling_clean_icon(self.elements.callmanipulate.illustrator.svg),
          'type': 'callmanipulate',
@@ -948,7 +971,7 @@ function WFAdaptorManifestationBase(adaptor) {
       if (mode == 'into') { func = self.adaptor.description.insert_first_into }
       else { func = self.adaptor.description.insert_after }
       var childs = [
-        {'label': 'Service Call with Scripts',
+        {'label': 'Service Call with ' + self.strings.scripts,
          'function_call': func,
          'menu_icon': contextMenuHandling_clean_icon(self.elements.callmanipulate.illustrator.svg),
          'type': 'callmanipulate',
@@ -1069,7 +1092,7 @@ function WFAdaptorManifestationBase(adaptor) {
       if (mode.match(/into/)) { func = self.adaptor.description.insert_first_into }
       else { func = self.adaptor.description.insert_after }
       var childs =  [
-        {'label': 'Service Call with Scripts',
+        {'label': 'Service Call with ' + self.strings.scripts,
          'function_call': func,
          'menu_icon': contextMenuHandling_clean_icon(self.elements.callmanipulate.illustrator.svg),
          'type': 'callmanipulate',
@@ -1147,7 +1170,7 @@ function WFAdaptorManifestationBase(adaptor) {
       if (mode == 'into') { func = self.adaptor.description.insert_first_into }
       else { func = self.adaptor.description.insert_after }
       var childs = [
-        {'label': 'Service Call with Scripts',
+        {'label': 'Service Call with ' + self.strings.scripts,
          'function_call': func,
          'menu_icon': contextMenuHandling_clean_icon(self.elements.callmanipulate.illustrator.svg),
          'type': 'callmanipulate',
@@ -1237,7 +1260,7 @@ function WFAdaptorManifestationBase(adaptor) {
       if (mode == 'into') { func = self.adaptor.description.insert_first_into }
       else { func = self.adaptor.description.insert_after }
       var childs = [
-        {'label': 'Service Call with Scripts',
+        {'label': 'Service Call with ' + self.strings.scripts,
          'function_call': func,
          'menu_icon': contextMenuHandling_clean_icon(self.elements.callmanipulate.illustrator.svg),
          'type': 'callmanipulate',
@@ -1412,7 +1435,7 @@ function WFAdaptorManifestationBase(adaptor) {
       if (mode == 'into') { func = self.adaptor.description.insert_first_into }
       else { func = self.adaptor.description.insert_after }
       var childs = [
-        {'label': 'Service Call with Scripts',
+        {'label': 'Service Call with ' + self.strings.scripts,
          'function_call': func,
          'menu_icon': contextMenuHandling_clean_icon(self.elements.callmanipulate.illustrator.svg),
          'type': 'callmanipulate',

data/cockpit/themes/preset_model/rngs/alternative.rng

@@ -0,0 +1,8 @@
+<element xmlns="http://relaxng.org/ns/structure/1.0" xmlns:rngui="http://rngui.org" rngui:version="1.2" name="alternative" datatypeLibrary="http://www.w3.org/2001/XMLSchema-datatypes" ns="http://cpee.org/ns/description/1.0">
+  <attribute name="eid" rngui:label="ID" rngui:default="javascript:get_free_id('e','eid')">
+    <data type="string" rngui:readonly="true"/>
+  </attribute>
+  <attribute name="condition" rngui:label="Condition">
+    <data type="string" rngui:label="Condition"/>
+  </attribute>
+</element>