cpee 2.1.130 → 2.1.132

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 825594df724f06da6073b554297121d71ca0e6745788bf29ef403eb58abdd134
-  data.tar.gz: 785e81f35516662bc94bb7b3861e4f8c54cb21d3d9cf131fe8488aa68ec99bc1
+  metadata.gz: 3344a602b3fd2c235c2aa76a1906dd2f136fddcf8f90ea962f96b3ac28460aff
+  data.tar.gz: 951158f25e2e34466421aceb56539d7cf9627152f413ac7b0512029c2e0072dd
 SHA512:
-  metadata.gz: f47fa192c73abb9072247b58e7e67a975dc794ecfd4efa31b8444c80e995fa3468de253c766e2d667bac028475b6396bdad0af67703a161f3cda033dcaa391a1
-  data.tar.gz: 1c9e2df7f50f90ec733b6a004907d8a2d53a6b4ab8669c723bd3828800383abc20fe616f3e6a4369caac5f1724026a29fc6445474e70b46c6303bb6ba2282a73
+  metadata.gz: cc6ec883f44ed404abf2810ae843d9b688d2fd187e5a34fa1a7232efe62ac34a378f4cfff2f2941afae2f5b2e58baae35c388a966fe565ef1f4d5dac695de520
+  data.tar.gz: 5d7483dcf67e0255c2ba3f4999b6746ad7beaa81b5190345050a12d95d2312d43e1a912839427c2614f154463ebf1e9f823d7f225c0fedb409c86f3d02005e43

data/FEATURES.md

@@ -1,31 +1,21 @@
 # CPEE Features
-* The engine itself is a RESTful web service for simple integration into
-  websites and existing information systems.
-* Instances can be created, started, stopped, and modified through simple HTTP
-  calls.
+* The engine itself is a RESTful web service for simple integration into websites and existing information systems.
+* Instances can be created, started, stopped, and modified through simple HTTP  calls.
 * Instances can be serialized and migrated between multiples nodes to ensure scalability.
-* Every aspect of execution is exposed through an event / subscription based
-  model.
-* It allows external RESTful plugins to control the execution, by voting for
-  activity execution (start, finish activity) and state changes (stop, start
-  engine).
-* It provides better coverage of workflow patterns compared to Oracle BPELPM,
-  jBOSS jBPM, and Apache Ode.
+* Every aspect of execution is exposed through an event / subscription based model.
+* It allows external RESTful plugins to control the execution, by voting for activity execution (start, finish activity) and state changes (stop, start engine).
+* It provides better coverage of workflow patterns compared to Oracle BPELPM, jBOSS jBPM, and Apache Ode.
 
 # CPEE Technical Details
 * Reuses an existing virtual machine for executing control flow
-* Supports BPEL and other languages through transformation to a directly
-  executable DSL.
-* The engine (named WEEL and available as a separate package) has a core size
-  of ~ 1110 LOC.
+* Supports BPEL and other languages through transformation to a directly executable DSL.
+* The engine (named WEEL and available as a separate package) has a core size of ~ 1110 LOC.
 * Each instance runs in its own OS process, can be seperately monitored and killed.
-* Uses ~ 50 MiB of RAM per instance (depending on storage backend and data
-  available in instance)
+* Uses ~ 50 MiB of RAM per instance (depending on storage backend and data available in instance)
 * Can utilize multiple threads per instance.
 * Can be restarted in while instances are running.
 
 # CPEE Applied Benefits
 * Interprocess Synchronization as a Service
 * Service Replacement (Repair) Service
-* Plain HTML & JavaScript instance editor that allows to modify all aspects of
-  (running) process instances.
+* Plain HTML & JavaScript instance editor that allows to modify all aspects of (running) process instances.

data/cockpit/compliance-view.html

