diff --git a/.idea/ant.xml b/.idea/ant.xml
new file mode 100644
index 000000000..a2a476982
--- /dev/null
+++ b/.idea/ant.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AntConfiguration">
+    <buildFile url="file://$PROJECT_DIR$/build.xml" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
new file mode 100644
index 000000000..919ce1f1f
--- /dev/null
+++ b/.idea/codeStyles/Project.xml
@@ -0,0 +1,7 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <ScalaCodeStyleSettings>
+      <option name="MULTILINE_STRING_CLOSING_QUOTES_ON_NEW_LINE" value="true" />
+    </ScalaCodeStyleSettings>
+  </code_scheme>
+</component>
\ No newline at end of file
diff --git a/.idea/compiler.xml b/.idea/compiler.xml
index 58d13c02c..85b274f26 100644
--- a/.idea/compiler.xml
+++ b/.idea/compiler.xml
@@ -9,23 +9,6 @@
         <module name="MPS_Fbme_dsl" />
       </profile>
     </annotationProcessing>
-    <bytecodeTargetLevel target="11">
-      <module name="FBME.code.main" target="11" />
-      <module name="FBME.code.test" target="11" />
-      <module name="FBME.library" target="1.8" />
-      <module name="FBME.library.main" target="1.8" />
-      <module name="FBME.library.test" target="1.8" />
-      <module name="FBME.library_st-parser" target="1.8" />
-      <module name="FBME.library_st-parser.main" target="1.8" />
-      <module name="FBME.library_st-parser.test" target="1.8" />
-      <module name="iec61499.library_st-parser" target="1.8" />
-      <module name="iec61499.library_st-parser.main" target="1.8" />
-      <module name="iec61499.library_st-parser.test" target="1.8" />
-      <module name="iec61499.st-parser" target="1.8" />
-      <module name="iec61499.st-parser.main" target="1.8" />
-      <module name="iec61499.st-parser.test" target="1.8" />
-      <module name="st-parser_main" target="1.8" />
-      <module name="st-parser_test" target="1.8" />
-    </bytecodeTargetLevel>
+    <bytecodeTargetLevel target="11" />
   </component>
 </project>
\ No newline at end of file
diff --git a/.idea/kotlinc.xml b/.idea/kotlinc.xml
index 7e340a776..9a55c2de1 100644
--- a/.idea/kotlinc.xml
+++ b/.idea/kotlinc.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="KotlinJpsPluginSettings">
-    <option name="version" value="1.6.21" />
+    <option name="version" value="1.8.22" />
   </component>
 </project>
\ No newline at end of file
diff --git a/.idea/libraries/ant_antlr.xml b/.idea/libraries/ant_antlr.xml
new file mode 100644
index 000000000..59652667b
--- /dev/null
+++ b/.idea/libraries/ant_antlr.xml
@@ -0,0 +1,9 @@
+<component name="libraryTable">
+  <library name="ant-antlr">
+    <CLASSES>
+      <root url="jar:///usr/share/ant/lib/ant-antlr.jar!/" />
+    </CLASSES>
+    <JAVADOC />
+    <SOURCES />
+  </library>
+</component>
\ No newline at end of file
diff --git a/.idea/libraries/ant_launcher.xml b/.idea/libraries/ant_launcher.xml
new file mode 100644
index 000000000..ef0794b5f
--- /dev/null
+++ b/.idea/libraries/ant_launcher.xml
@@ -0,0 +1,9 @@
+<component name="libraryTable">
+  <library name="ant-launcher">
+    <CLASSES>
+      <root url="jar:///usr/share/ant/lib/ant-launcher.jar!/" />
+    </CLASSES>
+    <JAVADOC />
+    <SOURCES />
+  </library>
+</component>
\ No newline at end of file
diff --git a/.idea/libraries/apache_ant_junit.xml b/.idea/libraries/apache_ant_junit.xml
new file mode 100644
index 000000000..9b11bfcbb
--- /dev/null
+++ b/.idea/libraries/apache_ant_junit.xml
@@ -0,0 +1,14 @@
+<component name="libraryTable">
+  <library name="apache.ant.junit" type="repository">
+    <properties maven-id="org.apache.ant:ant-junit:1.10.1" />
+    <CLASSES>
+      <root url="jar://$MAVEN_REPOSITORY$/org/apache/ant/ant-junit/1.10.1/ant-junit-1.10.1.jar!/" />
+      <root url="jar://$MAVEN_REPOSITORY$/org/apache/ant/ant/1.10.1/ant-1.10.1.jar!/" />
+      <root url="jar://$MAVEN_REPOSITORY$/org/apache/ant/ant-launcher/1.10.1/ant-launcher-1.10.1.jar!/" />
+      <root url="jar://$MAVEN_REPOSITORY$/junit/junit/4.11/junit-4.11.jar!/" />
+      <root url="jar://$MAVEN_REPOSITORY$/org/hamcrest/hamcrest-core/1.3/hamcrest-core-1.3.jar!/" />
+    </CLASSES>
+    <JAVADOC />
+    <SOURCES />
+  </library>
+</component>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
index 4981e477a..59b4d604e 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -10,6 +10,7 @@
         <option value="$PROJECT_DIR$/.teamcity/pom.xml" />
       </list>
     </option>
+    <option name="workspaceImportForciblyTurnedOn" value="true" />
   </component>
   <component name="ProjectRootManager" version="2" languageLevel="JDK_11" default="true" project-jdk-name="11" project-jdk-type="JavaSDK">
     <output url="file://$PROJECT_DIR$/out" />
diff --git a/.mps/encodings.xml b/.mps/encodings.xml
deleted file mode 100644
index 15a15b218..000000000
--- a/.mps/encodings.xml
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="Encoding" addBOMForNewFiles="with NO BOM" />
-</project>
\ No newline at end of file
diff --git a/.mps/modules.xml b/.mps/modules.xml
index 995e49edc..a08ecb86d 100644
--- a/.mps/modules.xml
+++ b/.mps/modules.xml
@@ -31,6 +31,7 @@
       <modulePath path="$PROJECT_DIR$/samples/smv-debugger/solutions/org.fbme.smvDebugger.sandbox/org.fbme.smvDebugger.sandbox.msd" folder="samples.smv debugger" />
       <modulePath path="$PROJECT_DIR$/samples/statistics-plugin/buildsolution/org.fbme.samples.statisticsPlugin.build.msd" folder="samples.statistics plugin" />
       <modulePath path="$PROJECT_DIR$/samples/statistics-plugin/solutions/org.fbme.samples.statisticsPlugin/org.fbme.samples.statisticsPlugin.msd" folder="samples.statistics plugin" />
+      <modulePath path="$PROJECT_DIR$/solutions/WaterTank/WaterTank.msd" folder="samples" />
     </projectModules>
   </component>
 </project>
\ No newline at end of file
diff --git a/.mps/runConfigurations/MPS_with_IEC_61499.xml b/.mps/runConfigurations/MPS_with_IEC_61499.xml
index 20ed40dd2..d787223d3 100644
--- a/.mps/runConfigurations/MPS_with_IEC_61499.xml
+++ b/.mps/runConfigurations/MPS_with_IEC_61499.xml
@@ -4,15 +4,13 @@
       <MyState>
         <option name="myVmOptions" value="-agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=5005" />
         <option name="myJrePath" value="" />
-        <option name="mySettingsPath" value="$USER_HOME$/Library/Preferences" />
+        <option name="mySettingsPath" value="$PROJECT_DIR$/../Library/Preferences" />
       </MyState>
     </myMpsSettings>
     <myPluginsSettings>
       <MyState>
         <option name="myPluginsToDeploy">
-          <list>
-            <option value="r:d873dcfc-44fd-449a-83a0-b73f30522ba6(iec61499.build)/7065554940418943295" />
-          </list>
+          <list />
         </option>
       </MyState>
     </myPluginsSettings>
diff --git a/code/4diac-integration/solutions/org.fbme.ide.integration.fordiac/models/org.fbme.ide.integration.fordiac.mps b/code/4diac-integration/solutions/org.fbme.ide.integration.fordiac/models/org.fbme.ide.integration.fordiac.mps
index aa5d31040..85d87ef57 100644
--- a/code/4diac-integration/solutions/org.fbme.ide.integration.fordiac/models/org.fbme.ide.integration.fordiac.mps
+++ b/code/4diac-integration/solutions/org.fbme.ide.integration.fordiac/models/org.fbme.ide.integration.fordiac.mps
@@ -474,6 +474,7 @@
       </concept>
     </language>
     <language id="7866978e-a0f0-4cc7-81bc-4d213d9375e1" name="jetbrains.mps.lang.smodel">
+      <concept id="1179168000618" name="jetbrains.mps.lang.smodel.structure.Node_GetIndexInParentOperation" flags="nn" index="2bSWHS" />
       <concept id="1177026924588" name="jetbrains.mps.lang.smodel.structure.RefConcept_Reference" flags="nn" index="chp4Y">
         <reference id="1177026940964" name="conceptDeclaration" index="cht4Q" />
       </concept>
@@ -487,6 +488,7 @@
       <concept id="1145404486709" name="jetbrains.mps.lang.smodel.structure.SemanticDowncastExpression" flags="nn" index="2JrnkZ">
         <child id="1145404616321" name="leftExpression" index="2JrQYb" />
       </concept>
+      <concept id="1171310072040" name="jetbrains.mps.lang.smodel.structure.Node_GetContainingRootOperation" flags="nn" index="2Rxl7S" />
       <concept id="2644386474300074836" name="jetbrains.mps.lang.smodel.structure.ConceptIdRefExpression" flags="nn" index="35c_gC">
         <reference id="2644386474300074837" name="conceptDeclaration" index="35c_gD" />
       </concept>
@@ -3052,6 +3054,17 @@
             </node>
           </node>
         </node>
+        <node concept="3clFbF" id="6wjDFs17gjt" role="3cqZAp">
+          <node concept="2OqwBi" id="6wjDFs18bsu" role="3clFbG">
+            <node concept="2OqwBi" id="6wjDFs184KQ" role="2Oq$k0">
+              <node concept="37vLTw" id="6wjDFs17gjr" role="2Oq$k0">
+                <ref role="3cqZAo" node="5HzRr7EKTG3" resolve="fb" />
+              </node>
+              <node concept="2Rxl7S" id="6wjDFs188eD" role="2OqNvi" />
+            </node>
+            <node concept="2bSWHS" id="6wjDFs18f3d" role="2OqNvi" />
+          </node>
+        </node>
         <node concept="3cpWs8" id="5HzRr7EKXYd" role="3cqZAp">
           <node concept="3cpWsn" id="5HzRr7EKXYe" role="3cpWs9">
             <property role="TrG5h" value="resource" />
