CALM hub UI displays strange duplicates when pushing new pattern

[willosborne]

Bug Report

Steps to Reproduce:

1. Launch a fresh calm hub from calm-hub/deploy > docker compose up.
2. npm ci && npm run build && npx link cli to get latest cli built
3. push the pattern file linked at the bottom of the issue: npx calm hub push pattern test.pattern.json
4. Open CalmHub UI on http://localhost:8080 and look under workshop namespace > Patterns

Expected Result:

Three patterns:

• Conference Signup Pattern
• Conference Secure Signup Pattern
• Test pattern

Actual Result:

Labels are all wrong. Test pattern seems to apply to the first item as well as the last. Sometimes you'll even see duplicated rows.

Network tab shows correct data returned:

Environment:

• Latest main CalmHub
• MacOSX 15.7.3
• Firefox

[willosborne]

Pattern file:

{
  "$schema": "https://calm.finos.org/release/1.0-rc2/meta/calm.json",
  "$id": "http://localhost:8080/calm/namespaces/workshop/patterns/test-pattern/versions/1.0.0",
  "title": "Test pattern",
  "description": "Test pattern based on conf. signup pattern.",
  "type": "object",
  "properties": {
    "nodes": {
      "type": "array",
      "minItems": 5,
      "maxItems": 5,
      "prefixItems": [
        {
          "$ref": "https://calm.finos.org/release/1.0-rc2/meta/core.json#/defs/node",
          "type": "object",
          "properties": {
            "unique-id": {
              "const": "conference-website"
            },
            "name": {
              "const": "Conference Website"
            },
            "description": {
              "const": "Website to sign up for a conference"
            },
            "node-type": {
              "const": "webclient"
            },
            "interfaces": {
              "type": "array",
              "minItems": 1,
              "maxItems": 1,
              "prefixItems": [
                {
                  "$ref": "https://calm.finos.org/release/1.0-rc1/meta/interface.json#/defs/url-interface",
                  "properties": {
                    "unique-id": {
                      "const": "conference-website-url"
                    }
                  }
                }
              ]
            }
          }
        },
        {
          "$ref": "https://calm.finos.org/release/1.0-rc2/meta/core.json#/defs/node",
          "type": "object",
          "properties": {
            "unique-id": {
              "const": "load-balancer"
            },
            "name": {
              "const": "Load Balancer"
            },
            "description": {
              "const": "The attendees service, or a placeholder for another application"
            },
            "node-type": {
              "const": "network"
            },
            "interfaces": {
              "type": "array",
              "minItems": 1,
              "maxItems": 1,
              "prefixItems": [
                {
                  "$ref": "https://calm.finos.org/release/1.0-rc1/meta/interface.json#/defs/host-port-interface",
                  "properties": {
                    "unique-id": {
                      "const": "load-balancer-host-port"
                    }
                  }
                }
              ]
            }
          }
        },
        {
          "$ref": "https://calm.finos.org/release/1.0-rc2/meta/core.json#/defs/node",
          "type": "object",
          "properties": {
            "unique-id": {
              "const": "attendees"
            },
            "name": {
              "const": "Attendees Service"
            },
            "description": {
              "const": "The attendees service, or a placeholder for another application"
            },
            "node-type": {
              "const": "service"
            },
            "interfaces": {
              "type": "array",
              "minItems": 2,
              "maxItems": 2,
              "prefixItems": [
                {
                  "$ref": "https://calm.finos.org/release/1.0-rc1/meta/interface.json#/defs/container-image-interface",
                  "properties": {
                    "unique-id": {
                      "const": "attendees-image"
                    }
                  }
                },
                {
                  "$ref": "https://calm.finos.org/release/1.0-rc1/meta/interface.json#/defs/port-interface",
                  "properties": {
                    "unique-id": {
                      "const": "attendees-port"
                    }
                  }
                }
              ]
            }
          }
        },
        {
          "$ref": "https://calm.finos.org/release/1.0-rc2/meta/core.json#/defs/node",
          "type": "object",
          "properties": {
            "unique-id": {
              "const": "attendees-store"
            },
            "name": {
              "const": "Attendees Store"
            },
            "description": {
              "const": "Persistent storage for attendees"
            },
            "node-type": {
              "const": "database"
            },
            "interfaces": {
              "type": "array",
              "minItems": 2,
              "maxItems": 2,
              "prefixItems": [
                {
                  "$ref": "https://calm.finos.org/release/1.0-rc1/meta/interface.json#/defs/container-image-interface",
                  "properties": {
                    "unique-id": {
                      "const": "database-image"
                    }
                  }
                },
                {
                  "$ref": "https://calm.finos.org/release/1.0-rc1/meta/interface.json#/defs/port-interface",
                  "properties": {
                    "unique-id": {
                      "const": "database-port"
                    }
                  }
                }
              ]
            }
          }
        },
        {
          "$ref": "https://calm.finos.org/release/1.0-rc2/meta/core.json#/defs/node",
          "type": "object",
          "properties": {
            "unique-id": {
              "const": "k8s-cluster"
            },
            "name": {
              "const": "Kubernetes Cluster"
            },
            "description": {
              "const": "Kubernetes Cluster with network policy rules enabled"
            },
            "node-type": {
              "const": "system"
            }
          }
        }
      ]
    },
    "relationships": {
      "type": "array",
      "minItems": 4,
      "maxItems": 4,
      "prefixItems": [
        {
          "$ref": "https://calm.finos.org/release/1.0-rc2/meta/core.json#/defs/relationship",
          "type": "object",
          "properties": {
            "unique-id": {
              "const": "conference-website-load-balancer"
            },
            "description": {
              "const": "Request attendee details"
            },
            "protocol": {
              "const": "HTTPS"
            },
            "relationship-type": {
              "const": {
                "connects": {
                  "source": {
                    "node": "conference-website"
                  },
                  "destination": {
                    "node": "load-balancer"
                  }
                }
              }
            }
          },
          "required": [
            "description"
          ]
        },
        {
          "$ref": "https://calm.finos.org/release/1.0-rc2/meta/core.json#/defs/relationship",
          "type": "object",
          "properties": {
            "unique-id": {
              "const": "load-balancer-attendees-service"
            },
            "description": {
              "const": "Forward"
            },
            "protocol": {
              "const": "mTLS"
            },
            "relationship-type": {
              "const": {
                "connects": {
                  "source": {
                    "node": "load-balancer"
                  },
                  "destination": {
                    "node": "attendees"
                  }
                }
              }
            }
          },
          "required": [
            "description"
          ]
        },
        {
          "$ref": "https://calm.finos.org/release/1.0-rc2/meta/core.json#/defs/relationship",
          "type": "object",
          "properties": {
            "unique-id": {
              "const": "attendees-attendees-store"
            },
            "description": {
              "const": "Store or request attendee details"
            },
            "protocol": {
              "const": "JDBC"
            },
            "relationship-type": {
              "const": {
                "connects": {
                  "source": {
                    "node": "attendees"
                  },
                  "destination": {
                    "node": "attendees-store"
                  }
                }
              }
            }
          },
          "required": [
            "description"
          ]
        },
        {
          "$ref": "https://calm.finos.org/release/1.0-rc2/meta/core.json#/defs/relationship",
          "properties": {
            "unique-id": {
              "const": "deployed-in-k8s-cluster"
            },
            "description": {
              "const": "Components deployed on the k8s cluster"
            },
            "relationship-type": {
              "const": {
                "deployed-in": {
                  "container": "k8s-cluster",
                  "nodes": [
                    "load-balancer",
                    "attendees",
                    "attendees-store"
                  ]
                }
              }
            }
          },
          "required": [
            "description"
          ]
        }
      ]
    },
    "metadata": {
      "type": "array",
      "minItems": 1,
      "maxItems": 1,
      "prefixItems": [
        {
          "type": "object",
          "properties": {
            "kubernetes": {
              "type": "object",
              "properties": {
                "namespace": {
                  "const": "conference"
                }
              },
              "required": [
                "namespace"
              ]
            }
          },
          "required": [
            "kubernetes"
          ]
        }
      ]
    }
  },
  "required": [
    "nodes",
    "relationships",
    "metadata"
  ]
}