@@ -0,0 +1,313 @@
+<!--
+  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"/>
+    <link rel="icon" type="image/png" href="/favicon.png">
+    <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>
+
+    <script type="text/javascript" src="/js_libs/build-bpmn.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/edit.js"></script>
+    <script type="text/javascript" src="js/modifiers.js"></script>
+    <script type="text/javascript" src="themes/base.js"></script>
+    <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>
+
+    <script type="text/javascript" src="js/compliance.js"></script>
+    <link rel="stylesheet" href="css/compliance.css" type="text/css"/>
+  </head>
+  <body data-base-port="8298" data-base-engine="engine/" data-base-themes="themes" data-singlerule-endpoint="https://power.bpm.cit.tum.de/compextract/singlerule" is="x-ui-">
+     <div id='disclaimer' class='hidden'> <!--{{{-->
+       <h1>Disclaimer</h1>
+
+       <p>
+         We use reasonable care in creating and presenting the functionality
+         found in this demonstrator. It is provided purely for demonstration purposes
+         and you should seek further guidance and make independent enquiries
+         before relying upon it.
+       </p>
+
+       <p>
+         All functionality included in this demonstrator is subject to change
+         without notice. We make no representation or warranty whatsoever
+         regarding the completeness, accuracy, adequacy, suitability or
+         operation of this demonstrator, or of the results it produces.
+       </p>
+
+       <p>
+         We assume no responsibility for process instances created with this
+         demonstrator and disclaim all liability arising from negligence or
+         otherwise in respect of such process instances. We will not be liable
+         for any damages (including, without limitation, damages for any
+         consequential loss or loss of business opportunities or projects, or
+         loss of profits) howsoever arising from use of or inability to use
+         this demonstrator, or from any action or omission taken as a result of
+         using this demonstrator.
+       </p>
+
+       <p>
+         This demonstrator is hosted in Austria. All liability is excluded to the extent
+         permitted by law including any implied terms. Any interpretation of its
+         content, claims or disputes (of whatever nature and not limited to contractual
+         issues) shall be subject to the exclusive jurisdiction of the Austrian Courts
+         under Austrian law.
+       </p>
+
+       <p>
+         All actions performed while using this demonstrator will be logged, including
+         the IP address of the user.
+       </p>
+
+       <p>
+         <input id='iagree' type='checkbox'/><label for='iagree'><strong>OK, I Agree with this terms. I will be a happy person, and do no evil.</strong></label>
+       </p>
+       <p>
+        <button id='icontinue' disabled='disabled'>Continue</button>
+       </p>
+    </div> <!--}}}-->
+
+    <div class='hidden' id='relaxngworker'></div>
+
+    <div id="areanew" class="hidden">
+      <table class='x-ui-layout'>
+      <tr>
+        <td>Resources:</td>
+        <td><input name="res-url" type="text" value=""/></td>
+      </tr>
+      <tr>
+        <td>Engine:</td>
+        <td><input name="base-url" type="text" value=""/></td>
+      </tr>
+      <tr>
+        <td>Instance:</td>
+        <td><input name="instance-url" type="text" value=""/></td>
+      </tr>
+      </table>
+    </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="inactive hidden" data-tab="instance"  id="tabinstance" >Instance</ui-tab>
+        <ui-tab class="inactive hidden" data-tab="execution" id="tabexecution">Execution</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="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'>
+              <div>
+                <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='the SVG contains the graphical repesentation of the CPEE tree as you see it on the screen' name="savesvgfile">save svg<br>graph</button>
+              </div>
+              <div>
+                <a id="savebpmnfile" href="" download=""></a>
+                <button title='the BPMN includes a graphical representation that can be loaded in Signavio and Camundal' name="savebpmnfile">save BPMN</button>
+              </div>
+            </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-area data-belongs-to-tab="execution" id="areaexecution" class='inactive'> <!--{{{-->
+          <table class='x-ui-compact'>
+            <tbody class='debug'>
+              <tr>
+                <td>Debugging:</td>
+                <td><input type="checkbox" name="votecontinue"/></td>
+              </tr>
+            </tbody>
+            <tbody class='exe'>
+              <tr>
+                <td>State:</td>
+                <td id='state'>
+                  <span id="state_text"></span>
+                  <span id="state_any" style='display:none'>
+                    <span> ⇒ </span>
+                    <button name="state_start" title='start' style='display:none'>Start</button>
+                    <button name="state_stop" title='stop' style='display:none'>Stop</button>
+                    <span id="state_extended" style='display:none'>
+                      <span> / </span>
+                      <button name="state_abandon" title='abandon' style='display:none'>Abandon</button>
+                    </span>
+                  </span>
+                </td>
+              </tr>
+              <tr>
+                <td>Continue:</td>
+                <td id='votes'></td>
+              </tr>
+            </tbody>
+          </table>
+        </ui-area> <!--}}}-->
+      </ui-content>
+    </ui-tabbed>
+
+    <ui-tabbed class="hidden" id='parameters'>
+      <ui-tabbar>
+        <ui-tab class="switch"                                               ></ui-tab>
+        <ui-tab class=""         data-tab="dataelements" id="tabdataelements">Data Objects</ui-tab>
+        <ui-tab class="inactive" data-tab="endpoints"    id="tabendpoints"   >Endpoints</ui-tab>
+        <ui-tab class="inactive" data-tab="attributes"   id="tabattributes"  >Attributes</ui-tab>
+        <ui-tab class="inactive" data-tab="nlrequirements" id="tabnlrequirements">① NL-Requirements</ui-tab>
+        <ui-tab class="inactive" data-tab="requirements" id="tabrequirements">② AST-Requirements</ui-tab>
+        <ui-behind                                                           ></ui-behind>
+      </ui-tabbar>
+      <ui-content>
+        <ui-area data-belongs-to-tab="dataelements" id="areadataelements"> <!--{{{-->
+          <button title='add entry'><span>New</span></button>
+          <div id="dat_dataelements"></div>
+        </ui-area> <!--}}}-->
+        <ui-area data-belongs-to-tab="endpoints" id="areaendpoints" class="inactive"> <!--{{{-->
+          <button title='add entry'><span>New</span></button>
+          <div id="dat_endpoints"></div>
+        </ui-area> <!--}}}-->
+        <ui-area data-belongs-to-tab="attributes" id="areaattributes" class="inactive"> <!--{{{-->
+          <button title='add entry'><span>New</span></button>
+          <div id="dat_attributes"></div>
+        </ui-area> <!--}}}-->
+        <ui-area data-belongs-to-tab="requirements" id="arearequirements" class="inactive"> <!--{{{-->
+          <button title='add entry'><span>New</span></button>
+          <div id="dat_requirements"></div>
+        </ui-area> <!--}}}-->
+        <ui-area data-belongs-to-tab="nlrequirements" id="areanlrequirements" class="inactive"> <!--{{{-->
+          <button title='add entry' id="nlreq_add"><span>New</span></button>
+          <div id="dat_nlrequirements"></div>
+        </ui-area> <!--}}}-->
+      </ui-content>
+    </ui-tabbed>
+
+    <ui-resizehandle class="hidden">drag to resize</ui-resizehandle>
+
+    <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="log"     id="tablog"    >Log</ui-tab>
+        <ui-tab class="inactive" data-tab="comp"    id="tabcomp"   >③ Compliance</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-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-area data-belongs-to-tab="comp" id="areacomp" class="inactive"> <!--{{{-->
+          <div>
+            This tab groups all of your <strong>compliance verification and repair</strong> tools. You can perform the following operations:
+            <ul>
+              <li><strong>Strict Verification</strong> of the graph / your modelling decisions: <button id="verify">Strict Verify</button><span class='yourlog' style="display:none">. Your compliance log: <a style='display:none' target='_blank' id='comp-verify-current-log'></a> <span style="display:none">[</span><a style='display:none' target='_blank' id='comp-verify-all-log'>Full Verification History</a><span style="display:none">]</span></span></li>
+              <li><strong>Fuzzy Label Verification</strong> of the graph / your modelling decisions to identify minor label mismatches: <button id="semantic_verify">Fuzzy Verify (Slow)</button></li>
+              <li><strong>Violation Identification</strong> for the graph based on the compliance log (see above): <button id="identify-violations">Identify Violations</button></li>
+              <li><strong>Identify Repair Actions</strong> for the graph based on the identified violations (see above): <button id="repair-violations">Identify Repair Actions</button></li>
+            </ul>
+          </div>
+          <div id="comp_log" class="x-ui-layout"></div>
+        </ui-area> <!--}}}-->
+      </ui-content>
+    </ui-rest>
+
+  </body>
+</html>