diff --git a/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_DESERIALIZER.fbt b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_DESERIALIZER.fbt
new file mode 100644
index 000000000..9d8cc093e
--- /dev/null
+++ b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_DESERIALIZER.fbt
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<FBType Name="JSON_DESERIALIZER" Comment="Composite FB wrapping other FBs">
+	<Identification Standard="61499-2">
+	</Identification>
+	<VersionInfo Version="1.0" Author="valentinnodan" Date="2023-04-20">
+	</VersionInfo>
+	<InterfaceList>
+		<EventInputs>
+			<Event Name="REQ" Type="Event" Comment="Normal Execution Request">
+				<With Var="DATA"/>
+			</Event>
+		</EventInputs>
+		<EventOutputs>
+			<Event Name="RES" Type="Event" Comment="Execution Confirmation">
+				<With Var="BOOL_VALUE"/>
+				<With Var="INT_VALUE"/>
+				<With Var="STRING_VALUE"/>
+				<With Var="REAL_VALUE"/>
+				<With Var="LREAL_VALUE"/>
+				<With Var="NAME"/>
+			</Event>
+		</EventOutputs>
+		<InputVars>
+			<VarDeclaration Name="DATA" Type="STRING" Comment="Input event qualifier"/>
+		</InputVars>
+		<OutputVars>
+			<VarDeclaration Name="NAME" Type="STRING" Comment=""/>
+			<VarDeclaration Name="BOOL_VALUE" Type="BOOL" Comment="Output event qualifier"/>
+			<VarDeclaration Name="INT_VALUE" Type="INT" Comment=""/>
+			<VarDeclaration Name="STRING_VALUE" Type="STRING" Comment=""/>
+			<VarDeclaration Name="REAL_VALUE" Type="REAL" Comment=""/>
+			<VarDeclaration Name="LREAL_VALUE" Type="LREAL" Comment=""/>
+		</OutputVars>
+	</InterfaceList>
+	<FBNetwork>
+		<FB Name="TYPE_DETECTOR" Type="TYPE_DETECTOR" Comment="" x="1529.4117647058822" y="-235.2941176470588">
+		</FB>
+		<FB Name="JSON_PARSER" Type="JSON_PARSER" Comment="" x="470.5882352941176" y="-1058.8235294117646">
+		</FB>
+		<FB Name="F_STRING_TO_BOOL" Type="F_STRING_TO_BOOL" Comment="" x="3764.705882352941" y="-588.2352941176471">
+		</FB>
+		<FB Name="F_STRING_TO_INT" Type="F_STRING_TO_INT" Comment="" x="3764.705882352941" y="0.0">
+		</FB>
+		<FB Name="F_STRING_TO_REAL" Type="F_STRING_TO_REAL" Comment="" x="3764.705882352941" y="588.2352941176471">
+		</FB>
+		<FB Name="F_STRING_TO_LREAL" Type="F_STRING_TO_LREAL" Comment="" x="3764.705882352941" y="1176.4705882352941">
+		</FB>
+		<EventConnections>
+			<Connection Source="REQ" Destination="JSON_PARSER.REQ" Comment="" dx1="294.11764705882354"/>
+			<Connection Source="JSON_PARSER.RES" Destination="TYPE_DETECTOR.REQ" Comment="" dx1="129.41176470588235"/>
+			<Connection Source="TYPE_DETECTOR.IS_BOOL" Destination="F_STRING_TO_BOOL.REQ" Comment="" dx1="670.5882352941176"/>
+			<Connection Source="F_STRING_TO_BOOL.CNF" Destination="RES" Comment="" dx1="241.17647058823528"/>
+			<Connection Source="TYPE_DETECTOR.IS_INT" Destination="F_STRING_TO_INT.REQ" Comment="" dx1="494.1176470588235"/>
+			<Connection Source="TYPE_DETECTOR.IS_REAL" Destination="F_STRING_TO_REAL.REQ" Comment="" dx1="670.5882352941176"/>
+			<Connection Source="TYPE_DETECTOR.IS_LREAL" Destination="F_STRING_TO_LREAL.REQ" Comment="" dx1="670.5882352941176"/>
+			<Connection Source="F_STRING_TO_INT.CNF" Destination="RES" Comment="" dx1="558.8235294117646"/>
+			<Connection Source="F_STRING_TO_REAL.CNF" Destination="RES" Comment="" dx1="535.2941176470588"/>
+			<Connection Source="F_STRING_TO_LREAL.CNF" Destination="RES" Comment="" dx1="511.7647058823529"/>
+			<Connection Source="TYPE_DETECTOR.IS_STRING" Destination="RES" Comment="" dx1="1723.5294117647059"/>
+		</EventConnections>
+		<DataConnections>
+			<Connection Source="DATA" Destination="JSON_PARSER.DATA" Comment="" dx1="294.11764705882354"/>
+			<Connection Source="JSON_PARSER.TYPE" Destination="TYPE_DETECTOR.TYPE_NAME" Comment="" dx1="129.41176470588235"/>
+			<Connection Source="JSON_PARSER.VALUE" Destination="F_STRING_TO_BOOL.IN" Comment="" dx1="1270.5882352941176"/>
+			<Connection Source="JSON_PARSER.VALUE" Destination="F_STRING_TO_INT.IN" Comment="" dx1="1558.8235294117646"/>
+			<Connection Source="F_STRING_TO_BOOL.OUT" Destination="BOOL_VALUE" Comment="" dx1="241.17647058823528"/>
+			<Connection Source="JSON_PARSER.NAME" Destination="NAME" Comment="" dx1="1652.941176470588"/>
+			<Connection Source="JSON_PARSER.VALUE" Destination="F_STRING_TO_REAL.IN" Comment="" dx1="1247.0588235294117"/>
+			<Connection Source="JSON_PARSER.VALUE" Destination="F_STRING_TO_LREAL.IN" Comment="" dx1="1247.0588235294117"/>
+			<Connection Source="F_STRING_TO_INT.OUT" Destination="INT_VALUE" Comment="" dx1="558.8235294117646"/>
+			<Connection Source="F_STRING_TO_REAL.OUT" Destination="REAL_VALUE" Comment="" dx1="535.2941176470588"/>
+			<Connection Source="F_STRING_TO_LREAL.OUT" Destination="LREAL_VALUE" Comment="" dx1="511.7647058823529"/>
+			<Connection Source="JSON_PARSER.VALUE" Destination="STRING_VALUE" Comment="" dx1="2300.0"/>
+		</DataConnections>
+	</FBNetwork>
+</FBType>
diff --git a/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_FORMER.fbt b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_FORMER.fbt
new file mode 100644
index 000000000..c4d253659
--- /dev/null
+++ b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_FORMER.fbt
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<FBType Name="JSON_FORMER" Comment="Basic FB with empty ECC">
+	<Identification Standard="61499-2">
+	</Identification>
+	<VersionInfo Version="1.0" Author="valentinnodan" Date="2023-04-20">
+	</VersionInfo>
+	<InterfaceList>
+		<EventInputs>
+			<Event Name="REQ" Type="Event" Comment="">
+				<With Var="NAME"/>
+				<With Var="TYPE"/>
+				<With Var="VALUE"/>
+			</Event>
+		</EventInputs>
+		<EventOutputs>
+			<Event Name="RES" Type="Event" Comment="">
+				<With Var="DATA_MSG"/>
+			</Event>
+		</EventOutputs>
+		<InputVars>
+			<VarDeclaration Name="NAME" Type="STRING" Comment=""/>
+			<VarDeclaration Name="TYPE" Type="STRING" Comment=""/>
+			<VarDeclaration Name="VALUE" Type="STRING" Comment=""/>
+		</InputVars>
+		<OutputVars>
+			<VarDeclaration Name="DATA_MSG" Type="STRING" Comment=""/>
+		</OutputVars>
+	</InterfaceList>
+	<BasicFB>
+		<ECC>
+			<ECState Name="START" Comment="Initial State" x="547.0588235294117" y="423.52941176470586">
+			</ECState>
+			<ECState Name="FORM_MSG" Comment="" x="2470.5882352941176" y="588.2352941176471">
+				<ECAction Algorithm="formMessage" Output="RES"/>
+			</ECState>
+			<ECTransition Source="START" Destination="FORM_MSG" Condition="REQ" Comment="" x="1658.8235294117646" y="770.5882352941176"/>
+			<ECTransition Source="FORM_MSG" Destination="START" Condition="1" Comment="" x="1623.5294117647059" y="488.235294117647"/>
+		</ECC>
+		<Algorithm Name="formMessage" Comment="">
+			<ST><![CDATA[VAR
+	openBrace: STRING;
+	closeBrace: STRING;
+	quote: STRING;
+	splitter: STRING;
+	separator: STRING;
+	nameMsg:STRING;
+	typeMsg: STRING;
+	valueMsg: STRING;
+	valueName: STRING;
+	nameName: STRING;
+	typeName: STRING;
+END_VAR;
+quote := '"';
+openBrace := '{';
+closeBrace := '}';
+splitter:= ':';
+separator:=',';
+nameName:='NAME';
+typeName:='TYPE';
+valueName:='VALUE';
+nameMsg:=CONCAT(quote, nameName, quote, splitter, quote, NAME, quote);
+typeMsg:=CONCAT(quote, typeName, quote, splitter, quote, TYPE, quote);
+valueMsg:=CONCAT(quote, valueName, quote, splitter, quote, VALUE, quote);
+DATA_MSG:=CONCAT(CONCAT(openBrace, CONCAT(nameMsg, separator)), CONCAT(CONCAT(typeMsg, separator), CONCAT(valueMsg, closeBrace)));]]></ST>
+		</Algorithm>
+	</BasicFB>
+</FBType>
diff --git a/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_PARSER.fbt b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_PARSER.fbt
new file mode 100644
index 000000000..0ec15d196
--- /dev/null
+++ b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_PARSER.fbt
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<FBType Name="JSON_PARSER" Comment="Basic FB with empty ECC">
+	<Identification Standard="61499-2">
+	</Identification>
+	<VersionInfo Version="1.0" Author="valentinnodan" Date="2023-04-19">
+	</VersionInfo>
+	<InterfaceList>
+		<EventInputs>
+			<Event Name="REQ" Type="Event" Comment="">
+				<With Var="DATA"/>
+			</Event>
+		</EventInputs>
+		<EventOutputs>
+			<Event Name="RES" Type="Event" Comment="">
+				<With Var="NAME"/>
+				<With Var="TYPE"/>
+				<With Var="VALUE"/>
+			</Event>
+		</EventOutputs>
+		<InputVars>
+			<VarDeclaration Name="DATA" Type="STRING" Comment=""/>
+		</InputVars>
+		<OutputVars>
+			<VarDeclaration Name="NAME" Type="STRING" Comment=""/>
+			<VarDeclaration Name="TYPE" Type="STRING" Comment=""/>
+			<VarDeclaration Name="VALUE" Type="STRING" Comment=""/>
+		</OutputVars>
+	</InterfaceList>
+	<BasicFB>
+		<ECC>
+			<ECState Name="START" Comment="Initial State" x="588.2352941176471" y="470.5882352941176">
+			</ECState>
+			<ECState Name="PARSE" Comment="" x="2300.0" y="641.1764705882352">
+				<ECAction Algorithm="ALG1" Output="RES"/>
+			</ECState>
+			<ECTransition Source="START" Destination="PARSE" Condition="REQ" Comment="" x="1641.1764705882351" y="647.0588235294117"/>
+			<ECTransition Source="PARSE" Destination="START" Condition="1" Comment="" x="1599.9999999999998" y="617.6470588235294"/>
+		</ECC>
+		<Algorithm Name="ALG1" Comment="">
+			<ST><![CDATA[VAR
+     pos : INT;
+     currLen: INT;
+     inString: BOOL;
+     c: STRING;
+     fieldType: STRING;
+     fieldValue: STRING;
+     currField: STRING;
+     step: INT;
+END_VAR;
+step := 1;
+WHILE pos < LEN(DATA) DO
+    c := MID(DATA, step, pos);
+    IF c = '{' THEN (* Start of object *)
+        pos := pos + 1;
+    ELSIF c = '}' THEN (* End of object *)
+    	pos := pos + 1;
+    ELSIF c = '"' or c = '$'' THEN (* Start or end of string *)
+        IF inString THEN (* End of string *)
+            inString := FALSE;
+            pos := pos + 1;
+        ELSE (* Start of string *)
+            inString := TRUE;
+            pos := pos + 1;
+        END_IF;
+    ELSIF c = ':' THEN (* Key-value pair separator *)
+        IF NOT inString THEN (* Outside of string *)
+            currField := fieldValue; 
+            fieldValue := "";
+            pos := pos + 1;
+        ELSE (* Inside of string *)
+            fieldValue := CONCAT(fieldValue, c);
+            pos := pos + 1;
+        END_IF;
+    ELSIF c = ',' THEN (* Value separator *)
+        IF NOT inString THEN (* Outside of string *)
+            IF currField = 'NAME' THEN
+                    NAME := fieldValue;
+            ELSIF currField = 'TYPE' THEN
+                    TYPE :=fieldValue;
+             ELSIF currField = 'VALUE' THEN
+                    VALUE := fieldValue;
+            END_IF;
+            currField := '';
+            fieldValue := '';
+            pos := pos + 1;
+        ELSE (* Inside of string *)
+            fieldValue := CONCAT(fieldValue, c);
+            pos := pos + 1;
+        END_IF;
+    ELSE (* Other characters *)
+        IF inString THEN (* Inside of string *)
+            fieldValue := CONCAT(fieldValue, c);
+            pos := pos + 1;
+        ELSE (* Outside of string *)
+            pos := pos + 1;
+        END_IF;
+    END_IF;
+END_WHILE;
+IF currField = 'NAME' THEN
+        NAME := fieldValue;
+ELSIF currField = 'TYPE' THEN
+        TYPE :=fieldValue;
+ ELSIF currField = 'VALUE' THEN
+        VALUE := fieldValue;
+END_IF;]]></ST>
+		</Algorithm>
+	</BasicFB>
+</FBType>
diff --git a/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_SERIALIZER.fbt b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_SERIALIZER.fbt
new file mode 100644
index 000000000..280f68cd2
--- /dev/null
+++ b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/JSON_SERIALIZER.fbt
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<FBType Name="JSON_SERIALIZER" Comment="Composite FB wrapping other FBs">
+	<Identification Standard="61499-2">
+	</Identification>
+	<VersionInfo Version="1.0" Author="valentinnodan" Date="2023-04-20">
+	</VersionInfo>
+	<InterfaceList>
+		<EventInputs>
+			<Event Name="IS_BOOL" Type="Event" Comment="Normal Execution Request">
+				<With Var="BOOL_VALUE"/>
+				<With Var="NAME"/>
+			</Event>
+			<Event Name="IS_INT" Type="Event" Comment="">
+				<With Var="NAME"/>
+				<With Var="INT_VALUE"/>
+			</Event>
+			<Event Name="IS_REAL" Type="Event" Comment="">
+				<With Var="NAME"/>
+				<With Var="REAL_VALUE"/>
+			</Event>
+			<Event Name="IS_LREAL" Type="Event" Comment="">
+				<With Var="NAME"/>
+				<With Var="LREAL_VALUE"/>
+			</Event>
+			<Event Name="IS_STRING" Type="Event" Comment="">
+				<With Var="NAME"/>
+				<With Var="STRING_VALUE"/>
+			</Event>
+		</EventInputs>
+		<EventOutputs>
+			<Event Name="RES" Type="Event" Comment="Execution Confirmation">
+				<With Var="MSG"/>
+			</Event>
+		</EventOutputs>
+		<InputVars>
+			<VarDeclaration Name="NAME" Type="STRING" Comment=""/>
+			<VarDeclaration Name="BOOL_VALUE" Type="BOOL" Comment="Input event qualifier"/>
+			<VarDeclaration Name="INT_VALUE" Type="INT" Comment=""/>
+			<VarDeclaration Name="REAL_VALUE" Type="REAL" Comment=""/>
+			<VarDeclaration Name="LREAL_VALUE" Type="LREAL" Comment=""/>
+			<VarDeclaration Name="STRING_VALUE" Type="STRING" Comment=""/>
+		</InputVars>
+		<OutputVars>
+			<VarDeclaration Name="MSG" Type="STRING" Comment="Output event qualifier"/>
+		</OutputVars>
+	</InterfaceList>
+	<FBNetwork>
+		<FB Name="JSON_FORMER" Type="JSON_FORMER" Comment="" x="6682.35294117647" y="941.1764705882352">
+		</FB>
+		<FB Name="F_INT_TO_STRING" Type="F_INT_TO_STRING" Comment="" x="2941.176470588235" y="1058.8235294117646">
+		</FB>
+		<FB Name="F_BOOL_TO_STRING" Type="F_BOOL_TO_STRING" Comment="" x="2941.176470588235" y="352.94117647058823">
+		</FB>
+		<FB Name="F_REAL_TO_STRING" Type="F_REAL_TO_STRING" Comment="" x="2941.176470588235" y="1764.705882352941">
+		</FB>
+		<FB Name="F_LREAL_TO_STRING" Type="F_LREAL_TO_STRING" Comment="" x="2823.529411764706" y="2470.5882352941176">
+		</FB>
+		<FB Name="TYPE_SERIALIZER" Type="TYPE_SERIALIZER" Comment="" x="5176.470588235294" y="823.5294117647059">
+		</FB>
+		<EventConnections>
+			<Connection Source="IS_BOOL" Destination="F_BOOL_TO_STRING.REQ" Comment="" dx1="588.2352941176471"/>
+			<Connection Source="IS_INT" Destination="F_INT_TO_STRING.REQ" Comment="" dx1="647.0588235294117"/>
+			<Connection Source="IS_REAL" Destination="F_REAL_TO_STRING.REQ" Comment="" dx1="882.3529411764705"/>
+			<Connection Source="IS_LREAL" Destination="F_LREAL_TO_STRING.REQ" Comment="" dx1="235.2941176470588"/>
+			<Connection Source="F_BOOL_TO_STRING.CNF" Destination="TYPE_SERIALIZER.IS_BOOL" Comment="" dx1="658.8235294117646"/>
+			<Connection Source="F_INT_TO_STRING.CNF" Destination="TYPE_SERIALIZER.IS_INT" Comment="" dx1="676.470588235294"/>
+			<Connection Source="F_REAL_TO_STRING.CNF" Destination="TYPE_SERIALIZER.IS_REAL" Comment="" dx1="658.8235294117646"/>
+			<Connection Source="F_LREAL_TO_STRING.CNF" Destination="TYPE_SERIALIZER.IS_LREAL" Comment="" dx1="635.2941176470588"/>
+			<Connection Source="IS_STRING" Destination="TYPE_SERIALIZER.IS_STRING" Comment="" dx1="2058.8235294117644"/>
+			<Connection Source="TYPE_SERIALIZER.RES" Destination="JSON_FORMER.REQ" Comment="" dx1="258.8235294117647"/>
+			<Connection Source="JSON_FORMER.RES" Destination="RES" Comment="" dx1="2947.0588235294117"/>
+		</EventConnections>
+		<DataConnections>
+			<Connection Source="BOOL_VALUE" Destination="F_BOOL_TO_STRING.IN" Comment="" dx1="588.2352941176471"/>
+			<Connection Source="NAME" Destination="JSON_FORMER.NAME" Comment="" dx1="2058.8235294117644"/>
+			<Connection Source="F_LREAL_TO_STRING.OUT" Destination="TYPE_SERIALIZER.IN_LREAL" Comment="" dx1="635.2941176470588"/>
+			<Connection Source="F_REAL_TO_STRING.OUT" Destination="TYPE_SERIALIZER.IN_REAL" Comment="" dx1="658.8235294117646"/>
+			<Connection Source="F_INT_TO_STRING.OUT" Destination="TYPE_SERIALIZER.IN_INT" Comment="" dx1="676.470588235294"/>
+			<Connection Source="F_BOOL_TO_STRING.OUT" Destination="TYPE_SERIALIZER.IN_BOOL" Comment="" dx1="658.8235294117646"/>
+			<Connection Source="TYPE_SERIALIZER.TYPE_NAME" Destination="JSON_FORMER.TYPE" Comment="" dx1="258.8235294117647"/>
+			<Connection Source="TYPE_SERIALIZER.VALUE" Destination="JSON_FORMER.VALUE" Comment="" dx1="258.8235294117647"/>
+			<Connection Source="JSON_FORMER.DATA_MSG" Destination="MSG" Comment="" dx1="2947.0588235294117"/>
+			<Connection Source="INT_VALUE" Destination="F_INT_TO_STRING.IN" Comment="" dx1="647.0588235294117"/>
+			<Connection Source="REAL_VALUE" Destination="F_REAL_TO_STRING.IN" Comment="" dx1="882.3529411764705"/>
+			<Connection Source="LREAL_VALUE" Destination="F_LREAL_TO_STRING.IN" Comment="" dx1="235.2941176470588"/>
+			<Connection Source="STRING_VALUE" Destination="TYPE_SERIALIZER.IN_STRING" Comment="" dx1="2058.8235294117644"/>
+		</DataConnections>
+	</FBNetwork>
+</FBType>
diff --git a/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/TYPE_DETECTOR.fbt b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/TYPE_DETECTOR.fbt
new file mode 100644
index 000000000..ea9ffb7af
--- /dev/null
+++ b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/TYPE_DETECTOR.fbt
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<FBType Name="TYPE_DETECTOR" Comment="Basic FB with empty ECC">
+	<Identification Standard="61499-2">
+	</Identification>
+	<VersionInfo Version="1.0" Author="valentinnodan" Date="2023-04-20">
+	</VersionInfo>
+	<InterfaceList>
+		<EventInputs>
+			<Event Name="REQ" Type="Event" Comment="">
+				<With Var="TYPE_NAME"/>
+			</Event>
+		</EventInputs>
+		<EventOutputs>
+			<Event Name="IS_BOOL" Type="Event" Comment="">
+			</Event>
+			<Event Name="IS_INT" Type="Event" Comment="">
+			</Event>
+			<Event Name="IS_REAL" Type="Event" Comment="">
+			</Event>
+			<Event Name="IS_LREAL" Type="Event" Comment="">
+			</Event>
+			<Event Name="IS_STRING" Type="Event" Comment="">
+			</Event>
+		</EventOutputs>
+		<InputVars>
+			<VarDeclaration Name="TYPE_NAME" Type="STRING" Comment=""/>
+		</InputVars>
+	</InterfaceList>
+	<BasicFB>
+		<ECC>
+			<ECState Name="START" Comment="Initial State" x="352.94117647058823" y="470.5882352941176">
+			</ECState>
+			<ECState Name="DETECT_BOOL" Comment="" x="2547.0588235294117" y="823.5294117647059">
+				<ECAction Output="IS_BOOL"/>
+			</ECState>
+			<ECState Name="DETECT_REAL" Comment="" x="2117.6470588235293" y="1294.1176470588234">
+				<ECAction Output="IS_REAL"/>
+			</ECState>
+			<ECState Name="DETECT_STRING" Comment="" x="1882.3529411764705" y="1999.9999999999998">
+				<ECAction Output="IS_STRING"/>
+			</ECState>
+			<ECState Name="DETECT_INT" Comment="" x="1176.4705882352941" y="2470.5882352941176">
+				<ECAction Output="IS_INT"/>
+			</ECState>
+			<ECState Name="State" Comment="" x="2470.5882352941176" y="235.2941176470588">
+				<ECAction Output="IS_LREAL"/>
+			</ECState>
+			<ECTransition Source="START" Destination="DETECT_BOOL" Condition="REQ[TYPE_NAME = 'BOOL']" Comment="" x="1794.1176470588234" y="805.8823529411765"/>
+			<ECTransition Source="DETECT_BOOL" Destination="START" Condition="1" Comment="" x="1705.8823529411764" y="600.0"/>
+			<ECTransition Source="START" Destination="DETECT_REAL" Condition="REQ[TYPE_NAME = 'REAL']" Comment="" x="1605.8823529411764" y="964.7058823529411"/>
+			<ECTransition Source="DETECT_REAL" Destination="START" Condition="1" Comment="" x="1723.5294117647059" y="929.4117647058823"/>
+			<ECTransition Source="START" Destination="DETECT_STRING" Condition="REQ[TYPE_NAME = 'STRING']" Comment="" x="1229.4117647058822" y="1558.8235294117646"/>
+			<ECTransition Source="DETECT_STRING" Destination="START" Condition="1" Comment="" x="1288.235294117647" y="1352.941176470588"/>
+			<ECTransition Source="START" Destination="DETECT_INT" Condition="REQ[TYPE_NAME = 'INT']" Comment="" x="564.7058823529411" y="2029.4117647058822"/>
+			<ECTransition Source="DETECT_INT" Destination="START" Condition="1" Comment="" x="741.1764705882352" y="1717.6470588235293"/>
+			<ECTransition Source="START" Destination="State" Condition="REQ[TYPE_NAME = 'LREAL']" Comment="" x="1523.5294117647059" y="376.4705882352941"/>
+			<ECTransition Source="State" Destination="START" Condition="1" Comment="" x="1558.8235294117646" y="423.52941176470586"/>
+		</ECC>
+	</BasicFB>
+</FBType>
diff --git a/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/TYPE_SERIALIZER.fbt b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/TYPE_SERIALIZER.fbt
new file mode 100644
index 000000000..bdc97c05d
--- /dev/null
+++ b/code/4diac-integration/solutions/stdlib/models/iec61499.4diac.stdlib/hmi-blocks/TYPE_SERIALIZER.fbt
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<FBType Name="TYPE_SERIALIZER" Comment="Basic FB with empty ECC">
+	<Identification Standard="61499-2">
+	</Identification>
+	<VersionInfo Version="1.0" Author="valentinnodan" Date="2023-04-21">
+	</VersionInfo>
+	<InterfaceList>
+		<EventInputs>
+			<Event Name="IS_BOOL" Type="Event" Comment="">
+				<With Var="IN_BOOL"/>
+			</Event>
+			<Event Name="IS_INT" Type="Event" Comment="">
+				<With Var="IN_INT"/>
+			</Event>
+			<Event Name="IS_REAL" Type="Event" Comment="">
+				<With Var="IN_REAL"/>
+			</Event>
+			<Event Name="IS_LREAL" Type="Event" Comment="">
+				<With Var="IN_LREAL"/>
+			</Event>
+			<Event Name="IS_STRING" Type="Event" Comment="">
+				<With Var="IN_STRING"/>
+			</Event>
+		</EventInputs>
+		<EventOutputs>
+			<Event Name="RES" Type="Event" Comment="">
+				<With Var="TYPE_NAME"/>
+				<With Var="VALUE"/>
+			</Event>
+		</EventOutputs>
+		<InputVars>
+			<VarDeclaration Name="IN_BOOL" Type="STRING" Comment=""/>
+			<VarDeclaration Name="IN_INT" Type="STRING" Comment=""/>
+			<VarDeclaration Name="IN_REAL" Type="STRING" Comment=""/>
+			<VarDeclaration Name="IN_LREAL" Type="STRING" Comment=""/>
+			<VarDeclaration Name="IN_STRING" Type="STRING" Comment=""/>
+		</InputVars>
+		<OutputVars>
+			<VarDeclaration Name="TYPE_NAME" Type="STRING" Comment=""/>
+			<VarDeclaration Name="VALUE" Type="STRING" Comment=""/>
+		</OutputVars>
+	</InterfaceList>
+	<BasicFB>
+		<ECC>
+			<ECState Name="START" Comment="Initial State" x="547.0588235294117" y="423.52941176470586">
+			</ECState>
+			<ECState Name="SET_BOOL" Comment="" x="1882.3529411764705" y="235.2941176470588">
+				<ECAction Algorithm="setBool" Output="RES"/>
+			</ECState>
+			<ECState Name="SET_INT" Comment="" x="2352.9411764705883" y="470.5882352941176">
+				<ECAction Algorithm="setInt" Output="RES"/>
+			</ECState>
+			<ECState Name="SET_LREAL" Comment="" x="1999.9999999999998" y="941.1764705882352">
+				<ECAction Algorithm="setLreal" Output="RES"/>
+			</ECState>
+			<ECState Name="SET_REAL" Comment="" x="1529.4117647058822" y="1294.1176470588234">
+				<ECAction Algorithm="setReal" Output="RES"/>
+			</ECState>
+			<ECState Name="SET_STRING" Comment="" x="705.8823529411765" y="1411.764705882353">
+				<ECAction Algorithm="setString" Output="RES"/>
+			</ECState>
+			<ECTransition Source="START" Destination="SET_STRING" Condition="IS_STRING" Comment="" x="899.9999999999999" y="1023.5294117647059"/>
+			<ECTransition Source="SET_STRING" Destination="START" Condition="1" Comment="" x="705.8823529411765" y="976.470588235294"/>
+			<ECTransition Source="START" Destination="SET_REAL" Condition="IS_REAL" Comment="" x="1247.0588235294117" y="917.6470588235294"/>
+			<ECTransition Source="SET_REAL" Destination="START" Condition="1" Comment="" x="1170.5882352941176" y="929.4117647058823"/>
+			<ECTransition Source="START" Destination="SET_LREAL" Condition="IS_LREAL" Comment="" x="1523.5294117647059" y="735.2941176470588"/>
+			<ECTransition Source="SET_LREAL" Destination="START" Condition="1" Comment="" x="1352.941176470588" y="770.5882352941176"/>
+			<ECTransition Source="START" Destination="SET_BOOL" Condition="IS_BOOL" Comment="" x="1447.0588235294117" y="382.35294117647055"/>
+			<ECTransition Source="SET_BOOL" Destination="START" Condition="1" Comment="" x="1405.8823529411764" y="435.2941176470588"/>
+			<ECTransition Source="START" Destination="SET_INT" Condition="IS_INT" Comment="" x="1670.5882352941176" y="494.1176470588235"/>
+			<ECTransition Source="SET_INT" Destination="START" Condition="1" Comment="" x="1570.5882352941176" y="552.9411764705882"/>
+		</ECC>
+		<Algorithm Name="setBool" Comment="">
+			<ST><![CDATA[TYPE_NAME := 'BOOL';
+VALUE := IN_BOOL;]]></ST>
+		</Algorithm>
+		<Algorithm Name="setInt" Comment="">
+			<ST><![CDATA[TYPE_NAME := 'INT';
+VALUE := IN_INT;]]></ST>
+		</Algorithm>
+		<Algorithm Name="setReal" Comment="">
+			<ST><![CDATA[TYPE_NAME := 'REAL';
+VALUE := IN_REAL;]]></ST>
+		</Algorithm>
+		<Algorithm Name="setLreal" Comment="">
+			<ST><![CDATA[TYPE_NAME := 'LREAL';
+VALUE := IN_LREAL;]]></ST>
+		</Algorithm>
+		<Algorithm Name="setString" Comment="">
+			<ST><![CDATA[TYPE_NAME := 'STRING';
+VALUE := IN_STRING;]]></ST>
+		</Algorithm>
+	</BasicFB>
+</FBType>
diff --git a/code/cat_visual/README.md b/code/cat_visual/README.md
new file mode 100644
index 000000000..a2cb49d34
--- /dev/null
+++ b/code/cat_visual/README.md
@@ -0,0 +1,14 @@
+# compose_template
+
+Виды примитивных блоков для поддержки
+* checkbox
+* radio
+* text choice
+* different toggles
+
+Interfaces:
+* Zoomable
+* Positioned
+* ZIndexed
+* Grouped
+* 
\ No newline at end of file
diff --git a/code/cat_visual/build.gradle.kts b/code/cat_visual/build.gradle.kts
new file mode 100644
index 000000000..c92353dac
--- /dev/null
+++ b/code/cat_visual/build.gradle.kts
@@ -0,0 +1,40 @@
+import org.jetbrains.compose.desktop.application.dsl.TargetFormat
+import org.jetbrains.kotlin.gradle.tasks.KotlinCompile
+
+plugins {
+    kotlin("jvm") version "1.8.0"
+    id("org.jetbrains.compose") version "1.3.1"
+    kotlin("plugin.serialization") version "1.8.0"
+}
+
+group = "fbme"
+version = "1.0"
+
+repositories {
+    google()
+    mavenCentral()
+    maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+}
+
+dependencies {
+    implementation(compose.desktop.currentOs)
+    implementation("com.hierynomus:asn-one:0.5.0")
+    implementation(kotlin("stdlib-jdk8"))
+    implementation("io.github.pdvrieze.xmlutil:serialization-jvm:0.84.3")
+    implementation("org.jetbrains.kotlinx:kotlinx-serialization-json:1.5.0")
+}
+
+tasks.withType<KotlinCompile> {
+    kotlinOptions.jvmTarget = "11"
+}
+
+compose.desktop {
+    application {
+        mainClass = "MainKt"
+        nativeDistributions {
+            targetFormats(TargetFormat.Dmg, TargetFormat.Msi, TargetFormat.Deb)
+            packageName = "compose"
+            packageVersion = "1.0.0"
+        }
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/gradle.properties b/code/cat_visual/gradle.properties
new file mode 100644
index 000000000..7fc6f1ff2
--- /dev/null
+++ b/code/cat_visual/gradle.properties
@@ -0,0 +1 @@
+kotlin.code.style=official
diff --git a/code/cat_visual/gradle/wrapper/gradle-wrapper.jar b/code/cat_visual/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 000000000..7f93135c4
Binary files /dev/null and b/code/cat_visual/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/code/cat_visual/gradle/wrapper/gradle-wrapper.properties b/code/cat_visual/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 000000000..3fa8f862f
--- /dev/null
+++ b/code/cat_visual/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,7 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.4-bin.zip
+networkTimeout=10000
+validateDistributionUrl=true
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
diff --git a/code/cat_visual/gradlew b/code/cat_visual/gradlew
new file mode 100755
index 000000000..744e882ed
--- /dev/null
+++ b/code/cat_visual/gradlew
@@ -0,0 +1,185 @@
+#!/usr/bin/env sh
+
+#
+# Copyright 2015 the original author or authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MSYS* | MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=`expr $i + 1`
+    done
+    case $i in
+        0) set -- ;;
+        1) set -- "$args0" ;;
+        2) set -- "$args0" "$args1" ;;
+        3) set -- "$args0" "$args1" "$args2" ;;
+        4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=`save "$@"`
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+exec "$JAVACMD" "$@"
diff --git a/code/cat_visual/gradlew.bat b/code/cat_visual/gradlew.bat
new file mode 100644
index 000000000..ac1b06f93
--- /dev/null
+++ b/code/cat_visual/gradlew.bat
@@ -0,0 +1,89 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/code/cat_visual/settings.gradle.kts b/code/cat_visual/settings.gradle.kts
new file mode 100644
index 000000000..bbba57708
--- /dev/null
+++ b/code/cat_visual/settings.gradle.kts
@@ -0,0 +1,10 @@
+pluginManagement {
+    repositories {
+        google()
+        gradlePluginPortal()
+        maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+    }
+    
+}
+rootProject.name = "compose"
+
diff --git a/code/cat_visual/src/main/kotlin/Main.kt b/code/cat_visual/src/main/kotlin/Main.kt
new file mode 100644
index 000000000..879c16e8e
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/Main.kt
@@ -0,0 +1,192 @@
+import androidx.compose.foundation.background
+import androidx.compose.foundation.gestures.rememberTransformableState
+import androidx.compose.foundation.gestures.transformable
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.material.Button
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Scaffold
+import androidx.compose.material.Text
+import androidx.compose.runtime.*
+import androidx.compose.runtime.snapshots.SnapshotStateList
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.graphicsLayer
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.window.Window
+import androidx.compose.ui.window.application
+import androidx.compose.ui.window.rememberWindowState
+import androidx.compose.ui.zIndex
+import canvas.items.impl.CustomItem
+import canvas.items.impl.LampItem
+import canvas.items.impl.TextItem
+import canvas.items.impl.ToggleItem
+import canvas.items.interfaces.CanvasItemInterface
+import canvas.items.model.JsonCanvasModel
+import canvas.items.model.toItem
+import connection.*
+import example.COUNTER.CounterLampHMI
+import kotlinx.serialization.decodeFromString
+import kotlinx.serialization.encodeToString
+import kotlinx.serialization.json.Json
+import serializer.SerializationUtils
+import serializer.getConf
+import serializer.getMapping
+import serializer.getPlainMapping
+import java.io.File
+
+@Composable
+fun CanvasContext(listFigures: SnapshotStateList<CustomItem>) {
+    Scaffold { innerPadding ->
+        Box(Modifier.fillMaxHeight().fillMaxWidth().background(Color.Gray)) {
+            listFigures.forEach { f -> f.create() }
+        }
+    }
+}
+
+fun buildMappingClient(modelFile: String, configFile: String = "", mode: String = ""): AbstractClient {
+    if (mode.equals("plain")) {
+        val modelText = File(modelFile).readText()
+        val mapping = getPlainMapping(modelText)
+
+        return PlainClient(mapping)
+    }
+
+    val modelText = File(modelFile).readText()
+    val mapping = getMapping(modelText)
+    val configText = File(configFile).readText()
+    val conf = getConf(configText)
+
+    if (mode.equals("json")) {
+        return JSONClient(mapping, conf)
+    }
+    return NamedClient(mapping, conf)
+}
+
+//val client = buildMappingClient("src/main/kotlin/example/COUNTER/COUNTER.xml", "src/main/kotlin/example/COUNTER/COUNTER_CONF.xml", "")
+val client = buildMappingClient("src/main/kotlin/example/COUNTER/COUNTER.xml", "src/main/kotlin/example/COUNTER/COMMON_CONF.xml", "json")
+//val client = buildMappingClient("src/main/kotlin/example/WATER_TANK/WATER_TANK.xml", "src/main/kotlin/example/WATER_TANK/WATER_TANK_CONF.xml", "")
+//val client = buildMappingClient("src/main/kotlin/example/WATER_TANK/WATER_TANK.xml", "src/main/kotlin/example/WATER_TANK/COMMON_CONF.xml", "json")
+
+@Composable
+fun canvas(
+    itemList: List<CanvasItemInterface>,
+    deleteItem: (String) -> Unit,
+) {
+    LazyColumn(
+        modifier = Modifier
+            .fillMaxHeight()
+            .fillMaxWidth()
+            .zIndex(0f),
+    ) {
+        items(itemList.size) { index ->
+            itemList[index].getContent { deleteItem(it)}
+        }
+    }
+}
+
+@Composable
+fun itemBar(
+    itemList: List<CanvasItemInterface>,
+    addNewItem: (CanvasItemInterface) -> Unit
+) {
+    Column(
+        modifier = Modifier
+            .background(Color.LightGray)
+            .width(140.dp)
+            .fillMaxHeight()
+            .zIndex(-2f),
+        horizontalAlignment = Alignment.End,
+    ) {
+        Button(
+            modifier = Modifier.align(alignment = Alignment.CenterHorizontally).width(130.dp),
+            onClick = {
+                addNewItem(TextItem(content = "AddedText"))
+            }
+        ) {
+            Text(text = "Text")
+        }
+        Button(
+            modifier = Modifier.align(alignment = Alignment.CenterHorizontally).width(130.dp),
+            onClick = {
+                addNewItem(LampItem(client = client))
+            }
+        ) {
+            Text(text = "Lamp")
+        }
+        Button(
+            modifier = Modifier.align(alignment = Alignment.CenterHorizontally).width(130.dp),
+            onClick = {
+                addNewItem(ToggleItem(client = client))
+            }
+        ) {
+            Text(text = "Toggle")
+        }
+        Button(
+            modifier = Modifier.align(alignment = Alignment.CenterHorizontally).width(130.dp),
+            onClick = {
+                addNewItem(LampItem(client = client))
+            }
+        ) {
+            Text(text = "Box")
+        }
+        Button(
+            modifier = Modifier.align(alignment = Alignment.CenterHorizontally).width(130.dp),
+            onClick = {
+                addNewItem(LampItem(client = client))
+            }
+        ) {
+            Text(text = "CheckBox")
+        }
+        Button(
+            modifier = Modifier.align(alignment = Alignment.CenterHorizontally).width(130.dp),
+            onClick = {
+                addNewItem(LampItem(client = client))
+            }
+        ) {
+            Text(text = "RadioButton")
+        }
+
+        Button(
+            modifier = Modifier.align(alignment = Alignment.CenterHorizontally).width(130.dp),
+            onClick = {
+                val x = itemList.map {it.toModel()}
+                val json = Json.encodeToString(x)
+                SerializationUtils.saveSnapshot(json)
+            }
+        ) {
+            Text(text = "save")
+        }
+    }
+}
+
+fun main() = application {
+    Window(
+        onCloseRequest = ::exitApplication,
+        title = "Canvas for CAT",
+        state = rememberWindowState(width = 600.dp, height = 600.dp)
+    ) {
+        val listxxx = Json.decodeFromString<List<JsonCanvasModel>>(SerializationUtils.readSnapshot())
+        var itemList by remember { mutableStateOf(listxxx.map { it.toItem(client) }) }
+            MaterialTheme {
+                Row(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .fillMaxHeight(),
+                ) {
+                    itemBar(itemList) { item ->
+                        itemList += listOf(item)
+                    }
+                    canvas(itemList) { idToDelete ->
+                        itemList = itemList.filter { it.id.toString() != idToDelete }
+                        val x = 1
+                        println(itemList.map { it.id })
+                    }
+                    client.retrieveValues()
+                }
+
+            }
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/canvas/Canvas.kt b/code/cat_visual/src/main/kotlin/canvas/Canvas.kt
new file mode 100644
index 000000000..1688219d8
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/Canvas.kt
@@ -0,0 +1,16 @@
+import androidx.compose.desktop.ui.tooling.preview.Preview
+import androidx.compose.foundation.Canvas
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material.Button
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Text
+import androidx.compose.runtime.*
+import androidx.compose.ui.Modifier
+
+@Composable
+fun CustomCanvas() {
+    Canvas(modifier = Modifier.fillMaxSize()) {
+    }
+}
+
diff --git a/code/cat_visual/src/main/kotlin/canvas/UpperPlate.kt b/code/cat_visual/src/main/kotlin/canvas/UpperPlate.kt
new file mode 100644
index 000000000..12a011b5c
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/UpperPlate.kt
@@ -0,0 +1,91 @@
+import androidx.compose.desktop.ui.tooling.preview.Preview
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material.Button
+import androidx.compose.material.Checkbox
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Text
+import androidx.compose.runtime.*
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun UpperPlate() {
+    Row(horizontalArrangement = Arrangement.spacedBy(5.dp)) {
+        PointerButton()
+    }
+}
+@Composable
+@Preview
+fun PointerButton() {
+    var text by remember { mutableStateOf("P") }
+
+    MaterialTheme {
+        Button(onClick = {
+            text = "O"
+        }) {
+            Text(text)
+        }
+    }
+}
+
+@Composable
+@Preview
+fun RectangleButton(onClickFun: () -> Unit) {
+    var text by remember { mutableStateOf("R") }
+
+    MaterialTheme {
+        Button(onClick = onClickFun) {
+            Text(text)
+        }
+    }
+}
+
+
+@Composable
+@Preview
+fun CheckboxButton(onClickFun: () -> Unit) {
+    var text by remember { mutableStateOf("CB") }
+
+    MaterialTheme {
+        Button(onClick = onClickFun) {
+            Text(text)
+        }
+    }
+}
+
+@Composable
+@Preview
+fun RadioButton(onClickFun: () -> Unit) {
+    var text by remember { mutableStateOf("RB") }
+
+    MaterialTheme {
+        Button(onClick = onClickFun) {
+            Text(text)
+        }
+    }
+}
+
+@Composable
+@Preview
+fun ToggleButton(onClickFun: () -> Unit) {
+    var text by remember { mutableStateOf("TB") }
+
+    MaterialTheme {
+        Button(onClick = onClickFun) {
+            Text(text)
+        }
+    }
+}
+
+@Composable
+@Preview
+fun DropdownButton(onClickFun: () -> Unit) {
+    var text by remember { mutableStateOf("DB") }
+
+    MaterialTheme {
+        Button(onClick = onClickFun) {
+            Text(text)
+        }
+    }
+}
diff --git a/code/cat_visual/src/main/kotlin/canvas/exceptions/Exceptions.kt b/code/cat_visual/src/main/kotlin/canvas/exceptions/Exceptions.kt
new file mode 100644
index 000000000..f76d22dd4
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/exceptions/Exceptions.kt
@@ -0,0 +1,4 @@
+package canvas.exceptions
+
+class UnknownTypeItemException(id: String, unresolvedType: String):
+    RuntimeException("Can't resolve type: $unresolvedType, for id: $id")
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/Draggable.kt b/code/cat_visual/src/main/kotlin/canvas/items/Draggable.kt
new file mode 100644
index 000000000..51125994a
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/Draggable.kt
@@ -0,0 +1,34 @@
+package canvas.items
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.gestures.detectDragGestures
+import androidx.compose.foundation.layout.offset
+import androidx.compose.runtime.MutableState
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.input.pointer.changedToUp
+import androidx.compose.ui.input.pointer.pointerInput
+import androidx.compose.ui.unit.Density
+import androidx.compose.ui.unit.dp
+
+interface Draggable {
+    fun Modifier.makeDraggable(
+        density: Density,
+        x: MutableState<Float>,
+        y: MutableState<Float>,
+    ): Modifier =
+        this.offset(
+            (x.value / density.density).dp,
+            (y.value / density.density).dp
+        ).pointerInput(Unit) {
+            detectDragGestures { change, dragAmount ->
+                change.consume()
+                x.value += dragAmount.x
+                y.value += dragAmount.y
+            }
+
+        }.clickable {
+            this.background(Color.LightGray)
+        }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/impl/AbstractItem.kt b/code/cat_visual/src/main/kotlin/canvas/items/impl/AbstractItem.kt
new file mode 100644
index 000000000..6ef6d3271
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/impl/AbstractItem.kt
@@ -0,0 +1,47 @@
+package canvas.items.impl
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import canvas.items.interfaces.CanvasItemInterface
+import canvas.items.model.Input
+import canvas.items.model.JsonCanvasModel
+import canvas.items.model.Output
+import connection.AbstractClient
+import kotlinx.serialization.Serializable
+import serializer.SerializationUtils
+import java.util.UUID
+
+open class AbstractItem(
+    override val id: UUID = UUID.randomUUID(),
+    override var x: Float,
+    override var y: Float,
+    override val inputs: List<Input> = listOf(),
+    override val outputs: List<Output> = listOf(),
+    protected open val modifier: Modifier = Modifier,
+    protected open val content: Any? = null,
+    protected open val client: AbstractClient? = null,
+): CanvasItemInterface {
+
+    override val type: CanvasItemInterface.Type
+        get() = CanvasItemInterface.Type.UNKNOWN
+
+    override fun toModel(): JsonCanvasModel =
+        JsonCanvasModel(
+            id = id.toString(),
+            x = x,
+            y = y,
+            inputs = inputs,
+            outputs = outputs,
+            type = type.toString(),
+            content = content.toString(),
+        )
+
+    @Composable
+    override fun getContent(deleteCurrentItem: (String) -> Unit) {
+        Box(modifier = modifier
+            .wrapContentSize())
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/impl/CustomItem.kt b/code/cat_visual/src/main/kotlin/canvas/items/impl/CustomItem.kt
new file mode 100644
index 000000000..298b8c5d1
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/impl/CustomItem.kt
@@ -0,0 +1,173 @@
+package canvas.items.impl
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.gestures.*
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.selection.selectable
+import androidx.compose.material.RadioButton
+import androidx.compose.material.Text
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.graphicsLayer
+import androidx.compose.ui.input.pointer.pointerInput
+import androidx.compose.ui.layout.onSizeChanged
+import androidx.compose.ui.semantics.Role
+import androidx.compose.ui.unit.IntSize
+import androidx.compose.ui.unit.dp
+
+enum class ItemType {
+    RECTANGLE, RADIO, CHECKBOX
+}
+
+@Composable
+fun ZoomableBox(
+    modifier: Modifier = Modifier,
+    minScale: Float = 0.1f,
+    maxScale: Float = 5f,
+    content: @Composable ZoomableBoxScope.() -> Unit
+) {
+    var scale by remember { mutableStateOf(1f) }
+    var offsetX by remember { mutableStateOf(0f) }
+    var offsetY by remember { mutableStateOf(0f) }
+    var size by remember { mutableStateOf(IntSize(50, 50)) }
+    Box(
+        modifier = modifier
+//            .clip(RectangleShape)
+            .onSizeChanged { size = it }
+            .pointerInput(Unit) {
+                detectTransformGestures { _, pan, zoom, _ ->
+                    scale = maxOf(minScale, minOf(scale * zoom, maxScale))
+                    val maxX = (size.width * (scale - 1)) / 2
+                    val minX = -maxX
+                    offsetX = maxOf(minX, minOf(maxX, offsetX + pan.x))
+                    val maxY = (size.height * (scale - 1)) / 2
+                    val minY = -maxY
+                    offsetY = maxOf(minY, minOf(maxY, offsetY + pan.y))
+                }
+            }
+    ) {
+        val scope = ZoomableBoxScopeImpl(scale, offsetX, offsetY)
+        scope.content()
+        println(scale)
+        println(offsetX)
+        println(offsetY)
+        println(size)
+    }
+}
+
+interface ZoomableBoxScope {
+    val scale: Float
+    val offsetX: Float
+    val offsetY: Float
+}
+
+private data class ZoomableBoxScopeImpl(
+    override val scale: Float,
+    override val offsetX: Float,
+    override val offsetY: Float
+) : ZoomableBoxScope
+
+
+abstract interface CustomItem {
+    @Composable
+    fun create();
+}
+
+class RectangleCustomItem : CustomItem {
+    var c = Color.Blue
+    @Composable
+    fun RectangleItem() {
+        var color by remember { mutableStateOf(c) }
+        ZoomableBox {
+            Box(
+                modifier = Modifier
+                    .graphicsLayer(
+                        scaleX = scale,
+                        scaleY = scale,
+                        translationX = offsetX,
+                        translationY = offsetY
+                    )
+                    .background(color = color)
+                    .width(600.dp)
+                    .height(600.dp)
+            ) {
+            }
+        }
+
+    }
+
+    @Composable
+    override fun create() {
+        return RectangleItem();
+    }
+}
+
+class CheckboxCustomItem : CustomItem {
+    var c = Color.Blue
+    @Composable
+    fun RectangleItem() {
+        var color by remember { mutableStateOf(c) }
+        ZoomableBox {
+            Box(
+                modifier = Modifier
+                    .graphicsLayer(
+                        scaleX = scale,
+                        scaleY = scale,
+                        translationX = offsetX,
+                        translationY = offsetY
+                    )
+                    .background(color = color)
+                    .width(600.dp)
+                    .height(600.dp)
+            ) {
+            }
+        }
+
+    }
+
+    @Composable
+    override fun create() {
+        return RectangleItem();
+    }
+}
+
+class RadioCustomItem : CustomItem {
+    var c = Color.Blue
+    @Composable
+    fun RadioItem(items: List<String>) {
+        var color by remember { mutableStateOf(c) }
+        var selectedValue by remember { mutableStateOf("") }
+        val isSelectedItem: (String) -> Boolean = { selectedValue == it }
+        val onChangeState: (String) -> Unit = { selectedValue = it }
+        ZoomableBox {
+            items.forEach { item ->
+                Row(
+                    verticalAlignment = Alignment.CenterVertically,
+                    modifier = Modifier.selectable(
+                        selected = isSelectedItem(item),
+                        onClick = { onChangeState(item) },
+                        role = Role.RadioButton
+                    ).padding(8.dp)
+                ) {
+                    RadioButton(
+                        selected = isSelectedItem(item),
+                        onClick = null
+                    )
+                    Text(
+                        text = item,
+                        modifier = Modifier.fillMaxWidth()
+                    )
+                }
+            }
+        }
+
+    }
+
+    @Composable
+    override fun create() {
+        val items = listOf("Item1", "Item2")
+        return RadioItem(items);
+    }
+}
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/impl/LampItem.kt b/code/cat_visual/src/main/kotlin/canvas/items/impl/LampItem.kt
new file mode 100644
index 000000000..041b0efa3
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/impl/LampItem.kt
@@ -0,0 +1,119 @@
+package canvas.items.impl
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material.DropdownMenu
+import androidx.compose.material.DropdownMenuItem
+import androidx.compose.material.Switch
+import androidx.compose.material.Text
+import androidx.compose.runtime.*
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.RectangleShape
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import canvas.items.Draggable
+import canvas.items.interfaces.CanvasItemInterface
+import canvas.items.interfaces.Focusable
+import canvas.items.model.Input
+import canvas.items.model.Output
+import canvas.items.model.figures.Round
+import connection.AbstractClient
+import connection.field.ConnectionField
+import lib.elements.DARK_RADIAL_BRUSH
+import lib.elements.LIGHT_RADIAL_BRUSH
+import lib.elements.METALLIC_BRUSH
+import java.util.*
+
+class LampItem(
+    override val id: UUID = UUID.randomUUID(),
+    override var x: Float = 0f,
+    override var y: Float = 0f,
+    override val modifier: Modifier = Modifier,
+    override val client: AbstractClient,
+): AbstractItem(
+    x = x,
+    y = y,
+    modifier = modifier,
+    inputs = listOf(),
+    outputs = listOf(),
+    client = client,
+), Draggable, Focusable {
+
+    override val type = CanvasItemInterface.Type.LAMP
+
+    @Composable
+    override fun getContent(deleteCurrentItem: (String) -> Unit) {
+        val isLighting = remember { mutableStateOf(false) }
+        val localDensity = LocalDensity.current
+        val xPosition = remember { mutableStateOf(x) }
+        val yPosition = remember { mutableStateOf(y) }
+        var connectMenu by remember { mutableStateOf( false) }
+        var expandedDropDownMenu by remember { mutableStateOf(false) }
+        val idStaq by remember {mutableStateOf(id.toString())}
+        Box(
+            modifier = modifier
+                .makeDraggable(localDensity, xPosition, yPosition)
+                .background(brush = if (isLighting.value) LIGHT_RADIAL_BRUSH else DARK_RADIAL_BRUSH)
+                .border(width = 10.dp, brush = METALLIC_BRUSH, shape = RectangleShape)
+                .clickable{
+                    expandedDropDownMenu = !expandedDropDownMenu
+                }
+                .width(60.dp)
+                .height(60.dp)
+        ) {
+            DropdownMenu(
+                expanded = expandedDropDownMenu,
+                onDismissRequest = {
+                    expandedDropDownMenu = false
+                },
+                modifier = Modifier.width(200.dp)
+            ) {
+                DropdownMenuItem(onClick = {
+                    deleteCurrentItem(idStaq)
+                }) {
+                    Text(
+                        text = "Удалить",
+                        modifier = Modifier
+                            .padding(5.dp),
+                        fontSize = 15.sp,
+                    )
+                }
+                DropdownMenuItem(
+                    onClick = {
+                        connectMenu = !connectMenu
+                    },
+                ) {
+                    Text(
+                        text = "Соединить",
+                        modifier = Modifier
+                            .padding(5.dp),
+                        fontSize = 15.sp,
+                    )
+                }
+                if (connectMenu) {
+                    DropdownMenuItem(
+                        onClick = {
+                            connectMenu = false
+                        },
+                    ) {
+                        Text(
+                            text = "Lamp 1",
+                            modifier = Modifier
+                                .padding(10.dp),
+                            fontSize = 15.sp,
+                        )
+                    }
+                }
+            }
+        }
+        x = xPosition.value
+        y = yPosition.value
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/impl/TextItem.kt b/code/cat_visual/src/main/kotlin/canvas/items/impl/TextItem.kt
new file mode 100644
index 000000000..f8904950f
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/impl/TextItem.kt
@@ -0,0 +1,141 @@
+package canvas.items.impl
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.*
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import canvas.items.Draggable
+import canvas.items.interfaces.CanvasItemInterface
+import canvas.items.interfaces.Focusable
+import kotlinx.serialization.encodeToString
+import kotlinx.serialization.json.Json
+import serializer.SerializationUtils
+import java.util.*
+
+class TextItem(
+    override val id: UUID = UUID.randomUUID(),
+    override var x: Float = 0f,
+    override var y: Float = 0f,
+    override val modifier: Modifier = Modifier,
+    override var content: String,
+): AbstractItem(
+    x = x,
+    y = y,
+    modifier = modifier,
+    content = content,
+), Draggable, Focusable {
+
+    override val type = CanvasItemInterface.Type.TEXT
+
+    @Composable
+    override fun getContent(deleteCurrentItem: (String) -> Unit) {
+        val localDensity = LocalDensity.current
+        val idStaq by remember {mutableStateOf(id.toString())}
+        val xPosition = remember { mutableStateOf(x) }
+        val yPosition = remember { mutableStateOf(y) }
+        var currentText by remember { mutableStateOf(content) }
+        var currentTexInInputBar by remember { mutableStateOf("") }
+        var visibleInputBar by remember { mutableStateOf( false) }
+        val focusRequester = remember { FocusRequester() }
+        var expandedDropDownMenu by remember { mutableStateOf(false) }
+        val color = remember { mutableStateOf(Color.Black) }
+        Box(
+            modifier
+                .makeDraggable(localDensity, xPosition, yPosition)
+        ) {
+            Text(
+                text = currentText,
+                modifier = modifier
+                    .makeFocusable(focusRequester, color)
+                    .clickable {
+                        println("${xPosition.value} : ${yPosition.value}")
+                        println("$expandedDropDownMenu")
+                        println(content)
+                        println(currentText)
+                        expandedDropDownMenu = !expandedDropDownMenu
+                    }
+                    .wrapContentSize(),
+            )
+            DropdownMenu(
+                expanded = expandedDropDownMenu,
+                onDismissRequest = {
+                    expandedDropDownMenu = false
+                },
+                modifier = Modifier.width(200.dp)
+            ) {
+                DropdownMenuItem(onClick = {
+                    deleteCurrentItem(idStaq)
+                }) {
+                    Text(
+                        text = "Удалить",
+                        modifier = Modifier
+                            .padding(5.dp),
+                        fontSize = 15.sp,
+                    )
+                }
+                DropdownMenuItem(
+                    onClick = {
+                        visibleInputBar = !visibleInputBar
+                    },
+                ) {
+                    Text(
+                        text = "Изменить",
+                        modifier = Modifier
+                            .padding(5.dp),
+                        fontSize = 15.sp,
+                    )
+                }
+                if (visibleInputBar) {
+                    TextField(
+                        value = currentTexInInputBar,
+                        onValueChange = { currentTexInInputBar = it },
+                        modifier = Modifier
+                            .fillMaxWidth(0.9f)
+                            .align(Alignment.CenterHorizontally)
+                            .padding(5.dp)
+                            .height(50.dp)
+                    )
+                    Row(
+                        modifier = Modifier.width(200.dp)
+                    ) {
+                        Button(
+                            modifier = Modifier
+                                .width(80.dp).height(30.dp).offset(x = 10.dp),
+                            onClick = {
+                                currentText = currentTexInInputBar
+                                currentTexInInputBar = ""
+                                visibleInputBar = false
+                            },
+
+                        ) {
+                            Text(text = "save", fontSize = 12.sp)
+                        }
+                        Button(
+                            modifier = Modifier
+                                .width(80.dp).height(30.dp).offset(x = 20.dp),
+                            onClick = {
+                                currentTexInInputBar = ""
+                                visibleInputBar = false
+                            }
+                        ) {
+                            Text(text = "cancel", fontSize = 12.sp)
+                        }
+                    }
+                }
+
+            }
+
+        }
+        x = xPosition.value
+        y = yPosition.value
+        content = currentText
+    }
+}
+
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/impl/ToggleItem.kt b/code/cat_visual/src/main/kotlin/canvas/items/impl/ToggleItem.kt
new file mode 100644
index 000000000..6f5f3de27
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/impl/ToggleItem.kt
@@ -0,0 +1,111 @@
+package canvas.items.impl
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.*
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import canvas.items.Draggable
+import canvas.items.interfaces.CanvasItemInterface
+import canvas.items.interfaces.Focusable
+import connection.AbstractClient
+import java.util.*
+
+class ToggleItem(
+    override val id: UUID = UUID.randomUUID(),
+    override var x: Float = 0f,
+    override var y: Float = 0f,
+    override val modifier: Modifier = Modifier,
+    override val client: AbstractClient,
+): AbstractItem(
+    x = x,
+    y = y,
+    modifier = modifier,
+    inputs = listOf(),
+    outputs = listOf(),
+    client = client,
+), Draggable, Focusable {
+
+
+    override val type = CanvasItemInterface.Type.TOGGLE
+
+    @Composable
+    override fun getContent(deleteCurrentItem: (String) -> Unit) {
+        val localDensity = LocalDensity.current
+        val xPosition = remember { mutableStateOf(x) }
+        val yPosition = remember { mutableStateOf(y) }
+        val focusRequester = remember { FocusRequester() }
+        val color = remember { mutableStateOf(Color.Black) }
+        val checkedStateToggle = remember { mutableStateOf(false) }
+        var connectMenu by remember { mutableStateOf( false) }
+        var expandedDropDownMenu by remember { mutableStateOf(false) }
+        val idStaq by remember {mutableStateOf(id.toString())}
+        Box(
+            modifier.makeDraggable(localDensity, xPosition, yPosition)
+                .makeFocusable(focusRequester, color)
+                .clickable{
+                    expandedDropDownMenu = !expandedDropDownMenu
+                }
+        ) {
+            Switch(
+                modifier = modifier
+                    .size(50.dp)
+                    .wrapContentSize(),
+                checked = checkedStateToggle.value,
+                onCheckedChange = {checkedStateToggle.value = !checkedStateToggle.value},
+            )
+            DropdownMenu(
+                expanded = expandedDropDownMenu,
+                onDismissRequest = {
+                    expandedDropDownMenu = false
+                },
+                modifier = Modifier.width(200.dp)
+            ) {
+                DropdownMenuItem(onClick = {
+                    deleteCurrentItem(idStaq)
+                }) {
+                    Text(
+                        text = "Удалить",
+                        modifier = Modifier
+                            .padding(5.dp),
+                        fontSize = 15.sp,
+                    )
+                }
+                DropdownMenuItem(
+                    onClick = {
+                        connectMenu = !connectMenu
+                    },
+                ) {
+                    Text(
+                        text = "Соединить",
+                        modifier = Modifier
+                            .padding(5.dp),
+                        fontSize = 15.sp,
+                    )
+                }
+                if (connectMenu) {
+                    DropdownMenuItem(
+                        onClick = {
+                            connectMenu = false
+                        },
+                    ) {
+                        Text(
+                            text = "Toggle 1",
+                            modifier = Modifier
+                                .padding(10.dp),
+                            fontSize = 15.sp,
+                        )
+                    }
+                }
+            }
+        }
+        x = xPosition.value
+        y = yPosition.value
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/interfaces/CanvasItemInterface.kt b/code/cat_visual/src/main/kotlin/canvas/items/interfaces/CanvasItemInterface.kt
new file mode 100644
index 000000000..11d5a3285
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/interfaces/CanvasItemInterface.kt
@@ -0,0 +1,29 @@
+package canvas.items.interfaces
+
+import androidx.compose.runtime.Composable
+import canvas.items.model.Input
+import canvas.items.model.JsonCanvasModel
+import canvas.items.model.Output
+import connection.AbstractClient
+import java.util.UUID
+
+interface CanvasItemInterface {
+    val id: UUID
+    var x: Float
+    var y: Float
+    val inputs: List<Input>
+    val outputs: List<Output>
+    val type: Type
+
+    @Composable
+    fun getContent(deleteCurrentItem: (String) -> Unit)
+
+    fun toModel(): JsonCanvasModel
+
+    enum class Type {
+        TEXT,
+        LAMP,
+        TOGGLE,
+        UNKNOWN,
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/interfaces/Draggable.kt b/code/cat_visual/src/main/kotlin/canvas/items/interfaces/Draggable.kt
new file mode 100644
index 000000000..c03f20e81
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/interfaces/Draggable.kt
@@ -0,0 +1,35 @@
+package canvas.items.interfaces
+
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.focusable
+import androidx.compose.foundation.gestures.detectDragGestures
+import androidx.compose.foundation.layout.offset
+import androidx.compose.runtime.MutableState
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.input.pointer.pointerInput
+import androidx.compose.ui.unit.Density
+import androidx.compose.ui.unit.dp
+
+interface Draggable {
+    fun Modifier.makeDraggable(
+        localDensity: Density,
+        xPosition: MutableState<Float>,
+        yPosition: MutableState<Float>,
+    ): Modifier =
+        this.offset(
+            (xPosition.value / localDensity.density).dp,
+            (yPosition.value / localDensity.density).dp
+        ).pointerInput(Unit) {
+            detectDragGestures { change, dragAmount ->
+                change.consume()
+                xPosition.value += dragAmount.x
+                yPosition.value += dragAmount.y
+            }
+
+        }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/interfaces/Focusable.kt b/code/cat_visual/src/main/kotlin/canvas/items/interfaces/Focusable.kt
new file mode 100644
index 000000000..c4e03c108
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/interfaces/Focusable.kt
@@ -0,0 +1,24 @@
+package canvas.items.interfaces
+
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.focusable
+import androidx.compose.runtime.MutableState
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+
+interface Focusable {
+    fun Modifier.makeFocusable(
+        focusRequester: FocusRequester,
+        color: MutableState<Color>,
+    ): Modifier =
+        this.clickable { focusRequester.requestFocus() }
+            .border(1.dp, color.value)
+            .focusRequester(focusRequester)
+            .onFocusChanged { color.value = if (it.isFocused) Color.LightGray else Color.Transparent }
+            .focusable()
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/model/Connection.kt b/code/cat_visual/src/main/kotlin/canvas/items/model/Connection.kt
new file mode 100644
index 000000000..1c0cfee2a
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/model/Connection.kt
@@ -0,0 +1,28 @@
+package canvas.items.model
+
+import kotlinx.serialization.Serializable
+import serializer.SerializationUtils
+import java.util.UUID
+
+@Serializable
+data class Input(
+    @Serializable(with = SerializationUtils.UUIDSerializer::class)
+    val id: UUID,
+    val type: TypeConnection,
+)
+
+@Serializable
+data class Output(
+    @Serializable(with = SerializationUtils.UUIDSerializer::class)
+    val id: UUID,
+    val type: TypeConnection,
+)
+
+@Serializable
+enum class TypeConnection {
+    BOOL,
+    STRING,
+    INT,
+    FLOAT
+}
+
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/model/JsonCanvasModel.kt b/code/cat_visual/src/main/kotlin/canvas/items/model/JsonCanvasModel.kt
new file mode 100644
index 000000000..bbb83ec89
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/model/JsonCanvasModel.kt
@@ -0,0 +1,46 @@
+package canvas.items.model
+
+import androidx.compose.ui.Modifier
+import canvas.exceptions.UnknownTypeItemException
+import canvas.items.impl.LampItem
+import canvas.items.impl.TextItem
+import canvas.items.impl.ToggleItem
+import canvas.items.interfaces.CanvasItemInterface
+import connection.AbstractClient
+import kotlinx.serialization.Serializable
+import lib.elements.setters.Toggle
+import java.util.*
+
+@Serializable
+data class JsonCanvasModel(
+    val id: String,
+    val x: Float,
+    val y: Float,
+    val inputs: List<Input>,
+    val outputs: List<Output>,
+    val content: String = "",
+    val type: String,
+)
+
+fun JsonCanvasModel.toItem(client: AbstractClient): CanvasItemInterface =
+    when(type) {
+        CanvasItemInterface.Type.TEXT.name -> TextItem(
+            id = UUID.fromString(id),
+            x = x,
+            y = y,
+            content = content,
+        )
+        CanvasItemInterface.Type.LAMP.name -> LampItem(
+            id = UUID.fromString(id),
+            x = x,
+            y = y,
+            client = client,
+        )
+        CanvasItemInterface.Type.TOGGLE.name -> ToggleItem(
+            id = UUID.fromString(id),
+            x = x,
+            y = y,
+            client = client
+        )
+        else -> throw UnknownTypeItemException(id, type)
+    }
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/canvas/items/model/figures/Templates.kt b/code/cat_visual/src/main/kotlin/canvas/items/model/figures/Templates.kt
new file mode 100644
index 000000000..90d998000
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/canvas/items/model/figures/Templates.kt
@@ -0,0 +1,22 @@
+package canvas.items.model.figures
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.unit.Dp
+
+@Composable
+fun Round(modifier: Modifier, width: Dp, height: Dp) {
+    Box(
+        modifier = Modifier
+            .then(modifier)
+            .width(width)
+            .height(height)
+            .clip(CircleShape)
+    ){
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/config/catBlocks/Lamp.cfg b/code/cat_visual/src/main/kotlin/config/catBlocks/Lamp.cfg
new file mode 100644
index 000000000..a029cb454
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/config/catBlocks/Lamp.cfg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE CAT SYSTEM "https://www.holobloc.com/xml/LibraryElement.dtd">
+
+<CAT Name="Lamp">
+  <Composite Name="Lamp" Type="Lamp" />
+  <HMI Name="Lamp" Type="Lamp_HMI_CONF" InterfaceFile="fff" />
+  <SubCAT Name="Simple_text" Type="Text" UsedInCAT="true" />
+</CAT>
+
diff --git a/code/cat_visual/src/main/kotlin/config/catBlocks/Text.cfg b/code/cat_visual/src/main/kotlin/config/catBlocks/Text.cfg
new file mode 100644
index 000000000..93168f5c1
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/config/catBlocks/Text.cfg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE CAT SYSTEM "https://www.holobloc.com/xml/LibraryElement.dtd">
+
+<CAT Name="Text">
+  <Composite Name="Lamp" Type="Inflow" />
+  <HMI Name="Text" Type="Inflow_HMI_CONF" InterfaceFile="fff" />
+</CAT>
+
diff --git a/code/cat_visual/src/main/kotlin/config/example.cfg b/code/cat_visual/src/main/kotlin/config/example.cfg
new file mode 100644
index 000000000..885cdc0ed
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/config/example.cfg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE System SYSTEM "https://www.holobloc.com/xml/LibraryElement.dtd">
+
+<System Name="WaterTank">
+	<CATType Name="Lamp">
+	      <Inst ID="A8B344E30F0BAEE1" Name="Lamp1" />
+	      <Inst ID="B8B344E30F0BAEE2" Name="Lamp2" />
+	</CATType>
+	<CATType Name="Text" Namespace="Main">
+	      <Inst ID="6F4BDD83ED713070" Name="Text" />
+	</CATType>
+	<CATType Name="Lamp">
+    	 <Inst ID="C8B344E30F0BAEE1" Name="Lamp1" />
+    	 <Inst ID="D8B344E30F0BAEE2" Name="Lamp2" />
+    </CATType>
+
+</System>
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/config/example.sys b/code/cat_visual/src/main/kotlin/config/example.sys
new file mode 100644
index 000000000..885cdc0ed
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/config/example.sys
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE System SYSTEM "https://www.holobloc.com/xml/LibraryElement.dtd">
+
+<System Name="WaterTank">
+	<CATType Name="Lamp">
+	      <Inst ID="A8B344E30F0BAEE1" Name="Lamp1" />
+	      <Inst ID="B8B344E30F0BAEE2" Name="Lamp2" />
+	</CATType>
+	<CATType Name="Text" Namespace="Main">
+	      <Inst ID="6F4BDD83ED713070" Name="Text" />
+	</CATType>
+	<CATType Name="Lamp">
+    	 <Inst ID="C8B344E30F0BAEE1" Name="Lamp1" />
+    	 <Inst ID="D8B344E30F0BAEE2" Name="Lamp2" />
+    </CATType>
+
+</System>
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/config/hmi/Lamp.cfg b/code/cat_visual/src/main/kotlin/config/hmi/Lamp.cfg
new file mode 100644
index 000000000..ad818444a
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/config/hmi/Lamp.cfg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE HMIDeclaration SYSTEM "https://www.holobloc.com/xml/LibraryElement.dtd">
+
+<HMIDeclaration Name="Inflow_HMI_CONF" UsedInCAT="True">
+  <InputVars>
+    <VarDeclaration Name="Toggle" Type="BOOL" />
+  </InputVars>
+  <OutputVars>
+    <VarDeclaration Name="Lamp" Type="BOOL" />
+  </OutputVars>
+</HMIDeclaration>
+
diff --git a/code/cat_visual/src/main/kotlin/config/hmi/Text.cfg b/code/cat_visual/src/main/kotlin/config/hmi/Text.cfg
new file mode 100644
index 000000000..344244ce0
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/config/hmi/Text.cfg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE HMIDeclaration SYSTEM "https://www.holobloc.com/xml/LibraryElement.dtd">
+
+<HMIDeclaration Name="Inflow_HMI_CONF" UsedInCAT="True">
+  <InputVars></InputVars>
+  <OutputVars></OutputVars>
+</HMIDeclaration>
+
diff --git a/code/cat_visual/src/main/kotlin/connection/ConnectionFieldRegistry.kt b/code/cat_visual/src/main/kotlin/connection/ConnectionFieldRegistry.kt
new file mode 100644
index 000000000..96b524370
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/connection/ConnectionFieldRegistry.kt
@@ -0,0 +1,45 @@
+package connection
+
+import connection.field.ConnectionField
+import connection.field.TYPE_ID
+import connection.provider.ConnectionProvider
+import connection.provider.UDPConnectionProvider
+
+
+class ConnectionFieldRegistry {
+    private val providerRegistry: MutableMap<Pair<String, Int>, ConnectionProvider> = mutableMapOf()
+    private val fieldRegistry: MutableMap<String, Pair<ConnectionField<out Any>,ConnectionProvider> > = mutableMapOf()
+
+    fun getConnection(name: String, type: TYPE_ID, host: String, port: Int): Pair<ConnectionField<out Any>,ConnectionProvider> {
+        if (name in fieldRegistry) {
+            return fieldRegistry[name]!!
+        }
+        val providerAddress = Pair(host, port)
+        val provider = providerRegistry.computeIfAbsent(providerAddress, { UDPConnectionProvider(port, host) })
+        val field = ConnectionField.create(type)
+        val connection = Pair(field, provider)
+        fieldRegistry[name] = connection
+        return connection
+    }
+
+    fun getConnection(name: String): Pair<ConnectionField<out Any>,ConnectionProvider>? {
+        if (name in fieldRegistry) {
+            return fieldRegistry[name]!!
+        }
+        return null
+    }
+
+    fun getField(name: String): ConnectionField<out Any>? {
+        if (name in fieldRegistry) {
+            return fieldRegistry[name]!!.first
+        }
+        return null
+    }
+
+    fun getConnector(hostPort: Pair<String, Int>): ConnectionProvider? {
+        if (hostPort in providerRegistry) {
+            return providerRegistry[hostPort]!!
+        }
+        return null
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/connection/clients.kt b/code/cat_visual/src/main/kotlin/connection/clients.kt
new file mode 100644
index 000000000..ec8c1dd40
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/connection/clients.kt
@@ -0,0 +1,174 @@
+package connection
+
+import connection.field.ConnectionField
+import connection.field.StringField
+import connection.field.TYPE_ID
+import connection.provider.ConnectionProvider
+import kotlinx.serialization.Serializable
+import kotlinx.serialization.decodeFromString
+import kotlinx.serialization.encodeToString
+import kotlinx.serialization.json.Json
+import serializer.Conf
+import serializer.Mapping
+import serializer.PlainMapping
+import java.nio.ByteBuffer
+
+abstract class AbstractClient() {
+    abstract fun getField(name: String): ConnectionField<out Any>?;
+    abstract fun sendValue(name: String)
+    abstract fun retrieveValues(callbacks: Map<String, () -> Unit> = mapOf(), isInput: Boolean = true)
+}
+
+abstract class UDPClient(): AbstractClient() {
+    protected val registry: ConnectionFieldRegistry = ConnectionFieldRegistry()
+    val inputs: MutableSet<String> = mutableSetOf()
+    val outputs: MutableSet<String> = mutableSetOf()
+    val inputConnections: MutableList<ConnectionProvider> = mutableListOf()
+    val outputConnections: MutableList<ConnectionProvider> = mutableListOf()
+
+    override fun getField(name: String): ConnectionField<out Any>? {
+        return registry.getConnection(name)?.first
+    }
+}
+
+class PlainClient(mapping: PlainMapping): UDPClient() {
+    init {
+        mapping.inputs.inputs.forEach {
+            registry.getConnection(it.name, TYPE_ID.valueOf(it.type), it.host, it.port)
+            inputs.add(it.name)
+            inputConnections.add(registry.getConnection(it.name)!!.second)
+        }
+        mapping.outputs.outputs.forEach {
+            registry.getConnection(it.name, TYPE_ID.valueOf(it.type), it.host, it.port)
+            outputs.add(it.name)
+            outputConnections.add(registry.getConnection(it.name)!!.second)
+        }
+    }
+
+    override fun sendValue(name: String) {
+        val fieldConnector = registry.getConnection(name)
+        val field = fieldConnector!!.first
+        val connector = fieldConnector.second
+        connector.request(field, ByteArray(0))
+    }
+
+    override fun retrieveValues(callbacks: Map<String, () -> Unit>, isInput: Boolean) {
+        val units = if (isInput) inputs else outputs
+        units.forEach{
+            val fieldConnector = registry.getConnection(it)
+            val field = fieldConnector!!.first
+            val connector = fieldConnector.second
+            connector.response({ba -> Pair(Pair(field, ba), it)}, callbacks=callbacks)
+        }
+    }
+}
+
+class NamedClient(mapping: Mapping, conf: Conf): UDPClient() {
+    val nameField: ConnectionField<String> = StringField()
+    val inputsTypes: MutableMap<TYPE_ID, Pair<String, Int>> = mutableMapOf()
+    val outputsTypes: MutableMap<TYPE_ID, Pair<String, Int>> = mutableMapOf()
+
+    init {
+        conf.inputs.inputs.forEach({
+            inputsTypes.put(TYPE_ID.valueOf(it.type), Pair(it.host, it.port))
+        })
+        conf.outputs.outputs.forEach({
+            outputsTypes.put(TYPE_ID.valueOf(it.type), Pair(it.host, it.port))
+        })
+        mapping.inputs.inputs.forEach {
+            val hostPort = inputsTypes.get(TYPE_ID.valueOf(it.type))
+            registry.getConnection(it.name, TYPE_ID.valueOf(it.type), hostPort!!.first, hostPort.second)
+            inputs.add(it.name)
+        }
+        mapping.outputs.outputs.forEach({
+            val hostPort = outputsTypes.get(TYPE_ID.valueOf(it.type))
+            registry.getConnection(it.name, TYPE_ID.valueOf(it.type), hostPort!!.first, hostPort.second)
+            outputs.add(it.name)
+        })
+        inputsTypes.values.forEach({
+            inputConnections.add(registry.getConnector(it)!!)
+        })
+        outputsTypes.values.forEach({
+            outputConnections.add(registry.getConnector(it)!!)
+        })
+    }
+
+    override fun sendValue(name: String) {
+        val fieldConnector = registry.getConnection(name)
+        val field = fieldConnector!!.first
+        val connector = fieldConnector.second
+        nameField.setValue(name)
+        connector.request(field, nameField.getFromFBValue())
+    }
+
+    override fun retrieveValues(callbacks: Map<String, () -> Unit>, isInput: Boolean) {
+        val units = if (isInput) inputConnections else outputConnections
+        units.forEach {
+            it.response({ ba ->
+            var size = ByteBuffer.wrap(ba).getShort(1)
+            val name = String(ba.copyOfRange(3, 3 + size.toInt()))
+            val offset = 3 + size.toInt()
+            registry.getConnection(name)
+            val field = registry.getConnection(name)!!.first
+            Pair(Pair(field, ba.copyOfRange(offset, ba.size)), name)
+        }, callbacks= callbacks)
+        }
+    }
+}
+
+class JSONClient(mapping: Mapping, conf: Conf): UDPClient() {
+    val MSG_TYPE: TYPE_ID = TYPE_ID.STRING
+    val nameField: ConnectionField<String> = StringField()
+    val inputsTypes: MutableMap<TYPE_ID, Pair<String, Int>> = mutableMapOf()
+    val outputsTypes: MutableMap<TYPE_ID, Pair<String, Int>> = mutableMapOf()
+
+    @Serializable
+    data class Msg(val NAME: String, val TYPE: String, val VALUE: String)
+    init {
+        conf.inputs.inputs.forEach({
+            inputsTypes.put(TYPE_ID.valueOf(it.type), Pair(it.host, it.port))
+        })
+        conf.outputs.outputs.forEach({
+            outputsTypes.put(TYPE_ID.valueOf(it.type), Pair(it.host, it.port))
+        })
+        mapping.inputs.inputs.forEach {
+            val hostPort = inputsTypes.get(MSG_TYPE)
+            registry.getConnection("${mapping.id}#${it.name}", TYPE_ID.valueOf(it.type), hostPort!!.first, hostPort.second)
+            inputs.add(it.name)
+        }
+        mapping.outputs.outputs.forEach({
+            val hostPort = outputsTypes.get(MSG_TYPE)
+            registry.getConnection("${mapping.id}#${it.name}", TYPE_ID.valueOf(it.type), hostPort!!.first, hostPort.second)
+            outputs.add(it.name)
+        })
+        conf.inputs.inputs.forEach({
+            inputConnections.add(registry.getConnector(Pair(it.host, it.port))!!)
+        })
+        conf.outputs.outputs.forEach({
+            outputConnections.add(registry.getConnector(Pair(it.host, it.port))!!)
+        })
+    }
+
+    override fun sendValue(name: String) {
+        val fieldConnector = registry.getConnection(name)
+        val field = fieldConnector!!.first
+        val connector = fieldConnector.second
+        val data = Msg(name, field.getTypeID().name, field.getMsgValue())
+        val msg = Json.encodeToString(data)
+        connector.request(msg)
+    }
+
+    override fun retrieveValues(callbacks: Map<String, () -> Unit>, isInput: Boolean) {
+        val units = if (isInput) inputConnections else outputConnections
+        units.forEach {
+            it.response({
+                val msg = Json.decodeFromString<Msg>(it)
+                val field = registry.getField(msg.NAME)!!
+                println("GETTING ${field.getTypeID()}")
+                field.getFBValue(msg.VALUE)
+                println("GOT ${field.getValue()}")
+                msg.NAME
+            }, true, callbacks= callbacks)
+        }
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/connection/field/BoolField.kt b/code/cat_visual/src/main/kotlin/connection/field/BoolField.kt
new file mode 100644
index 000000000..a2384a409
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/connection/field/BoolField.kt
@@ -0,0 +1,37 @@
+package connection.field
+
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+
+data class BoolField(override var content:Boolean = false, override val contentState: MutableState<Boolean> = mutableStateOf(content)): ConnectionField<Boolean>(content, contentState) {
+
+    val TRUE_VALUE:Byte = 65
+    val FALSE_VALUE:Byte = 64
+
+
+    override fun getFromFBValue():ByteArray {
+        val res = ByteArray(1)
+        res[0] = if (content) TRUE_VALUE else FALSE_VALUE
+        return res
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        setValue(d[0] == TRUE_VALUE)
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.equals("TRUE"));
+    }
+
+    override fun getMsgValue(): String {
+        if (content) {
+            return "TRUE";
+        }
+        return "FALSE";
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.BOOL
+    }
+
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/connection/field/ConnectionField.kt b/code/cat_visual/src/main/kotlin/connection/field/ConnectionField.kt
new file mode 100644
index 000000000..4d539ee6e
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/connection/field/ConnectionField.kt
@@ -0,0 +1,61 @@
+package connection.field
+
+import androidx.compose.runtime.MutableState
+import kotlinx.coroutines.Dispatchers
+import java.lang.UnsupportedOperationException
+
+
+abstract class ConnectionField<V>(open var content: V, open val contentState: MutableState<V>) {
+    companion object {
+        fun create(type: TYPE_ID):ConnectionField<out Any> {
+//            println(type)
+            return when (type) {
+                TYPE_ID.BOOL -> BoolField()
+                TYPE_ID.REAL -> FloatField(0f)
+                TYPE_ID.LREAL -> DoubleField(0.0)
+                TYPE_ID.STRING -> StringField()
+                TYPE_ID.SINT -> SIntField(0)
+                TYPE_ID.USINT -> USIntField(0u)
+                TYPE_ID.INT -> IntField(0)
+                TYPE_ID.UINT -> UIntField(0u)
+                TYPE_ID.DINT -> DIntField(0)
+                TYPE_ID.UDINT -> UDIntField(0u)
+                TYPE_ID.LINT -> LIntField(0)
+                TYPE_ID.ULINT -> ULIntField(0u)
+                else -> {throw UnsupportedOperationException("Unsupported type literal")}
+            }
+        }
+    }
+    abstract fun getFromFBValue():ByteArray
+    abstract fun getMsgValue():String
+    abstract fun getFBValue(d: ByteArray)
+    abstract fun getFBValue(d: String)
+    abstract fun getTypeID():TYPE_ID
+    fun getValue():V {
+        return content
+    }
+    fun setValue(v:V) {
+        println("!!! BEFORE SET ${content}")
+        content = v
+        contentState.value = content
+        println("!!! SET ${content}")
+    }
+}
+
+enum class TYPE_ID(val code: Int) {
+    BOOL(65),
+    SINT(66),
+    INT(67),
+    DINT(68),
+    LINT(69),
+    USINT(70),
+    UINT(71),
+    UDINT(72),
+    ULINT(73),
+    REAL(74),
+    LREAL(75),
+    STRING(80),
+    WSTRING(85),
+    DATE_AND_TIME(79),
+    ARRAY(118)
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/connection/field/DoubleField.kt b/code/cat_visual/src/main/kotlin/connection/field/DoubleField.kt
new file mode 100644
index 000000000..4c456030b
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/connection/field/DoubleField.kt
@@ -0,0 +1,36 @@
+package connection.field;
+
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.sourceInformation
+import java.nio.ByteBuffer
+import java.util.*
+
+data class DoubleField(var defaultValue:Double, override var content:Double = 0.0, override val contentState: MutableState<Double> = mutableStateOf(defaultValue)): ConnectionField<Double>(content, contentState) {
+
+    override fun getFromFBValue(): ByteArray {
+        val bytes: ByteArray = ByteBuffer.allocate(5).put(getTypeID().code.toByte()).putDouble(content).array()
+        return bytes
+    }
+
+    override fun getMsgValue(): String {
+        return getValue().toString()
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var buf = ByteBuffer.wrap(d)
+
+        if (buf[0] == TYPE_ID.LREAL.code.toByte()) {
+            setValue(ByteBuffer.wrap(d).getDouble(1))
+        }
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.toDouble())
+    }
+
+    override fun getTypeID(): TYPE_ID {
+//        TODO("add support of just SINT")
+        return TYPE_ID.LREAL
+    }
+}
diff --git a/code/cat_visual/src/main/kotlin/connection/field/FloatField.kt b/code/cat_visual/src/main/kotlin/connection/field/FloatField.kt
new file mode 100644
index 000000000..e44ab1d30
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/connection/field/FloatField.kt
@@ -0,0 +1,33 @@
+package connection.field;
+
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import java.nio.ByteBuffer
+
+data class FloatField(var defaultValue:Float, override var content:Float = 0f, override val contentState: MutableState<Float> = mutableStateOf(defaultValue)): ConnectionField<Float>(content, contentState) {
+
+    override fun getFromFBValue(): ByteArray {
+        val bytes: ByteArray = ByteBuffer.allocate(5).put(getTypeID().code.toByte()).putFloat(content).array()
+        return bytes
+    }
+
+    override fun getMsgValue(): String {
+        return getValue().toString()
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var buf = ByteBuffer.wrap(d)
+
+        if (buf[0] == TYPE_ID.REAL.code.toByte()) {
+            setValue(ByteBuffer.wrap(d).getFloat(1))
+        }
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.toFloat())
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.REAL
+    }
+}
diff --git a/code/cat_visual/src/main/kotlin/connection/field/IntField.kt b/code/cat_visual/src/main/kotlin/connection/field/IntField.kt
new file mode 100644
index 000000000..4ba3719ca
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/connection/field/IntField.kt
@@ -0,0 +1,238 @@
+package connection.field;
+
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import java.nio.ByteBuffer
+
+data class SIntField(var defaultValue:Byte, override var content:Byte = 0, override val contentState: MutableState<Byte> = mutableStateOf(defaultValue)): ConnectionField<Byte>(content, contentState) {
+
+    override fun getFromFBValue(): ByteArray {
+        val bytes: ByteArray = ByteBuffer.allocate(5).put(getTypeID().code.toByte()).put(content).array()
+        return bytes
+    }
+
+    override fun getMsgValue(): String {
+        return getValue().toString()
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var buf = ByteBuffer.wrap(d)
+
+        if (buf[0] == TYPE_ID.SINT.code.toByte()) {
+            setValue(ByteBuffer.wrap(d).get(1))
+        }
+        println(d.contentToString())
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.toByte())
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.SINT
+    }
+}
+
+data class USIntField(var defaultValue:UByte, override var content:UByte = 0u, override val contentState: MutableState<UByte> = mutableStateOf(defaultValue)): ConnectionField<UByte>(content, contentState) {
+
+    override fun getFromFBValue(): ByteArray {
+        val bytes: ByteArray = ByteBuffer.allocate(5).put(getTypeID().code.toByte()).put(content.toByte()).array()
+        return bytes
+    }
+
+    override fun getMsgValue(): String {
+        return getValue().toString()
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var buf = ByteBuffer.wrap(d)
+
+        if (buf[0] == TYPE_ID.UINT.code.toByte()) {
+            setValue(ByteBuffer.wrap(d).get(1).toUByte())
+        }
+        println(d.contentToString())
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.toUByte())
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.USINT
+    }
+}
+
+data class IntField(var defaultValue:Short, override var content:Short = 0, override val contentState: MutableState<Short> = mutableStateOf(defaultValue)): ConnectionField<Short>(content, contentState) {
+
+    override fun getFromFBValue(): ByteArray {
+        val bytes: ByteArray = ByteBuffer.allocate(5).put(getTypeID().code.toByte()).putShort(content).array()
+        return bytes
+    }
+
+    override fun getMsgValue(): String {
+        return getValue().toString()
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var buf = ByteBuffer.wrap(d)
+
+        if (buf[0] == TYPE_ID.INT.code.toByte()) {
+            setValue(ByteBuffer.wrap(d).getShort(1))
+        }
+        println(d.contentToString())
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.toShort())
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.INT
+    }
+}
+
+data class UIntField(var defaultValue:UShort, override var content:UShort = 0u, override val contentState: MutableState<UShort> = mutableStateOf(defaultValue)): ConnectionField<UShort>(content, contentState) {
+
+    override fun getFromFBValue(): ByteArray {
+        val bytes: ByteArray = ByteBuffer.allocate(5).put(getTypeID().code.toByte()).putShort(content.toShort()).array()
+        return bytes
+    }
+
+    override fun getMsgValue(): String {
+        return getValue().toString()
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var buf = ByteBuffer.wrap(d)
+
+        if (buf[0] == TYPE_ID.UINT.code.toByte()) {
+            setValue(ByteBuffer.wrap(d).getShort(1).toUShort())
+        }
+        println(d.contentToString())
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.toUShort())
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.UINT
+    }
+}
+
+data class DIntField(var defaultValue:Int, override var content:Int = 0, override val contentState: MutableState<Int> = mutableStateOf(defaultValue)): ConnectionField<Int>(content, contentState) {
+
+    override fun getFromFBValue(): ByteArray {
+        val bytes: ByteArray = ByteBuffer.allocate(5).put(getTypeID().code.toByte()).putInt(content).array()
+        return bytes
+    }
+
+    override fun getMsgValue(): String {
+        return getValue().toString()
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var buf = ByteBuffer.wrap(d)
+
+        if (buf[0] == TYPE_ID.DINT.code.toByte()) {
+            setValue(ByteBuffer.wrap(d).getInt(1))
+        }
+        println(d.contentToString())
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.toInt())
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.DINT
+    }
+}
+
+data class UDIntField(var defaultValue:UInt, override var content:UInt = 0u, override val contentState: MutableState<UInt> = mutableStateOf(defaultValue)): ConnectionField<UInt>(content, contentState) {
+
+    override fun getFromFBValue(): ByteArray {
+        val bytes: ByteArray = ByteBuffer.allocate(9).put(getTypeID().code.toByte()).putInt(content.toInt()).array()
+        return bytes
+    }
+
+    override fun getMsgValue(): String {
+        return getValue().toString()
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var buf = ByteBuffer.wrap(d)
+
+        if (buf[0] == TYPE_ID.UDINT.code.toByte()) {
+            setValue(ByteBuffer.wrap(d).getInt(1).toUInt())
+        }
+        println(d.contentToString())
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.toUInt())
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.UDINT
+    }
+}
+
+
+data class LIntField(var defaultValue:Long, override var content:Long = 0, override val contentState: MutableState<Long> = mutableStateOf(defaultValue)): ConnectionField<Long>(content, contentState) {
+
+    override fun getFromFBValue(): ByteArray {
+        val bytes: ByteArray = ByteBuffer.allocate(5).put(getTypeID().code.toByte()).putLong(content).array()
+        return bytes
+    }
+
+    override fun getMsgValue(): String {
+        return getValue().toString()
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var buf = ByteBuffer.wrap(d)
+
+        if (buf[0] == TYPE_ID.LINT.code.toByte()) {
+            setValue(ByteBuffer.wrap(d).getLong(1))
+        }
+        println(d.contentToString())
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.toLong())
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.LINT
+    }
+}
+
+data class ULIntField(var defaultValue:ULong, override var content:ULong = 0uL, override val contentState: MutableState<ULong> = mutableStateOf(defaultValue)): ConnectionField<ULong>(content, contentState) {
+
+    override fun getFromFBValue(): ByteArray {
+        val bytes: ByteArray = ByteBuffer.allocate(9).put(getTypeID().code.toByte()).putLong(content.toLong()).array()
+        return bytes
+    }
+
+    override fun getMsgValue(): String {
+        return getValue().toString()
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var buf = ByteBuffer.wrap(d)
+
+        if (buf[0] == TYPE_ID.UDINT.code.toByte()) {
+            setValue(ByteBuffer.wrap(d).getLong(1).toULong())
+        }
+        println(d.contentToString())
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d.toULong())
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.ULINT
+    }
+}
diff --git a/code/cat_visual/src/main/kotlin/connection/field/StringField.kt b/code/cat_visual/src/main/kotlin/connection/field/StringField.kt
new file mode 100644
index 000000000..d57e7afff
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/connection/field/StringField.kt
@@ -0,0 +1,31 @@
+package connection.field
+
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import java.nio.ByteBuffer
+
+data class StringField(override var content:String = "", override val contentState: MutableState<String> = mutableStateOf(content)): ConnectionField<String>(content, contentState) {
+    override fun getFromFBValue(): ByteArray {
+        val contentBytes: ByteArray = content.toByteArray()
+        return ByteBuffer.allocate(contentBytes.size + 3).put(TYPE_ID.STRING.code.toByte()).putShort(content.length.toShort()).put(contentBytes).array()
+    }
+
+    override fun getMsgValue(): String {
+        return content
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var size = ByteBuffer.wrap(d).getShort(1)
+        setValue(String(d.copyOfRange(3, 3 + size.toInt())))
+        println(d.contentToString())
+    }
+
+    override fun getFBValue(d: String) {
+        setValue(d)
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.STRING
+    }
+
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/connection/field/WStringField.kt b/code/cat_visual/src/main/kotlin/connection/field/WStringField.kt
new file mode 100644
index 000000000..41ef84f6d
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/connection/field/WStringField.kt
@@ -0,0 +1,31 @@
+package connection.field
+
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import java.nio.ByteBuffer
+
+data class WStringField(override var content:String = "", override val contentState: MutableState<String> = mutableStateOf(content)): ConnectionField<String>(content, contentState) {
+    override fun getFromFBValue(): ByteArray {
+        val contentBytes: ByteArray = content.toByteArray(Charsets.UTF_16)
+        return ByteBuffer.allocate(contentBytes.size * 2 + 3).put(getTypeID().code.toByte()).putShort((content.length.toShort() * 2).toShort()).put(contentBytes).array()
+    }
+
+    override fun getMsgValue(): String {
+        TODO("Not yet implemented")
+    }
+
+    override fun getFBValue(d: ByteArray) {
+        var size = ByteBuffer.wrap(d).getShort(1)
+        setValue(String(d.copyOfRange(3, 3 + size.toInt()), Charsets.UTF_16))
+        println(d.contentToString())
+    }
+
+    override fun getFBValue(d: String) {
+        TODO("Not yet implemented")
+    }
+
+    override fun getTypeID(): TYPE_ID {
+        return TYPE_ID.WSTRING
+    }
+
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/connection/provider/ConnectionProvider.kt b/code/cat_visual/src/main/kotlin/connection/provider/ConnectionProvider.kt
new file mode 100644
index 000000000..a81d45400
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/connection/provider/ConnectionProvider.kt
@@ -0,0 +1,89 @@
+package connection.provider
+
+import connection.ConnectionFieldRegistry
+import connection.field.ConnectionField
+import connection.field.TYPE_ID
+import java.io.BufferedReader
+import java.io.InputStreamReader
+import java.io.PrintWriter
+import java.net.DatagramPacket
+import java.net.InetAddress
+import java.net.MulticastSocket
+import java.net.ServerSocket
+import java.net.Socket
+import java.nio.ByteBuffer
+import kotlin.concurrent.thread
+
+abstract class ConnectionProvider(private val port: Int, private val host: String = "225.0.0.1") {
+    abstract fun response(fieldGetter: (ByteArray) -> Pair<Pair<ConnectionField<out Any>, ByteArray>, String>, ping:Long = 500, callbacks: Map<String, () -> Unit> = mapOf())
+    abstract fun response(fieldSetter: (String) -> String, log: Boolean, ping:Long = 500, callbacks: Map<String, () -> Unit> = mapOf())
+    abstract fun request(field: ConnectionField<out Any>, prefix: ByteArray)
+    abstract fun request(msg: String)
+}
+
+class UDPConnectionProvider(private val port: Int, private val host: String = "225.0.0.1"): ConnectionProvider(port, host) {
+    val group = InetAddress.getByName(host);
+    val socket = MulticastSocket(port);
+
+
+    init {
+        socket.joinGroup(group)
+    }
+
+    var ind = 0
+
+    override fun response(fieldGetter: (ByteArray) -> Pair<Pair<ConnectionField<out Any>, ByteArray>, String>, ping:Long, callbacks: Map<String, () -> Unit>) {
+        thread {
+            while (true) {
+                val buf = ByteArray(1024);
+                val recv = DatagramPacket(buf, buf.size);
+                socket.receive(recv)
+                val fieldData = fieldGetter(recv.data)
+                val field = fieldData.first.first
+                val data = fieldData.first.second
+                val name = fieldData.second
+                println("GETTING ${field.getTypeID()}")
+                field.getFBValue(data)
+                callbacks.getOrDefault(name, {})()
+                println("GOT ${field.getValue()}")
+                Thread.sleep(ping)
+            }
+        }
+    }
+
+    override fun request(field: ConnectionField<out Any>, prefix: ByteArray) {
+        println("SENDING ${field.getValue()}")
+        var msg = field.getFromFBValue()
+        msg = prefix.plus(msg)
+        val hi = DatagramPacket(msg, msg.size,
+            group, port);
+        socket.send(hi)
+    }
+
+    override fun request(msgJ: String) {
+        println("SENDING ${msgJ}")
+        val contentBytes = msgJ.toByteArray()
+        val msg = ByteBuffer.allocate(contentBytes.size + 3).put(TYPE_ID.STRING.code.toByte()).putShort(msgJ.length.toShort()).put(contentBytes).array()
+        val hi = DatagramPacket(msg, msg.size,
+            group, port);
+        socket.send(hi)
+    }
+
+    override fun response(fieldSetter: (String) -> String, log: Boolean, ping:Long, callbacks: Map<String, () -> Unit>) {
+        thread {
+            while (true) {
+
+                val buf = ByteArray(1024);
+                val recv = DatagramPacket(buf, buf.size);
+                socket.receive(recv)
+                var size = ByteBuffer.wrap(recv.data).getShort(1)
+                var msg = String(recv.data.copyOfRange(3, 3 + size.toInt()))
+                if (log) println("MESSAGE $msg")
+                val name = fieldSetter(msg)
+                callbacks.getOrDefault(name, {})()
+                Thread.sleep(ping)
+            }
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/COUNTER/COMMON_CONF.xml b/code/cat_visual/src/main/kotlin/example/COUNTER/COMMON_CONF.xml
new file mode 100644
index 000000000..b887ebd85
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/COUNTER/COMMON_CONF.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Conf>
+    <Inputs>
+        <Input type="STRING" host="225.0.0.2" port="65011"/>
+    </Inputs>
+    <Outputs>
+        <Output type="STRING" host="225.0.0.2" port="65012"/>
+    </Outputs>
+</Conf>
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/COUNTER/COUNT.xml b/code/cat_visual/src/main/kotlin/example/COUNTER/COUNT.xml
new file mode 100644
index 000000000..e69de29bb
diff --git a/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER.kt b/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER.kt
new file mode 100644
index 000000000..3da411dcb
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER.kt
@@ -0,0 +1,46 @@
+package example.COUNTER
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.onClick
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import connection.AbstractClient
+import connection.ConnectionFieldRegistry
+import lib.elements.getters.Bulb
+import lib.elements.getters.TextBox
+import lib.elements.setters.Checkbox
+import lib.elements.setters.Toggle
+import lib.visual.PositionedBox
+
+
+@Composable
+fun LampHMI(client: AbstractClient, id: String) {
+    Bulb("$id#LAMP", client)
+}
+@Composable
+fun ToggleHMI(client: AbstractClient, id: String) {
+    Toggle("$id#TOGGLE", client)
+}
+
+@Composable
+fun CounterHMI(client: AbstractClient, id: String) {
+    Row {
+        Text("Count of changes: ")
+        TextBox("$id#COUNT", client, Modifier.width(40.dp).height(30.dp).background(Color.LightGray))
+//            PositionedBox( children = {Indicator("count", "225.0.0.2", 65003, registry, 0, 100, 1000.dp)}, x = 100, y = 100)
+    }
+}
+
+@Composable
+fun CounterLampHMI(client: AbstractClient, id: String) {
+    PositionedBox(children = {CounterHMI(client, "1")}, x = 200)
+    LampHMI(client, "1")
+    PositionedBox(children = {ToggleHMI(client, "1")}, x = 300, y = 100)
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER.xml b/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER.xml
new file mode 100644
index 000000000..d863c3198
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Mapping id="1">
+    <Inputs>
+        <Input name="LAMP" type="BOOL"/>
+        <Input name="COUNT" type="STRING"/>
+    </Inputs>
+    <Outputs>
+        <Output name="TOGGLE" type="BOOL"/>
+    </Outputs>
+</Mapping>
+
+<!--
+<?xml version="1.0" encoding="utf-8"?>
+<Host host="" />
+<Port port="" />
+<Mapping id="1">
+    <Inputs>
+        <Input id="" type="BOOL"/>
+    </Inputs>
+    <Outputs>
+        <Output id="" type="BOOL" />
+    </Outputs>
+</Mapping>
+-->
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER_CONF.xml b/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER_CONF.xml
new file mode 100644
index 000000000..bb9432301
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER_CONF.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Conf>
+    <Inputs>
+        <Input type="BOOL" host="225.0.0.2" port="65010"/>
+        <Input type="STRING" host="225.0.0.2" port="65011"/>
+    </Inputs>
+    <Outputs>
+        <Output type="BOOL" host="225.0.0.2" port="65012"/>
+    </Outputs>
+</Conf>
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER_PLAIN.xml b/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER_PLAIN.xml
new file mode 100644
index 000000000..8998ad64d
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/COUNTER/COUNTER_PLAIN.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Mapping>
+    <Inputs>
+        <Input name="LAMP" type="BOOL" host="225.0.0.1" port="65000"/>
+        <Input name="COUNT" type="INT" host="225.0.0.2" port="65003"/>
+    </Inputs>
+    <Outputs>
+        <Output name="TOGGLE" type="BOOL" host="225.0.0.1" port="65001"/>
+    </Outputs>
+</Mapping>
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/COUNTER/LAMP.xml b/code/cat_visual/src/main/kotlin/example/COUNTER/LAMP.xml
new file mode 100644
index 000000000..869c96923
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/COUNTER/LAMP.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Mapping id="1">
+    <Inputs>
+        <Input name="LAMP" type="BOOL"/>
+        <Input name="COUNT" type="STRING"/>
+    </Inputs>
+    <Outputs>
+        <Output name="TOGGLE" type="BOOL"/>
+    </Outputs>
+</Mapping>
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/COUNTER/TOGGLE.xml b/code/cat_visual/src/main/kotlin/example/COUNTER/TOGGLE.xml
new file mode 100644
index 000000000..e69de29bb
diff --git a/code/cat_visual/src/main/kotlin/example/INCHOICE/INCHOICE.kt b/code/cat_visual/src/main/kotlin/example/INCHOICE/INCHOICE.kt
new file mode 100644
index 000000000..b835fd35d
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/INCHOICE/INCHOICE.kt
@@ -0,0 +1,75 @@
+//package example.INCHOICE
+//
+//import androidx.compose.foundation.background
+//import androidx.compose.foundation.layout.Box
+//import androidx.compose.foundation.layout.Column
+//import androidx.compose.foundation.layout.height
+//import androidx.compose.foundation.layout.width
+//import androidx.compose.material.Switch
+//import androidx.compose.material.Text
+//import androidx.compose.runtime.*
+//import androidx.compose.ui.Modifier
+//import androidx.compose.ui.graphics.Color
+//import androidx.compose.ui.unit.dp
+//import connection.field.BoolField
+//import connection.field.ConnectionField
+//import connection.field.StringField
+//import connection.provider.ConnectionProvider
+//
+//val field: ConnectionField<Boolean> = BoolField()
+//val toggleField: ConnectionField<Boolean> = BoolField()
+//val ipField: ConnectionField<String> = StringField()
+//
+//var connectionProvider: ConnectionProvider<Boolean> = ConnectionProvider(field, 65001)
+//var connectionProviderToggle: ConnectionProvider<Boolean> = ConnectionProvider(toggleField, 65000)
+//var connectionProviderIpText: ConnectionProvider<String> = ConnectionProvider(ipField, 65002)
+//
+//
+//val ping = 1
+//
+//@Composable
+//fun LampToggle() {
+//    val checkedState = remember { toggleField }
+//    Switch(
+//        checked = checkedState.contentState.value,
+//        onCheckedChange = {
+//            checkedState.setValue(it)
+//            connectionProviderToggle.request()}
+//    )
+//}
+//
+//
+//val trueColor = Color.Yellow
+//val falseColor = Color.Black
+//
+//
+//@Composable
+//fun Lamp_HMI() {
+//    fun getColor(s: Boolean): Color {
+//        if (s) {
+//            return trueColor
+//        } else {
+//            return falseColor
+//        }
+//    }
+//
+//
+//    var checkedState = remember{ field }
+//    Column {
+//        Box(
+//            modifier = Modifier.background(color = if (checkedState.contentState.value) trueColor else falseColor)
+//                .width(600.dp)
+//                .height(600.dp)
+//        ) {
+//            connectionProvider.response()
+//        }
+//        Box(
+//            modifier = Modifier.background(color = Color.Gray)
+//                .width(200.dp)
+//                .height(200.dp)
+//        ) {
+//            Text(ipField.contentState.value)
+//            connectionProviderIpText.response()
+//        }
+//    }
+//}
diff --git a/code/cat_visual/src/main/kotlin/example/INCHOICE/INCHOICE_HMI.cnv.xml b/code/cat_visual/src/main/kotlin/example/INCHOICE/INCHOICE_HMI.cnv.xml
new file mode 100644
index 000000000..5297eeccc
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/INCHOICE/INCHOICE_HMI.cnv.xml
@@ -0,0 +1,17 @@
+<!--support architecture-->
+<Mapping>
+    <EventInputs>
+        <Event Name="REQ" Map="REQ_1">CHOICES</Event>
+    </EventInputs>
+    <EventOutputs>
+        <Event Name="CNF" Map="IND_1">I</Event>
+        <Event Name="CHQ" Map="IND_2" />
+    </EventOutputs>
+    <Inputs>
+        <Input Name="CHOICES" Type="STRING" Map="SD_1" />
+    </Inputs>
+    <Outputs>
+        <Output Name="OUT" Type="STRING" Map="RD_1" />
+        <Output Name="I" Type="UINT" Map="RD_2" />
+    </Outputs>
+</Mapping>
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/INPUTS/inp.json b/code/cat_visual/src/main/kotlin/example/INPUTS/inp.json
new file mode 100644
index 000000000..6a69bf98c
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/INPUTS/inp.json
@@ -0,0 +1,28 @@
+{
+  "host": "",
+  "port": "",
+  "mapping": {
+    "id1": {
+      "inputs": [
+        {
+          "id": "id",
+          "type": "type"
+        },
+        {
+          "id": "id",
+          "type": "type"
+        }
+      ],
+      "outputs": [
+        {
+          "id": "id",
+          "type": "type"
+        },
+        {
+          "id": "id",
+          "type": "type"
+        }
+      ]
+    }
+  }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK.kt b/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK.kt
new file mode 100644
index 000000000..3d66990ed
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK.kt
@@ -0,0 +1,121 @@
+package example.WATER_TANK
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.zIndex
+import connection.AbstractClient
+import connection.ConnectionFieldRegistry
+import lib.elements.*
+import lib.elements.getters.Bulb
+import lib.elements.getters.LightingText
+import lib.elements.getters.VerticalIndicator
+import lib.elements.setters.RoundKnob
+import lib.visual.PositionedBox
+
+@Composable
+fun WaterTank(client: AbstractClient) {
+
+    Box {
+        PositionedBox(@Composable { LampIndicator("lampIndicator1", client) }, 120, 190)
+        PositionedBox(@Composable { LampIndicator("lampIndicator2", client) }, 120, 380)
+        PositionedBox(@Composable { PipeConnector(Color.Gray, 100.dp, 30.dp) }, 150, 100)
+        PositionedBox(@Composable { Figure(RoundedCornerShape(100.dp),
+            modifier = Modifier.size(200.dp, 300.dp)
+                .background(brush = METALLIC_BRUSH, shape = RoundedCornerShape(20.dp))
+        )
+        }, 200, 150, zIndex = 2f)
+        PositionedBox(@Composable { Pipe(Color.Gray, 100.dp, 30.dp) }, 400, 400)
+        PositionedBox(@Composable {
+            VerticalIndicator(
+                "tankIndicator", client,
+                color = Color.Blue, step = 20f, minTemperature = 0f, maxTemperature = 100f,
+                trackHeight = 200.dp, indicatorWidth = 20.dp
+            )
+        }, 300, 200, zIndex = 3f)
+    }
+}
+
+@Composable
+fun LampIndicator(name: String, client: AbstractClient, pipeSize: Dp = 30.dp) {
+    Row {
+        PositionedBox(@Composable {
+            Bulb(
+                name,
+                client,
+                size = pipeSize,
+                borderWidth = 4.dp,
+                modifier = Modifier.zIndex(2f)
+            )
+        }, pipeSize.value / 2)
+        Pipe(Color.Gray, 100.dp, pipeSize)
+    }
+}
+
+
+@Composable
+fun System(client: AbstractClient) {
+    PositionedBox(@Composable {
+        RoundKnob(
+            "knob1",
+            client,
+            0..100,
+            0f,
+            knobSize = 60.dp,
+            knobColor = Color.Red
+        )
+    }, 10, 50)
+    PositionedBox(@Composable {
+        RoundKnob(
+            "knob2",
+            client,
+            0..100,
+            0f,
+            knobSize = 60.dp,
+            knobColor = Color.Blue
+        )
+    }, 10, 120)
+    WaterTank(client)
+    PositionedBox(@Composable {
+        VerticalIndicator(
+            "outputIndicator", client,
+            color = Color.Red, step = 20f, minTemperature = 0f, maxTemperature = 100f,
+            trackHeight = 200.dp, indicatorWidth = 20.dp
+        )
+    }, 440, 150, zIndex = 3f)
+    PositionedBox(@Composable {
+        LightingText(
+            "stateInlet",
+            client,
+            "Inlet",
+            width = 70.dp,
+            height = 25.dp,
+            borderWidth = 5.dp
+        )
+    }, 500, 150)
+    PositionedBox(@Composable {
+        LightingText(
+            "stateHeat",
+            client,
+            "Heat",
+            width = 70.dp,
+            height = 25.dp,
+            borderWidth = 5.dp
+        )
+    }, 500, 200)
+    PositionedBox(@Composable {
+        LightingText(
+            "stateOutlet",
+            client,
+            "Outlet",
+            width = 70.dp,
+            height = 25.dp,
+            borderWidth = 5.dp
+        )
+    }, 500, 250)
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK.xml b/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK.xml
new file mode 100644
index 000000000..bba095874
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Mapping>
+    <Inputs>
+        <Input name="lampIndicator1" type="BOOL"/>
+        <Input name="lampIndicator2" type="BOOL"/>
+        <Input name="tankIndicator" type="REAL"/>
+        <Input name="outputIndicator" type="REAL"/>
+        <Input name="stateInlet" type="BOOL"/>
+        <Input name="stateHeat" type="BOOL"/>
+        <Input name="stateOutlet" type="BOOL"/>
+    </Inputs>
+    <Outputs>
+        <Output name="knob1" type="REAL"/>
+        <Output name="knob2" type="REAL"/>
+    </Outputs>
+</Mapping>
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK_CONF.xml b/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK_CONF.xml
new file mode 100644
index 000000000..b7461d6df
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK_CONF.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Conf>
+    <Inputs>
+        <Input type="BOOL" host="225.0.0.1" port="65000"/>
+        <Input type="REAL" host="225.0.0.1" port="65001"/>
+    </Inputs>
+    <Outputs>
+        <Output type="REAL" host="225.0.0.1" port="65002"/>
+    </Outputs>
+</Conf>
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK_PLAIN.xml b/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK_PLAIN.xml
new file mode 100644
index 000000000..f59dbb5dc
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/example/WATER_TANK/WATER_TANK_PLAIN.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Mapping>
+    <Inputs>
+        <Input name="lampIndicator1" type="BOOL" host="225.0.0.1" port="65000"/>
+        <Input name="lampIndicator2" type="BOOL" host="225.0.0.1" port="65001"/>
+        <Input name="tankIndicator" type="REAL" host="225.0.0.1" port="65002"/>
+        <Input name="outputIndicator" type="REAL" host="225.0.0.1" port="65003"/>
+        <Input name="stateInlet" type="BOOL" host="225.0.0.1" port="65005"/>
+        <Input name="stateHeat" type="BOOL" host="225.0.0.1" port="65006"/>
+        <Input name="stateOutlet" type="BOOL" host="225.0.0.1" port="65007"/>
+    </Inputs>
+    <Outputs>
+        <Output name="knob1" type="REAL" host="225.0.0.1" port="65008"/>
+        <Output name="knob2" type="REAL" host="225.0.0.1" port="65009"/>
+    </Outputs>
+</Mapping>
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/lib/elements/figures/elements.kt b/code/cat_visual/src/main/kotlin/lib/elements/figures/elements.kt
new file mode 100644
index 000000000..d23a47a84
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/lib/elements/figures/elements.kt
@@ -0,0 +1,212 @@
+package lib.elements
+
+import androidx.compose.animation.core.AnimationSpec
+import androidx.compose.animation.core.animateFloatAsState
+import androidx.compose.animation.core.tween
+import androidx.compose.foundation.Canvas
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.CutCornerShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.MaterialTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.rotate
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.geometry.Size
+import androidx.compose.ui.graphics.*
+import androidx.compose.ui.graphics.drawscope.Stroke
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+
+
+@Composable
+fun Rectangle(color: Color, width: Dp, height: Dp) {
+    Box(
+        modifier = Modifier.background(color = color)
+            .width(width)
+            .height(height)
+    ) {
+    }
+}
+
+@Composable
+fun Rectangle(color: Color, size: Dp) {
+    Box(
+        modifier = Modifier.background(color = color)
+            .size(size)
+    ) {
+    }
+}
+
+@Composable
+fun Round(color: Color, width: Dp, height: Dp) {
+    Box(
+        modifier = Modifier.background(color = color)
+            .clip(CircleShape)
+            .width(width)
+            .height(height)
+    ) {
+    }
+}
+
+@Composable
+fun Round(color: Color, size: Dp) {
+    Box(
+        modifier = Modifier.background(color = color)
+            .clip(CircleShape)
+            .size(size)
+    ) {
+    }
+}
+
+@Composable
+fun Round(modifier: Modifier, width: Dp, height: Dp) {
+    Box(
+        modifier = Modifier
+            .clip(CircleShape)
+            .width(width)
+            .height(height)
+            .then(modifier)
+    ) {
+    }
+}
+
+@Composable
+fun RoundedRectangle(color: Color, width: Dp, height: Dp, radius: Dp) {
+    Box(
+        modifier = Modifier.background(color = color)
+            .clip(RoundedCornerShape(radius))
+            .width(width)
+            .height(height)
+    ) {
+    }
+}
+
+@Composable
+fun RoundedRectangle(color: Color, size: Dp, radius: Dp) {
+    Box(
+        modifier = Modifier.background(color = color)
+            .clip(RoundedCornerShape(radius))
+            .size(size)
+    ) {
+    }
+}
+
+
+@Composable
+fun RoundedRectangle(modifier: Modifier, width: Dp, height: Dp, radius: Dp) {
+    Box(
+        modifier = modifier
+            .clip(RoundedCornerShape(radius))
+            .width(width)
+            .height(height)
+    ) {
+    }
+}
+
+@Composable
+fun CutRectangle(color: Color, width: Dp, height: Dp, radius: Dp) {
+    Figure(shape = CutCornerShape(radius),
+        modifier = Modifier.background(color = color)
+            .width(width)
+            .height(height)
+    )
+}
+
+@Composable
+fun CutRectangle(color: Color, size: Dp, radius: Dp) {
+    Figure(
+        shape = CutCornerShape(radius),
+        modifier = Modifier.background(color = color)
+            .clip(CutCornerShape(radius))
+            .size(size)
+    )
+}
+
+
+@Composable
+fun Figure(shape: Shape = RectangleShape, modifier: Modifier = Modifier) {
+    Box(modifier = modifier.clip(shape)){
+    }
+}
+
+@Composable
+fun OneDAnimatedComposable(
+    content: @Composable () -> Unit,
+    isAtTheEnd: Boolean,
+    targetValue: Float,
+    horizontally: Boolean = true,
+    animationSpec: AnimationSpec<Float> = tween(durationMillis = 1000),
+) {
+    val animatedValue by animateFloatAsState(
+        targetValue = if (isAtTheEnd) targetValue else 0f,
+        animationSpec = animationSpec
+    )
+
+    var modifier:Modifier = Modifier;
+    if (horizontally) {
+        modifier = modifier.offset(x = animatedValue.dp)
+    } else {
+        modifier = modifier.offset(y = animatedValue.dp)
+    }
+    Box(
+        modifier = modifier
+    ) {
+        content()
+    }
+}
+
+@Composable
+fun Pipe(
+    color: Color,
+    pipeWidth: Dp,
+    pipeHeight: Dp,
+    modifier: Modifier = Modifier
+) {
+    Box(
+        modifier = modifier
+            .width(pipeWidth)
+            .height(pipeHeight)
+            .background(brush = Brush.verticalGradient(listOf(color, color.copy(alpha = 0.2f), color)))
+    ){}
+}
+
+@Composable
+fun PipeConnector(
+    color: Color,
+    connectorWidth: Dp,
+    connectorHeight: Dp,
+    modifier: Modifier = Modifier
+) {
+        Box(modifier = modifier) {
+            Box(
+                modifier = Modifier
+                    .offset()
+                    .width(connectorWidth)
+                    .height(connectorHeight)
+                    .background(
+                        brush = Brush.verticalGradient(listOf(color, color.copy(alpha = 0.2f), color)),
+                        shape = RoundedCornerShape(0.dp, connectorHeight, connectorHeight, 0.dp)
+                    )
+            ) {}
+            val rotatedBoxOffset = connectorWidth / 2 - connectorHeight /2
+            Box(
+                modifier = Modifier
+                    .offset(x = rotatedBoxOffset, y = rotatedBoxOffset)
+                    .rotate(-90f)
+                    .width(connectorWidth)
+                    .height(connectorHeight)
+                    .background(
+                        brush = Brush.verticalGradient(listOf(color, color.copy(alpha = 0.2f), color)),
+                        shape = RoundedCornerShape(0.dp, connectorHeight, connectorHeight, 0.dp)
+                    )
+            ) {}
+        }
+
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/lib/elements/getters/elements.kt b/code/cat_visual/src/main/kotlin/lib/elements/getters/elements.kt
new file mode 100644
index 000000000..3be2f0045
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/lib/elements/getters/elements.kt
@@ -0,0 +1,221 @@
+package lib.elements.getters
+
+import androidx.compose.foundation.*
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.RectangleShape
+import androidx.compose.ui.graphics.StrokeCap
+import androidx.compose.ui.graphics.drawscope.Stroke
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.font.SystemFontFamily
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.TextUnit
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.compose.ui.zIndex
+import connection.AbstractClient
+import connection.ConnectionFieldRegistry
+import connection.field.ConnectionField
+import connection.field.TYPE_ID
+import connection.provider.ConnectionProvider
+import lib.elements.*
+
+@Composable
+fun Bulb(name: String, client: AbstractClient,
+         size: Dp = 60.dp, borderWidth:Dp = 10.dp,
+         modifier: Modifier = Modifier
+         ) {
+
+    val field = client.getField(name) as ConnectionField<Boolean>
+
+    var checkedStateBulb = remember { field }
+    Round(
+        modifier.background(brush = if (checkedStateBulb.contentState.value) LIGHT_RADIAL_BRUSH else DARK_RADIAL_BRUSH)
+            .border(width = borderWidth, brush = METALLIC_BRUSH, shape = CircleShape),
+        size,
+        size
+    )
+}
+
+
+@Composable
+fun LightingText(name: String, client: AbstractClient,
+                 text:String,
+         width: Dp = 60.dp, height: Dp = 60.dp, borderWidth:Dp = 10.dp,
+         modifier: Modifier = Modifier, lightBrush: Brush = LIGHT_RADIAL_BRUSH
+         ) {
+
+    val field = client.getField(name) as ConnectionField<Boolean>
+
+    var checkedStateBulb = remember { field }
+
+    Box(
+        modifier = modifier.background(brush = if (checkedStateBulb.contentState.value) lightBrush else DARK_RADIAL_BRUSH, shape =  RoundedCornerShape(height / 4))
+            .border(width = borderWidth, brush = METALLIC_BRUSH, shape = RoundedCornerShape(height / 4))
+            .widthIn(min = width)
+            .heightIn(min = height)
+            .clip(RoundedCornerShape(height / 4)),
+    ) {
+        Text(text, modifier = Modifier.align(Alignment.Center))
+    }
+}
+
+@Composable
+fun TextBox(
+    name: String,
+    client: AbstractClient,
+    modifier: Modifier = Modifier.focusable(true)
+) {
+    val field = client.getField(name)
+
+    var checkedState = remember { field }
+    Box(
+        modifier = modifier.then(Modifier.fillMaxWidth().fillMaxHeight())
+    ) {
+        Text(checkedState!!.contentState.value.toString())
+    }
+}
+
+@Composable
+fun Indicator(
+    name: String, client: AbstractClient,
+    minIndicatorValue: Int, maxIndicatorValue: Int, size: Dp,
+    indicatorThickness: Dp = 28.dp,
+    animationDuration: Int = 1000,
+    animationDelay: Int = 0
+) {
+    val field = client.getField(name) as ConnectionField<Number>
+
+    var checkedState = remember { field }
+    Box(
+        contentAlignment = Alignment.Center,
+        modifier = Modifier.wrapContentSize().padding(indicatorThickness)
+    ) {
+        Canvas(
+            modifier = Modifier
+                .height(size + indicatorThickness)
+                .width(size + indicatorThickness)
+        ) {
+            drawArc(
+                color = Color.LightGray,
+                startAngle = 0f,
+                sweepAngle = -180f,
+                useCenter = false,
+                style = Stroke(width = indicatorThickness.toPx(), cap = StrokeCap.Round)
+            )
+
+            var sweepAngle = 0f;
+            if (checkedState.contentState.value.toInt() != 0) {
+                sweepAngle = (checkedState.contentState.value.toInt() / (maxIndicatorValue - minIndicatorValue).toFloat()) * 180f
+            }
+
+            // Foreground circle
+            drawArc(
+                color = Color.Red,
+                startAngle = 180f,
+                sweepAngle = sweepAngle,
+                useCenter = false,
+                style = Stroke(indicatorThickness.toPx(), cap = StrokeCap.Round)
+            )
+
+
+        }
+        Text(
+            text = checkedState.contentState.value.toString(),
+            color = Color.Black,
+            style = MaterialTheme.typography.body1,
+            textAlign = TextAlign.Center,
+            modifier = Modifier
+                .align(Alignment.Center),
+            fontSize = 30.sp
+        )
+    }
+}
+
+
+@Composable
+fun VerticalIndicator(
+    name: String, client: AbstractClient,
+    temperature: Float = 0f,
+    maxTemperature: Float,
+    minTemperature: Float,
+    color: Color,
+    step: Float,
+    modifier: Modifier = Modifier,
+    trackHeight: Dp = 400.dp,
+    indicatorWidth: Dp = 48.dp,
+    legendFontSize: TextUnit = 12.sp,
+    legendFontColor: Color = Color.Black,
+    font: SystemFontFamily = FontFamily.Default,
+    showCurrentState: Boolean = false
+) {
+    val field = client.getField(name) as ConnectionField<Number>
+    var checkedState = remember { field }
+
+    val stepCount = ((maxTemperature - minTemperature) / step).toInt()
+    val temperatureRange = maxTemperature - minTemperature
+
+    Box(
+        modifier = modifier
+            .width(indicatorWidth)
+            .height(trackHeight)
+            .background(Color.LightGray)
+            .border(BorderStroke(3.dp, METALLIC_BRUSH), RectangleShape)
+    ) {
+        val temperatureOffset = (checkedState.contentState.value.toFloat() - minTemperature) / temperatureRange
+        val indicatorHeight = (temperatureOffset * trackHeight.value).dp
+
+
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(indicatorHeight)
+                .background(color)
+                .align(Alignment.BottomCenter)
+        ) {
+
+            if (showCurrentState) {
+                Text(
+                    text = "${checkedState.contentState.value}",
+                    fontSize = 16.sp,
+                    fontWeight = FontWeight.Bold,
+                    color = legendFontColor,
+                    modifier = Modifier.offset(y = trackHeight)
+                )
+            }
+        }
+
+    }
+    for (i in (minTemperature.toInt()..maxTemperature.toInt()).reversed() step step.toInt()) {
+        val halfLegendHeight = legendFontSize.value.dp / 2f
+        val labelOffset = ((i - minTemperature) / temperatureRange).coerceIn(0f, 1f)
+        val labelTop = (((1f - labelOffset) * (trackHeight.value)) - halfLegendHeight.value).coerceIn(0f, trackHeight.value).dp
+        Box(modifier = Modifier.width(indicatorWidth * 2)) {
+            Text(
+                modifier = Modifier.offset(x = indicatorWidth, y = labelTop),
+                text = "$i",
+                fontSize = legendFontSize,
+                fontWeight = FontWeight.Light,
+                fontFamily = font,
+                color = legendFontColor,
+                softWrap = false,
+                lineHeight = legendFontSize
+            )
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/lib/elements/setters/elements.kt b/code/cat_visual/src/main/kotlin/lib/elements/setters/elements.kt
new file mode 100644
index 000000000..a13e073dd
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/lib/elements/setters/elements.kt
@@ -0,0 +1,549 @@
+package lib.elements.setters
+
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.foundation.*
+import androidx.compose.foundation.gestures.*
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.itemsIndexed
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.*
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowDropDown
+import androidx.compose.material.icons.filled.Check
+import androidx.compose.material.icons.filled.Done
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.rotate
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.geometry.Size
+import androidx.compose.ui.graphics.*
+import androidx.compose.ui.graphics.drawscope.Stroke
+import androidx.compose.ui.input.pointer.consumeAllChanges
+import androidx.compose.ui.input.pointer.consumePositionChange
+import androidx.compose.ui.input.pointer.pointerInput
+import androidx.compose.ui.input.pointer.positionChange
+import androidx.compose.ui.layout.boundsInWindow
+import androidx.compose.ui.layout.onGloballyPositioned
+import androidx.compose.ui.layout.onSizeChanged
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.TextFieldValue
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.*
+import androidx.compose.ui.zIndex
+import connection.AbstractClient
+import connection.ConnectionFieldRegistry
+import connection.field.*
+import connection.provider.ConnectionProvider
+import lib.elements.METALLIC_BRUSH
+import java.lang.UnsupportedOperationException
+import kotlin.concurrent.thread
+import kotlin.math.PI
+import kotlin.math.atan2
+import kotlin.math.roundToInt
+
+@Composable
+fun CustomButton(
+    text: String,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    buttonColors: ButtonColors = ButtonDefaults.buttonColors(),
+    textColor: Color = Color.Black,
+    backgroundColor: Color = Color.White,
+    borderColor: Color = Color.Transparent,
+    borderWidth: Int = 0,
+    cornerRadius: Int = 0
+) {
+    Button(
+        onClick = onClick,
+        modifier = modifier,
+        colors = buttonColors,
+        shape = RoundedCornerShape(cornerRadius.dp),
+        border = BorderStroke(width = borderWidth.dp, color = borderColor),
+        contentPadding = PaddingValues(16.dp),
+        elevation = ButtonDefaults.elevation(defaultElevation = 0.dp, pressedElevation = 2.dp)
+    ) {
+        Text(
+            text = text,
+            color = textColor,
+            modifier = Modifier.padding(4.dp)
+        )
+    }
+}
+
+@Composable
+fun Toggle(
+    name: String, client: AbstractClient,
+    modifier: Modifier = Modifier,
+    onCheckedChange: (Boolean) -> Unit = {}
+) {
+    val toggleField = client.getField(name) as ConnectionField<Boolean>
+
+    val checkedStateToggle = remember { toggleField }
+    Switch(
+        modifier = modifier.size(24.dp),
+        checked = checkedStateToggle.contentState.value,
+        onCheckedChange = {
+            checkedStateToggle.setValue(it)
+            client.sendValue(name)
+            onCheckedChange(it)
+        }
+    )
+}
+
+@Composable
+fun Checkbox(
+    name: String, client: AbstractClient,
+    modifier: Modifier = Modifier,
+    onCheckedChange: (Boolean) -> Unit = {},
+    checkboxColor: Color = MaterialTheme.colors.primary,
+    checkmarkColor: Color = Color.White,
+    disabledColor: Color = MaterialTheme.colors.onSurface.copy(alpha = 0.38f),
+    contentDescription: String? = null
+) {
+    val checkboxField = client.getField(name) as ConnectionField<Boolean>
+
+    val checkedStateCheckbox = remember { checkboxField }
+
+    Box(
+        modifier = modifier
+            .clickable(
+                onClick = {
+                    val changedValue = !checkedStateCheckbox.contentState.value
+                    checkedStateCheckbox.setValue(changedValue)
+                    client.sendValue(name)
+                    onCheckedChange(changedValue)
+                })
+            .size(24.dp),
+        contentAlignment = Alignment.Center
+    ) {
+        val backgroundColor = if (checkedStateCheckbox.contentState.value) checkboxColor else disabledColor
+        Box(
+            modifier = Modifier
+                .size(20.dp)
+                .background(color = backgroundColor)
+                .border(width = 2.dp, brush = METALLIC_BRUSH, shape = RectangleShape),
+            contentAlignment = Alignment.Center
+        ) {
+            if (checkedStateCheckbox.contentState.value) {
+                Icon(
+                    imageVector = Icons.Default.Check,
+                    contentDescription = contentDescription,
+                    tint = checkmarkColor,
+                    modifier = Modifier.size(12.dp)
+                )
+            }
+        }
+    }
+}
+
+@Composable
+fun ListBox(
+    name: String, client: AbstractClient,
+    modifier: Modifier = Modifier,
+    items: List<String>,
+    onItemSelected: (String) -> Unit = {},
+    dropdownMaxHeight: Dp = 240.dp,
+    content: @Composable (String) -> Unit
+) {
+    val comboBoxField = client.getField(name) as ConnectionField<String>
+
+    val checkedStateComboBox = remember { comboBoxField }
+    var expanded by remember { mutableStateOf(false) }
+    var dropdownHeight by remember { mutableStateOf(0.dp) }
+    val density = LocalDensity.current
+    val dropdownHeightPx = with(density) { dropdownHeight.toPx() }
+    var selectedItem: String by remember { mutableStateOf("") }
+    var textfieldSize by remember { mutableStateOf(0) }
+    val interactionSource = remember {
+        MutableInteractionSource()
+    }
+
+    Column(
+        modifier = modifier.wrapContentSize().clickable(
+            interactionSource = interactionSource,
+            indication = null,
+            onClick = {
+                expanded = false
+            }
+        ),
+        horizontalAlignment = Alignment.Start
+    ) {
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .background(color = Color.White, shape = MaterialTheme.shapes.medium)
+                .padding(horizontal = 16.dp, vertical = 12.dp)
+        ) {
+            Row(verticalAlignment = Alignment.CenterVertically,
+                modifier = Modifier.onSizeChanged {
+                    textfieldSize = it.width
+//                    print(textfieldSize)
+                }) {
+
+                Box(modifier = Modifier.weight(1f)) {
+                    content(selectedItem)
+                }
+                Icon(imageVector = Icons.Default.ArrowDropDown,
+                    contentDescription = null,
+                    Modifier.size(24.dp).alignByBaseline().clickable { expanded = !expanded })
+
+            }
+        }
+        DropdownMenu(
+            expanded = expanded,
+            onDismissRequest = { expanded = false },
+            modifier = Modifier
+                .heightIn(max = dropdownMaxHeight)
+                .width(with(LocalDensity.current) { textfieldSize.toDp() })
+                .onSizeChanged { dropdownHeight = it.height.dp }
+        ) {
+            items.forEach { item ->
+                DropdownMenuItem(
+                    onClick = {
+                        checkedStateComboBox.setValue(item)
+                        client.sendValue(name)
+                        onItemSelected(item)
+                        selectedItem = item
+                        expanded = false
+                    },
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .heightIn(min = 48.dp)
+                ) {
+                    content(item)
+                }
+            }
+        }
+    }
+}
+
+
+@Composable
+fun ComboBox(
+    name: String, client: AbstractClient,
+    modifier: Modifier = Modifier,
+    items: List<String>,
+    onItemSelected: (String) -> Unit = {},
+    dropdownMaxHeight: Dp = 240.dp,
+    content: @Composable (String) -> Unit
+) {
+    val comboBoxField = client.getField(name) as ConnectionField<String>
+
+    val checkedStateComboBox = remember { comboBoxField }
+    var expanded by remember { mutableStateOf(false) }
+    var dropdownHeight by remember { mutableStateOf(0.dp) }
+    var selectedItem by remember { mutableStateOf("") }
+    var textfieldSize by remember { mutableStateOf(0) }
+    val scrollState = rememberScrollState()
+
+    Column(
+        modifier = modifier.wrapContentSize(),
+        horizontalAlignment = Alignment.Start
+    ) {
+
+        Box(modifier = Modifier.fillMaxWidth()) {
+            OutlinedTextField(
+                value = selectedItem,
+                onValueChange = {
+                    selectedItem = it
+                    expanded = true
+                },
+                modifier = Modifier.fillMaxWidth(),
+                label = { Text("Select an item") },
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Done
+                ),
+                trailingIcon = {
+                    Icon(
+                        Icons.Default.ArrowDropDown,
+                        "Drop Down",
+                        Modifier.size(24.dp).clickable { expanded = !expanded }
+                    )
+                }
+            )
+        }
+        AnimatedVisibility(visible = expanded) {
+            Card(
+                modifier = Modifier
+                    .padding(horizontal = 5.dp)
+                    .fillMaxWidth(),
+                elevation = 15.dp
+            ) {
+                var currItems: List<String> = items.sorted()
+                if (selectedItem.isNotEmpty()) {
+                    currItems = items.filter { it.lowercase().contains(selectedItem.lowercase()) }
+                }
+                LazyColumn {
+                    items(currItems){ item ->
+                        Box(
+                            modifier = Modifier.clickable {
+                                checkedStateComboBox.setValue(item)
+                                client.sendValue(name)
+                                onItemSelected(item)
+                                selectedItem = item
+                                expanded = false
+                            }
+                                .fillMaxWidth()
+                                .heightIn(min = 48.dp)
+                        ) {
+                            content(item)
+                        }
+                    }
+                }
+
+            }
+        }
+    }
+}
+
+@Composable
+fun InputTextBox(
+    name: String, client: AbstractClient,
+    modifier: Modifier = Modifier,
+    onItemChanged: (String) -> Unit = {},
+    hintText: String = "Write something"
+) {
+    val textBoxField = client.getField(name) as ConnectionField<String>
+    val checkedStateTextBox = remember { textBoxField }
+    var selectedItem: String by remember { mutableStateOf("") }
+    Box(modifier = Modifier.fillMaxWidth()) {
+        OutlinedTextField(
+            value = selectedItem,
+            onValueChange = {
+                selectedItem = it
+            },
+            modifier = modifier.fillMaxWidth(),
+            label = { Text(hintText) },
+            keyboardOptions = KeyboardOptions(
+                keyboardType = KeyboardType.Text,
+                imeAction = ImeAction.Done
+            ),
+            trailingIcon = {
+                Icon(
+                    Icons.Default.Check,
+                    "Drop Down",
+                    Modifier.size(24.dp).clickable {
+                        checkedStateTextBox.setValue(selectedItem)
+                        client.sendValue(name)
+                        onItemChanged(checkedStateTextBox.getValue())
+                    }
+                )
+            }
+        )
+    }
+}
+
+
+
+@Composable
+fun HorizontalTracker(
+    name: String, client: AbstractClient,
+    range: ClosedFloatingPointRange<Float>,
+    initialValue: Float,
+    onValueSelected: (Float) -> Unit = {},
+    modifier: Modifier = Modifier,
+    thumbColor: Color = Color.Magenta,
+    trackColor: Color = Color.LightGray,
+    borderWidth: Dp = 3.dp,
+    thumbSize: Dp = 24.dp,
+    trackWidth: Dp = 100.dp,
+    trackHeight: Dp = 24.dp,
+    legend: Boolean = true,
+    steps: Int = 0,
+    tickSize: Dp = 1.dp,
+    legendFontSize: TextUnit = 10.sp
+) {
+    val trackerField = client.getField(name) as ConnectionField<Number>
+    val checkedStateTracker = remember { trackerField }
+
+    var offsetX by remember { mutableStateOf(0f) }
+    var position by remember { mutableStateOf(getThumbPosition(initialValue, range, thumbSize, trackWidth)) }
+    var selectedValue by remember { mutableStateOf(initialValue) }
+
+    Box(modifier = modifier.padding(thumbSize / 2)) {
+        Spacer(
+            modifier = Modifier
+                .width(trackWidth)
+                .height(trackHeight)
+                .background(trackColor)
+                .zIndex(1f)
+                .border(BorderStroke(borderWidth, METALLIC_BRUSH))
+        )
+
+        Box(
+            modifier = Modifier
+                .offset(x = position)
+                .size(thumbSize)
+                .background(thumbColor, CircleShape)
+                .zIndex(2f)
+                .pointerInput(Unit) {
+                    detectDragGestures(
+                        onDragStart = {
+                        },
+                        onDragEnd = {
+                            val newValue = ((position.value + thumbSize.value / 2) / trackWidth.value) * (range.endInclusive - range.start)
+                            selectedValue = newValue.coerceIn(range)
+                            checkedStateTracker.setValue(selectedValue)
+                            client.sendValue(name)
+                            onValueSelected(selectedValue)
+                        },
+                        onDragCancel = {
+                        },
+                        onDrag = { change, _ ->
+                            offsetX = change.positionChange().x
+                            position = max(0.dp - thumbSize / 2, min(position + offsetX.toDp(), trackWidth - thumbSize / 2))
+                            change.consumePositionChange()
+                        }
+                    )
+                }
+        )
+
+        if (legend && steps > 0) {
+            val tickPositions =
+                (0..steps).map { Pair(range.start + it.toFloat() / steps * (range.endInclusive - range.start), it) }
+            tickPositions.forEach { position ->
+                val tickPosition = getTickPosition(position.first, range, thumbSize)
+                Column(modifier = Modifier.offset(x = tickPosition.dp).zIndex(0f)) {
+                    Spacer(
+                        modifier = Modifier
+                            .height(trackHeight + tickSize)
+                            .width(1.dp)
+                            .background(Color.Black)
+
+                    )
+                    Text(position.second.toString(), modifier = Modifier.align(Alignment.CenterHorizontally), fontSize = legendFontSize)
+                }
+            }
+        }
+    }
+}
+
+fun getThumbPosition(value: Float, range: ClosedFloatingPointRange<Float>, thumbWidth: Dp, trackWidth: Dp): Dp {
+    val normalizedValue = (value - range.start) / (range.endInclusive - range.start)
+    return trackWidth * normalizedValue + thumbWidth / 2
+}
+
+fun getTickPosition(value: Float, range: ClosedFloatingPointRange<Float>, thumbWidth: Dp): Float {
+    val normalizedValue = (value - range.start) / (range.endInclusive - range.start)
+    val availableWidth = (range.endInclusive - range.start)
+    return availableWidth * normalizedValue
+}
+
+
+@Composable
+fun RoundKnob(
+    name: String, client: AbstractClient,
+    range: IntRange,
+    value: Float,
+    onValueSelected: (Number) -> Unit = {},
+    knobSize: Dp = 48.dp,
+    strokeWidth: Dp = 4.dp,
+    knobColor: Color = MaterialTheme.colors.primary,
+    legendColor: Color = MaterialTheme.colors.onBackground
+) {
+    val knobField = client.getField(name) as ConnectionField<Float>
+    val checkedStateKnob = remember { knobField }
+
+    var rotationAngle by remember { mutableStateOf(calculateRotationAngle(value, range))}
+    var currValue by remember { mutableStateOf(value) }
+    var offsetX by remember { mutableStateOf(0f) }
+    var offsetY by remember { mutableStateOf(0f) }
+    var centerX by remember { mutableStateOf(0f) }
+    var centerY by remember { mutableStateOf(0f) }
+    Box(
+        contentAlignment = Alignment.Center,
+        modifier = Modifier.size(knobSize)
+    ) {
+        Box(modifier = Modifier.pointerInput(Unit) {
+            detectDragGestures(
+                onDragStart = {
+                },
+                onDragEnd = {
+                    var angle = atan2(centerY - offsetY, centerX - offsetX) * (180f / PI).toFloat() - 90
+                    if (angle < -180) {
+                        angle = (angle + 360) % 360
+                    }
+                    rotationAngle = (angle).coerceIn(-150f, 150f)
+                    currValue = calculateValue(rotationAngle, range)
+
+                    checkedStateKnob.setValue(currValue)
+                    client.sendValue(name)
+                    onValueSelected(currValue)
+                },
+                onDrag = { change, dragAmount ->
+                    offsetX = change.position.x
+                    offsetY = change.position.y
+                    var angle = atan2(centerY - offsetY, centerX - offsetX) * (180f / PI).toFloat() - 90
+                    if (angle < -180) {
+                        angle = (angle + 360) % 360
+                    }
+                    rotationAngle = (angle).coerceIn(-150f , 150f)
+                    currValue = calculateValue(rotationAngle, range)
+                    change.consumePositionChange()
+                }
+            )
+        }) {
+            Canvas(modifier = Modifier.matchParentSize().onGloballyPositioned {
+                val windowBounds = it.boundsInWindow()
+                centerX = windowBounds.size.width / 2f
+                centerY = windowBounds.size.height / 2f
+            }) {
+                drawCircle(
+                    brush = METALLIC_BRUSH,
+                    radius = size.minDimension / 2,
+                    style = Stroke(width = strokeWidth.toPx())
+                )
+            }
+
+            Canvas(
+                modifier = Modifier
+                    .size(knobSize)
+                    .rotate(rotationAngle)
+            ) {
+                drawLine(
+                    color = knobColor,
+                    start = Offset(x = size.width / 2, y = 0f),
+                    end = Offset(x = size.width / 2, y = size.height / 2),
+                    strokeWidth = strokeWidth.toPx(),
+                    cap = StrokeCap.Round
+                )
+            }
+        }
+
+        Text(
+            text = currValue.toString(),
+            color = legendColor,
+            style = MaterialTheme.typography.body1,
+            textAlign = TextAlign.Center,
+            modifier = Modifier
+                .align(Alignment.BottomCenter)
+                .padding(bottom = 8.dp)
+        )
+    }
+}
+
+private fun calculateRotationAngle(value: Float, range: IntRange):Float {
+    val ratio = (value - range.start) / (range.endInclusive - range.start)
+    return ratio * 300 - 150
+}
+
+private fun calculateValue(rotationAngle: Float, range: IntRange): Float {
+    val ratio = (rotationAngle + 150) / 300
+    val value = ratio * (range.endInclusive - range.start) + range.start
+    return value
+}
diff --git a/code/cat_visual/src/main/kotlin/lib/visual/Positioning.kt b/code/cat_visual/src/main/kotlin/lib/visual/Positioning.kt
new file mode 100644
index 000000000..7f8ae0082
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/lib/visual/Positioning.kt
@@ -0,0 +1,32 @@
+package lib.visual
+
+import androidx.compose.foundation.layout.*
+import androidx.compose.runtime.Composable
+
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.IntOffset
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.zIndex
+
+@Composable
+fun PositionedBox(children: @Composable () -> Unit, x: Int = 0, y:Int = 0, zIndex: Float = 1f) {
+    Box(modifier = Modifier.
+        zIndex(zIndex)
+        .offset {IntOffset(x, y)}
+        .wrapContentSize()) {
+        children()
+    }
+}
+
+@Composable
+fun PositionedBox(children: @Composable () -> Unit, x: Float = 0f, y:Float = 0f, zIndex: Float = 1f) {
+    Box(modifier = Modifier.
+        zIndex(zIndex)
+        .offset(x.dp, y.dp)
+        .wrapContentSize()) {
+        children()
+    }
+}
+
+
diff --git a/code/cat_visual/src/main/kotlin/lib/visual/colors.kt b/code/cat_visual/src/main/kotlin/lib/visual/colors.kt
new file mode 100644
index 000000000..f67d03cf3
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/lib/visual/colors.kt
@@ -0,0 +1,51 @@
+package lib.elements
+
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+
+
+
+
+val LIGHT_RADIAL_BRUSH = Brush.radialGradient(
+    colors = listOf(
+        Color.Yellow,
+        Color(0xFFFFA500)
+    )
+)
+
+val GREEN_RADIAL_BRUSH = Brush.radialGradient(
+    colors = listOf(
+        Color.Gray,
+        Color.Yellow
+    )
+)
+
+val DARK_RADIAL_BRUSH = Brush.radialGradient(
+    colors = listOf(
+        Color.DarkGray,
+        Color.Gray
+    )
+)
+
+val LIGHT_HORIZONTAL_BRUSH = Brush.horizontalGradient(
+    colors = listOf(
+        Color.Yellow,
+        Color(0xFFA500FF)
+    )
+)
+
+val DARK_HORIZONTAL_BRUSH = Brush.horizontalGradient(
+    colors = listOf(
+        Color.Black,
+        Color.Gray
+    )
+)
+
+val METALLIC_BRUSH = Brush.linearGradient(
+    colors = listOf(
+        Color.White,
+        Color.Gray,
+        Color.DarkGray
+    )
+)
+
diff --git a/code/cat_visual/src/main/kotlin/serializer/SerializationUtils.kt b/code/cat_visual/src/main/kotlin/serializer/SerializationUtils.kt
new file mode 100644
index 000000000..63faa3390
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/serializer/SerializationUtils.kt
@@ -0,0 +1,36 @@
+package serializer
+
+import kotlinx.serialization.KSerializer
+import kotlinx.serialization.descriptors.PrimitiveKind
+import kotlinx.serialization.descriptors.PrimitiveSerialDescriptor
+import kotlinx.serialization.encoding.Decoder
+import kotlinx.serialization.encoding.Encoder
+import java.io.File
+import java.util.*
+
+class SerializationUtils {
+
+    object UUIDSerializer : KSerializer<UUID> {
+        override val descriptor = PrimitiveSerialDescriptor("UUID", PrimitiveKind.STRING)
+
+        override fun deserialize(decoder: Decoder): UUID {
+            return UUID.fromString(decoder.decodeString())
+        }
+
+        override fun serialize(encoder: Encoder, value: UUID) {
+            encoder.encodeString(value.toString())
+        }
+    }
+
+    companion object {
+        private const val PATH: String = "/Users/sj/IdeaProjects/fbme/code/cat_visual/src/main/kotlin/serializer/saved"
+
+        fun saveSnapshot(json: String) {
+            File(PATH, "example.json").writeText(json)
+        }
+
+        fun readSnapshot(): String {
+            return File(PATH, "example.json").readText()
+        }
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/serializer/saved/example.json b/code/cat_visual/src/main/kotlin/serializer/saved/example.json
new file mode 100644
index 000000000..4350fec07
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/serializer/saved/example.json
@@ -0,0 +1,38 @@
+[
+  {
+    "id": "7039d520-eb99-468f-9d7b-78c770588bb8",
+    "x": 250.0,
+    "y": -148.0,
+    "inputs": [],
+    "outputs": [],
+    "content": "Другой текст",
+    "type": "TEXT"
+  },
+  {
+    "id": "9728343a-a291-4d53-81bd-f4a95d2fec51",
+    "x": 421.75,
+    "y": 72.0,
+    "inputs": ["A8B344E30F0BAEE1"],
+    "outputs": ["A8B344E30FJH72F1"],
+    "content": "Тест",
+    "type": "TEXT"
+  },
+  {
+    "id": "1b4267f9-3d0f-43c5-b2db-a2a021725783",
+    "x": 246.0,
+    "y": 227.75,
+    "inputs": ["A8B344E30F0BAEE1"],
+    "outputs": ["A8B344E30FJH72F1"],
+    "content": "null",
+    "type": "LAMP"
+  },
+  {
+    "id": "c65328fe-8452-45d7-a054-454ed65aa2a6",
+    "x": 601.75,
+    "y": 132.0,
+    "inputs": ["B8B344E30F0BAEE1"],
+    "outputs": ["C8B344E30FJH72F1"],
+    "content": "null",
+    "type": "TOGGLE"
+  }
+]
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/serializer/serialization.kt b/code/cat_visual/src/main/kotlin/serializer/serialization.kt
new file mode 100644
index 000000000..9b4923cea
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/serializer/serialization.kt
@@ -0,0 +1,155 @@
+package serializer
+
+import kotlinx.serialization.Serializable
+import kotlinx.serialization.modules.SerializersModule
+import kotlinx.serialization.serializer
+import nl.adaptivity.xmlutil.XmlDeclMode
+import nl.adaptivity.xmlutil.serialization.XML
+import nl.adaptivity.xmlutil.serialization.XmlElement
+import nl.adaptivity.xmlutil.serialization.XmlSerialName
+
+@Serializable
+@XmlSerialName("Mapping", "", "")
+data class PlainMapping(
+    val inputs: PlainInputs,
+    val outputs: PlainOutputs,
+)
+
+@Serializable
+@XmlSerialName("Inputs", "", "")
+data class PlainInputs(
+    val inputs: List<PlainInput>
+)
+
+@Serializable
+@XmlSerialName("Input", "", "")
+data class PlainInput(
+    val name: String,
+    val type: String,
+    val host: String,
+    val port: Int
+)
+
+@Serializable
+@XmlSerialName("Outputs", "", "")
+data class PlainOutputs(
+    val outputs: List<PlainOutput>
+
+)
+
+@Serializable
+@XmlSerialName("Output", "", "")
+data class PlainOutput(
+    val name: String,
+    val type: String,
+    val host: String,
+    val port: Int
+)
+
+
+fun getPlainMapping(modelText: String): PlainMapping {
+    val module = SerializersModule {}
+    val xml = XML(module) {
+        indentString = "    "
+        xmlDeclMode = XmlDeclMode.Minimal
+        autoPolymorphic = true
+    }
+
+    val serializer = serializer<PlainMapping>()
+    return xml.decodeFromString(serializer, modelText)
+}
+
+@Serializable
+@XmlSerialName("Mapping", "", "")
+data class Mapping(
+    val id: String,
+    val inputs: Inputs,
+    val outputs: Outputs,
+)
+
+@Serializable
+@XmlSerialName("Inputs", "", "")
+data class Inputs(
+    val inputs: List<Input>
+)
+
+@Serializable
+@XmlSerialName("Input", "", "")
+data class Input(
+    val name: String,
+    val type: String
+)
+
+@Serializable
+@XmlSerialName("Outputs", "", "")
+data class Outputs(
+    val outputs: List<Output>
+)
+
+@Serializable
+@XmlSerialName("Output", "", "")
+data class Output(
+    val name: String,
+    val type: String
+)
+
+
+fun getMapping(modelText: String): Mapping {
+    val module = SerializersModule {}
+    val xml = XML(module) {
+        indentString = "    "
+        xmlDeclMode = XmlDeclMode.Minimal
+        autoPolymorphic = true
+    }
+
+    val serializer = serializer<Mapping>()
+    return xml.decodeFromString(serializer, modelText)
+}
+
+
+@Serializable
+@XmlSerialName("Conf", "", "")
+data class Conf(
+    val inputs: ConfInputs,
+    val outputs: ConfOutputs,
+)
+
+@Serializable
+@XmlSerialName("Inputs", "", "")
+data class ConfInputs(
+    val inputs: List<ConfInput>
+)
+@Serializable
+@XmlSerialName("Input", "", "")
+data class ConfInput(
+    val type: String,
+    val host: String,
+    val port: Int
+)
+
+@Serializable
+@XmlSerialName("Outputs", "", "")
+data class ConfOutputs(
+    val outputs: List<ConfOutput>
+)
+
+@Serializable
+@XmlSerialName("Output", "", "")
+data class ConfOutput(
+    val type: String,
+    val host: String,
+    val port: Int
+)
+
+
+fun getConf(modelText: String): Conf {
+    val module = SerializersModule {}
+    val xml = XML(module) {
+        indentString = "    "
+        xmlDeclMode = XmlDeclMode.Minimal
+        autoPolymorphic = true
+    }
+
+    val serializer = serializer<Conf>()
+    return xml.decodeFromString(serializer, modelText)
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/main/kotlin/xmlParser/XmlParser.kt b/code/cat_visual/src/main/kotlin/xmlParser/XmlParser.kt
new file mode 100644
index 000000000..55312ae3a
--- /dev/null
+++ b/code/cat_visual/src/main/kotlin/xmlParser/XmlParser.kt
@@ -0,0 +1,110 @@
+package xmlParser
+
+import canvas.items.model.Input
+import canvas.items.model.JsonCanvasModel
+import canvas.items.model.Output
+import org.w3c.dom.Document
+import org.w3c.dom.Element
+import java.io.File
+import javax.xml.parsers.DocumentBuilderFactory
+
+class XmlParser(
+    private val path: String,
+) {
+
+    private val documentBuilder = DocumentBuilderFactory
+        .newInstance()
+        .newDocumentBuilder()
+
+    fun parse(): List<JsonCanvasModel> {
+        val parsedElements = mutableListOf<JsonCanvasModel>()
+        val document = parseDocument(path)
+        val system = document.documentElement
+        val catTypes = system.childNodes
+        for (i in 0 until catTypes.length) {
+            val catType = catTypes.item(i)
+            if (catType.nodeType != Document.ELEMENT_NODE) {
+              continue
+            }
+            val catTypeNode = catType as Element
+            val nameAttribute = catTypeNode.getAttribute(AttributeName.NAME.value)
+            println(nameAttribute)
+            val instances = catTypeNode.childNodes
+            for (j in 0 until instances.length) {
+               val instance =  instances.item(j)
+                if (instance.nodeType != Document.ELEMENT_NODE) {
+                    continue
+                }
+                parsedElements.add(
+                    toJsonCanvasModel(name = nameAttribute)
+                )
+                val configName = getConfigName(nameAttribute)
+                parseSubBlock(parseDocument(configName), parsedElements)
+            }
+        }
+        return parsedElements
+    }
+
+
+    private fun getConfigName(catName: String): String {
+        return "$PATH_CAT_BLOCKS_CONFIG/$catName.cfg"
+    }
+
+    private fun parseSubBlock(
+        document: Document,
+        parsedElements: MutableList<JsonCanvasModel>
+    ) {
+        val system = document.documentElement
+        val catTypes = system.childNodes
+        for (i in 0 until catTypes.length) {
+            val catType = catTypes.item(i)
+            if (catType.nodeType != Document.ELEMENT_NODE) {
+                continue
+            }
+            val catTypeNode = catType as Element
+            val tagName = catTypeNode.tagName
+            if (tagName != "SubCAT") {
+                continue
+            }
+            val nameAttribute = catTypeNode.getAttribute(AttributeName.TYPE.value)
+            println(nameAttribute)
+            parsedElements.add(toJsonCanvasModel(name = nameAttribute))
+            val configName = getConfigName(nameAttribute)
+            parseSubBlock(parseDocument(configName), parsedElements)
+        }
+    }
+
+    private fun toJsonCanvasModel(
+        id: String = "e58ed763-928c-4155-bee9-fdbaaadc15f3",
+        name: String,
+        content: String = "text",
+        inputs: List<Input> = listOf(),
+        outputs: List<Output> = listOf(),
+    ): JsonCanvasModel =
+        JsonCanvasModel(
+            x = 0f,
+            y = 0f,
+            content = content,
+            type = name,
+            id = id,
+            inputs = inputs,
+            outputs = outputs,
+        )
+
+    private fun parseDocument(path: String): Document {
+        return documentBuilder.parse(File(path))
+    }
+
+    enum class AttributeName(val value: String) {
+        NAME("Name"),
+        NAMESPACE("Namespace"),
+        ID("ID"),
+        TYPE("Type")
+    }
+
+    companion object {
+        private const val PATH_CONFIG = "src/main/kotlin/config"
+        private const val PATH_CAT_BLOCKS_CONFIG = "$PATH_CONFIG/catBlocks"
+        private const val PATH_HMI_CONFIG = "$PATH_CONFIG/hmi"
+    }
+}
\ No newline at end of file
diff --git a/code/cat_visual/src/test/kotlin/MockBackend.kt b/code/cat_visual/src/test/kotlin/MockBackend.kt
new file mode 100644
index 000000000..079444c19
--- /dev/null
+++ b/code/cat_visual/src/test/kotlin/MockBackend.kt
@@ -0,0 +1,13 @@
+import connection.AbstractClient
+import connection.ConnectionFieldRegistry
+import connection.field.ConnectionField
+import connection.field.TYPE_ID
+import serializer.Mapping
+import serializer.PlainMapping
+import serializer.getMapping
+import serializer.getPlainMapping
+import java.io.File
+
+class FieldWithCallback<V>(val field: ConnectionField<V>, val callback: (V) -> Unit)
+
+
diff --git a/code/cat_visual/src/test/kotlin/WaterTankTest.kt b/code/cat_visual/src/test/kotlin/WaterTankTest.kt
new file mode 100644
index 000000000..a3559bc1e
--- /dev/null
+++ b/code/cat_visual/src/test/kotlin/WaterTankTest.kt
@@ -0,0 +1,90 @@
+import connection.field.ConnectionField
+import kotlin.concurrent.thread
+
+val client = buildMappingClient("src/main/kotlin/example/WATER_TANK/WATER_TANK.xml", "src/main/kotlin/example/WATER_TANK/WATER_TANK_CONF.xml", mode = "")
+
+
+val TANK_VOLUME = 100
+val MAX_TEMP = 100
+
+var isInlet: FieldWithCallback<Boolean> = FieldWithCallback(client.getField("stateInlet") as ConnectionField<Boolean>,
+    {client.sendValue("stateInlet")})
+var isHeat: FieldWithCallback<Boolean> = FieldWithCallback(client.getField("stateHeat") as ConnectionField<Boolean>,
+    {client.sendValue("stateHeat")})
+var isOutlet: FieldWithCallback<Boolean> = FieldWithCallback(client.getField("stateOutlet") as ConnectionField<Boolean>,
+    {client.sendValue("stateOutlet")})
+var lamp1: FieldWithCallback<Boolean> = FieldWithCallback(client.getField("lampIndicator1") as ConnectionField<Boolean>,
+    {client.sendValue("lampIndicator1")})
+var lamp2: FieldWithCallback<Boolean> = FieldWithCallback(client.getField("lampIndicator2") as ConnectionField<Boolean>,
+    {client.sendValue("lampIndicator2")})
+var tankIndicator: FieldWithCallback<Float> = FieldWithCallback(client.getField("tankIndicator") as ConnectionField<Float>,
+    {client.sendValue("tankIndicator")})
+var outputIndicator: FieldWithCallback<Float> = FieldWithCallback(client.getField("outputIndicator") as ConnectionField<Float>,
+    {client.sendValue("outputIndicator")})
+var knob1: FieldWithCallback<Int> = FieldWithCallback(client.getField("knob1") as ConnectionField<Int>, {
+    runUpdate()
+})
+var knob2: FieldWithCallback<Int> = FieldWithCallback(client.getField("knob2") as ConnectionField<Int>, {
+    runUpdate()
+})
+
+
+fun runSimulation(){
+    client.retrieveValues(mapOf(Pair("knob1", {knob1.callback(0)}), Pair("knob2", {knob2.callback(0)})), false)
+}
+
+fun runUpdate() {
+    if (knob1.field.getValue() == 0) {
+        return
+    }
+    if (isInlet.field.getValue() || isHeat.field.getValue() || isOutlet.field.getValue()) {
+        return
+    }
+    isInlet.field.setValue(true)
+    isInlet.callback(true)
+    lamp1.field.setValue(true)
+    lamp1.callback(true)
+    var currTankState = 0
+    while (currTankState < TANK_VOLUME) {
+        currTankState += knob1.field.getValue() / 2
+        tankIndicator.field.setValue(currTankState.toFloat())
+        tankIndicator.callback(currTankState.toFloat())
+        Thread.sleep( 500)
+    }
+    isInlet.field.setValue(false)
+    isInlet.callback(false)
+    lamp1.field.setValue(false)
+    lamp1.callback(false)
+    isHeat.field.setValue(true)
+    isHeat.callback(true)
+    var currTemp = knob2.field.getValue()
+    while (currTemp < MAX_TEMP) {
+        currTemp += 10
+        outputIndicator.field.setValue(currTemp.toFloat())
+        outputIndicator.callback(currTemp.toFloat())
+        Thread.sleep(500)
+    }
+    isHeat.field.setValue(false)
+    isHeat.callback(false)
+    isOutlet.field.setValue(true)
+    isOutlet.callback(true)
+    lamp2.field.setValue(true)
+    lamp2.callback(true)
+    currTankState = TANK_VOLUME
+    while (currTankState > 0) {
+        currTankState -= knob1.field.getValue() / 2
+        tankIndicator.field.setValue(currTankState.toFloat())
+        tankIndicator.callback(currTankState.toFloat())
+        Thread.sleep( 500)
+    }
+    isOutlet.field.setValue(false)
+    isOutlet.callback(false)
+    lamp2.field.setValue(false)
+    lamp2.callback(false)
+    outputIndicator.field.setValue(0f)
+    outputIndicator.callback(0f)
+}
+
+fun main() {
+    runSimulation()
+}
\ No newline at end of file
diff --git a/code/language/buildsolution/models/org.fbme.language.build.mps b/code/language/buildsolution/models/org.fbme.language.build.mps
index 3b28370ae..b318f8383 100644
--- a/code/language/buildsolution/models/org.fbme.language.build.mps
+++ b/code/language/buildsolution/models/org.fbme.language.build.mps
@@ -417,6 +417,11 @@
             <ref role="3bR37D" to="ffeo:1d41uYMTVPB" resolve="jetbrains.mps.lang.scopes.runtime" />
           </node>
         </node>
+        <node concept="1SiIV0" id="2vbLCknPPZT" role="3bR37C">
+          <node concept="3bR9La" id="2vbLCknPPZU" role="1SiIV1">
+            <ref role="3bR37D" to="ffeo:1TaHNgiIbIZ" resolve="MPS.Editor" />
+          </node>
+        </node>
       </node>
       <node concept="1E1JtD" id="42vv4xsIHDZ" role="2G$12L">
         <property role="BnDLt" value="true" />
diff --git a/code/language/languages/org.fbme.ide.iec61499.lang/generator/template/org.fbme.ide.iec61499.lang.generator.main@generator.mps b/code/language/languages/org.fbme.ide.iec61499.lang/generator/template/org.fbme.ide.iec61499.lang.generator.main@generator.mps
index 0d483cb3c..3cd1cdb50 100644
--- a/code/language/languages/org.fbme.ide.iec61499.lang/generator/template/org.fbme.ide.iec61499.lang.generator.main@generator.mps
+++ b/code/language/languages/org.fbme.ide.iec61499.lang/generator/template/org.fbme.ide.iec61499.lang.generator.main@generator.mps
@@ -3,6 +3,7 @@
   <persistence version="9" />
   <languages>
     <use id="479c7a8c-02f9-43b5-9139-d910cb22f298" name="jetbrains.mps.core.xml" version="0" />
+    <use id="b401a680-8325-4110-8fd3-84331ff25bef" name="jetbrains.mps.lang.generator" version="4" />
     <devkit ref="a2eb3a43-fcc2-4200-80dc-c60110c4862d(jetbrains.mps.devkit.templates)" />
   </languages>
   <imports>
diff --git a/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.actions.mps b/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.actions.mps
index 957e003e7..299199ef6 100644
--- a/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.actions.mps
+++ b/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.actions.mps
@@ -114,5 +114,8 @@
       </node>
     </node>
   </node>
+  <node concept="37WguZ" id="48GmjZCuXd8">
+    <property role="TrG5h" value="CATFactory" />
+  </node>
 </model>
 
diff --git a/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.editor.mps b/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.editor.mps
index e652db39a..543b3e73c 100644
--- a/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.editor.mps
+++ b/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.editor.mps
@@ -170,6 +170,7 @@
       <concept id="1139848536355" name="jetbrains.mps.lang.editor.structure.CellModel_WithRole" flags="ng" index="1$h60E">
         <property id="1214560368769" name="emptyNoTargetText" index="39s7Ar" />
         <property id="1139852716018" name="noTargetText" index="1$x2rV" />
+        <property id="1140017977771" name="readOnly" index="1Intyy" />
         <property id="1140114345053" name="allowEmptyText" index="1O74Pk" />
         <reference id="1140103550593" name="relationDeclaration" index="1NtTu8" />
       </concept>
@@ -845,15 +846,8 @@
           <node concept="PMmxH" id="7tln3wNtiJS" role="3EmGlc">
             <ref role="PMmxG" node="1N6Oh7f7bq1" resolve="Folding" />
           </node>
-          <node concept="3F0ifn" id="7tln3wNtiJU" role="2czzBI">
+          <node concept="3F0ifn" id="7u028AewikG" role="2czzBI">
             <property role="3F0ifm" value="" />
-            <property role="ilYzB" value="no temporary variables" />
-            <node concept="Vb9p2" id="7tln3wNtiJV" role="3F10Kt">
-              <property role="Vbekb" value="g1_kEg4/ITALIC" />
-            </node>
-            <node concept="VPM3Z" id="7tln3wNtiJW" role="3F10Kt">
-              <property role="VOm3f" value="true" />
-            </node>
           </node>
         </node>
         <node concept="VPM3Z" id="3tDlCSlV9ZC" role="3F10Kt">
@@ -4381,5 +4375,78 @@
       </node>
     </node>
   </node>
+  <node concept="24kQdi" id="5cPJ2880EIi">
+    <ref role="1XX52x" to="xiqq:15ruYIbk1Mw" resolve="CATBlockTypeDeclaration" />
+    <node concept="3F0ifn" id="QqnmHESSKt" role="6VMZX" />
+    <node concept="3EZMnI" id="2FMxr8ThQ2d" role="2wV5jI">
+      <node concept="3F0ifn" id="2FMxr8ThQ2u" role="3EZMnx">
+        <property role="3F0ifm" value="CAT" />
+      </node>
+      <node concept="l2Vlx" id="2FMxr8ThQ2g" role="2iSdaV" />
+      <node concept="3F0A7n" id="2FMxr8ThQ2A" role="3EZMnx">
+        <ref role="1NtTu8" to="tpck:h0TrG11" resolve="name" />
+        <node concept="ljvvj" id="2FMxr8ThQ2B" role="3F10Kt">
+          <property role="VOm3f" value="true" />
+        </node>
+      </node>
+      <node concept="3F0ifn" id="2FMxr8TtkFU" role="3EZMnx">
+        <property role="3F0ifm" value="Composite:" />
+      </node>
+      <node concept="1iCGBv" id="19ypCjbmdWD" role="3EZMnx">
+        <ref role="1NtTu8" to="xiqq:19ypCjbiylf" resolve="blockDeclaration" />
+        <node concept="1sVBvm" id="19ypCjbmdWG" role="1sWHZn">
+          <node concept="3SHvHV" id="19ypCjbmdWY" role="2wV5jI" />
+        </node>
+      </node>
+      <node concept="3F0ifn" id="4XC4nIUQ9Pu" role="3EZMnx">
+        <property role="3F0ifm" value="hmiInterfaceDeclaration:" />
+        <node concept="pVoyu" id="1IgaGx7XRIV" role="3F10Kt">
+          <property role="VOm3f" value="true" />
+        </node>
+      </node>
+      <node concept="1iCGBv" id="19ypCjbmdXu" role="3EZMnx">
+        <ref role="1NtTu8" to="xiqq:19ypCjbiyll" resolve="hmiInterfaceDeclaration" />
+        <node concept="1sVBvm" id="19ypCjbmdXw" role="1sWHZn">
+          <node concept="3F0A7n" id="6wjDFs18las" role="2wV5jI">
+            <property role="1Intyy" value="true" />
+            <ref role="1NtTu8" to="tpck:h0TrG11" resolve="name" />
+          </node>
+        </node>
+      </node>
+      <node concept="3F0ifn" id="2hUvzC7g91S" role="3EZMnx">
+        <property role="3F0ifm" value="Interface file:" />
+        <node concept="pVoyu" id="1IgaGx7XRIX" role="3F10Kt">
+          <property role="VOm3f" value="true" />
+        </node>
+      </node>
+      <node concept="3F0A7n" id="2hUvzC7g91q" role="3EZMnx">
+        <ref role="1NtTu8" to="xiqq:5cPJ2880EM3" resolve="interfaceFileName" />
+        <node concept="ljvvj" id="2hUvzC7g91r" role="3F10Kt">
+          <property role="VOm3f" value="true" />
+        </node>
+      </node>
+    </node>
+  </node>
+  <node concept="24kQdi" id="6lz3dnnqMwf">
+    <ref role="1XX52x" to="xiqq:15ruYIbk1Mz" resolve="HMIInterfaceTypeDeclaration" />
+    <node concept="3EZMnI" id="2ZYTOsKxJCo" role="2wV5jI">
+      <node concept="l2Vlx" id="2ZYTOsKxJCq" role="2iSdaV" />
+      <node concept="3F0A7n" id="2ZYTOsKxJCN" role="3EZMnx">
+        <ref role="1NtTu8" to="tpck:h0TrG11" resolve="name" />
+        <node concept="pVoyu" id="48GmjZCuVeW" role="3F10Kt">
+          <property role="VOm3f" value="true" />
+        </node>
+        <node concept="pVoyu" id="48GmjZCuVeY" role="3F10Kt">
+          <property role="VOm3f" value="true" />
+        </node>
+        <node concept="ljvvj" id="48GmjZCuVf1" role="3F10Kt">
+          <property role="VOm3f" value="true" />
+        </node>
+      </node>
+      <node concept="PMmxH" id="48GmjZCuXcV" role="3EZMnx">
+        <ref role="PMmxG" node="2ByE74knc05" resolve="InterfaceList" />
+      </node>
+    </node>
+  </node>
 </model>
 
diff --git a/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.intentions.mps b/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.intentions.mps
new file mode 100644
index 000000000..81075bdb0
--- /dev/null
+++ b/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.intentions.mps
@@ -0,0 +1,268 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<model ref="r:203f3a13-c1a9-46a3-8e50-0511c704bde3(org.fbme.ide.iec61499.lang.intentions)">
+  <persistence version="9" />
+  <languages>
+    <use id="d7a92d38-f7db-40d0-8431-763b0c3c9f20" name="jetbrains.mps.lang.intentions" version="1" />
+    <use id="13744753-c81f-424a-9c1b-cf8943bf4e86" name="jetbrains.mps.lang.sharedConcepts" version="0" />
+    <devkit ref="fbc25dd2-5da4-483a-8b19-70928e1b62d7(jetbrains.mps.devkit.general-purpose)" />
+  </languages>
+  <imports>
+    <import index="xiqq" ref="r:6f0d8474-8e05-4f2b-abb9-6798ef26f9e5(org.fbme.ide.iec61499.lang.structure)" implicit="true" />
+    <import index="tpck" ref="r:00000000-0000-4000-0000-011c89590288(jetbrains.mps.lang.core.structure)" implicit="true" />
+    <import index="cj4x" ref="1ed103c3-3aa6-49b7-9c21-6765ee11f224/java:jetbrains.mps.openapi.editor(MPS.Editor/)" implicit="true" />
+    <import index="mhbf" ref="8865b7a8-5271-43d3-884c-6fd1d9cfdd34/java:org.jetbrains.mps.openapi.model(MPS.OpenAPI/)" implicit="true" />
+  </imports>
+  <registry>
+    <language id="13744753-c81f-424a-9c1b-cf8943bf4e86" name="jetbrains.mps.lang.sharedConcepts">
+      <concept id="1194033889146" name="jetbrains.mps.lang.sharedConcepts.structure.ConceptFunctionParameter_editorContext" flags="nn" index="1XNTG" />
+    </language>
+    <language id="f3061a53-9226-4cc5-a443-f952ceaf5816" name="jetbrains.mps.baseLanguage">
+      <concept id="1215693861676" name="jetbrains.mps.baseLanguage.structure.BaseAssignmentExpression" flags="nn" index="d038R">
+        <child id="1068498886297" name="rValue" index="37vLTx" />
+        <child id="1068498886295" name="lValue" index="37vLTJ" />
+      </concept>
+      <concept id="1202948039474" name="jetbrains.mps.baseLanguage.structure.InstanceMethodCallOperation" flags="nn" index="liA8E" />
+      <concept id="1197027756228" name="jetbrains.mps.baseLanguage.structure.DotExpression" flags="nn" index="2OqwBi">
+        <child id="1197027771414" name="operand" index="2Oq$k0" />
+        <child id="1197027833540" name="operation" index="2OqNvi" />
+      </concept>
+      <concept id="1145552977093" name="jetbrains.mps.baseLanguage.structure.GenericNewExpression" flags="nn" index="2ShNRf">
+        <child id="1145553007750" name="creator" index="2ShVmc" />
+      </concept>
+      <concept id="1137021947720" name="jetbrains.mps.baseLanguage.structure.ConceptFunction" flags="in" index="2VMwT0">
+        <child id="1137022507850" name="body" index="2VODD2" />
+      </concept>
+      <concept id="1070475926800" name="jetbrains.mps.baseLanguage.structure.StringLiteral" flags="nn" index="Xl_RD">
+        <property id="1070475926801" name="value" index="Xl_RC" />
+      </concept>
+      <concept id="1068431474542" name="jetbrains.mps.baseLanguage.structure.VariableDeclaration" flags="ng" index="33uBYm">
+        <child id="1068431790190" name="initializer" index="33vP2m" />
+      </concept>
+      <concept id="1068498886296" name="jetbrains.mps.baseLanguage.structure.VariableReference" flags="nn" index="37vLTw">
+        <reference id="1068581517664" name="variableDeclaration" index="3cqZAo" />
+      </concept>
+      <concept id="1068498886294" name="jetbrains.mps.baseLanguage.structure.AssignmentExpression" flags="nn" index="37vLTI" />
+      <concept id="4972933694980447171" name="jetbrains.mps.baseLanguage.structure.BaseVariableDeclaration" flags="ng" index="19Szcq">
+        <child id="5680397130376446158" name="type" index="1tU5fm" />
+      </concept>
+      <concept id="1068580123155" name="jetbrains.mps.baseLanguage.structure.ExpressionStatement" flags="nn" index="3clFbF">
+        <child id="1068580123156" name="expression" index="3clFbG" />
+      </concept>
+      <concept id="1068580123136" name="jetbrains.mps.baseLanguage.structure.StatementList" flags="sn" stub="5293379017992965193" index="3clFbS">
+        <child id="1068581517665" name="statement" index="3cqZAp" />
+      </concept>
+      <concept id="1068580123137" name="jetbrains.mps.baseLanguage.structure.BooleanConstant" flags="nn" index="3clFbT">
+        <property id="1068580123138" name="value" index="3clFbU" />
+      </concept>
+      <concept id="1068581242875" name="jetbrains.mps.baseLanguage.structure.PlusExpression" flags="nn" index="3cpWs3" />
+      <concept id="1068581242864" name="jetbrains.mps.baseLanguage.structure.LocalVariableDeclarationStatement" flags="nn" index="3cpWs8">
+        <child id="1068581242865" name="localVariableDeclaration" index="3cpWs9" />
+      </concept>
+      <concept id="1068581242863" name="jetbrains.mps.baseLanguage.structure.LocalVariableDeclaration" flags="nr" index="3cpWsn" />
+      <concept id="1204053956946" name="jetbrains.mps.baseLanguage.structure.IMethodCall" flags="ng" index="1ndlxa">
+        <reference id="1068499141037" name="baseMethodDeclaration" index="37wK5l" />
+        <child id="1068499141038" name="actualArgument" index="37wK5m" />
+      </concept>
+      <concept id="1081773326031" name="jetbrains.mps.baseLanguage.structure.BinaryOperation" flags="nn" index="3uHJSO">
+        <child id="1081773367579" name="rightExpression" index="3uHU7w" />
+        <child id="1081773367580" name="leftExpression" index="3uHU7B" />
+      </concept>
+    </language>
+    <language id="d7a92d38-f7db-40d0-8431-763b0c3c9f20" name="jetbrains.mps.lang.intentions">
+      <concept id="1192794744107" name="jetbrains.mps.lang.intentions.structure.IntentionDeclaration" flags="ig" index="2S6QgY" />
+      <concept id="1192794782375" name="jetbrains.mps.lang.intentions.structure.DescriptionBlock" flags="in" index="2S6ZIM" />
+      <concept id="1192795771125" name="jetbrains.mps.lang.intentions.structure.IsApplicableBlock" flags="in" index="2SaL7w" />
+      <concept id="1192795911897" name="jetbrains.mps.lang.intentions.structure.ExecuteBlock" flags="in" index="2Sbjvc" />
+      <concept id="1192796902958" name="jetbrains.mps.lang.intentions.structure.ConceptFunctionParameter_node" flags="nn" index="2Sf5sV" />
+      <concept id="2522969319638091381" name="jetbrains.mps.lang.intentions.structure.BaseIntentionDeclaration" flags="ig" index="2ZfUlf">
+        <reference id="2522969319638198290" name="forConcept" index="2ZfgGC" />
+        <child id="2522969319638198291" name="executeFunction" index="2ZfgGD" />
+        <child id="2522969319638093995" name="isApplicableFunction" index="2ZfVeh" />
+        <child id="2522969319638093993" name="descriptionFunction" index="2ZfVej" />
+      </concept>
+    </language>
+    <language id="7866978e-a0f0-4cc7-81bc-4d213d9375e1" name="jetbrains.mps.lang.smodel">
+      <concept id="1180636770613" name="jetbrains.mps.lang.smodel.structure.SNodeCreator" flags="nn" index="3zrR0B">
+        <child id="1180636770616" name="createdType" index="3zrR0E" />
+      </concept>
+      <concept id="1138055754698" name="jetbrains.mps.lang.smodel.structure.SNodeType" flags="in" index="3Tqbb2">
+        <reference id="1138405853777" name="concept" index="ehGHo" />
+      </concept>
+      <concept id="1138056022639" name="jetbrains.mps.lang.smodel.structure.SPropertyAccess" flags="nn" index="3TrcHB">
+        <reference id="1138056395725" name="property" index="3TsBF5" />
+      </concept>
+      <concept id="1138056143562" name="jetbrains.mps.lang.smodel.structure.SLinkAccess" flags="nn" index="3TrEf2">
+        <reference id="1138056516764" name="link" index="3Tt5mk" />
+      </concept>
+    </language>
+    <language id="ceab5195-25ea-4f22-9b92-103b95ca8c0c" name="jetbrains.mps.lang.core">
+      <concept id="1169194658468" name="jetbrains.mps.lang.core.structure.INamedConcept" flags="ng" index="TrEIO">
+        <property id="1169194664001" name="name" index="TrG5h" />
+      </concept>
+    </language>
+  </registry>
+  <node concept="2S6QgY" id="6wjDFs16l8p">
+    <property role="TrG5h" value="GenerateBlocks" />
+    <ref role="2ZfgGC" to="xiqq:15ruYIbk1Mw" resolve="CATBlockTypeDeclaration" />
+    <node concept="2S6ZIM" id="6wjDFs16l8q" role="2ZfVej">
+      <node concept="3clFbS" id="6wjDFs16l8r" role="2VODD2">
+        <node concept="3clFbF" id="6wjDFs1748l" role="3cqZAp">
+          <node concept="3cpWs3" id="6wjDFs175cP" role="3clFbG">
+            <node concept="2OqwBi" id="6wjDFs175H2" role="3uHU7w">
+              <node concept="2Sf5sV" id="6wjDFs175qL" role="2Oq$k0" />
+              <node concept="3TrcHB" id="6wjDFs1766m" role="2OqNvi">
+                <ref role="3TsBF5" to="tpck:h0TrG11" resolve="name" />
+              </node>
+            </node>
+            <node concept="Xl_RD" id="6wjDFs174vW" role="3uHU7B">
+              <property role="Xl_RC" value="Generate dependent function blocks for CAT config " />
+            </node>
+          </node>
+        </node>
+      </node>
+    </node>
+    <node concept="2Sbjvc" id="6wjDFs16l8s" role="2ZfgGD">
+      <node concept="3clFbS" id="6wjDFs16l8t" role="2VODD2">
+        <node concept="3cpWs8" id="6wjDFs18vHf" role="3cqZAp">
+          <node concept="3cpWsn" id="6wjDFs18vHb" role="3cpWs9">
+            <property role="TrG5h" value="block" />
+            <node concept="3Tqbb2" id="6wjDFs18vWq" role="1tU5fm">
+              <ref role="ehGHo" to="xiqq:PI_pXYugbt" resolve="CompositeFBTypeDeclaration" />
+            </node>
+            <node concept="2ShNRf" id="6wjDFs18vXZ" role="33vP2m">
+              <node concept="3zrR0B" id="6wjDFs18w58" role="2ShVmc">
+                <node concept="3Tqbb2" id="6wjDFs18w5a" role="3zrR0E">
+                  <ref role="ehGHo" to="xiqq:PI_pXYugbt" resolve="CompositeFBTypeDeclaration" />
+                </node>
+              </node>
+            </node>
+          </node>
+        </node>
+        <node concept="3clFbF" id="6wjDFs18wl9" role="3cqZAp">
+          <node concept="37vLTI" id="6wjDFs18xzM" role="3clFbG">
+            <node concept="2OqwBi" id="6wjDFs18xR0" role="37vLTx">
+              <node concept="2Sf5sV" id="6wjDFs18xH_" role="2Oq$k0" />
+              <node concept="3TrcHB" id="6wjDFs18yl_" role="2OqNvi">
+                <ref role="3TsBF5" to="tpck:h0TrG11" resolve="name" />
+              </node>
+            </node>
+            <node concept="2OqwBi" id="6wjDFs18wBz" role="37vLTJ">
+              <node concept="37vLTw" id="6wjDFs18wl7" role="2Oq$k0">
+                <ref role="3cqZAo" node="6wjDFs18vHb" resolve="block" />
+              </node>
+              <node concept="3TrcHB" id="6wjDFs18xgM" role="2OqNvi">
+                <ref role="3TsBF5" to="tpck:h0TrG11" resolve="name" />
+              </node>
+            </node>
+          </node>
+        </node>
+        <node concept="3clFbF" id="6wjDFs18u_5" role="3cqZAp">
+          <node concept="2OqwBi" id="6wjDFs18v4Z" role="3clFbG">
+            <node concept="2OqwBi" id="6wjDFs18uLj" role="2Oq$k0">
+              <node concept="1XNTG" id="6wjDFs18u_4" role="2Oq$k0" />
+              <node concept="liA8E" id="6wjDFs18uYY" role="2OqNvi">
+                <ref role="37wK5l" to="cj4x:~EditorContext.getModel()" resolve="getModel" />
+              </node>
+            </node>
+            <node concept="liA8E" id="6wjDFs18vct" role="2OqNvi">
+              <ref role="37wK5l" to="mhbf:~SModel.addRootNode(org.jetbrains.mps.openapi.model.SNode)" resolve="addRootNode" />
+              <node concept="37vLTw" id="6wjDFs18DIr" role="37wK5m">
+                <ref role="3cqZAo" node="6wjDFs18vHb" resolve="block" />
+              </node>
+            </node>
+          </node>
+        </node>
+        <node concept="3clFbF" id="6wjDFs18ivE" role="3cqZAp">
+          <node concept="37vLTI" id="6wjDFs18jlD" role="3clFbG">
+            <node concept="37vLTw" id="6wjDFs18Eel" role="37vLTx">
+              <ref role="3cqZAo" node="6wjDFs18vHb" resolve="block" />
+            </node>
+            <node concept="2OqwBi" id="6wjDFs18iCX" role="37vLTJ">
+              <node concept="2Sf5sV" id="6wjDFs18ivD" role="2Oq$k0" />
+              <node concept="3TrEf2" id="6wjDFs18iOS" role="2OqNvi">
+                <ref role="3Tt5mk" to="xiqq:19ypCjbiylf" resolve="blockDeclaration" />
+              </node>
+            </node>
+          </node>
+        </node>
+        <node concept="3cpWs8" id="6wjDFs18EQU" role="3cqZAp">
+          <node concept="3cpWsn" id="6wjDFs18EQX" role="3cpWs9">
+            <property role="TrG5h" value="hmi" />
+            <node concept="3Tqbb2" id="6wjDFs18EQS" role="1tU5fm">
+              <ref role="ehGHo" to="xiqq:15ruYIbk1Mz" resolve="HMIInterfaceTypeDeclaration" />
+            </node>
+            <node concept="2ShNRf" id="6wjDFs18F8v" role="33vP2m">
+              <node concept="3zrR0B" id="6wjDFs18Fgj" role="2ShVmc">
+                <node concept="3Tqbb2" id="6wjDFs18Fgl" role="3zrR0E">
+                  <ref role="ehGHo" to="xiqq:15ruYIbk1Mz" resolve="HMIInterfaceTypeDeclaration" />
+                </node>
+              </node>
+            </node>
+          </node>
+        </node>
+        <node concept="3clFbF" id="6wjDFs18FxB" role="3cqZAp">
+          <node concept="37vLTI" id="6wjDFs18G_a" role="3clFbG">
+            <node concept="3cpWs3" id="6wjDFs18HI6" role="37vLTx">
+              <node concept="Xl_RD" id="6wjDFs18HNu" role="3uHU7w">
+                <property role="Xl_RC" value="_HMI_CONF" />
+              </node>
+              <node concept="2OqwBi" id="6wjDFs18GXf" role="3uHU7B">
+                <node concept="2Sf5sV" id="6wjDFs18GJ3" role="2Oq$k0" />
+                <node concept="3TrcHB" id="6wjDFs18HoI" role="2OqNvi">
+                  <ref role="3TsBF5" to="tpck:h0TrG11" resolve="name" />
+                </node>
+              </node>
+            </node>
+            <node concept="2OqwBi" id="6wjDFs18FKG" role="37vLTJ">
+              <node concept="37vLTw" id="6wjDFs18Fx_" role="2Oq$k0">
+                <ref role="3cqZAo" node="6wjDFs18EQX" resolve="hmi" />
+              </node>
+              <node concept="3TrcHB" id="6wjDFs18GfJ" role="2OqNvi">
+                <ref role="3TsBF5" to="tpck:h0TrG11" resolve="name" />
+              </node>
+            </node>
+          </node>
+        </node>
+        <node concept="3clFbF" id="6wjDFs18Iyk" role="3cqZAp">
+          <node concept="2OqwBi" id="6wjDFs18Jdr" role="3clFbG">
+            <node concept="2OqwBi" id="6wjDFs18IKn" role="2Oq$k0">
+              <node concept="1XNTG" id="6wjDFs18Iyj" role="2Oq$k0" />
+              <node concept="liA8E" id="6wjDFs18J70" role="2OqNvi">
+                <ref role="37wK5l" to="cj4x:~EditorContext.getModel()" resolve="getModel" />
+              </node>
+            </node>
+            <node concept="liA8E" id="6wjDFs18JpM" role="2OqNvi">
+              <ref role="37wK5l" to="mhbf:~SModel.addRootNode(org.jetbrains.mps.openapi.model.SNode)" resolve="addRootNode" />
+              <node concept="37vLTw" id="6wjDFs18JqV" role="37wK5m">
+                <ref role="3cqZAo" node="6wjDFs18EQX" resolve="hmi" />
+              </node>
+            </node>
+          </node>
+        </node>
+        <node concept="3clFbF" id="6wjDFs18nXZ" role="3cqZAp">
+          <node concept="37vLTI" id="6wjDFs18oT_" role="3clFbG">
+            <node concept="2OqwBi" id="6wjDFs18o8H" role="37vLTJ">
+              <node concept="2Sf5sV" id="6wjDFs18nXY" role="2Oq$k0" />
+              <node concept="3TrEf2" id="6wjDFs18owR" role="2OqNvi">
+                <ref role="3Tt5mk" to="xiqq:19ypCjbiyll" resolve="hmiInterfaceDeclaration" />
+              </node>
+            </node>
+            <node concept="37vLTw" id="6wjDFs18Ih4" role="37vLTx">
+              <ref role="3cqZAo" node="6wjDFs18EQX" resolve="hmi" />
+            </node>
+          </node>
+        </node>
+      </node>
+    </node>
+    <node concept="2SaL7w" id="6wjDFs16mFL" role="2ZfVeh">
+      <node concept="3clFbS" id="6wjDFs16mFM" role="2VODD2">
+        <node concept="3clFbF" id="6wjDFs16mKD" role="3cqZAp">
+          <node concept="3clFbT" id="6wjDFs16mKC" role="3clFbG">
+            <property role="3clFbU" value="true" />
+          </node>
+        </node>
+      </node>
+    </node>
+  </node>
+</model>
+
diff --git a/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.structure.mps b/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.structure.mps
index 118e9d192..21586be17 100644
--- a/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.structure.mps
+++ b/code/language/languages/org.fbme.ide.iec61499.lang/models/org.fbme.ide.iec61499.lang.structure.mps
@@ -1575,5 +1575,48 @@
       <ref role="20lvS9" node="5fP$Xwj3irJ" resolve="Position" />
     </node>
   </node>
+  <node concept="1TIwiD" id="15ruYIbk1Mw">
+    <property role="EcuMT" value="1250729573110258848" />
+    <property role="TrG5h" value="CATBlockTypeDeclaration" />
+    <property role="19KtqR" value="true" />
+    <property role="34LRSv" value="cat function block type" />
+    <ref role="1TJDcQ" to="tpck:gw2VY9q" resolve="BaseConcept" />
+    <node concept="1TJgyi" id="5cPJ2880EM3" role="1TKVEl">
+      <property role="IQ2nx" value="5995905333262986371" />
+      <property role="TrG5h" value="interfaceFileName" />
+      <ref role="AX2Wp" to="tpck:fKAOsGN" resolve="string" />
+    </node>
+    <node concept="PrWs8" id="gdnNDDKQnZ" role="PzmwI">
+      <ref role="PrY4T" to="tpck:h0TrEE$" resolve="INamedConcept" />
+    </node>
+    <node concept="PrWs8" id="19ypCjbf16I" role="PzmwI">
+      <ref role="PrY4T" to="tpck:3fifI_xCcJN" resolve="ScopeProvider" />
+    </node>
+    <node concept="PrWs8" id="2ZYTOsKyqLM" role="PzmwI">
+      <ref role="PrY4T" node="4s7KBSjc3Il" resolve="IContext" />
+    </node>
+    <node concept="1TJgyj" id="19ypCjbiylf" role="1TKVEi">
+      <property role="IQ2ns" value="1324733960932697423" />
+      <property role="20kJfa" value="blockDeclaration" />
+      <property role="20lbJX" value="fLJekj4/_1" />
+      <ref role="20lvS9" node="PI_pXYugbt" resolve="CompositeFBTypeDeclaration" />
+    </node>
+    <node concept="1TJgyj" id="19ypCjbiyll" role="1TKVEi">
+      <property role="IQ2ns" value="1324733960932697429" />
+      <property role="20kJfa" value="hmiInterfaceDeclaration" />
+      <property role="20lbJX" value="fLJekj4/_1" />
+      <ref role="20lvS9" node="15ruYIbk1Mz" resolve="HMIInterfaceTypeDeclaration" />
+    </node>
+  </node>
+  <node concept="1TIwiD" id="15ruYIbk1Mz">
+    <property role="EcuMT" value="1250729573110258851" />
+    <property role="TrG5h" value="HMIInterfaceTypeDeclaration" />
+    <property role="34LRSv" value="hmi" />
+    <property role="19KtqR" value="true" />
+    <ref role="1TJDcQ" node="3HBlKeoYsiw" resolve="FBTypeDeclaration" />
+    <node concept="PrWs8" id="19ypCjbpLHk" role="PzmwI">
+      <ref role="PrY4T" to="tpck:h0TrEE$" resolve="INamedConcept" />
+    </node>
+  </node>
 </model>
 
diff --git a/code/language/languages/org.fbme.ide.iec61499.lang/org.fbme.ide.iec61499.lang.mpl b/code/language/languages/org.fbme.ide.iec61499.lang/org.fbme.ide.iec61499.lang.mpl
index 9304586c9..5e19666f5 100644
--- a/code/language/languages/org.fbme.ide.iec61499.lang/org.fbme.ide.iec61499.lang.mpl
+++ b/code/language/languages/org.fbme.ide.iec61499.lang/org.fbme.ide.iec61499.lang.mpl
@@ -73,6 +73,7 @@
     <dependency reexport="false">1db6de07-b355-4c0f-9979-75b4ac1e8215(org.fbme.lib)</dependency>
     <dependency reexport="false">ce018f97-56b9-4ee7-9b5f-2d462b6628bf(org.fbme.platform.lib)</dependency>
     <dependency reexport="false">d7eb0a2a-bd50-4576-beae-e4a89db35f20(jetbrains.mps.lang.scopes.runtime)</dependency>
+    <dependency reexport="false">1ed103c3-3aa6-49b7-9c21-6765ee11f224(MPS.Editor)</dependency>
   </dependencies>
   <languageVersions>
     <language slang="l:21063c66-85ba-4e98-839b-036445b17ae2:de.itemis.mps.editor.layout" version="0" />
@@ -125,7 +126,10 @@
     <module reference="3f233e7f-b8a6-46d2-a57f-795d56775243(Annotations)" version="0" />
     <module reference="6354ebe7-c22a-4a0f-ac54-50b52ab9b065(JDK)" version="0" />
     <module reference="6ed54515-acc8-4d1e-a16c-9fd6cfe951ea(MPS.Core)" version="0" />
+    <module reference="1ed103c3-3aa6-49b7-9c21-6765ee11f224(MPS.Editor)" version="0" />
+    <module reference="498d89d2-c2e9-11e2-ad49-6cf049e62fe5(MPS.IDEA)" version="0" />
     <module reference="8865b7a8-5271-43d3-884c-6fd1d9cfdd34(MPS.OpenAPI)" version="0" />
+    <module reference="742f6602-5a2f-4313-aa6e-ae1cd4ffdc61(MPS.Platform)" version="0" />
     <module reference="3ba695ad-c19d-4f3c-925b-fe4a54a16367(TempModule3ba695ad-c19d-4f3c-925b-fe4a54a16367)" version="0" />
     <module reference="27bcdded-bf6e-42ec-b246-aa147c171ade(iec61499@transient121)" version="0" />
     <module reference="2d3c70e9-aab2-4870-8d8d-6036800e4103(jetbrains.mps.kernel)" version="0" />
diff --git a/code/language/languages/org.fbme.ide.st.lang/models/org.fbme.ide.st.lang.editor.mps b/code/language/languages/org.fbme.ide.st.lang/models/org.fbme.ide.st.lang.editor.mps
index bb696715c..f87885d00 100644
--- a/code/language/languages/org.fbme.ide.st.lang/models/org.fbme.ide.st.lang.editor.mps
+++ b/code/language/languages/org.fbme.ide.st.lang/models/org.fbme.ide.st.lang.editor.mps
@@ -201,7 +201,6 @@
         <child id="1073389446424" name="childCellModel" index="3EZMnx" />
       </concept>
       <concept id="1073389577006" name="jetbrains.mps.lang.editor.structure.CellModel_Constant" flags="sn" stub="3610246225209162225" index="3F0ifn">
-        <property id="1082639509531" name="nullText" index="ilYzB" />
         <property id="1073389577007" name="text" index="3F0ifm" />
       </concept>
       <concept id="1073389658414" name="jetbrains.mps.lang.editor.structure.CellModel_Property" flags="sg" stub="730538219796134133" index="3F0A7n" />
@@ -851,12 +850,8 @@
       <node concept="pj6Ft" id="7GyesCp9Ttt" role="3F10Kt">
         <property role="VOm3f" value="true" />
       </node>
-      <node concept="3F0ifn" id="7GyesCp9Ttx" role="2czzBI">
+      <node concept="3F0ifn" id="7u028AewiT7" role="2czzBI">
         <property role="3F0ifm" value="" />
-        <property role="ilYzB" value="no statements" />
-        <node concept="Vb9p2" id="7GyesCplzfZ" role="3F10Kt">
-          <property role="Vbekb" value="g1_kEg4/ITALIC" />
-        </node>
       </node>
     </node>
   </node>
diff --git a/code/language/solutions/org.fbme.ide.iec61499.adapter/models/org.fbme.ide.iec61499.adapter.interfacepart.mps b/code/language/solutions/org.fbme.ide.iec61499.adapter/models/org.fbme.ide.iec61499.adapter.interfacepart.mps
index 5a040de71..27717cb54 100644
--- a/code/language/solutions/org.fbme.ide.iec61499.adapter/models/org.fbme.ide.iec61499.adapter.interfacepart.mps
+++ b/code/language/solutions/org.fbme.ide.iec61499.adapter/models/org.fbme.ide.iec61499.adapter.interfacepart.mps
@@ -107,6 +107,7 @@
       </concept>
       <concept id="1068498886292" name="jetbrains.mps.baseLanguage.structure.ParameterDeclaration" flags="ir" index="37vLTG" />
       <concept id="1068498886294" name="jetbrains.mps.baseLanguage.structure.AssignmentExpression" flags="nn" index="37vLTI" />
+      <concept id="1225271177708" name="jetbrains.mps.baseLanguage.structure.StringType" flags="in" index="17QB3L" />
       <concept id="4972933694980447171" name="jetbrains.mps.baseLanguage.structure.BaseVariableDeclaration" flags="ng" index="19Szcq">
         <child id="5680397130376446158" name="type" index="1tU5fm" />
       </concept>
@@ -7660,5 +7661,395 @@
       </node>
     </node>
   </node>
+  <node concept="312cEu" id="7zgDk8NJMDa">
+    <property role="TrG5h" value="CATBlockTypeByNode" />
+    <node concept="2tJIrI" id="7zgDk8NK7Jb" role="jymVt" />
+    <node concept="3clFbW" id="7zgDk8NK7UV" role="jymVt">
+      <node concept="3cqZAl" id="7zgDk8NK7UW" role="3clF45" />
+      <node concept="3clFbS" id="7zgDk8NK7UY" role="3clF47">
+        <node concept="XkiVB" id="7zgDk8NK8ir" role="3cqZAp">
+          <ref role="37wK5l" to="fcfa:1IuIrLUpCCt" resolve="PlatformDeclarationBase" />
+          <node concept="37vLTw" id="7zgDk8NK8mY" role="37wK5m">
+            <ref role="3cqZAo" node="7zgDk8NK7Zc" resolve="node" />
+          </node>
+          <node concept="37vLTw" id="7zgDk8NK8I$" role="37wK5m">
+            <ref role="3cqZAo" node="7zgDk8NK83x" resolve="owner" />
+          </node>
+        </node>
+      </node>
+      <node concept="3Tm1VV" id="7zgDk8NK7TT" role="1B3o_S" />
+      <node concept="37vLTG" id="7zgDk8NK7Zc" role="3clF46">
+        <property role="TrG5h" value="node" />
+        <node concept="3Tqbb2" id="7zgDk8NK7Zb" role="1tU5fm">
+          <ref role="ehGHo" to="xiqq:15ruYIbk1Mw" resolve="CATBlockTypeDeclaration" />
+        </node>
+      </node>
+      <node concept="37vLTG" id="7zgDk8NK83x" role="3clF46">
+        <property role="TrG5h" value="owner" />
+        <node concept="3uibUv" id="7zgDk8NK84L" role="1tU5fm">
+          <ref role="3uigEE" to="uvki:~PlatformElementsOwner" resolve="PlatformElementsOwner" />
+        </node>
+      </node>
+    </node>
+    <node concept="2tJIrI" id="2FMxr8TfYu1" role="jymVt" />
+    <node concept="2tJIrI" id="QqnmHEHTEO" role="jymVt" />
+    <node concept="2tJIrI" id="19ypCjbpRkE" role="jymVt" />
+    <node concept="3clFb_" id="19ypCjbpRJF" role="jymVt">
+      <property role="TrG5h" value="getBlockDeclaration" />
+      <node concept="3Tm1VV" id="19ypCjbpRJG" role="1B3o_S" />
+      <node concept="3uibUv" id="19ypCjbpRJH" role="3clF45">
+        <ref role="3uigEE" to="7adg:~Reference" resolve="Reference" />
+        <node concept="3uibUv" id="3lxP5h4ewkr" role="11_B2D">
+          <ref role="3uigEE" to="cwd8:~CompositeFBTypeDeclaration" resolve="CompositeFBTypeDeclaration" />
+        </node>
+      </node>
+      <node concept="3clFbS" id="19ypCjbpRJI" role="3clF47">
+        <node concept="3clFbF" id="19ypCjbpRJJ" role="3cqZAp">
+          <node concept="2ShNRf" id="19ypCjbpRJK" role="3clFbG">
+            <node concept="1pGfFk" id="19ypCjbpRJL" role="2ShVmc">
+              <ref role="37wK5l" to="fcfa:3lxP5h46OjL" resolve="PlatformReference" />
+              <node concept="37vLTw" id="1IuIrLUuCX0" role="37wK5m">
+                <ref role="3cqZAo" to="fcfa:1IuIrLUoZ0z" resolve="myNode" />
+              </node>
+              <node concept="359W_D" id="19ypCjbpRJM" role="37wK5m">
+                <ref role="359W_E" to="xiqq:15ruYIbk1Mw" resolve="CATBlockTypeDeclaration" />
+                <ref role="359W_F" to="xiqq:19ypCjbiylf" resolve="blockDeclaration" />
+              </node>
+              <node concept="3VsKOn" id="19ypCjbpRJN" role="37wK5m">
+                <ref role="3VsUkX" to="cwd8:~CompositeFBTypeDeclaration" resolve="CompositeFBTypeDeclaration" />
+              </node>
+              <node concept="3uibUv" id="3lxP5h4ewM5" role="1pMfVU">
+                <ref role="3uigEE" to="cwd8:~CompositeFBTypeDeclaration" resolve="CompositeFBTypeDeclaration" />
+              </node>
+              <node concept="37vLTw" id="1IuIrLUuDmQ" role="37wK5m">
+                <ref role="3cqZAo" to="fcfa:1IuIrLUoZ2w" resolve="myOwner" />
+              </node>
+            </node>
+          </node>
+        </node>
+      </node>
+      <node concept="2AHcQZ" id="19ypCjbpRJP" role="2AJF6D">
+        <ref role="2AI5Lk" to="mhfm:~NotNull" resolve="NotNull" />
+      </node>
+      <node concept="2AHcQZ" id="2hUvzC7gbTf" role="2AJF6D">
+        <ref role="2AI5Lk" to="wyt6:~Override" />
+      </node>
+    </node>
+    <node concept="2tJIrI" id="19ypCjbq4x4" role="jymVt" />
+    <node concept="3clFb_" id="19ypCjbq515" role="jymVt">
+      <property role="TrG5h" value="getHmiInterface" />
+      <node concept="3Tm1VV" id="19ypCjbq516" role="1B3o_S" />
+      <node concept="3uibUv" id="19ypCjbq517" role="3clF45">
+        <ref role="3uigEE" to="7adg:~Reference" resolve="Reference" />
+        <node concept="3uibUv" id="19ypCjbq518" role="11_B2D">
+          <ref role="3uigEE" to="cwd8:~HMIInterfaceTypeDeclaration" resolve="HMIInterfaceTypeDeclaration" />
+        </node>
+      </node>
+      <node concept="3clFbS" id="19ypCjbq519" role="3clF47">
+        <node concept="3clFbF" id="19ypCjbq51a" role="3cqZAp">
+          <node concept="2ShNRf" id="19ypCjbq51b" role="3clFbG">
+            <node concept="1pGfFk" id="19ypCjbq51c" role="2ShVmc">
+              <ref role="37wK5l" to="fcfa:3lxP5h46OjL" resolve="PlatformReference" />
+              <node concept="37vLTw" id="19ypCjbq51d" role="37wK5m">
+                <ref role="3cqZAo" to="fcfa:1IuIrLUoZ0z" resolve="myNode" />
+              </node>
+              <node concept="359W_D" id="19ypCjbq51e" role="37wK5m">
+                <ref role="359W_E" to="xiqq:15ruYIbk1Mw" resolve="CATBlockTypeDeclaration" />
+                <ref role="359W_F" to="xiqq:19ypCjbiyll" resolve="hmiInterfaceDeclaration" />
+              </node>
+              <node concept="3VsKOn" id="19ypCjbq51f" role="37wK5m">
+                <ref role="3VsUkX" to="cwd8:~HMIInterfaceTypeDeclaration" resolve="HMIInterfaceTypeDeclaration" />
+              </node>
+              <node concept="3uibUv" id="19ypCjbq51g" role="1pMfVU">
+                <ref role="3uigEE" to="cwd8:~HMIInterfaceTypeDeclaration" resolve="HMIInterfaceTypeDeclaration" />
+              </node>
+              <node concept="37vLTw" id="19ypCjbq51h" role="37wK5m">
+                <ref role="3cqZAo" to="fcfa:1IuIrLUoZ2w" resolve="myOwner" />
+              </node>
+            </node>
+          </node>
+        </node>
+      </node>
+      <node concept="2AHcQZ" id="19ypCjbq51i" role="2AJF6D">
+        <ref role="2AI5Lk" to="mhfm:~NotNull" resolve="NotNull" />
+      </node>
+      <node concept="2AHcQZ" id="2hUvzC7gdLz" role="2AJF6D">
+        <ref role="2AI5Lk" to="wyt6:~Override" />
+      </node>
+    </node>
+    <node concept="2tJIrI" id="2hUvzC7g5o_" role="jymVt" />
+    <node concept="3clFb_" id="2hUvzC7g9xt" role="jymVt">
+      <property role="TrG5h" value="getInterfaceFileName" />
+      <node concept="3clFbS" id="2hUvzC7g9xw" role="3clF47">
+        <node concept="3clFbF" id="2hUvzC7ga9t" role="3cqZAp">
+          <node concept="2OqwBi" id="2hUvzC7gaAX" role="3clFbG">
+            <node concept="37vLTw" id="2hUvzC7ga9s" role="2Oq$k0">
+              <ref role="3cqZAo" to="fcfa:1IuIrLUoZ0z" resolve="myNode" />
+            </node>
+            <node concept="3TrcHB" id="2hUvzC7gbgJ" role="2OqNvi">
+              <ref role="3TsBF5" to="xiqq:5cPJ2880EM3" resolve="interfaceFileName" />
+            </node>
+          </node>
+        </node>
+      </node>
+      <node concept="3Tm1VV" id="2hUvzC7g8y8" role="1B3o_S" />
+      <node concept="17QB3L" id="2hUvzC7g8Yd" role="3clF45" />
+      <node concept="2AHcQZ" id="2hUvzC7gbTe" role="2AJF6D">
+        <ref role="2AI5Lk" to="wyt6:~Override" />
+      </node>
+    </node>
+    <node concept="2tJIrI" id="5M16QTlKb9V" role="jymVt" />
+    <node concept="3clFb_" id="5M16QTlKj5K" role="jymVt">
+      <property role="TrG5h" value="setInterfaceFileName" />
+      <node concept="3clFbS" id="5M16QTlKj5N" role="3clF47">
+        <node concept="3clFbF" id="5M16QTlKkHB" role="3cqZAp">
+          <node concept="37vLTI" id="5M16QTlKnmF" role="3clFbG">
+            <node concept="37vLTw" id="5M16QTlKnSc" role="37vLTx">
+              <ref role="3cqZAo" node="5M16QTlKjJS" resolve="f" />
+            </node>
+            <node concept="2OqwBi" id="5M16QTlKli5" role="37vLTJ">
+              <node concept="37vLTw" id="5M16QTlKkHA" role="2Oq$k0">
+                <ref role="3cqZAo" to="fcfa:1IuIrLUoZ0z" resolve="myNode" />
+              </node>
+              <node concept="3TrcHB" id="5M16QTlKmfo" role="2OqNvi">
+                <ref role="3TsBF5" to="xiqq:5cPJ2880EM3" resolve="interfaceFileName" />
+              </node>
+            </node>
+          </node>
+        </node>
+      </node>
+      <node concept="3Tm1VV" id="5M16QTlKi7r" role="1B3o_S" />
+      <node concept="3cqZAl" id="5M16QTlKj0D" role="3clF45" />
+      <node concept="37vLTG" id="5M16QTlKjJS" role="3clF46">
+        <property role="TrG5h" value="f" />
+        <node concept="17QB3L" id="5M16QTlKjJR" role="1tU5fm" />
+      </node>
+    </node>
+    <node concept="2tJIrI" id="19ypCjbq4zy" role="jymVt" />
+    <node concept="2tJIrI" id="19ypCjbpRml" role="jymVt" />
+    <node concept="2tJIrI" id="19ypCjbpOgf" role="jymVt" />
+    <node concept="3clFb_" id="19ypCjbpOm9" role="jymVt">
+      <property role="TrG5h" value="getBlockTypeDescriptor" />
+      <node concept="3Tm1VV" id="19ypCjbpOma" role="1B3o_S" />
+      <node concept="3uibUv" id="19ypCjbpOmb" role="3clF45">
+        <ref role="3uigEE" to="ntnl:~FBTypeDescriptor" resolve="FBTypeDescriptor" />
+      </node>
+      <node concept="3clFbS" id="19ypCjbpOmc" role="3clF47">
+        <node concept="3cpWs8" id="19ypCjbpOmd" role="3cqZAp">
+          <node concept="3cpWsn" id="19ypCjbpOme" role="3cpWs9">
+            <property role="TrG5h" value="blockReference" />
+            <node concept="3uibUv" id="19ypCjbpOmf" role="1tU5fm">
+              <ref role="3uigEE" to="7adg:~Reference" resolve="Reference" />
+              <node concept="3uibUv" id="3lxP5h4exWW" role="11_B2D">
+                <ref role="3uigEE" to="cwd8:~CompositeFBTypeDeclaration" resolve="CompositeFBTypeDeclaration" />
+              </node>
+            </node>
+            <node concept="1rXfSq" id="19ypCjbpOmg" role="33vP2m">
+              <ref role="37wK5l" node="19ypCjbpRJF" resolve="getTypeReference" />
+            </node>
+          </node>
+        </node>
+        <node concept="3cpWs8" id="19ypCjbpOmh" role="3cqZAp">
+          <node concept="3cpWsn" id="19ypCjbpOmi" role="3cpWs9">
+            <property role="TrG5h" value="target" />
+            <node concept="3uibUv" id="3lxP5h4eyCJ" role="1tU5fm">
+              <ref role="3uigEE" to="cwd8:~FBTypeDeclaration" resolve="FBTypeDeclaration" />
+            </node>
+            <node concept="2OqwBi" id="19ypCjbpOmj" role="33vP2m">
+              <node concept="37vLTw" id="19ypCjbpOmk" role="2Oq$k0">
+                <ref role="3cqZAo" node="19ypCjbpOme" resolve="typeReference" />
+              </node>
+              <node concept="liA8E" id="19ypCjbpOml" role="2OqNvi">
+                <ref role="37wK5l" to="7adg:~Reference.getTarget()" resolve="getTarget" />
+              </node>
+            </node>
+          </node>
+        </node>
+        <node concept="3clFbJ" id="19ypCjbpOmm" role="3cqZAp">
+          <node concept="3clFbS" id="19ypCjbpOmn" role="3clFbx">
+            <node concept="3cpWs6" id="19ypCjbpOmo" role="3cqZAp">
+              <node concept="2OqwBi" id="19ypCjbpOmp" role="3cqZAk">
+                <node concept="37vLTw" id="19ypCjbpOmq" role="2Oq$k0">
+                  <ref role="3cqZAo" node="19ypCjbpOmi" resolve="target" />
+                </node>
+                <node concept="liA8E" id="3lxP5h4etAb" role="2OqNvi">
+                  <ref role="37wK5l" to="cwd8:~FBTypeDeclaration.getTypeDescriptor()" resolve="getTypeDescriptor" />
+                </node>
+              </node>
+            </node>
+          </node>
+          <node concept="3y3z36" id="19ypCjbpOmr" role="3clFbw">
+            <node concept="10Nm6u" id="19ypCjbpOms" role="3uHU7w" />
+            <node concept="37vLTw" id="19ypCjbpOmt" role="3uHU7B">
+              <ref role="3cqZAo" node="19ypCjbpOmi" resolve="target" />
+            </node>
+          </node>
+          <node concept="9aQIb" id="19ypCjbpOmu" role="9aQIa">
+            <node concept="3clFbS" id="19ypCjbpOmv" role="9aQI4">
+              <node concept="3cpWs6" id="19ypCjbpOmw" role="3cqZAp">
+                <node concept="2ShNRf" id="19ypCjbpOmx" role="3cqZAk">
+                  <node concept="1pGfFk" id="19ypCjbpOmy" role="2ShVmc">
+                    <ref role="37wK5l" to="rwq3:3VhUp_YORJb" resolve="EmptyTypeDescriptor" />
+                    <node concept="2OqwBi" id="19ypCjbpOmz" role="37wK5m">
+                      <node concept="37vLTw" id="19ypCjbpOm$" role="2Oq$k0">
+                        <ref role="3cqZAo" node="19ypCjbpOme" resolve="typeReference" />
+                      </node>
+                      <node concept="liA8E" id="19ypCjbpOm_" role="2OqNvi">
+                        <ref role="37wK5l" to="7adg:~Reference.getPresentation()" resolve="getPresentation" />
+                      </node>
+                    </node>
+                  </node>
+                </node>
+              </node>
+            </node>
+          </node>
+        </node>
+      </node>
+      <node concept="2AHcQZ" id="1IuIrLUuEAI" role="2AJF6D">
+        <ref role="2AI5Lk" to="mhfm:~NotNull" resolve="NotNull" />
+      </node>
+    </node>
+    <node concept="2tJIrI" id="19ypCjbq2vl" role="jymVt" />
+    <node concept="3clFb_" id="19ypCjbq2SR" role="jymVt">
+      <property role="TrG5h" value="getHmiTypeDescriptor" />
+      <node concept="3Tm1VV" id="19ypCjbq2SS" role="1B3o_S" />
+      <node concept="3uibUv" id="19ypCjbq2ST" role="3clF45">
+        <ref role="3uigEE" to="ntnl:~FBTypeDescriptor" resolve="FBTypeDescriptor" />
+      </node>
+      <node concept="3clFbS" id="19ypCjbq2SU" role="3clF47">
+        <node concept="3cpWs8" id="19ypCjbq2SV" role="3cqZAp">
+          <node concept="3cpWsn" id="19ypCjbq2SW" role="3cpWs9">
+            <property role="TrG5h" value="hmiReference" />
+            <node concept="3uibUv" id="19ypCjbq2SX" role="1tU5fm">
+              <ref role="3uigEE" to="7adg:~Reference" resolve="Reference" />
+              <node concept="3uibUv" id="19ypCjbq2SY" role="11_B2D">
+                <ref role="3uigEE" to="cwd8:~HMIInterfaceTypeDeclaration" resolve="HMIInterfaceTypeDeclaration" />
+              </node>
+            </node>
+            <node concept="1rXfSq" id="19ypCjbq2SZ" role="33vP2m">
+              <ref role="37wK5l" node="19ypCjbq515" resolve="getHMIReference" />
+            </node>
+          </node>
+        </node>
+        <node concept="3cpWs8" id="19ypCjbq2T0" role="3cqZAp">
+          <node concept="3cpWsn" id="19ypCjbq2T1" role="3cpWs9">
+            <property role="TrG5h" value="targetDeclaration" />
+            <node concept="3uibUv" id="19ypCjbq2T2" role="1tU5fm">
+              <ref role="3uigEE" to="cwd8:~FBTypeDeclaration" resolve="FBTypeDeclaration" />
+            </node>
+            <node concept="2OqwBi" id="19ypCjbq2T3" role="33vP2m">
+              <node concept="37vLTw" id="19ypCjbq2T4" role="2Oq$k0">
+                <ref role="3cqZAo" node="19ypCjbq2SW" resolve="blockReference" />
+              </node>
+              <node concept="liA8E" id="19ypCjbq2T5" role="2OqNvi">
+                <ref role="37wK5l" to="7adg:~Reference.getTarget()" resolve="getTarget" />
+              </node>
+            </node>
+          </node>
+        </node>
+        <node concept="3clFbJ" id="19ypCjbq2T6" role="3cqZAp">
+          <node concept="3clFbS" id="19ypCjbq2T7" role="3clFbx">
+            <node concept="3cpWs6" id="19ypCjbq2T8" role="3cqZAp">
+              <node concept="2OqwBi" id="19ypCjbq2T9" role="3cqZAk">
+                <node concept="37vLTw" id="19ypCjbq2Ta" role="2Oq$k0">
+                  <ref role="3cqZAo" node="19ypCjbq2T1" resolve="target" />
+                </node>
+                <node concept="liA8E" id="19ypCjbq2Tb" role="2OqNvi">
+                  <ref role="37wK5l" to="cwd8:~FBTypeDeclaration.getTypeDescriptor()" resolve="getTypeDescriptor" />
+                </node>
+              </node>
+            </node>
+          </node>
+          <node concept="3y3z36" id="19ypCjbq2Tc" role="3clFbw">
+            <node concept="10Nm6u" id="19ypCjbq2Td" role="3uHU7w" />
+            <node concept="37vLTw" id="19ypCjbq2Te" role="3uHU7B">
+              <ref role="3cqZAo" node="19ypCjbq2T1" resolve="target" />
+            </node>
+          </node>
+          <node concept="9aQIb" id="19ypCjbq2Tf" role="9aQIa">
+            <node concept="3clFbS" id="19ypCjbq2Tg" role="9aQI4">
+              <node concept="3cpWs6" id="19ypCjbq2Th" role="3cqZAp">
+                <node concept="2ShNRf" id="19ypCjbq2Ti" role="3cqZAk">
+                  <node concept="1pGfFk" id="19ypCjbq2Tj" role="2ShVmc">
+                    <ref role="37wK5l" to="rwq3:3VhUp_YORJb" resolve="EmptyTypeDescriptor" />
+                    <node concept="2OqwBi" id="19ypCjbq2Tk" role="37wK5m">
+                      <node concept="37vLTw" id="19ypCjbq2Tl" role="2Oq$k0">
+                        <ref role="3cqZAo" node="19ypCjbq2SW" resolve="blockReference" />
+                      </node>
+                      <node concept="liA8E" id="19ypCjbq2Tm" role="2OqNvi">
+                        <ref role="37wK5l" to="7adg:~Reference.getPresentation()" resolve="getPresentation" />
+                      </node>
+                    </node>
+                  </node>
+                </node>
+              </node>
+            </node>
+          </node>
+        </node>
+      </node>
+      <node concept="2AHcQZ" id="19ypCjbq2Tn" role="2AJF6D">
+        <ref role="2AI5Lk" to="mhfm:~NotNull" resolve="NotNull" />
+      </node>
+    </node>
+    <node concept="2tJIrI" id="19ypCjbq2xg" role="jymVt" />
+    <node concept="2tJIrI" id="19ypCjbpOl0" role="jymVt" />
+    <node concept="2tJIrI" id="1ua7aTBY2Rg" role="jymVt" />
+    <node concept="2tJIrI" id="7zgDk8NKikC" role="jymVt" />
+    <node concept="3Tm1VV" id="7zgDk8NJMDb" role="1B3o_S" />
+    <node concept="3uibUv" id="7zgDk8NJO6_" role="1zkMxy">
+      <ref role="3uigEE" to="fcfa:1IuIrLUpCCg" resolve="PlatformDeclarationBase" />
+      <node concept="3Tqbb2" id="7zgDk8NJO7Q" role="11_B2D">
+        <ref role="ehGHo" to="xiqq:15ruYIbk1Mw" resolve="CATBlockTypeDeclaration" />
+      </node>
+    </node>
+    <node concept="3uibUv" id="7zgDk8NJOlo" role="EKbjA">
+      <ref role="3uigEE" to="cwd8:~CATBlockTypeDeclaration" resolve="CATBlockTypeDeclaration" />
+    </node>
+    <node concept="3uibUv" id="7zgDk8NK7Io" role="EKbjA">
+      <ref role="3uigEE" to="uvki:~PlatformElement" resolve="PlatformElement" />
+    </node>
+  </node>
+  <node concept="312cEu" id="1ua7aTBYvP8">
+    <property role="TrG5h" value="HMIInterfaceDeclarationByNode" />
+    <node concept="2tJIrI" id="2hUvzC7giRj" role="jymVt" />
+    <node concept="3clFbW" id="1ua7aTBYwcW" role="jymVt">
+      <node concept="3cqZAl" id="1ua7aTBYwcX" role="3clF45" />
+      <node concept="3clFbS" id="1ua7aTBYwcY" role="3clF47">
+        <node concept="XkiVB" id="1ua7aTBYwcZ" role="3cqZAp">
+          <ref role="37wK5l" node="1R4IoyQA1jy" resolve="FBInterfaceDeclarationWithAdaptersByNode" />
+          <node concept="37vLTw" id="1ua7aTBYwd0" role="37wK5m">
+            <ref role="3cqZAo" node="1ua7aTBYwd3" resolve="node" />
+          </node>
+          <node concept="37vLTw" id="1ua7aTBYwd1" role="37wK5m">
+            <ref role="3cqZAo" node="1ua7aTBYwd5" resolve="owner" />
+          </node>
+        </node>
+      </node>
+      <node concept="3Tm1VV" id="1ua7aTBYwd2" role="1B3o_S" />
+      <node concept="37vLTG" id="1ua7aTBYwd3" role="3clF46">
+        <property role="TrG5h" value="node" />
+        <node concept="3Tqbb2" id="1ua7aTBYwd4" role="1tU5fm">
+          <ref role="ehGHo" to="xiqq:15ruYIbk1Mz" resolve="HMIInterfaceTypeDeclaration" />
+        </node>
+      </node>
+      <node concept="37vLTG" id="1ua7aTBYwd5" role="3clF46">
+        <property role="TrG5h" value="owner" />
+        <node concept="3uibUv" id="1ua7aTBYwd6" role="1tU5fm">
+          <ref role="3uigEE" to="uvki:~PlatformElementsOwner" resolve="PlatformElementsOwner" />
+        </node>
+      </node>
+    </node>
+    <node concept="2tJIrI" id="1ua7aTBYwvU" role="jymVt" />
+    <node concept="3Tm1VV" id="1ua7aTBYvP9" role="1B3o_S" />
+    <node concept="3uibUv" id="1ua7aTBYvQU" role="1zkMxy">
+      <ref role="3uigEE" node="1R4IoyQ_Pw7" resolve="FBInterfaceDeclarationWithAdaptersByNode" />
+      <node concept="3Tqbb2" id="1ua7aTBYvSc" role="11_B2D">
+        <ref role="ehGHo" to="xiqq:15ruYIbk1Mz" resolve="HMIInterfaceTypeDeclaration" />
+      </node>
+    </node>
+    <node concept="3uibUv" id="1ua7aTBYvWd" role="EKbjA">
+      <ref role="3uigEE" to="cwd8:~HMIInterfaceTypeDeclaration" resolve="HMIInterfaceTypeDeclaration" />
+    </node>
+  </node>
 </model>
 
diff --git a/code/language/solutions/org.fbme.ide.iec61499.adapter/models/org.fbme.ide.iec61499.repository.mps b/code/language/solutions/org.fbme.ide.iec61499.adapter/models/org.fbme.ide.iec61499.repository.mps
index e64069bfc..b972c36e3 100644
--- a/code/language/solutions/org.fbme.ide.iec61499.adapter/models/org.fbme.ide.iec61499.repository.mps
+++ b/code/language/solutions/org.fbme.ide.iec61499.adapter/models/org.fbme.ide.iec61499.repository.mps
@@ -93,6 +93,9 @@
         <property id="1176718929932" name="isFinal" index="3TUv4t" />
         <child id="1068431790190" name="initializer" index="33vP2m" />
       </concept>
+      <concept id="1513279640923991009" name="jetbrains.mps.baseLanguage.structure.IGenericClassCreator" flags="ng" index="366HgL">
+        <property id="1513279640906337053" name="inferTypeParams" index="373rjd" />
+      </concept>
       <concept id="1109279763828" name="jetbrains.mps.baseLanguage.structure.TypeVariableDeclaration" flags="ng" index="16euLQ">
         <child id="1214996921760" name="bound" index="3ztrMU" />
       </concept>
@@ -307,6 +310,93 @@
         <ref role="2AI5Lk" to="wyt6:~Override" resolve="Override" />
       </node>
     </node>
+    <node concept="2tJIrI" id="1fU$xHHGKBY" role="jymVt" />
+    <node concept="3clFb_" id="1fU$xHHGQoZ" role="jymVt">
+      <property role="TrG5h" value="createCATBlockTypeDeclaration" />
+      <node concept="37vLTG" id="1fU$xHHGQp0" role="3clF46">
+        <property role="TrG5h" value="identifier" />
+        <node concept="3uibUv" id="1fU$xHHGQp1" role="1tU5fm">
+          <ref role="3uigEE" to="7adg:~Identifier" resolve="Identifier" />
+        </node>
+        <node concept="2AHcQZ" id="1fU$xHHGQp2" role="2AJF6D">
+          <ref role="2AI5Lk" to="mhfm:~Nullable" resolve="Nullable" />
+        </node>
+      </node>
+      <node concept="3Tm1VV" id="1fU$xHHGQp3" role="1B3o_S" />
+      <node concept="2AHcQZ" id="1fU$xHHGQp4" role="2AJF6D">
+        <ref role="2AI5Lk" to="mhfm:~NotNull" resolve="NotNull" />
+      </node>
+      <node concept="3uibUv" id="1fU$xHHGQp5" role="3clF45">
+        <ref role="3uigEE" to="cwd8:~CATBlockTypeDeclaration" resolve="CATBlockTypeDeclaration" />
+      </node>
+      <node concept="3clFbS" id="1fU$xHHGQp6" role="3clF47">
+        <node concept="3clFbF" id="1fU$xHHGQp7" role="3cqZAp">
+          <node concept="2OqwBi" id="1fU$xHHGQp8" role="3clFbG">
+            <node concept="37vLTw" id="1fU$xHHGQp9" role="2Oq$k0">
+              <ref role="3cqZAo" node="6YcNwH3_8G_" resolve="myRepository" />
+            </node>
+            <node concept="liA8E" id="1fU$xHHGQpa" role="2OqNvi">
+              <ref role="37wK5l" to="uvki:~PlatformElementsOwner.getAdapter(org.jetbrains.mps.openapi.model.SNode,java.lang.Class)" resolve="getAdapter" />
+              <node concept="1rXfSq" id="1fU$xHHGQpb" role="37wK5m">
+                <ref role="37wK5l" node="634IrDRwHCB" resolve="create" />
+                <node concept="35c_gC" id="1fU$xHHGQpc" role="37wK5m">
+                  <ref role="35c_gD" to="xiqq:15ruYIbk1Mw" resolve="CATBlockTypeDeclaration" />
+                </node>
+                <node concept="37vLTw" id="1fU$xHHGQpd" role="37wK5m">
+                  <ref role="3cqZAo" node="1fU$xHHGQp0" resolve="identifier" />
+                </node>
+              </node>
+              <node concept="3VsKOn" id="1fU$xHHGQpe" role="37wK5m">
+                <ref role="3VsUkX" to="cwd8:~CATBlockTypeDeclaration" resolve="CATBlockTypeDeclaration" />
+              </node>
+            </node>
+          </node>
+        </node>
+      </node>
+      <node concept="2AHcQZ" id="1fU$xHHGQpf" role="2AJF6D">
+        <ref role="2AI5Lk" to="wyt6:~Override" resolve="Override" />
+      </node>
+    </node>
+    <node concept="2tJIrI" id="6lz3dnnwjpO" role="jymVt" />
+    <node concept="2tJIrI" id="6lz3dnnxwaJ" role="jymVt" />
+    <node concept="3clFb_" id="6lz3dnnwBwL" role="jymVt">
+      <property role="TrG5h" value="createHMIBlockTypeDeclaration" />
+      <node concept="37vLTG" id="6lz3dnnxcs5" role="3clF46">
+        <property role="TrG5h" value="identifier" />
+        <node concept="3uibUv" id="6lz3dnnxfdn" role="1tU5fm">
+          <ref role="3uigEE" to="7adg:~Identifier" resolve="Identifier" />
+        </node>
+      </node>
+      <node concept="3clFbS" id="6lz3dnnwBwO" role="3clF47">
+        <node concept="3clFbF" id="6lz3dnnwHal" role="3cqZAp">
+          <node concept="2OqwBi" id="6lz3dnnwMed" role="3clFbG">
+            <node concept="37vLTw" id="6lz3dnnwHak" role="2Oq$k0">
+              <ref role="3cqZAo" node="6YcNwH3_8G_" resolve="myRepository" />
+            </node>
+            <node concept="liA8E" id="6lz3dnnwPcM" role="2OqNvi">
+              <ref role="37wK5l" to="uvki:~PlatformElementsOwner.getAdapter(org.jetbrains.mps.openapi.model.SNode,java.lang.Class)" resolve="getAdapter" />
+              <node concept="1rXfSq" id="6lz3dnnwUh0" role="37wK5m">
+                <ref role="37wK5l" node="634IrDRwHCB" resolve="create" />
+                <node concept="35c_gC" id="6lz3dnnwXdp" role="37wK5m">
+                  <ref role="35c_gD" to="xiqq:15ruYIbk1Mz" resolve="HMIInterfaceTypeDeclaration" />
+                </node>
+                <node concept="37vLTw" id="6lz3dnnxhju" role="37wK5m">
+                  <ref role="3cqZAo" node="6lz3dnnxcs5" resolve="identifier" />
+                </node>
+              </node>
+              <node concept="3VsKOn" id="6lz3dnnxuwB" role="37wK5m">
+                <ref role="3VsUkX" to="cwd8:~HMIInterfaceTypeDeclaration" resolve="HMIInterfaceTypeDeclaration" />
+              </node>
+            </node>
+          </node>
+        </node>
+      </node>
+      <node concept="3Tm1VV" id="6lz3dnnxF8r" role="1B3o_S" />
+      <node concept="3uibUv" id="6lz3dnnwB0T" role="3clF45">
+        <ref role="3uigEE" to="cwd8:~HMIInterfaceTypeDeclaration" resolve="HMIInterfaceTypeDeclaration" />
+      </node>
+    </node>
+    <node concept="2tJIrI" id="1fU$xHHGKNH" role="jymVt" />
     <node concept="3clFb_" id="1R0_JUQTxgH" role="jymVt">
       <property role="TrG5h" value="createApplicationDeclaration" />
       <node concept="37vLTG" id="634IrDRwU2x" role="3clF46">
@@ -4204,6 +4294,72 @@
             </node>
           </node>
         </node>
+        <node concept="3clFbJ" id="6lz3dnny9Vy" role="3cqZAp">
+          <node concept="3clFbS" id="6lz3dnny9V$" role="3clFbx">
+            <node concept="3cpWs6" id="6lz3dnnyB8F" role="3cqZAp">
+              <node concept="2ShNRf" id="6lz3dnnyIOp" role="3cqZAk">
+                <node concept="1pGfFk" id="6lz3dnnz6PI" role="2ShVmc">
+                  <property role="373rjd" value="true" />
+                  <ref role="37wK5l" to="go3h:7zgDk8NK7UV" resolve="CATBlockTypeByNode" />
+                  <node concept="1PxgMI" id="6lz3dnnzeSY" role="37wK5m">
+                    <node concept="chp4Y" id="6lz3dnnzm6Q" role="3oSUPX">
+                      <ref role="cht4Q" to="xiqq:15ruYIbk1Mw" resolve="CATBlockTypeDeclaration" />
+                    </node>
+                    <node concept="37vLTw" id="6lz3dnnz7xl" role="1m5AlR">
+                      <ref role="3cqZAo" node="5vstEPJ97q$" resolve="node" />
+                    </node>
+                  </node>
+                  <node concept="37vLTw" id="6lz3dnnzngL" role="37wK5m">
+                    <ref role="3cqZAo" node="5vstEPJ9Nho" resolve="myOwner" />
+                  </node>
+                </node>
+              </node>
+            </node>
+          </node>
+          <node concept="2OqwBi" id="6lz3dnnyoss" role="3clFbw">
+            <node concept="37vLTw" id="6lz3dnnyhfw" role="2Oq$k0">
+              <ref role="3cqZAo" node="5vstEPJ97q$" resolve="node" />
+            </node>
+            <node concept="1mIQ4w" id="6lz3dnnyvPR" role="2OqNvi">
+              <node concept="chp4Y" id="6lz3dnnyAor" role="cj9EA">
+                <ref role="cht4Q" to="xiqq:15ruYIbk1Mw" resolve="CATBlockTypeDeclaration" />
+              </node>
+            </node>
+          </node>
+        </node>
+        <node concept="3clFbJ" id="6lz3dnnzvqn" role="3cqZAp">
+          <node concept="3clFbS" id="6lz3dnnzvqp" role="3clFbx">
+            <node concept="3cpWs6" id="6lz3dnn$d94" role="3cqZAp">
+              <node concept="2ShNRf" id="6lz3dnn$kWJ" role="3cqZAk">
+                <node concept="1pGfFk" id="6lz3dnn$m8Q" role="2ShVmc">
+                  <property role="373rjd" value="true" />
+                  <ref role="37wK5l" to="go3h:1ua7aTBYwcW" resolve="HMIInterfaceDeclarationByNode" />
+                  <node concept="1PxgMI" id="6lz3dnn$$YS" role="37wK5m">
+                    <node concept="chp4Y" id="6lz3dnn$GlH" role="3oSUPX">
+                      <ref role="cht4Q" to="xiqq:15ruYIbk1Mz" resolve="HMIInterfaceTypeDeclaration" />
+                    </node>
+                    <node concept="37vLTw" id="6lz3dnn$tvT" role="1m5AlR">
+                      <ref role="3cqZAo" node="5vstEPJ97q$" resolve="node" />
+                    </node>
+                  </node>
+                  <node concept="37vLTw" id="6lz3dnn$Oi1" role="37wK5m">
+                    <ref role="3cqZAo" node="5vstEPJ9Nho" resolve="myOwner" />
+                  </node>
+                </node>
+              </node>
+            </node>
+          </node>
+          <node concept="2OqwBi" id="6lz3dnnzIa9" role="3clFbw">
+            <node concept="37vLTw" id="6lz3dnnzAPT" role="2Oq$k0">
+              <ref role="3cqZAo" node="5vstEPJ97q$" resolve="node" />
+            </node>
+            <node concept="1mIQ4w" id="6lz3dnnzPFH" role="2OqNvi">
+              <node concept="chp4Y" id="6lz3dnnzWVH" role="cj9EA">
+                <ref role="cht4Q" to="xiqq:15ruYIbk1Mz" resolve="HMIInterfaceTypeDeclaration" />
+              </node>
+            </node>
+          </node>
+        </node>
         <node concept="3clFbJ" id="1R0_JUQTLly" role="3cqZAp">
           <node concept="2OqwBi" id="1R0_JUQTLlz" role="3clFbw">
             <node concept="37vLTw" id="1R0_JUQTLl$" role="2Oq$k0">
diff --git a/code/language/src/main/kotlin/org/fbme/ide/iec61499/repository/PlatformDeclarationsScope.kt b/code/language/src/main/kotlin/org/fbme/ide/iec61499/repository/PlatformDeclarationsScope.kt
index 82038c66c..6e04737b8 100644
--- a/code/language/src/main/kotlin/org/fbme/ide/iec61499/repository/PlatformDeclarationsScope.kt
+++ b/code/language/src/main/kotlin/org/fbme/ide/iec61499/repository/PlatformDeclarationsScope.kt
@@ -18,6 +18,10 @@ internal class PlatformDeclarationsScope(
         return findNode(identifier)?.let { repository.adapterOrNull(it) }
     }
 
+    override fun findCATBlockTypeDeclaration(identifier: Identifier): CATBlockTypeDeclaration? {
+        return findNode(identifier)?.let {repository.getAdapter(it, CATBlockTypeDeclaration::class.java)}
+    }
+
     override fun findBasicFBTypeDeclaration(identifier: Identifier): BasicFBTypeDeclaration? {
         return findNode(identifier)?.let { repository.adapterOrNull(it) }
     }
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/DeclarationsScope.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/DeclarationsScope.kt
index 3e35d940a..73f634785 100644
--- a/code/library/src/main/kotlin/org/fbme/lib/iec61499/DeclarationsScope.kt
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/DeclarationsScope.kt
@@ -6,6 +6,7 @@ import org.fbme.lib.iec61499.fbnetwork.FunctionBlockDeclaration
 
 interface DeclarationsScope {
     fun findCompositeFBTypeDeclaration(identifier: Identifier): CompositeFBTypeDeclaration?
+    fun findCATBlockTypeDeclaration(identifier: Identifier): CATBlockTypeDeclaration?
     fun findBasicFBTypeDeclaration(identifier: Identifier): BasicFBTypeDeclaration?
     fun findServiceFBTypeDeclaration(identifier: Identifier): ServiceInterfaceFBTypeDeclaration?
     fun findAdapterTypeDeclaration(identifier: Identifier): AdapterTypeDeclaration?
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/IEC61499Factory.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/IEC61499Factory.kt
index 5cf2d46dc..99f791479 100644
--- a/code/library/src/main/kotlin/org/fbme/lib/iec61499/IEC61499Factory.kt
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/IEC61499Factory.kt
@@ -18,6 +18,8 @@ interface IEC61499Factory {
     fun createApplicationDeclaration(identifier: Identifier?): ApplicationDeclaration
     fun createBasicFBTypeDeclaration(identifier: Identifier?): BasicFBTypeDeclaration
     fun createCompositeFBTypeDeclaration(identifier: Identifier?): CompositeFBTypeDeclaration
+    fun createCATBlockTypeDeclaration(identifier: Identifier?): CATBlockTypeDeclaration
+    fun createHMIBlockTypeDeclaration(identifier: Identifier?): HMIInterfaceTypeDeclaration
     fun createDeviceDeclaration(identifier: Identifier?): DeviceDeclaration
     fun createDeviceTypeDeclaration(identifier: Identifier?): DeviceTypeDeclaration
     fun createParameterAssignment(): ParameterAssignment
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/CATBlockTypeDeclaration.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/CATBlockTypeDeclaration.kt
new file mode 100644
index 000000000..84632a1d4
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/CATBlockTypeDeclaration.kt
@@ -0,0 +1,12 @@
+package org.fbme.lib.iec61499.declarations
+
+import org.fbme.lib.common.Declaration
+import org.fbme.lib.common.RootElement
+import org.fbme.lib.common.Reference
+
+
+interface CATBlockTypeDeclaration : Declaration, RootElement {
+    val hmiInterface: Reference<HMIInterfaceTypeDeclaration>
+    val blockDeclaration: Reference<CompositeFBTypeDeclaration>
+    var interfaceFileName: String
+}
\ No newline at end of file
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/DependentFilesDefinition.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/DependentFilesDefinition.kt
new file mode 100644
index 000000000..4de6a8b2e
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/DependentFilesDefinition.kt
@@ -0,0 +1,5 @@
+package org.fbme.lib.iec61499.declarations
+
+interface DependentFilesDefinition {
+    var value: String
+}
\ No newline at end of file
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/HMIInterfaceTypeDeclaration.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/HMIInterfaceTypeDeclaration.kt
new file mode 100644
index 000000000..8a4908a4f
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/HMIInterfaceTypeDeclaration.kt
@@ -0,0 +1,5 @@
+package org.fbme.lib.iec61499.declarations
+
+
+interface HMIInterfaceTypeDeclaration : FBTypeDeclaration{
+}
\ No newline at end of file
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/SubCATDeclaration.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/SubCATDeclaration.kt
new file mode 100644
index 000000000..e123165a4
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/SubCATDeclaration.kt
@@ -0,0 +1,8 @@
+package org.fbme.lib.iec61499.declarations
+
+import org.fbme.lib.common.ContainedElement
+import org.fbme.lib.common.Declaration
+
+interface SubCATDeclaration: Declaration, ContainedElement {
+
+}
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/SymbolDefinition.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/SymbolDefinition.kt
new file mode 100644
index 000000000..da071c7f3
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/declarations/SymbolDefinition.kt
@@ -0,0 +1,5 @@
+package org.fbme.lib.iec61499.declarations
+
+interface SymbolDefinition {
+    var children: List<DependentFilesDefinition>
+}
\ No newline at end of file
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/parser/CATBlockTypeConverter.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/parser/CATBlockTypeConverter.kt
new file mode 100644
index 000000000..29a275664
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/parser/CATBlockTypeConverter.kt
@@ -0,0 +1,19 @@
+package org.fbme.lib.iec61499.parser
+
+import org.fbme.lib.common.Identifier
+import org.fbme.lib.common.Reference
+import org.fbme.lib.iec61499.declarations.CATBlockTypeDeclaration
+import org.fbme.lib.iec61499.declarations.CompositeFBTypeDeclaration
+import org.fbme.lib.iec61499.fbnetwork.FunctionBlockDeclaration
+
+class CATBlockTypeConverter(arguments: ConverterArguments) :
+    DeclarationConverterBase<CATBlockTypeDeclaration>(arguments) {
+    override fun extractDeclarationBody(identifier: Identifier?): CATBlockTypeDeclaration {
+        checkNotNull(element)
+        val fbtd = factory.createCATBlockTypeDeclaration(identifier)
+        fbtd.blockDeclaration.setTargetName(element.getChild("Composite").getAttributeValue("Type"))
+        fbtd.hmiInterface.setTargetName(element.getChild("HMI").getAttributeValue("Type"))
+        fbtd.interfaceFileName = element.getChild("HMI").getAttributeValue("InterfaceFile")
+        return fbtd
+    }
+}
\ No newline at end of file
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/parser/HMIInterfaceConverter.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/parser/HMIInterfaceConverter.kt
new file mode 100644
index 000000000..08b3bcab6
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/parser/HMIInterfaceConverter.kt
@@ -0,0 +1,27 @@
+package org.fbme.lib.iec61499.parser
+
+import org.fbme.lib.common.Identifier
+import org.fbme.lib.common.Reference
+import org.fbme.lib.iec61499.declarations.CATBlockTypeDeclaration
+import org.fbme.lib.iec61499.declarations.CompositeFBTypeDeclaration
+import org.fbme.lib.iec61499.declarations.HMIInterfaceTypeDeclaration
+import org.fbme.lib.iec61499.fbnetwork.FunctionBlockDeclaration
+
+class HMIInterfaceConverter(arguments: ConverterArguments) :
+    DeclarationConverterBase<HMIInterfaceTypeDeclaration>(arguments) {
+    override fun extractDeclarationBody(identifier: Identifier?): HMIInterfaceTypeDeclaration {
+        checkNotNull(element)
+        val fbtd = factory.createHMIBlockTypeDeclaration(identifier)
+        val interfaceListElement = element.getChild("InterfaceList")
+        ParameterDeclarationConverter.extractAll(
+            with(interfaceListElement.getChild("InputVars")),
+            fbtd.inputParameters
+        )
+        ParameterDeclarationConverter.extractAll(
+            with(interfaceListElement.getChild("OutputVars")),
+            fbtd.outputParameters
+        )
+
+        return fbtd
+    }
+}
\ No newline at end of file
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/parser/RootConverter.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/parser/RootConverter.kt
index d6d5e1139..cbbff2411 100644
--- a/code/library/src/main/kotlin/org/fbme/lib/iec61499/parser/RootConverter.kt
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/parser/RootConverter.kt
@@ -10,6 +10,9 @@ class RootConverter(
 ) {
     fun convertFBType(): FBTypeDeclaration {
         val root = myDocument.rootElement
+        if (root.getAttribute("UsedInCAT") != null && root.getAttribute("UsedInCAT").value == "True") {
+            return HMIInterfaceConverter(arguments()).extract()
+        }
         if (root.getChild("FBNetwork") != null) {
             return myConfiguration.createCompositeFbTypeConverter(arguments()).extract()
         }
@@ -44,6 +47,10 @@ class RootConverter(
         return SystemConverter(arguments()).extract()
     }
 
+    fun convertCATConfiguration(): CATBlockTypeDeclaration {
+        return CATBlockTypeConverter(arguments()).extract()
+    }
+
     private fun arguments(): ConverterArgumentsHolder {
         return ConverterArgumentsHolder(
             myConfiguration.entryFactory,
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/CATBlockTypePrinter.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/CATBlockTypePrinter.kt
new file mode 100644
index 000000000..15e06b1d6
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/CATBlockTypePrinter.kt
@@ -0,0 +1,30 @@
+package org.fbme.lib.iec61499.stringify
+
+import org.fbme.lib.iec61499.declarations.CATBlockTypeDeclaration
+import org.fbme.lib.iec61499.declarations.CompositeFBTypeDeclaration
+import org.fbme.lib.iec61499.fbnetwork.FunctionBlockDeclaration
+import org.jdom.Element
+
+class CATBlockTypePrinter(declaration: CATBlockTypeDeclaration) :
+        DeclarationPrinterBase<CATBlockTypeDeclaration>(declaration, "CAT") {
+    override fun printDeclarationBody(element: Element) {
+        element.setAttribute("name", this.element.name)
+        element.addContent(CompositePrinter(this.element).print())
+        element.addContent(HMIPrinter(this.element).print())
+    }
+
+    private class CompositePrinter(fb: CATBlockTypeDeclaration) :
+        DeclarationPrinterBase<CATBlockTypeDeclaration>(fb, "Composite") {
+        override fun printDeclarationBody(element: Element) {
+            element.setAttribute("Type", this.element.blockDeclaration.presentation)
+        }
+    }
+
+    private class HMIPrinter(fb: CATBlockTypeDeclaration) :
+        DeclarationPrinterBase<CATBlockTypeDeclaration>(fb, "HMI") {
+        override fun printDeclarationBody(element: Element) {
+            element.setAttribute("Type", this.element.hmiInterface.presentation)
+            element.setAttribute("InterfaceFile", this.element.interfaceFileName)
+        }
+    }
+}
\ No newline at end of file
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/DependentDeclarationGenerator.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/DependentDeclarationGenerator.kt
new file mode 100644
index 000000000..d66920d59
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/DependentDeclarationGenerator.kt
@@ -0,0 +1,39 @@
+package org.fbme.lib.iec61499.stringify
+
+import org.fbme.lib.common.Declaration
+import org.fbme.lib.common.RootElement
+import org.fbme.lib.iec61499.declarations.CATBlockTypeDeclaration
+import org.fbme.lib.iec61499.declarations.FBTypeDeclaration
+import org.fbme.lib.iec61499.declarations.HMIInterfaceTypeDeclaration
+import org.fbme.lib.iec61499.parser.ConverterArguments
+import org.fbme.lib.iec61499.parser.Iec61499ConverterConfiguration
+
+class DependentDeclarationGenerator(private val myDeclaration: Declaration, private val converterArguments: Iec61499ConverterConfiguration) {
+
+
+    fun generate(): List<RootElement> {
+        val rootElements: List<FBTypeDeclaration> = when (myDeclaration) {
+            is HMIInterfaceTypeDeclaration -> HMIInterfaceTypeGenerator(myDeclaration, converterArguments).generateDependents()
+            else -> listOf()
+        }
+
+
+        return rootElements
+    }
+
+    fun getName(): String {
+        val name = when (myDeclaration) {
+            is HMIInterfaceTypeDeclaration -> HMIInterfaceTypeGenerator.getDeclarationName(myDeclaration.name)
+            else -> myDeclaration.name
+        }
+        return name
+    }
+
+    fun getIdentifier(): String {
+        val name = when (myDeclaration) {
+            is HMIInterfaceTypeDeclaration -> HMIInterfaceTypeGenerator.getDeclarationName(myDeclaration.identifier.toString())
+            else -> myDeclaration.name
+        }
+        return name
+    }
+}
\ No newline at end of file
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/HMIBlockPrinter.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/HMIBlockPrinter.kt
new file mode 100644
index 000000000..cf653481b
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/HMIBlockPrinter.kt
@@ -0,0 +1,23 @@
+package org.fbme.lib.iec61499.stringify
+
+import org.fbme.lib.iec61499.declarations.HMIInterfaceTypeDeclaration
+import org.fbme.lib.iec61499.parser.Iec61499ConverterConfiguration
+import org.jdom.Element
+
+class HMIBlockPrinter(declaration: HMIInterfaceTypeDeclaration) :
+    DeclarationPrinterBase<HMIInterfaceTypeDeclaration>(declaration, "HMIDeclaration") {
+
+//    val factory = converterArguments.entryFactory
+//    val stFactory = converterArguments.stEntryFactory
+    override fun printDeclarationBody(element: Element) {
+        element.addContent(FBInterfacePrinterWithAdapters(this.element).print())
+//        val cFB = CompositeFBTypePrinter(HMIInterfaceTypeGenerator.generateComposite(factory, stFactory, this.element)).print().children
+//        for (c in cFB) {
+//            element.addContent(c.clone().detach())
+//        }
+        addNullableContent(element, ParameterDeclarationPrinter.printAll("InputVars", this.element.inputParameters))
+        addNullableContent(element, ParameterDeclarationPrinter.printAll("OutputVars", this.element.outputParameters))
+        element.setAttribute("UsedInCAT", "True")
+    }
+
+}
\ No newline at end of file
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/HMIInterfaceTypeGenerator.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/HMIInterfaceTypeGenerator.kt
new file mode 100644
index 000000000..6224a7243
--- /dev/null
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/HMIInterfaceTypeGenerator.kt
@@ -0,0 +1,469 @@
+package org.fbme.lib.iec61499.stringify
+
+import org.fbme.lib.common.Identifier
+import org.fbme.lib.iec61499.IEC61499Factory
+import org.fbme.lib.iec61499.declarations.*
+import org.fbme.lib.iec61499.fbnetwork.EntryKind
+import org.fbme.lib.iec61499.fbnetwork.FunctionBlockDeclaration
+import org.fbme.lib.iec61499.parser.Iec61499ConverterConfiguration
+import org.fbme.lib.iec61499.parser.STConverter
+import org.fbme.lib.st.STFactory
+import org.fbme.lib.st.expressions.Expression
+import org.fbme.lib.st.expressions.Literal
+import org.fbme.lib.st.statements.Statement
+import org.fbme.lib.st.types.DataType
+import org.fbme.lib.st.types.ElementaryType
+import java.util.function.BiFunction
+
+class HMIInterfaceTypeGenerator(val declaration: HMIInterfaceTypeDeclaration, val converterArguments: Iec61499ConverterConfiguration) {
+
+    val factory = converterArguments.entryFactory
+    val stFactory = converterArguments.stEntryFactory
+    
+    fun generateDependents(): List<FBTypeDeclaration> {
+        val elements = mutableListOf<FBTypeDeclaration>()
+        val name = getDeclarationName(declaration.name)
+        val identifier = declaration.identifier.toString()
+        if (declaration.inputParameters.size > 0) {
+            val outFb = generateDispatchOut(factory, stFactory, declaration.inputParameters, name, identifier)
+            elements.add(outFb)
+        }
+        if (declaration.outputParameters.size > 0) {
+            val inFb = generateDispatchIn(
+                factory,
+                stFactory,
+                declaration.outputParameters,
+                name,
+                identifier
+            )
+            elements.add(inFb)
+        }
+        val compositeHMI = generateComposite(factory, stFactory, declaration, identifier)
+        elements.add(compositeHMI)
+        return elements
+    }
+
+
+companion object {
+    val CONNECTION_TYPES = listOf(
+        ElementaryType.BOOL,
+        ElementaryType.INT,
+        ElementaryType.REAL,
+        ElementaryType.LREAL,
+        ElementaryType.STRING
+    )
+
+    fun generateDispatchOut(factory: IEC61499Factory, stFactory: STFactory, outputVars: List<ParameterDeclaration>, name: String = "", identifier: String = ""): FBTypeDeclaration {
+        val bfb = factory.createBasicFBTypeDeclaration(null)
+        bfb.name = "DISPATCH_OUT_${name}"
+
+        val startState = factory.createStateDeclaration(null)
+        startState.name = "START"
+        bfb.ecc.states.add(startState)
+
+        val nameDeclaration = generateParameterDeclaration(factory, "NAME", ElementaryType.STRING, listOf())
+        val mappingDeclaration = generateParameterDeclaration(factory, "MAPPING", ElementaryType.STRING, listOf())
+        mappingDeclaration.initialValue = STConverter.parseLiteral(stFactory, identifier)
+        bfb.inputParameters.add(mappingDeclaration)
+        bfb.outputParameters.add(nameDeclaration)
+
+        val outConnections = generateTypedConnections(factory, listOf(), CONNECTION_TYPES)
+        bfb.outputParameters.addAll(outConnections)
+        val typedEventsMap = mutableMapOf<DataType, EventDeclaration>()
+        outConnections.forEach {
+            val typedEvent = factory.createEventDeclaration(null)
+            typedEvent.name = "IS_${it.type}"
+            val assoc = factory.createEventAssociation()
+            assoc.parameterReference.setTarget(it)
+            typedEvent.associations.add(assoc)
+
+            val nameAssoc = factory.createEventAssociation()
+            nameAssoc.parameterReference.setTarget(nameDeclaration)
+            typedEvent.associations.add(nameAssoc)
+            bfb.outputEvents.add(typedEvent)
+            typedEventsMap.put(it.type!!, typedEvent)
+        }
+
+        for (iV in outputVars) {
+            val state = factory.createStateDeclaration(null)
+            state.name = "SET_${iV.name}"
+            val action = factory.createStateAction()
+            val event = factory.createEventDeclaration(null)
+            event.name = "IS_${iV.name}"
+            val mappingAssoc = factory.createEventAssociation()
+            mappingAssoc.parameterReference.setTarget(mappingDeclaration)
+            event.associations.add(mappingAssoc)
+            val currParameter = generateParameterDeclaration(factory, iV.name, iV.type, listOf(event))
+            currParameter.initialValue = iV.initialValue
+            bfb.inputParameters.add(currParameter)
+            bfb.inputEvents.add(event)
+            val algorithm = factory.createAlgorithmDeclaration(null)
+            algorithm.name = "set${iV.name}"
+            val algorithmBody = factory.createAlgorithmBody(AlgorithmLanguage.ST)
+            val outCode = generateOutCode(iV, algorithm, factory, stFactory)
+            algorithmBody.statements.addAll(outCode)
+            algorithm.body = algorithmBody
+            action.algorithm.setTarget(algorithm)
+            bfb.algorithms.add(algorithm)
+            state.actions.add(action)
+            bfb.ecc.states.add(state)
+
+            val fromStartTransition = factory.createStateTransition()
+            fromStartTransition.condition.eventReference.setFQName("IS_${iV.name}")
+            fromStartTransition.sourceReference.setTarget(startState)
+            fromStartTransition.targetReference.setTarget(state)
+            bfb.ecc.transitions.add(fromStartTransition)
+            val toStartTransition = factory.createStateTransition()
+            toStartTransition.sourceReference.setTarget(state)
+            toStartTransition.targetReference.setTarget(startState)
+            bfb.ecc.transitions.add(toStartTransition)
+        }
+
+        return bfb
+    }
+
+
+    fun generateDispatchIn(factory: IEC61499Factory, stFactory: STFactory, inputVars: List<ParameterDeclaration>, name: String = "", identifier: String = ""): FBTypeDeclaration {
+        val bfb = factory.createBasicFBTypeDeclaration(null)
+        bfb.name = "DISPATCH_IN_${name}"
+        val startState = factory.createStateDeclaration(null)
+        startState.name = "START"
+        bfb.ecc.states.add(startState)
+        val reqEvent = factory.createEventDeclaration(null)
+        reqEvent.name = "REQ"
+        bfb.inputEvents.add(reqEvent)
+        val inConnections = generateTypedConnections(factory, listOf(reqEvent), CONNECTION_TYPES)
+        val nameDeclaration = generateParameterDeclaration(factory, "NAME", ElementaryType.STRING, listOf(reqEvent))
+        val mappingDeclaration = generateParameterDeclaration(factory, "MAPPING", ElementaryType.STRING, listOf(reqEvent))
+        mappingDeclaration.initialValue = STConverter.parseLiteral(stFactory, identifier)
+        bfb.inputParameters.addAll(inConnections)
+        bfb.inputParameters.add(nameDeclaration)
+        bfb.inputParameters.add(mappingDeclaration)
+        for (iV in inputVars) {
+            if (iV.name == "MAPPING") {
+                continue
+            }
+
+            val event = factory.createEventDeclaration(null)
+            val eventAssociation = factory.createEventAssociation()
+
+            val state = factory.createStateDeclaration(null)
+            state.name = "SET_${iV.name}"
+            val action = factory.createStateAction()
+            val currParameter = factory.createParameterDeclaration(null)
+            currParameter.name = iV.name
+            currParameter.type = iV.type
+            currParameter.initialValue = iV.initialValue
+            bfb.outputParameters.add(currParameter)
+            eventAssociation.parameterReference.setTarget(currParameter)
+            event.name = "IS_${iV.name}"
+            event.associations.add(eventAssociation)
+            bfb.outputEvents.add(event)
+            val algorithm = factory.createAlgorithmDeclaration(null)
+            algorithm.name = "set${iV.name}"
+            val algorithmBody = factory.createAlgorithmBody(AlgorithmLanguage.ST)
+            val outCode = generateInCode(iV, algorithm, factory, stFactory)
+            algorithmBody.statements.addAll(outCode)
+            algorithm.body = algorithmBody
+            action.algorithm.setTarget(algorithm)
+            bfb.algorithms.add(algorithm)
+            state.actions.add(action)
+            bfb.ecc.states.add(state)
+            val fromStartTransition = factory.createStateTransition()
+            fromStartTransition.condition.setGuardCondition(generateInGuard(iV, stFactory))
+            fromStartTransition.sourceReference.setTarget(startState)
+            fromStartTransition.targetReference.setTarget(state)
+            bfb.ecc.transitions.add(fromStartTransition)
+            val toStartTransition = factory.createStateTransition()
+            toStartTransition.sourceReference.setTarget(state)
+            toStartTransition.targetReference.setTarget(startState)
+            bfb.ecc.transitions.add(toStartTransition)
+        }
+
+        return bfb
+    }
+
+    fun generateTypedConnections(factory: IEC61499Factory, events: List<EventDeclaration>, types: List<DataType>): List<ParameterDeclaration> {
+        val resTypes = mutableListOf<ParameterDeclaration>()
+        types.forEach {
+            val p = factory.createParameterDeclaration(null)
+            p.type = it
+            p.name = "${p.type}_VALUE"
+            resTypes.add(p)
+            events.forEach {
+                val assoc = factory.createEventAssociation()
+                assoc.parameterReference.setTarget(p)
+                it.associations.add(assoc)
+            }
+        }
+        return resTypes
+    }
+
+    fun generateParameterDeclaration(factory: IEC61499Factory, name: String, type: DataType?, associatedEvents: List<EventDeclaration>): ParameterDeclaration {
+        val p_ = factory.createParameterDeclaration(null)
+        p_.type = type
+        p_.name = name
+        associatedEvents.forEach {
+            val assoc = factory.createEventAssociation()
+            assoc.parameterReference.setTarget(p_)
+            it.associations.add(assoc)
+        }
+        return p_
+    }
+
+
+    fun generateCode(code: String, factory: IEC61499Factory, stFactory: STFactory, algorithmDeclaration: AlgorithmDeclaration): List<Statement> {
+        val parameterCollector =
+            BiFunction { name: Identifier?, type: DataType? ->
+                val parameterDeclaration: ParameterDeclaration =
+                    factory.createParameterDeclaration(name)
+                parameterDeclaration.type = type
+                algorithmDeclaration.temporaryVariables.add(parameterDeclaration)
+                Unit
+            }
+        return STConverter.parseStatementListWithDeclarations(
+            stFactory,
+            code,
+            { t, u -> parameterCollector.apply(t, u) }
+        )
+    }
+
+    fun generateOutCode(p: ParameterDeclaration, algorithmDeclaration: AlgorithmDeclaration, factory: IEC61499Factory, stFactory: STFactory): List<Statement> {
+        val code = "VAR \n" +
+                "TAG: STRING;\n" +
+                "END_VAR;" +
+                "TAG:= '#${p.name}';\n" +
+                "NAME:=CONCAT(MAPPING, TAG);\n" +
+                "${p.type}_VALUE:=${p.name};]]>"
+        val statementList = generateCode(code, factory, stFactory, algorithmDeclaration)
+        return statementList
+    }
+
+    fun generateInCode(p: ParameterDeclaration, algorithmDeclaration: AlgorithmDeclaration, factory: IEC61499Factory, stFactory: STFactory): List<Statement> {
+        val code = "${p.name}:= ${p.type!!.stringify()}_VALUE;"
+
+        return generateCode(code, factory, stFactory, algorithmDeclaration)
+    }
+
+    fun generateInGuard(p: ParameterDeclaration, stFactory: STFactory): Expression {
+        val code = "(LEFT(NAME, LEN(NAME) - ${p.name.length + 2}) = MAPPING) AND (RIGHT(NAME, LEN(NAME) - LEN(NAME) + ${p.name.length + 1}) = '#${p.name}')"
+        return STConverter.parseExpression(stFactory, code)!!
+    }
+
+    fun getDeclarationName(name: String): String {
+        if (name.length < 5) {
+            return name
+        }
+        if (name.endsWith("_HMI")) {
+            return name.take(name.length - 4)
+        }
+        if (name.length < 9) {
+            return name
+        }
+        if (name.endsWith("_HMI_CONF")) {
+            return name.take(name.length - 9)
+        }
+        return name
+    }
+
+    fun generateComposite(factory: IEC61499Factory, stFactory: STFactory, declaration: HMIInterfaceTypeDeclaration, identifier: String = ""): CompositeFBTypeDeclaration {
+        var cFB = factory.createCompositeFBTypeDeclaration(null)
+        val targetBlockName = getDeclarationName(declaration.name)
+        cFB.name = targetBlockName + "_HMI"
+        declaration.inputParameters.forEach {
+            if (it.name != "MAPPING") {
+                val pD = factory.createParameterDeclaration(null)
+                pD.name = it.name
+                pD.type = it.type
+                pD.initialValue = it.initialValue
+                cFB.inputParameters.add(pD)
+            }
+        }
+        declaration.outputParameters.forEach {
+            val pD = factory.createParameterDeclaration(null)
+            pD.name = it.name
+            pD.type = it.type
+            pD.initialValue = it.initialValue
+            cFB.outputParameters.add(pD)
+        }
+
+        val initEvent = factory.createEventDeclaration(null)
+        initEvent.name = "INIT"
+        initEvent.associations
+        val mappingInput = factory.createParameterDeclaration(null)
+        mappingInput.name = "MAPPING"
+        mappingInput.type = ElementaryType.STRING
+        mappingInput.initialValue = STConverter.parseLiteral(stFactory, identifier)
+        cFB.inputParameters.add(mappingInput)
+        cFB.inputEvents.add(initEvent)
+
+        if (cFB.inputParameters.size - 1 > 0) {
+//            NEEDED FUNCTION BLOCKS GENERATION
+
+            cFB.network.functionBlocks.add(generateCommunicationBlock("PUBLISH_1", factory, stFactory))
+            cFB.network.functionBlocks.add(generateFunctionDeclarationNoParam("JSON_SERIALIZER", factory))
+            cFB.network.functionBlocks.add(generateFunctionDeclarationNoParam("DISPATCH_OUT_$targetBlockName", factory))
+
+//            EVENTS GENERATION
+
+            val cEInitPublish = factory.createFBNetworkConnection(EntryKind.EVENT)
+            cEInitPublish.sourceReference.setFQName("INIT")
+            cEInitPublish.targetReference.setFQName("PUBLISH_1.INIT")
+            cFB.network.eventConnections.add(cEInitPublish)
+
+            val cESerializerPublish = factory.createFBNetworkConnection(EntryKind.EVENT)
+            cESerializerPublish.sourceReference.setFQName("JSON_SERIALIZER.RES")
+            cESerializerPublish.targetReference.setFQName("PUBLISH_1.REQ")
+            cFB.network.eventConnections.add(cESerializerPublish)
+
+            declaration.inputParameters.stream().filter{it.name != "MAPPING"}
+                .forEach{
+                    val event = generateEventForParameter(it, factory)
+                    cFB.inputEvents.add(event)
+                    val cEDispatch = factory.createFBNetworkConnection(EntryKind.EVENT)
+                    cEDispatch.sourceReference.setFQName(event.name)
+                    cEDispatch.targetReference.setFQName("DISPATCH_OUT_$targetBlockName.${event.name}")
+                    cFB.network.eventConnections.add(cEDispatch)
+                }
+
+//            DATA CONNECTIONS GENERATION
+
+            val cDSerializerPublish = factory.createFBNetworkConnection(EntryKind.DATA)
+            cDSerializerPublish.sourceReference.setFQName("JSON_SERIALIZER.MSG")
+            cDSerializerPublish.targetReference.setFQName("PUBLISH_1.SD_1")
+            cFB.network.dataConnections.add(cDSerializerPublish)
+
+            declaration.inputParameters.stream()
+                .forEach{
+                    val cDDispatch = factory.createFBNetworkConnection(EntryKind.DATA)
+                    cDDispatch.sourceReference.setFQName(it.name)
+                    cDDispatch.targetReference.setFQName("DISPATCH_OUT_$targetBlockName.${it.name}")
+                    cFB.network.dataConnections.add(cDDispatch)
+                }
+
+            val cDNameSerialize = factory.createFBNetworkConnection(EntryKind.DATA)
+            cDNameSerialize.sourceReference.setFQName("DISPATCH_OUT_$targetBlockName.NAME")
+            cDNameSerialize.targetReference.setFQName("JSON_SERIALIZER.NAME")
+            cFB.network.dataConnections.add(cDNameSerialize)
+
+//            CONNECTIONS FOR DIFFERENT DATA TYPES
+
+            HMIInterfaceTypeGenerator.CONNECTION_TYPES.forEach {
+                val cEDispatch = factory.createFBNetworkConnection(EntryKind.EVENT)
+                cEDispatch.sourceReference.setFQName("DISPATCH_OUT_$targetBlockName.IS_${it.name}")
+                cEDispatch.targetReference.setFQName("JSON_SERIALIZER.IS_${it.name}")
+                cFB.network.eventConnections.add(cEDispatch)
+                val cDDispatch = factory.createFBNetworkConnection(EntryKind.DATA)
+                cDDispatch.sourceReference.setFQName("DISPATCH_OUT_$targetBlockName.${it.name}_VALUE")
+                cDDispatch.targetReference.setFQName("JSON_SERIALIZER.${it.name}_VALUE")
+                cFB.network.dataConnections.add(cDDispatch)
+            }
+
+        }
+
+        if (declaration.outputParameters.size > 0) {
+//            NEEDED FUNCTION BLOCKS GENERATION
+
+            cFB.network.functionBlocks.add(generateCommunicationBlock("SUBSCRIBE_1", factory, stFactory, 65012))
+            cFB.network.functionBlocks.add(generateFunctionDeclarationNoParam("JSON_DESERIALIZER", factory))
+            cFB.network.functionBlocks.add(generateFunctionDeclarationNoParam("DISPATCH_IN_$targetBlockName", factory))
+
+//            EVENTS GENERATION
+
+            val cEInitSubscribe = factory.createFBNetworkConnection(EntryKind.EVENT)
+            cEInitSubscribe.sourceReference.setFQName("INIT")
+            cEInitSubscribe.targetReference.setFQName("SUBSCRIBE_1.INIT")
+            cFB.network.eventConnections.add(cEInitSubscribe)
+
+            val cESubscribeDeserialize = factory.createFBNetworkConnection(EntryKind.EVENT)
+            cESubscribeDeserialize.sourceReference.setFQName("SUBSCRIBE_1.IND")
+            cESubscribeDeserialize.targetReference.setFQName("JSON_DESERIALIZER.REQ")
+            cFB.network.eventConnections.add(cESubscribeDeserialize)
+
+            val cEDeserializeDispatch = factory.createFBNetworkConnection(EntryKind.EVENT)
+            cEDeserializeDispatch.sourceReference.setFQName("JSON_DESERIALIZER.RES")
+            cEDeserializeDispatch.targetReference.setFQName("DISPATCH_IN_$targetBlockName.REQ")
+            cFB.network.eventConnections.add(cEDeserializeDispatch)
+
+            declaration.outputParameters.forEach {
+                val event = generateEventForParameter(it, factory)
+                cFB.outputEvents.add(event)
+
+                val cEDispatchRes = factory.createFBNetworkConnection(EntryKind.EVENT)
+                cEDispatchRes.sourceReference.setFQName("DISPATCH_IN_$targetBlockName.${event.name}")
+                cEDispatchRes.targetReference.setFQName(event.name)
+                cFB.network.eventConnections.add(cEDispatchRes)
+            }
+
+//            DATA GENERATION
+
+            val cDSubscribeDeserialize = factory.createFBNetworkConnection(EntryKind.DATA)
+            cDSubscribeDeserialize.sourceReference.setFQName("SUBSCRIBE_1.RD_1")
+            cDSubscribeDeserialize.targetReference.setFQName("JSON_DESERIALIZER.DATA")
+            cFB.network.dataConnections.add(cDSubscribeDeserialize)
+
+            val cDDeserializeName = factory.createFBNetworkConnection(EntryKind.DATA)
+            cDDeserializeName.sourceReference.setFQName("JSON_DESERIALIZER.NAME")
+            cDDeserializeName.targetReference.setFQName("DISPATCH_IN_$targetBlockName.NAME")
+            cFB.network.dataConnections.add(cDDeserializeName)
+
+            val cDMappingDispatch = factory.createFBNetworkConnection(EntryKind.DATA)
+            cDMappingDispatch.sourceReference.setFQName("MAPPING")
+            cDMappingDispatch.targetReference.setFQName("DISPATCH_IN_$targetBlockName.MAPPING")
+            cFB.network.dataConnections.add(cDMappingDispatch)
+
+            declaration.outputParameters.forEach {
+                val cEDispatchRes = factory.createFBNetworkConnection(EntryKind.DATA)
+                cEDispatchRes.sourceReference.setFQName("DISPATCH_IN_$targetBlockName.${it.name}")
+                cEDispatchRes.targetReference.setFQName(it.name)
+                cFB.network.dataConnections.add(cEDispatchRes)
+            }
+
+            HMIInterfaceTypeGenerator.CONNECTION_TYPES.forEach {
+                val cDDispatch = factory.createFBNetworkConnection(EntryKind.DATA)
+                cDDispatch.sourceReference.setFQName("JSON_DESERIALIZER.${it.name}_VALUE")
+                cDDispatch.targetReference.setFQName("DISPATCH_IN_$targetBlockName.${it.name}_VALUE")
+                cFB.network.dataConnections.add(cDDispatch)
+            }
+        }
+
+
+        return cFB
+    }
+
+    fun generateEventForParameter(parameter: ParameterDeclaration, factory: IEC61499Factory): EventDeclaration {
+        val currEvent = factory.createEventDeclaration(null)
+        currEvent.name = "IS_${parameter.name}"
+        val assoc = factory.createEventAssociation()
+        assoc.parameterReference.setTarget(parameter)
+        currEvent.associations.add(assoc)
+        return currEvent
+    }
+
+    fun generateCommunicationBlock(name: String, factory: IEC61499Factory, stFactory: STFactory, port: Int = 65011): FunctionBlockDeclaration {
+        val fB = factory.createFunctionBlockDeclaration(null)
+        fB.name = name
+        val host = factory.createParameterAssignment()
+        host.parameterReference.setTargetName("ID")
+        host.value = STConverter.parseLiteral(stFactory, "\"225.0.0.2:${port}\"")
+        fB.parameters.add(host)
+
+
+        val qi = factory.createParameterAssignment()
+        qi.parameterReference.setTargetName("QI")
+        qi.value = STConverter.parseLiteral(stFactory, "1")
+        fB.parameters.add(qi)
+
+        fB.typeReference.setTargetName(name)
+        return fB
+    }
+
+    fun generateFunctionDeclarationNoParam(name: String, factory: IEC61499Factory): FunctionBlockDeclaration {
+        val fB = factory.createFunctionBlockDeclaration(null)
+        fB.name = name
+        fB.typeReference.setTargetName(name)
+        return fB
+    }
+}
+
+}
\ No newline at end of file
diff --git a/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/RootDeclarationPrinter.kt b/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/RootDeclarationPrinter.kt
index 948987ec4..f0c5a2dfa 100644
--- a/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/RootDeclarationPrinter.kt
+++ b/code/library/src/main/kotlin/org/fbme/lib/iec61499/stringify/RootDeclarationPrinter.kt
@@ -2,6 +2,8 @@ package org.fbme.lib.iec61499.stringify
 
 import org.fbme.lib.common.Declaration
 import org.fbme.lib.iec61499.declarations.*
+import org.fbme.lib.iec61499.parser.ConverterArguments
+import org.fbme.lib.iec61499.parser.Iec61499ConverterConfiguration
 import org.jdom.DocType
 import org.jdom.Document
 import org.jdom.Element
@@ -12,6 +14,8 @@ class RootDeclarationPrinter(private val myDeclaration: Declaration) {
             is AdapterTypeDeclaration -> AdapterTypePrinter(myDeclaration).print()
             is BasicFBTypeDeclaration -> BasicFBTypePrinter(myDeclaration).print()
             is CompositeFBTypeDeclaration -> CompositeFBTypePrinter(myDeclaration).print()
+            is CATBlockTypeDeclaration -> CATBlockTypePrinter(myDeclaration).print()
+            is HMIInterfaceTypeDeclaration -> HMIBlockPrinter(myDeclaration).print()
             is DeviceTypeDeclaration -> DeviceTypePrinter(myDeclaration).print()
             is ResourceTypeDeclaration -> ResourceTypePrinter(myDeclaration).print()
             is ServiceInterfaceFBTypeDeclaration -> ServiceInterfaceFBTypePrinter(myDeclaration).print()
diff --git a/code/nxt-integration/solutions/org.fbme.integration.nxt/lib/nxt-integration.jar b/code/nxt-integration/solutions/org.fbme.integration.nxt/lib/nxt-integration.jar
new file mode 100644
index 000000000..b16206703
Binary files /dev/null and b/code/nxt-integration/solutions/org.fbme.integration.nxt/lib/nxt-integration.jar differ
diff --git a/samples/sandbox/solutions/org.fbme.ide.eccSandbox/models/org.fbme.ide.eccSandbox/null.fbt b/samples/sandbox/solutions/org.fbme.ide.eccSandbox/models/org.fbme.ide.eccSandbox/null.fbt
new file mode 100644
index 000000000..a5c51024e
--- /dev/null
+++ b/samples/sandbox/solutions/org.fbme.ide.eccSandbox/models/org.fbme.ide.eccSandbox/null.fbt
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE FBType SYSTEM "https://www.holobloc.com/xml/LibraryElement.dtd">
+
+<FBType Name="">
+  <InterfaceList />
+  <FBNetwork />
+</FBType>
+
diff --git a/samples/sandbox/solutions/org.fbme.ide.sandbox/models/org.fbme.ide.iec61499.lang.sandbox.mpsPersistence.mps b/samples/sandbox/solutions/org.fbme.ide.sandbox/models/org.fbme.ide.iec61499.lang.sandbox.mpsPersistence.mps
index 67b9e3804..d0501c7f4 100644
--- a/samples/sandbox/solutions/org.fbme.ide.sandbox/models/org.fbme.ide.iec61499.lang.sandbox.mpsPersistence.mps
+++ b/samples/sandbox/solutions/org.fbme.ide.sandbox/models/org.fbme.ide.iec61499.lang.sandbox.mpsPersistence.mps
@@ -1532,5 +1532,11 @@
       </node>
     </node>
   </node>
+  <node concept="1N5Tt2" id="QqnmHESSwT">
+    <property role="TrG5h" value="CATComposite" />
+    <node concept="2zBDe_" id="QqnmHESTnp" role="2zBDey">
+      <property role="TrG5h" value="input" />
+    </node>
+  </node>
 </model>
 
diff --git a/samples/statistics-plugin/solutions/org.fbme.samples.statisticsPlugin/lib/statistics-plugin.jar b/samples/statistics-plugin/solutions/org.fbme.samples.statisticsPlugin/lib/statistics-plugin.jar
new file mode 100644
index 000000000..a57506d01
Binary files /dev/null and b/samples/statistics-plugin/solutions/org.fbme.samples.statisticsPlugin/lib/statistics-plugin.jar differ
diff --git a/settings.gradle.kts b/settings.gradle.kts
index 14f191ebb..979cf2ffc 100644
--- a/settings.gradle.kts
+++ b/settings.gradle.kts
@@ -1,20 +1,21 @@
 rootProject.name = "FBME"
 
 include(
-    "code:4diac-integration",
-    "code:enas",
-    "code:language",
-    "code:library",
-    "code:nxt-integration",
-        "code:platform",
-    "code:richediting",
-    "code:scenes",
-    "code:smv-debugger",
-    "code:debugger",
+"code:4diac-integration",
+"code:enas",
+"code:language",
+"code:library",
+"code:nxt-integration",
+"code:platform",
+"code:richediting",
+"code:scenes",
+"code:smv-debugger",
+"code:debugger",
 
-    "docs",
+"docs",
 
-    "samples:statistics-plugin",
-    "samples:sandbox",
-    "samples:smv-debugger"
+"samples:statistics-plugin",
+"samples:sandbox",
+"samples:smv-debugger",
+"cat_visual"
 )
\ No newline at end of file
diff --git a/solutions/WaterTank/WaterTank.msd b/solutions/WaterTank/WaterTank.msd
new file mode 100644
index 000000000..c098be686
--- /dev/null
+++ b/solutions/WaterTank/WaterTank.msd
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<solution name="WaterTank" uuid="45b2ef5f-3b96-4006-8c15-10869e28ae48" moduleVersion="0" compileInMPS="true">
+  <models>
+    <modelRoot contentPath="${module}" type="default">
+      <sourceRoot location="models" />
+    </modelRoot>
+  </models>
+  <facets>
+    <facet type="java">
+      <classes generated="true" path="${module}/classes_gen" />
+    </facet>
+  </facets>
+  <sourcePath />
+  <dependencies>
+    <dependency reexport="false">b8a7e14f-52ea-4ee2-b17e-26c27da8084c(IEC-61499)</dependency>
+    <dependency reexport="false">5aff85f5-c1e8-49b6-a1f1-66d79702cceb(org.fbme.ide.iec61499.adapter)</dependency>
+  </dependencies>
+  <languageVersions>
+    <language slang="l:ceab5195-25ea-4f22-9b92-103b95ca8c0c:jetbrains.mps.lang.core" version="2" />
+    <language slang="l:6594f340-4d73-4027-b7d3-c6ca2e70a53b:org.fbme.ide.iec61499.lang" version="0" />
+    <language slang="l:2046780a-246e-4cb0-90fe-56a2b7d92c54:org.fbme.ide.st.lang" version="0" />
+  </languageVersions>
+  <dependencyVersions>
+    <module reference="b8a7e14f-52ea-4ee2-b17e-26c27da8084c(IEC-61499)" version="0" />
+    <module reference="45b2ef5f-3b96-4006-8c15-10869e28ae48(WaterTank)" version="0" />
+    <module reference="5aff85f5-c1e8-49b6-a1f1-66d79702cceb(org.fbme.ide.iec61499.adapter)" version="0" />
+    <module reference="1db6de07-b355-4c0f-9979-75b4ac1e8215(org.fbme.lib)" version="0" />
+  </dependencyVersions>
+</solution>
+
diff --git a/solutions/WaterTank/models/WaterTank.water_tank.mps b/solutions/WaterTank/models/WaterTank.water_tank.mps
new file mode 100644
index 000000000..29796e363
--- /dev/null
+++ b/solutions/WaterTank/models/WaterTank.water_tank.mps
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<model ref="r:4516a0fb-4dd4-44dd-98a0-244a77d26ca2(WaterTank.water_tank)">
+  <persistence version="9" />
+  <languages>
+    <use id="6594f340-4d73-4027-b7d3-c6ca2e70a53b" name="org.fbme.ide.iec61499.lang" version="0" />
+  </languages>
+  <imports>
+    <import index="fcfa" ref="r:ee522dab-c61c-457c-91bc-e4dac8b7bbab(org.fbme.ide.iec61499.adapter.common)" />
+    <import index="7fvu" ref="r:fa98296a-e4fa-4f84-b917-968f5f770c4b(iec61499.4diac.stdlib)" />
+  </imports>
+  <registry>
+    <language id="6594f340-4d73-4027-b7d3-c6ca2e70a53b" name="org.fbme.ide.iec61499.lang">
+      <concept id="1250729573110258851" name="org.fbme.ide.iec61499.lang.structure.HMIInterfaceTypeDeclaration" flags="ng" index="2q2Qt8" />
+      <concept id="1250729573110258848" name="org.fbme.ide.iec61499.lang.structure.CATBlockTypeDeclaration" flags="ng" index="2q2Qtb">
+        <property id="5995905333262986371" name="interfaceFileName" index="1rdL2x" />
+        <reference id="1324733960932697423" name="blockDeclaration" index="3pa4fb" />
+        <reference id="1324733960932697429" name="hmiInterfaceDeclaration" index="3pa4fh" />
+      </concept>
+      <concept id="967875482185433821" name="org.fbme.ide.iec61499.lang.structure.CompositeFBTypeDeclaration" flags="ng" index="1N5Tt2" />
+    </language>
+    <language id="ceab5195-25ea-4f22-9b92-103b95ca8c0c" name="jetbrains.mps.lang.core">
+      <concept id="1169194658468" name="jetbrains.mps.lang.core.structure.INamedConcept" flags="ng" index="TrEIO">
+        <property id="1169194664001" name="name" index="TrG5h" />
+      </concept>
+    </language>
+  </registry>
+  <node concept="2q2Qtb" id="6FcZ4ecQXrB">
+    <property role="TrG5h" value="WaterTank" />
+    <property role="1rdL2x" value="fff" />
+    <ref role="3pa4fb" node="6FcZ4ecQXrC" resolve="WaterTank" />
+    <ref role="3pa4fh" node="6FcZ4ecQXrD" resolve="WaterTankHMI" />
+  </node>
+  <node concept="1N5Tt2" id="6FcZ4ecQXrC">
+    <property role="TrG5h" value="WaterTank" />
+  </node>
+  <node concept="2q2Qt8" id="6FcZ4ecQXrD">
+    <property role="TrG5h" value="WaterTankHMI" />
+  </node>
+  <node concept="1N5Tt2" id="6FcZ4ecQXrE" />
+</model>
+