more progress

Author: odeimaiz

services/static-webserver/client/source/class/osparc/workbench/Annotation.js

@@ -101,7 +101,7 @@ qx.Class.define("osparc.workbench.Annotation", {
   members: {
     __svgLayer: null,
 
-    __drawAnnotation: async function(attrs) {
+    __drawAnnotation: function(attrs) {
       if (this.__svgLayer === null) {
         return;
       }
@@ -124,7 +124,13 @@ qx.Class.define("osparc.workbench.Annotation", {
           break;
         case this.self().TYPES.CONVERSATION: {
           const text = `${attrs.x}, ${attrs.y}`;
-          representation = this.__svgLayer.drawAnnotationText(attrs.x, attrs.y, text, "#00FF00", 12);
+          const conversationData = {
+            conversationId: attrs.conversationId,
+            title: attrs.text || text,
+          }
+          representation = new osparc.workbench.ConversationUI(conversationData);
+          // OM: Add it to the svgLayer or something
+          representation.moveTo(attrs.x, attrs.y);
           representation.isSVG = false;
           break;
         }
@@ -241,9 +247,7 @@ qx.Class.define("osparc.workbench.Annotation", {
         type,
         attributes: this.getAttributes(),
       }
-      if (type !== this.self().TYPES.CONVERSATION) {
-        data.color = this.getColor();
-      }
+      data.color = this.getColor();
       return data;
     }
   }

services/static-webserver/client/source/class/osparc/workbench/ConversationUI.js

@@ -0,0 +1,36 @@
+/* ************************************************************************
+
+   osparc - the simcore frontend
+
+   https://osparc.io
+
+   Copyright:
+     2025 IT'IS Foundation, https://itis.swiss
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+
+   Authors:
+     * Odei Maiz (odeimaiz)
+
+************************************************************************ */
+
+
+qx.Class.define("osparc.workbench.ConversationUI", {
+  extend: osparc.workbench.BaseNodeUI,
+
+  construct: function(conversationData) {
+    this.base(arguments);
+
+    this.__conversationData = conversationData;
+
+    const captionTitle = this.getChildControl("title");
+    captionTitle.set({
+      value: conversationData.title || this.tr("Conversation"),
+    });
+  },
+
+  members: {
+    __conversationData: null,
+  },
+});

services/static-webserver/client/source/class/osparc/workbench/WorkbenchUI.js

@@ -1976,16 +1976,12 @@ qx.Class.define("osparc.workbench.WorkbenchUI", {
           break;
         }
         case annotationTypes.CONVERSATION: {
-          const annotation = this.__addAnnotation(serializeData);
           const conversationTitle = `${initPos.x}, ${initPos.y}`;
           osparc.study.Conversations.addConversation(this.getStudy().getUuid(), conversationTitle, osparc.study.Conversations.PROJECT_ANNOTATION)
             .then(conversationData => {
               serializeData.attributes.conversationId = conversationData["conversationId"];
+              this.__addAnnotation(serializeData);
               osparc.study.Conversations.popUpInWindow(this.getStudy().serialize(), conversationData["conversationId"]);
-            })
-            .catch(() => {
-              // remove annotation if conversation creation fails
-              this.__removeAnnotation(annotation.getId());
             });
           break;
         }