data/cockpit/compliance.html

@@ -70,7 +70,7 @@
     <script type="text/javascript" src="js/compliance.js"></script>
     <link rel="stylesheet" href="css/compliance.css" type="text/css"/>
   </head>
-  <body data-base-port="8298" data-res-port="9303" data-theme-base="themes" is="x-ui-">
+  <body data-base-port="8298" data-base-engine="engine/" data-base-themes="themes" data-singlerule-endpoint="https://power.bpm.cit.tum.de/compextract/singlerule" is="x-ui-">
      <div id='disclaimer' class='hidden'> <!--{{{-->
        <h1>Disclaimer</h1>
 
@@ -122,6 +122,23 @@
 
     <div class='hidden' id='relaxngworker'></div>
 
+    <div id="areanew" class="hidden">
+      <table class='x-ui-layout'>
+      <tr>
+        <td>Resources:</td>
+        <td><input name="res-url" type="text" value=""/></td>
+      </tr>
+      <tr>
+        <td>Engine:</td>
+        <td><input name="base-url" type="text" value=""/></td>
+      </tr>
+      <tr>
+        <td>Instance:</td>
+        <td><input name="instance-url" type="text" value=""/></td>
+      </tr>
+      </table>
+    </div> <!--}}}-->
+
     <div class='menu' id='templates'></div>
     <div class='menu' id='modeltypes'></div>
 
