@nyaruka/temba-components 0.129.8 → 0.129.9

package/src/flow/CanvasNode.ts

@@ -969,7 +969,28 @@ export class CanvasNode extends RapidElement {
           : ''}"
         style="left:${this.ui.position.left}px;top:${this.ui.position.top}px"
       >
-        ${this.node.actions.length > 0
+        ${nodeConfig && nodeConfig.render
+          ? html`<div class="router" style="position: relative;">
+              <button
+                class="remove-button"
+                @click=${(e: MouseEvent) => this.handleNodeRemoveClick(e)}
+                title="Remove node"
+              >
+                ✕
+              </button>
+              <div
+                @mousedown=${(e: MouseEvent) => this.handleNodeMouseDown(e)}
+                @mouseup=${(e: MouseEvent) => this.handleNodeMouseUp(e)}
+                style="cursor: pointer;"
+              >
+                ${this.renderNodeTitle(
+                  nodeConfig,
+                  this.actionRemovingState.has(this.node.uuid)
+                )}
+                ${nodeConfig.render(this.node)}
+              </div>
+            </div>`
+          : this.node.actions.length > 0
           ? this.ui.type === 'execute_actions'
             ? html`<temba-sortable-list
                 dragHandle="drag-handle"

package/src/flow/Editor.ts

@@ -383,7 +383,18 @@ export class Editor extends RapidElement {
 
   private saveChanges(): void {
     // post the flow definition to the server
-    getStore().postJSON(`/flow/revisions/${this.flow}`, this.definition);
+    getStore()
+      .postJSON(`/flow/revisions/${this.flow}`, this.definition)
+      .then((response) => {
+        // Update flow info with the response data
+        if (response.json && response.json.info) {
+          getStore().getState().setFlowInfo(response.json.info);
+        }
+      })
+      .catch((error) => {
+        console.error('Failed to save flow:', error);
+      });
+
     getStore().getState().setDirtyDate(null);
   }