@@ -139,29 +156,12 @@
     <ui-tabbed id="instance">
       <ui-tabbar>
         <ui-tab class="switch"                                                ></ui-tab>
-        <ui-tab class=""                data-tab="new"       id="tabnew"      >Config</ui-tab>
         <ui-tab class="inactive hidden" data-tab="instance"  id="tabinstance" >Instance</ui-tab>
         <ui-tab class="inactive hidden" data-tab="execution" id="tabexecution">Execution</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>
-          </tr>
-          <tr>
-            <td>Engine:</td>
-            <td><input name="base-url" type="text" value=""/></td>
-          </tr>
-          <tr>
-            <td>Instance:</td>
-            <td><input name="instance-url" type="text" value=""/></td>
-          </tr>
-          </table>
-        </ui-area> <!--}}}-->
         <ui-area data-belongs-to-tab="instance" id="areainstance" class="inactive"> <!--{{{-->
           <div>
             <div class='section'>
@@ -238,7 +238,8 @@
         <ui-tab class=""         data-tab="dataelements" id="tabdataelements">Data Objects</ui-tab>
         <ui-tab class="inactive" data-tab="endpoints"    id="tabendpoints"   >Endpoints</ui-tab>
         <ui-tab class="inactive" data-tab="attributes"   id="tabattributes"  >Attributes</ui-tab>
-        <ui-tab class="inactive" data-tab="requirements" id="tabrequirements">Requirements</ui-tab>
+        <ui-tab class="inactive" data-tab="nlrequirements" id="tabnlrequirements">① NL-Requirements</ui-tab>
+        <ui-tab class="inactive" data-tab="requirements" id="tabrequirements">② AST-Requirements</ui-tab>
         <ui-behind                                                           ></ui-behind>
       </ui-tabbar>
       <ui-content>
@@ -258,6 +259,10 @@
           <button title='add entry'><span>New</span></button>
           <div id="dat_requirements"></div>
         </ui-area> <!--}}}-->
+        <ui-area data-belongs-to-tab="nlrequirements" id="areanlrequirements" class="inactive"> <!--{{{-->
+          <button title='add entry' id="nlreq_add"><span>New</span></button>
+          <div id="dat_nlrequirements"></div>
+        </ui-area> <!--}}}-->
       </ui-content>
     </ui-tabbed>
 
@@ -267,9 +272,8 @@
       <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-tab class="inactive" data-tab="comp"    id="tabcomp">Compliance</ui-tab>
+        <ui-tab class="inactive" data-tab="comp"    id="tabcomp"   >③ Compliance</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>
@@ -287,13 +291,20 @@
             <div id="dat_details" class='x-ui-layout'></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-area data-belongs-to-tab="comp" id="areacomp" class="inactive"> <!--{{{-->
-          <div>Compliance: <button id="verify">Verify</button> <a style='display:none' target='_blank' id='comp-current-log'></a> [<a style='display:none' target='_blank' id='comp-all-log'>all</a>]</div>
+          <div>
+            This tab groups all of your <strong>compliance verification and repair</strong> tools. You can perform the following operations:
+            <ul>
+              <li><strong>Strict Verification</strong> of the graph / your modelling decisions: <button id="verify">Strict Verify</button><span class='yourlog' style="display:none">. Your compliance log: <a style='display:none' target='_blank' id='comp-verify-current-log'></a> <span style="display:none">[</span><a style='display:none' target='_blank' id='comp-verify-all-log'>Full Verification History</a><span style="display:none">]</span></span></li>
+              <li><strong>Fuzzy Label Verification</strong> of the graph / your modelling decisions to identify minor label mismatches: <button id="semantic_verify">Fuzzy Verify (Slow)</button></li>
+              <li><strong>Violation Identification</strong> for the graph based on the compliance log (see above): <button id="identify-violations">Identify Violations</button></li>
+              <li><strong>Identify Repair Actions</strong> for the graph based on the identified violations (see above): <button id="repair-violations">Identify Repair Actions</button></li>
+            </ul>
+          </div>
           <div id="comp_log" class="x-ui-layout"></div>
         </ui-area> <!--}}}-->
       </ui-content>

data/cockpit/config.json.example

@@ -1,8 +1,9 @@
 {
-  "log-url": "https://cpee.org/logs/",
-  "templates-url": "https://cpee.org/design/server/Templates.dir/?stage=developm
-  "res-url": "https://cpee.org/flow/resources/",
-  "base-url": "https://cpee.org/flow/engine/",
-  "save-url": "https://cpee.org/design/server/",
-  "llm-url": "https://cpee.org/llm/"
+  "logs-url": "https://%host/logs/",
+  "templates-url": "https://%host/hub/server/Templates.dir/?stage=development",
+  "resources-url": "https://%host/flow/resources/",
+  "base-url": "https://%host/flow/engine/",
+  "save-url": "https://%host/hub/server/",
+  "llm-service-url": "https://%host/llm/",
+  "document-store-url": "https://%host/document-store-url/"
 }

data/cockpit/css/compliance.css

@@ -16,6 +16,23 @@
 #arearequirements.inactive { display: none; }
 #arearequirements button.relaxngui_control { display: none; }
 
+#areanlrequirements {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  height: 100%;
+}
+#areanlrequirements > button {
+  height: 100%;
+  padding: 0;
+  margin-right: 0.5em;
+}
+#areanlrequirements > button span {
+  display: inline-block;
+  transform: rotate(-90deg);
+}
+#areanlrequirements.inactive { display: none; }
+
 #dat_requirements {
   border-collapse:collapse;
   border-spacing:0;
@@ -28,11 +45,62 @@
   overflow-y: scroll;
 }
 
+#dat_nlrequirements {
+  border-collapse: collapse;
+  border-spacing: 0;
+  border: 0 none;
+  margin: 0;
+  padding: 0.5em;
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+}
+
+#dat_nlrequirements .nlreq-row {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+
+#dat_nlrequirements .nlreq-id {
+  min-width: 2.6em;
+  color: #555;
+}
+
+#dat_nlrequirements .nlreq-text {
+  flex: 1;
+}
+
+#dat_nlrequirements .nlreq-status {
+  min-width: 5em;
+  color: #555;
+  font-size: 0.9em;
+}
+
+#dat_nlrequirements .nlreq-status.ok {
+  color: #2d7f2d;
+}
+
+#dat_nlrequirements .nlreq-status.error {
+  color: #b30000;
+}
+
 #dat_log div:nth-child(odd) { background-color: #e8e8e8; color: #333; }
 
-#areacomp > div {  padding-left: 1em; padding-top: 1em; }
+#tabnlrequirements { color: #c01c28ff; }
+#tabrequirements { color: #c01c28ff; }
+#tabcomp { color: #c01c28ff; }
 
-#comp_log { overflow-y: scroll; overflow-x: hidden; user-select: text; -webkit-user-select: text; -moz-user-select: text; }
+#areacomp > div:first-child {  padding-left: 1em; padding-top: 1em; }
+
+#comp_log { overflow-y: scroll; overflow-x: hidden; user-select: text; }
 #comp_log div { padding: 0.2em 0.5em; }
 #comp_log div.indent { padding-left: 2em; }
+#comp_log div.indent-level-2 { padding-left: 3.5em; }
 #comp_log div:nth-child(odd) { background-color: #e8e8e8; color: #333; }
+#comp_log div.error { color: #b30000; font-weight: 600; }
+

data/cockpit/css/llm.css

@@ -68,7 +68,7 @@
 #prompt {
   flex: 1 1 auto;
   height: 100%;
-  overflow: scroll;
+  overflow: auto;
   outline: none;
 }
 #prompt_submit_container {
@@ -106,6 +106,14 @@
 .llm_button {
   width: 100%;
   min-width: 2.5em;
+
+  display: flex;
+  justify-content: center; /* Horizontal zentrieren */
+  align-items: center;     /* Vertikal zentrieren */
+
+  /* Wichtig bei Symbolen und Icons */
+  line-height: 0.9;       /* Verhindert Störungen durch Standard-Zeilenabstände */
+
   height: 2em;
 }
 .llm_button.small:nth-child(n+2) {

data/cockpit/css/llmmodel.css

@@ -0,0 +1,3 @@
+#details {
+  height: 50%;
+}