drawio-mcp-server 2.0.3 → 2.1.0

package/build/plugin/mcp-plugin.js

@@ -1,7 +1,7 @@
 "use strict";
 var DrawMcp = (() => {
   // src/shape-library.ts
-  var shapeLibrary = {
+  var generalShapes = {
     rectangle: {
       category: "general",
       style: "rounded=0;whiteSpace=wrap;html=1;"
@@ -164,923 +164,776 @@ var DrawMcp = (() => {
     directionalConnector: {
       category: "general",
       style: "endArrow=classic;html=1;rounded=0;fontSize=12;startSize=8;endSize=8;curved=1;"
-    },
-    // AWS / Analytics
-    "mxgraph.aws4.athena": {
-      category: "mxgraph.aws4.analytics",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.athena;"
-    },
-    "mxgraph.aws4.elasticsearch_service": {
-      category: "mxgraph.aws4.analytics",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.elasticsearch_service;"
-    },
-    "mxgraph.aws4.kinesis": {
-      category: "mxgraph.aws4.analytics",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.kinesis;"
-    },
-    "mxgraph.aws4.kinesis_data_analytics": {
-      category: "mxgraph.aws4.analytics",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.kinesis_data_analytics;"
-    },
-    "mxgraph.aws4.kinesis_data_firehose": {
-      category: "mxgraph.aws4.analytics",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.kinesis_data_firehose;"
-    },
-    "mxgraph.aws4.kinesis_data_streams": {
-      category: "mxgraph.aws4.analytics",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.kinesis_data_streams;"
-    },
-    "mxgraph.aws4.managed_service_for_apache_flink": {
-      category: "mxgraph.aws4.analytics",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.managed_service_for_apache_flink;"
-    },
-    "mxgraph.aws4.quicksight": {
-      category: "mxgraph.aws4.analytics",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.quicksight;"
-    },
-    "mxgraph.aws4.managed_streaming_for_kafka": {
-      category: "mxgraph.aws4.analytics",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.managed_streaming_for_kafka;"
-    },
-    "mxgraph.aws4.glue": {
-      category: "mxgraph.aws4.analytics",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.glue;"
-    },
-    // AWS / Compute
-    "mxgraph.aws4.compute": {
-      category: "mxgraph.aws4.compute",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.compute;"
-    },
-    "mxgraph.aws4.ec2": {
-      category: "mxgraph.aws4.compute",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.ec2;"
-    },
-    "mxgraph.aws4.lambda": {
-      category: "mxgraph.aws4.compute",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.lambda;"
-    },
-    // AWS / Containers
-    "mxgraph.aws4.containers": {
-      category: "mxgraph.aws4.containers",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.containers;"
-    },
-    "mxgraph.aws4.eks": {
-      category: "mxgraph.aws4.containers",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.eks;"
-    },
-    "mxgraph.aws4.ecr": {
-      category: "mxgraph.aws4.containers",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.ecr;"
-    },
-    "mxgraph.aws4.ecs": {
-      category: "mxgraph.aws4.containers",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.ecs;"
-    },
-    "mxgraph.aws4.fargate": {
-      category: "mxgraph.aws4.containers",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.fargate;"
-    },
-    // AWS / Network & Content Delivery
-    "mxgraph.aws4.api_gateway": {
-      category: "mxgraph.aws4.network",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.api_gateway;"
-    },
-    "mxgraph.aws4.cloudfront": {
-      category: "mxgraph.aws4.network",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.cloudfront;"
-    },
-    "mxgraph.aws4.route_53": {
-      category: "mxgraph.aws4.network",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.route_53;"
-    },
-    "mxgraph.aws4.vpc_privatelink": {
-      category: "mxgraph.aws4.network",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.vpc_privatelink;"
-    },
-    "mxgraph.aws4.vpc": {
-      category: "mxgraph.aws4.network",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.vpc;"
-    },
-    "mxgraph.aws4.elastic_load_balancing": {
-      category: "mxgraph.aws4.network",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.elastic_load_balancing;"
-    },
-    "mxgraph.aws4.endpoint": {
-      category: "mxgraph.aws4.network",
-      style: "sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.endpoint;"
-    },
-    "mxgraph.aws4.customer_gateway": {
-      category: "mxgraph.aws4.network",
-      style: "sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.customer_gateway;"
-    },
-    "mxgraph.aws4.application_load_balancer": {
-      category: "mxgraph.aws4.network",
-      style: "sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.application_load_balancer;"
-    },
-    "mxgraph.aws4.network_load_balancer": {
-      category: "mxgraph.aws4.network",
-      style: "sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.network_load_balancer;"
-    },
-    // AWS / Application Integration
-    "mxgraph.aws4.sns": {
-      category: "mxgraph.aws4.application_integration",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#E7157B;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.sns;"
-    },
-    "mxgraph.aws4.sqs": {
-      category: "mxgraph.aws4.application_integration",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#E7157B;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.sqs;"
-    },
-    "mxgraph.aws4.eventbridge": {
-      category: "mxgraph.aws4.application_integration",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#E7157B;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.eventbridge;"
-    },
-    "mxgraph.aws4.managed_workflows_for_apache_airflow": {
-      category: "mxgraph.aws4.application_integration",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#E7157B;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.managed_workflows_for_apache_airflow;"
-    },
-    // AWS / Database
-    "mxgraph.aws4.database": {
-      category: "mxgraph.aws4.database",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#C925D1;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.database;"
-    },
-    "mxgraph.aws4.aurora": {
-      category: "mxgraph.aws4.database",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#C925D1;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.aurora;"
-    },
-    "mxgraph.aws4.documentdb_with_mongodb_compatibility": {
-      category: "mxgraph.aws4.database",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#C925D1;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.documentdb_with_mongodb_compatibility;"
-    },
-    "mxgraph.aws4.dynamodb": {
-      category: "mxgraph.aws4.database",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#C925D1;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.dynamodb;"
-    },
-    "mxgraph.aws4.elasticache": {
-      category: "mxgraph.aws4.database",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#C925D1;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.elasticache;"
-    },
-    "mxgraph.aws4.neptune": {
-      category: "mxgraph.aws4.database",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#C925D1;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.neptune;"
-    },
-    "mxgraph.aws4.rds": {
-      category: "mxgraph.aws4.database",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#C925D1;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.rds;"
-    },
-    "mxgraph.aws4.redshift": {
-      category: "mxgraph.aws4.database",
-      style: "sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#C925D1;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.redshift;"
-    },
-    "mxgraph.aws4.": {
-      category: "mxgraph.aws4.database",
-      style: ""
     }
   };
-
-  // src/websocketManager.ts
-  function createWebSocketManager(options) {
-    let socket = null;
-    let reconnectAttempts = 0;
-    let currentState = "disconnected";
-    let messageHandler = null;
-    let pingIntervalId = null;
-    let reconnectTimeoutId = null;
-    const {
-      url,
-      maxReconnectAttempts = 5,
-      reconnectDelay = 3e3,
-      pingInterval = 3e4
-    } = options;
-    const updateState = (newState) => {
-      if (currentState !== newState) {
-        console.debug(
-          `[websocketManager] State change: ${currentState} \u2192 ${newState}`
-        );
-        currentState = newState;
-      }
-    };
-    const connect = () => {
-      if (socket && socket.readyState === WebSocket.OPEN) {
-        console.debug("[websocketManager] Already connected");
-        return;
-      }
-      updateState("connecting");
-      try {
-        socket = new WebSocket(url);
-        socket.addEventListener("open", () => {
-          console.debug("[websocketManager] WebSocket connection established");
-          reconnectAttempts = 0;
-          updateState("connected");
-          startPing();
-        });
-        socket.addEventListener("message", (event) => {
-          try {
-            const parsedMessage = JSON.parse(event.data);
-            console.debug("[websocketManager] Received message:", parsedMessage);
-            if (messageHandler) {
-              messageHandler(parsedMessage);
-            }
-          } catch (error) {
-            console.error(
-              "[websocketManager] Failed to parse WebSocket message:",
-              error
-            );
-          }
-        });
-        socket.addEventListener("close", () => {
-          console.debug("[websocketManager] WebSocket connection closed");
-          updateState("disconnected");
-          stopPing();
-          attemptReconnect();
-        });
-        socket.addEventListener("error", (event) => {
-          console.error("[websocketManager] WebSocket error:", event);
-          updateState("disconnected");
-        });
-      } catch (error) {
-        console.error(
-          "[websocketManager] Failed to create WebSocket connection:",
-          error
-        );
-        updateState("disconnected");
-      }
-    };
-    const disconnect = () => {
-      if (reconnectTimeoutId) {
-        clearTimeout(reconnectTimeoutId);
-        reconnectTimeoutId = null;
-      }
-      stopPing();
-      reconnectAttempts = 0;
-      if (socket) {
-        console.debug("[websocketManager] Closing WebSocket connection");
-        socket.close();
-        socket = null;
-      }
-      updateState("disconnected");
-    };
-    const send = (message) => {
-      if (!socket || socket.readyState !== WebSocket.OPEN) {
-        console.warn(
-          "[websocketManager] Cannot send message: WebSocket not connected"
-        );
-        return;
-      }
-      try {
-        const serialized = JSON.stringify(message);
-        console.debug("[websocketManager] Sending message:", message);
-        socket.send(serialized);
-      } catch (error) {
-        console.error("[websocketManager] Failed to send message:", error);
-      }
-    };
-    const getState = () => currentState;
-    const onMessage = (handler) => {
-      messageHandler = handler;
-    };
-    const attemptReconnect = () => {
-      if (reconnectAttempts >= maxReconnectAttempts) {
-        console.error(
-          "[websocketManager] Max reconnection attempts reached. Giving up."
-        );
-        return;
-      }
-      reconnectAttempts++;
-      const delay = reconnectDelay * Math.pow(1.5, reconnectAttempts - 1);
-      console.log(
-        `[websocketManager] Attempting to reconnect in ${Math.round(delay / 1e3)} seconds... (attempt ${reconnectAttempts}/${maxReconnectAttempts})`
-      );
-      reconnectTimeoutId = window.setTimeout(() => {
-        reconnectTimeoutId = null;
-        connect();
-      }, delay);
-    };
-    const startPing = () => {
-      stopPing();
-      pingIntervalId = window.setInterval(() => {
-        if (getState() === "connected") {
-          send({ type: "PING" });
-        }
-      }, pingInterval);
-    };
-    const stopPing = () => {
-      if (pingIntervalId !== null) {
-        clearInterval(pingIntervalId);
-        pingIntervalId = null;
-      }
-    };
-    const ping = () => {
-      return new Promise((resolve) => {
-        if (getState() !== "connected") {
-          resolve(false);
-          return;
-        }
-        const timeoutId = setTimeout(() => {
-          resolve(false);
-        }, 5e3);
-        send({ type: "PING", message: "Ping from plugin" });
-        setTimeout(() => {
-          clearTimeout(timeoutId);
-          resolve(getState() === "connected");
-        }, 1e3);
-      });
-    };
-    return {
-      connect,
-      disconnect,
-      send,
-      getState,
-      onMessage,
-      ping
-    };
+  var runtimeCatalog = /* @__PURE__ */ new Map();
+  function setRuntimeCatalog(map) {
+    runtimeCatalog = map;
   }
-
-  // src/pluginConfig.ts
-  var DEFAULT_PLUGIN_CONFIG = {
-    websocketPort: 3333,
-    serverUrl: ""
-  };
-  var PLUGIN_CONFIG_KEY = "drawio-mcp-plugin-config";
-  var cachedConfig = null;
-  async function fetchPluginConfig() {
-    if (cachedConfig) {
-      return cachedConfig;
+  function getShape(name) {
+    if (Object.prototype.hasOwnProperty.call(generalShapes, name)) {
+      return generalShapes[name];
     }
-    try {
-      const response = await fetch("/api/config");
-      if (response.ok) {
-        const serverConfig = await response.json();
-        cachedConfig = {
-          websocketPort: serverConfig.websocketPort || DEFAULT_PLUGIN_CONFIG.websocketPort,
-          serverUrl: serverConfig.serverUrl || window.location.origin
-        };
-        writePluginConfig(cachedConfig);
-        return cachedConfig;
+    const r = runtimeCatalog.get(name);
+    if (!r) return void 0;
+    return { category: r.category, style: r.style, title: r.name || void 0 };
+  }
+  function getCategories() {
+    const set = /* @__PURE__ */ new Set();
+    for (const s of Object.values(generalShapes)) set.add(s.category);
+    for (const r of runtimeCatalog.values()) set.add(r.category);
+    return [...set];
+  }
+  function getShapesByCategory(category) {
+    const out = [];
+    for (const [name, s] of Object.entries(generalShapes)) {
+      if (s.category === category) {
+        out.push({ id: name, title: s.title || name });
       }
-    } catch (error) {
-      console.warn("[pluginConfig] Failed to fetch config from server:", error);
     }
-    return readPluginConfig();
-  }
-  function readPluginConfig() {
-    try {
-      const stored = localStorage.getItem(PLUGIN_CONFIG_KEY);
-      if (stored) {
-        const parsed = JSON.parse(stored);
-        const validated = validatePluginConfig(parsed);
-        if (validated.isValid && validated.config) {
-          return validated.config;
-        }
+    for (const [name, r] of runtimeCatalog) {
+      if (r.category === category) {
+        out.push({ id: name, title: r.name || name });
       }
-    } catch (error) {
-      console.warn("[pluginConfig] Failed to read from localStorage:", error);
     }
-    return { ...DEFAULT_PLUGIN_CONFIG };
+    return out;
   }
-  function writePluginConfig(config) {
-    try {
-      localStorage.setItem(PLUGIN_CONFIG_KEY, JSON.stringify(config));
-      cachedConfig = config;
-    } catch (error) {
-      console.error("[pluginConfig] Failed to write to localStorage:", error);
-      throw error;
+
+  // src/drawio-tools.ts
+  var active_document_id = null;
+  function normalize_optional_string(value) {
+    if (value === void 0 || value === null || value === "") {
+      return null;
     }
+    return String(value);
   }
-  function validatePluginConfig(config) {
-    if (!config || typeof config !== "object") {
-      return { isValid: false, error: "Configuration must be an object" };
+  function set_active_document_id(document_id) {
+    active_document_id = document_id;
+  }
+  function assert_target_document_active(target_document) {
+    const targetDocumentId = typeof target_document?.id === "string" && target_document.id.length > 0 ? target_document.id : null;
+    if (!targetDocumentId) {
+      throw new Error("`target_document.id` is required");
     }
-    const cfg = config;
-    if (typeof cfg.websocketPort !== "number") {
-      return { isValid: false, error: "websocketPort must be a number" };
+    if (!active_document_id) {
+      throw new Error("No active Draw.io document is registered in this tab");
     }
-    if (cfg.websocketPort < 1024 || cfg.websocketPort > 65535) {
-      return {
-        isValid: false,
-        error: "websocketPort must be between 1024 and 65535"
+    if (targetDocumentId !== active_document_id) {
+      throw new Error(
+        `Target document ${targetDocumentId} is no longer active in this Draw.io tab; call list-documents and retry`
+      );
+    }
+  }
+  function import_mermaid(ui2, options) {
+    const opts = options;
+    const mermaidSource = opts.mermaid_source;
+    const mode = opts.mode ?? "native";
+    const insertMode = opts.insert_mode ?? "add";
+    if (!mermaidSource || typeof mermaidSource !== "string") {
+      return Promise.resolve({
+        success: false,
+        message: "mermaid_source must be a non-empty string"
+      });
+    }
+    if (typeof ui2?.parseMermaidDiagram !== "function") {
+      return Promise.resolve({
+        success: false,
+        message: "ui.parseMermaidDiagram is not available; this Draw.io build does not expose Mermaid support."
+      });
+    }
+    const enableParser = mode === "native";
+    return new Promise((resolve) => {
+      let settled = false;
+      const settle = (result) => {
+        if (settled) {
+          return;
+        }
+        settled = true;
+        resolve(result);
       };
+      try {
+        ui2.parseMermaidDiagram(
+          mermaidSource,
+          void 0,
+          (xml) => {
+            if (!xml || typeof xml !== "string") {
+              settle({
+                success: false,
+                message: "Mermaid parser returned empty XML"
+              });
+              return;
+            }
+            try {
+              const importResult = import_diagram(ui2, {
+                data: xml,
+                format: "xml",
+                mode: insertMode
+              });
+              if (!importResult.success) {
+                settle({
+                  success: false,
+                  message: `Mermaid converted, but inserting into the diagram failed: ${importResult.message}`
+                });
+                return;
+              }
+              settle({
+                success: true,
+                mode,
+                message: importResult.message,
+                cells: importResult.cells,
+                xml
+              });
+            } catch (err) {
+              settle({
+                success: false,
+                message: `Insert after Mermaid conversion failed: ${err instanceof Error ? err.message : String(err)}`
+              });
+            }
+          },
+          (err) => {
+            settle({
+              success: false,
+              message: `Mermaid render failed: ${err?.message ?? String(err)}`
+            });
+          },
+          (err) => {
+            settle({
+              success: false,
+              message: `Mermaid parse error: ${err?.message ?? String(err)}`
+            });
+          },
+          enableParser
+        );
+      } catch (err) {
+        settle({
+          success: false,
+          message: `parseMermaidDiagram threw: ${err instanceof Error ? err.message : String(err)}`
+        });
+      }
+    });
+  }
+  function transform_NamedNodeMap_to_record(attributes) {
+    const tstr = Object.prototype.toString.call(attributes);
+    if (tstr !== "[object NamedNodeMap]") {
+      return attributes;
     }
-    return {
-      isValid: true,
-      config: {
-        websocketPort: cfg.websocketPort,
-        serverUrl: cfg.serverUrl || ""
+    if (attributes.length === void 0) {
+      return attributes;
+    }
+    let transformed_attributes = {};
+    for (let i = 0; i < attributes.length; i++) {
+      const attr = attributes[i];
+      if (attr && attr.name && attr.value !== void 0) {
+        transformed_attributes[attr.name] = attr.value;
       }
-    };
+    }
+    return transformed_attributes;
   }
-  function buildWebSocketUrl(config) {
-    const host = window.location.hostname;
-    return `ws://${host}:${config.websocketPort}`;
+  function transform_cells_NamedNodeMap_to_attributes(cell) {
+    if (cell.value.attributes && typeof cell.value.attributes === "object") {
+      const attributes = cell.value.attributes;
+      return transform_NamedNodeMap_to_record(attributes);
+    }
+    return {};
   }
-
-  // src/settingsDialog.ts
-  function createDialogContainer() {
-    const container = document.createElement("div");
-    container.id = "mcp-settings-dialog";
-    container.style.cssText = `
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 10000;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  `;
-    container.addEventListener("click", (e) => {
-      if (e.target === container) {
-        e.stopPropagation();
+  function remove_circular_dependencies(obj, visited = /* @__PURE__ */ new WeakSet(), path = []) {
+    if (obj === null || typeof obj !== "object") {
+      return obj;
+    }
+    if (Array.isArray(obj)) {
+      if (visited.has(obj)) {
+        return `[Circular ${path.join(".")}]`;
       }
-    });
-    return container;
+      visited.add(obj);
+      return obj.map(
+        (item, index) => remove_circular_dependencies(item, visited, [...path, `[${index}]`])
+      );
+    }
+    const tstr = Object.prototype.toString.call(obj);
+    if (tstr === "[object NamedNodeMap]") {
+      return transform_NamedNodeMap_to_record(obj);
+    }
+    if (tstr !== "[object Object]" && tstr !== "[object Element]") {
+      return obj;
+    }
+    if (visited.has(obj)) {
+      return `[Circular ${path.join(".")}]`;
+    }
+    visited.add(obj);
+    const result = {};
+    for (const key in obj) {
+      const value = obj[key];
+      if (typeof value !== "function" && key !== "children" && key !== "edges" && !key.startsWith("aria") && key !== "ownerDocument" && key !== "part" && key !== "classList" && key !== "childNodes" && key !== "shadowRoot" && key !== "innerHTML" && key !== "outerHTML" && key !== "scrollTop" && key !== "scrollLeft" && key !== "scrollWidth" && key !== "scrollHeight" && key !== "clientTop" && key !== "clientLeft" && key !== "clientWidth" && key !== "clientHeight" && key !== "onbeforecopy" && key !== "onbeforecut" && key !== "onbeforepaste" && key !== "onsearch" && key !== "elementTiming" && key !== "onfullscreenchange" && key !== "onfullscreenerror" && key !== "onwebkitfullscreenchange" && key !== "onwebkitfullscreenerror" && key !== "firstElementChild" && key !== "lastElementChild" && key !== "childElementCount" && key !== "previousElementSibling" && key !== "nextElementSibling" && key !== "currentCSSZoom" && key !== "parentNode" && key !== "parentElement" && key !== "firstChild" && key !== "lastChild" && key !== "previousSibling" && key !== "nextSibling" && key !== "nodeValue" && key !== "textContent" && key !== "ELEMENT_NODE" && key !== "ATTRIBUTE_NODE" && key !== "TEXT_NODE" && key !== "CDATA_SECTION_NODE" && key !== "ENTITY_REFERENCE_NODE" && key !== "ENTITY_NODE" && key !== "PROCESSING_INSTRUCTION_NODE" && key !== "COMMENT_NODE" && key !== "DOCUMENT_NODE" && key !== "DOCUMENT_TYPE_NODE" && key !== "DOCUMENT_FRAGMENT_NODE" && key !== "NOTATION_NODE" && key !== "DOCUMENT_POSITION_DISCONNECTED" && key !== "DOCUMENT_POSITION_PRECEDING" && key !== "DOCUMENT_POSITION_FOLLOWING" && key !== "DOCUMENT_POSITION_CONTAINS" && key !== "DOCUMENT_POSITION_CONTAINED_BY" && key !== "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC") {
+        let stripped_value = {};
+        if ((key === "parent" || key === "source" || key === "target") && value !== void 0 && value !== null) {
+          stripped_value = {
+            id: value.id
+          };
+        } else {
+          stripped_value = value;
+        }
+        result[key] = remove_circular_dependencies(stripped_value, visited, [
+          ...path,
+          key
+        ]);
+      }
+    }
+    return result;
   }
-  function createDialogContent() {
-    const content = document.createElement("div");
-    content.className = "dialog-content";
-    content.style.cssText = `
-    background: white;
-    border-radius: 8px;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
-    max-width: 500px;
-    width: 90%;
-    max-height: 90vh;
-    overflow-y: auto;
-    position: relative;
-  `;
-    return content;
+  function ensure_pages_api(ui2, selector_name) {
+    if (!Array.isArray(ui2?.pages) || ui2.pages.length === 0) {
+      throw new Error(
+        `Draw.io pages are unavailable; cannot resolve \`${selector_name}\``
+      );
+    }
   }
-  function createDialogHeader(title, onClose) {
-    const header = document.createElement("div");
-    header.className = "dialog-header";
-    header.style.cssText = `
-    padding: 16px 20px;
-    border-bottom: 1px solid #e0e0e0;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  `;
-    const titleEl = document.createElement("h2");
-    titleEl.textContent = title;
-    titleEl.style.cssText = `
-    margin: 0;
-    font-size: 18px;
-    font-weight: 600;
-    color: #333;
-  `;
-    const closeBtn = document.createElement("button");
-    closeBtn.textContent = "\xD7";
-    closeBtn.style.cssText = `
-    background: none;
-    border: none;
-    font-size: 24px;
-    cursor: pointer;
-    padding: 0;
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #666;
-    border-radius: 4px;
-  `;
-    closeBtn.title = "Close";
-    closeBtn.addEventListener("mouseenter", () => {
-      closeBtn.style.backgroundColor = "#f5f5f5";
-    });
-    closeBtn.addEventListener("mouseleave", () => {
-      closeBtn.style.backgroundColor = "transparent";
-    });
-    closeBtn.addEventListener("click", onClose);
-    header.appendChild(titleEl);
-    header.appendChild(closeBtn);
-    return header;
+  function get_page_id(page) {
+    if (typeof page?.getId === "function") {
+      return String(page.getId());
+    }
+    const id = page?.id ?? page?.node?.getAttribute?.("id");
+    if (id === void 0 || id === null || id === "") {
+      throw new Error("Target page does not expose a stable ID");
+    }
+    return String(id);
   }
-  function createDialogBody(state, actions) {
-    const body = document.createElement("div");
-    body.className = "dialog-body";
-    body.style.cssText = `
-    padding: 20px;
-  `;
-    const statusSection = createStatusSection(state);
-    body.appendChild(statusSection);
-    const formSection = createFormSection(state, actions);
-    body.appendChild(formSection);
-    return body;
+  function get_page_name(page, index) {
+    if (typeof page?.getName === "function") {
+      const name = page.getName();
+      if (name !== void 0 && name !== null && name !== "") {
+        return String(name);
+      }
+    }
+    const fallback = page?.name ?? page?.node?.getAttribute?.("name");
+    if (fallback !== void 0 && fallback !== null && fallback !== "") {
+      return String(fallback);
+    }
+    return `Page-${index + 1}`;
   }
-  function createStatusSection(state) {
-    const section = document.createElement("div");
-    section.className = "status-section";
-    section.style.cssText = `
-    margin-bottom: 24px;
-    padding: 16px;
-    background: #f8f9fa;
-    border-radius: 6px;
-    border: 1px solid #e9ecef;
-  `;
-    const title = document.createElement("div");
-    title.style.cssText = `
-    font-weight: 600;
-    margin-bottom: 8px;
-    color: #333;
-  `;
-    title.textContent = "Connection Status";
-    const statusIndicator = document.createElement("div");
-    statusIndicator.className = "status-indicator";
-    statusIndicator.style.cssText = `
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-bottom: 4px;
-  `;
-    const indicator = document.createElement("div");
-    indicator.style.cssText = `
-    width: 12px;
-    height: 12px;
-    border-radius: 50%;
-    flex-shrink: 0;
-  `;
-    switch (state.connectionState) {
-      case "connected":
-        indicator.style.backgroundColor = "#28a745";
-        break;
-      case "connecting":
-        indicator.style.backgroundColor = "#ffc107";
-        break;
-      case "disconnected":
-        indicator.style.backgroundColor = "#dc3545";
-        break;
+  function get_page_rename_probe(ui2, explicit_page) {
+    if (explicit_page) {
+      return explicit_page;
     }
-    const statusText = document.createElement("span");
-    statusText.textContent = state.connectionState.charAt(0).toUpperCase() + state.connectionState.slice(1);
-    statusText.style.fontWeight = "500";
-    statusIndicator.appendChild(indicator);
-    statusIndicator.appendChild(statusText);
-    const portDisplay = document.createElement("div");
-    portDisplay.style.cssText = `
-    font-size: 14px;
-    color: #666;
-  `;
-    portDisplay.textContent = `Port: ${state.config.websocketPort}`;
-    section.appendChild(title);
-    section.appendChild(statusIndicator);
-    section.appendChild(portDisplay);
-    return section;
+    if (ui2?.currentPage) {
+      return ui2.currentPage;
+    }
+    if (Array.isArray(ui2?.pages) && ui2.pages.length > 0) {
+      return ui2.pages[0];
+    }
+    return null;
   }
-  function createFormSection(state, actions) {
-    const section = document.createElement("div");
-    section.className = "form-section";
-    const portGroup = document.createElement("div");
-    portGroup.className = "form-group";
-    portGroup.style.cssText = `
-    margin-bottom: 16px;
-  `;
-    const label = document.createElement("label");
-    label.textContent = "WebSocket Port";
-    label.htmlFor = "mcp-port-input";
-    label.style.cssText = `
-    display: block;
-    margin-bottom: 6px;
-    font-weight: 500;
-    color: #333;
-  `;
-    const input = document.createElement("input");
-    input.id = "mcp-port-input";
-    input.type = "number";
-    input.min = "1024";
-    input.max = "65535";
-    input.value = state.formData.port;
-    input.style.cssText = `
-    width: 100%;
-    padding: 8px 12px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    font-size: 14px;
-    box-sizing: border-box;
-  `;
-    if (state.errors.port) {
-      input.style.borderColor = "#dc3545";
-    }
-    input.addEventListener("input", (e) => {
-      const value = e.target.value;
-      window.dispatchEvent(
-        new CustomEvent("mcp-settings-message", {
-          detail: { type: "UPDATE_PORT", port: value }
-        })
+  function assert_page_rename_supported(ui2, action, explicit_page) {
+    const page = get_page_rename_probe(ui2, explicit_page);
+    if (typeof page?.setName !== "function") {
+      throw new Error(
+        `Draw.io page renaming is not supported in this version; cannot ${action}`
       );
-    });
-    const hint = document.createElement("div");
-    hint.textContent = "Port must be between 1024 and 65535";
-    hint.style.cssText = `
-    font-size: 12px;
-    color: #666;
-    margin-top: 4px;
-  `;
-    if (state.errors.port) {
-      const error = document.createElement("div");
-      error.textContent = state.errors.port;
-      error.style.cssText = `
-      font-size: 12px;
-      color: #dc3545;
-      margin-top: 4px;
-    `;
-      portGroup.appendChild(error);
     }
-    portGroup.appendChild(label);
-    portGroup.appendChild(input);
-    portGroup.appendChild(hint);
-    section.appendChild(portGroup);
-    return section;
+    return page;
   }
-  function createDialogFooter(state, actions) {
-    const footer = document.createElement("div");
-    footer.className = "dialog-footer";
-    footer.style.cssText = `
-    padding: 16px 20px;
-    border-top: 1px solid #e0e0e0;
-    display: flex;
-    justify-content: space-between;
-    gap: 12px;
-    flex-wrap: wrap;
-  `;
-    const leftActions = document.createElement("div");
-    leftActions.style.cssText = `
-    display: flex;
-    gap: 8px;
-    flex-wrap: wrap;
-  `;
-    const rightActions = document.createElement("div");
-    rightActions.style.cssText = `
-    display: flex;
-    gap: 8px;
-  `;
-    const cancelBtn = createButton("Cancel", "ghost", () => {
-      window.dispatchEvent(
-        new CustomEvent("mcp-settings-message", {
-          detail: { type: "CLOSE" }
-        })
-      );
-    });
-    const saveBtn = createButton(
-      state.isSaving ? "Saving..." : "Save",
-      "primary",
-      () => {
-        window.dispatchEvent(
-          new CustomEvent("mcp-settings-message", {
-            detail: { type: "SAVE" }
-          })
-        );
-      },
-      state.isSaving
-    );
-    rightActions.appendChild(cancelBtn);
-    rightActions.appendChild(saveBtn);
-    footer.appendChild(leftActions);
-    footer.appendChild(rightActions);
-    return footer;
+  function rollback_created_page(ui2, page) {
+    if (!page || typeof ui2?.removePage !== "function") {
+      return;
+    }
+    try {
+      ui2.removePage(page);
+    } catch (error) {
+      console.warn("Could not roll back created page:", error);
+    }
   }
-  function createButton(text, variant, onClick, disabled = false) {
-    const btn = document.createElement("button");
-    btn.textContent = text;
-    btn.disabled = disabled;
-    btn.style.cssText = `
-    padding: 8px 16px;
-    border-radius: 4px;
-    font-size: 14px;
-    cursor: pointer;
-    border: 1px solid transparent;
-    transition: all 0.2s;
-  `;
-    switch (variant) {
-      case "primary":
-        btn.style.cssText += `
-        background-color: #007bff;
-        color: white;
-        border-color: #007bff;
-      `;
-        btn.addEventListener("mouseenter", () => {
-          if (!disabled) btn.style.backgroundColor = "#0056b3";
-        });
-        btn.addEventListener("mouseleave", () => {
-          if (!disabled) btn.style.backgroundColor = "#007bff";
-        });
-        break;
-      case "secondary":
-        btn.style.cssText += `
-        background-color: #6c757d;
-        color: white;
-        border-color: #6c757d;
-      `;
-        btn.addEventListener("mouseenter", () => {
-          if (!disabled) btn.style.backgroundColor = "#545b62";
-        });
-        btn.addEventListener("mouseleave", () => {
-          if (!disabled) btn.style.backgroundColor = "#6c757d";
-        });
-        break;
-      case "ghost":
-        btn.style.cssText += `
-        background-color: transparent;
-        color: #6c757d;
-        border-color: #6c757d;
-      `;
-        btn.addEventListener("mouseenter", () => {
-          if (!disabled) {
-            btn.style.backgroundColor = "#f8f9fa";
-          }
-        });
-        btn.addEventListener("mouseleave", () => {
-          if (!disabled) btn.style.backgroundColor = "transparent";
-        });
-        break;
+  function get_drawio_runtime_ctor(name) {
+    const maybeWindow = typeof window === "undefined" ? void 0 : window;
+    const globalCtor = globalThis?.[name] ?? maybeWindow?.[name];
+    return typeof globalCtor === "function" ? globalCtor : null;
+  }
+  function change_page_without_switch(ui2, page, index) {
+    const ChangePage = get_drawio_runtime_ctor("ChangePage");
+    const execute = ui2?.editor?.graph?.model?.execute;
+    if (typeof ChangePage !== "function" || typeof execute !== "function") {
+      return false;
     }
-    if (disabled) {
-      btn.style.cssText += `
-      opacity: 0.6;
-      cursor: not-allowed;
-    `;
+    execute.call(ui2.editor.graph.model, new ChangePage(ui2, page, page, index, true));
+    return true;
+  }
+  function insert_page_without_switch(ui2, page, index) {
+    return change_page_without_switch(ui2, page, index);
+  }
+  function move_page_without_switch(ui2, oldIndex, newIndex) {
+    if (typeof ui2?.movePage === "function") {
+      ui2.movePage(oldIndex, newIndex);
+      return true;
     }
-    btn.addEventListener("click", onClick);
-    return btn;
+    const MovePage = get_drawio_runtime_ctor("MovePage");
+    const execute = ui2?.editor?.graph?.model?.execute;
+    if (typeof MovePage !== "function" || typeof execute !== "function") {
+      return false;
+    }
+    execute.call(ui2.editor.graph.model, new MovePage(ui2, oldIndex, newIndex));
+    return true;
   }
-  function createSettingsDialog(initialState, actions) {
-    let currentState = { ...initialState };
-    let dialogElement = null;
-    let isVisible = false;
-    const update = (newState) => {
-      currentState = { ...newState };
-      if (dialogElement && isVisible) {
-        render();
+  function rename_page_without_switch(ui2, page, name) {
+    const RenamePage = get_drawio_runtime_ctor("RenamePage");
+    const execute = ui2?.editor?.graph?.model?.execute;
+    if (typeof RenamePage === "function" && typeof execute === "function") {
+      execute.call(ui2.editor.graph.model, new RenamePage(ui2, page, name));
+      return true;
+    }
+    if (typeof page?.setName !== "function") {
+      return false;
+    }
+    page.setName(name);
+    return true;
+  }
+  function find_page_index_by_id(ui2, pageId) {
+    if (!Array.isArray(ui2?.pages)) {
+      return -1;
+    }
+    return ui2.pages.findIndex((page) => {
+      try {
+        return get_page_id(page) === pageId;
+      } catch {
+        return false;
       }
+    });
+  }
+  function move_page_to_end(ui2, page) {
+    const pageId = get_page_id(page);
+    const currentIndex = find_page_index_by_id(ui2, pageId);
+    if (currentIndex === -1) {
+      throw new Error("Copied page is not present in the page list");
+    }
+    const lastIndex = ui2.pages.length - 1;
+    if (currentIndex === lastIndex) {
+      return currentIndex;
+    }
+    if (!move_page_without_switch(ui2, currentIndex, lastIndex)) {
+      throw new Error(
+        "Draw.io page reordering is not supported in this version; cannot move the copied page to the end"
+      );
+    }
+    const movedIndex = find_page_index_by_id(ui2, pageId);
+    if (movedIndex !== lastIndex) {
+      throw new Error("Failed to move the copied page to the end");
+    }
+    return movedIndex;
+  }
+  function can_insert_page_without_switch(ui2) {
+    const graph = ui2?.editor?.graph;
+    if (!graph || typeof graph.isEnabled !== "function" || graph.isEnabled() !== true) {
+      return false;
+    }
+    if (typeof graph.isEditing === "function" && graph.isEditing() === true) {
+      graph.stopEditing?.(false);
+    }
+    return true;
+  }
+  function serialize_page_info(ui2, page, index, isCurrent = (() => {
+    if (ui2?.currentPage === void 0 || ui2?.currentPage === null) {
+      return false;
+    }
+    try {
+      return get_page_id(page) === get_page_id(ui2.currentPage);
+    } catch {
+      return false;
+    }
+  })()) {
+    return {
+      index,
+      id: get_page_id(page),
+      name: get_page_name(page, index),
+      is_current: isCurrent
     };
-    const render = () => {
-      if (dialogElement && dialogElement.parentNode) {
-        dialogElement.parentNode.removeChild(dialogElement);
-      }
-      const container = createDialogContainer();
-      const content = createDialogContent();
-      const header = createDialogHeader("MCP Settings", () => actions.onClose());
-      const body = createDialogBody(currentState, actions);
-      const footer = createDialogFooter(currentState, actions);
-      content.appendChild(header);
-      content.appendChild(body);
-      content.appendChild(footer);
-      container.appendChild(content);
-      dialogElement = container;
-      isVisible = true;
-      setupMessageListeners(container, actions);
-      return container;
+  }
+  function serialize_document_info(ui2, document_id) {
+    const file = ui2?.getCurrentFile?.();
+    const pages = Array.isArray(ui2?.pages) ? ui2.pages : [];
+    const currentId = ui2?.currentPage !== void 0 && ui2?.currentPage !== null ? get_page_id(ui2.currentPage) : null;
+    const currentIndex = pages.findIndex(
+      (page) => currentId !== null && get_page_id(page) === currentId
+    );
+    return {
+      id: document_id,
+      title: normalize_optional_string(file?.getTitle?.()),
+      mode: normalize_optional_string(file?.getMode?.()),
+      hash: normalize_optional_string(file?.getHash?.()),
+      file_url: normalize_optional_string(file?.getFileUrl?.()),
+      page_count: pages.length,
+      current_page: currentIndex >= 0 && ui2?.currentPage ? serialize_page_info(ui2, ui2.currentPage, currentIndex, true) : null
     };
-    const setupMessageListeners = (container, actions2) => {
-      const handleMessage = (event) => {
-        const message = event.detail;
-        switch (message.type) {
-          case "UPDATE_PORT":
-            currentState.formData.port = message.port;
-            delete currentState.errors.port;
-            break;
-          case "SAVE":
-            if (!validateAndSave()) {
-              update(currentState);
-            }
-            break;
-          case "CLOSE":
-            actions2.onClose();
-            break;
-        }
-      };
-      window.addEventListener(
-        "mcp-settings-message",
-        handleMessage
+  }
+  function resolve_target_page(ui2, target_page, selector_name = "target_page") {
+    ensure_pages_api(ui2, selector_name);
+    if (!target_page || typeof target_page !== "object") {
+      throw new Error(`\`${selector_name}\` is required`);
+    }
+    const hasIndex = Number.isInteger(target_page.index);
+    const hasId = typeof target_page.id === "string" && target_page.id.length > 0;
+    if (hasIndex === hasId) {
+      throw new Error(
+        `\`${selector_name}\` must include exactly one of \`index\` or \`id\``
       );
-      const observer = new MutationObserver((mutations) => {
-        mutations.forEach((mutation) => {
-          mutation.removedNodes.forEach((node) => {
-            if (node === container) {
-              window.removeEventListener(
-                "mcp-settings-message",
-                handleMessage
-              );
-              observer.disconnect();
-            }
-          });
-        });
-      });
-      if (container.parentNode) {
-        observer.observe(container.parentNode, { childList: true });
-      }
-    };
-    const validateAndSave = () => {
-      const portNum = parseInt(currentState.formData.port, 10);
-      if (isNaN(portNum)) {
-        currentState.errors.port = "Port must be a number";
-        return false;
+    }
+    if (hasIndex) {
+      const index2 = Number(target_page.index);
+      if (index2 < 0 || index2 >= ui2.pages.length) {
+        throw new Error(
+          `\`${selector_name}.index\` ${index2} is out of range for ${ui2.pages.length} pages`
+        );
       }
-      if (portNum < 1024 || portNum > 65535) {
-        currentState.errors.port = "Port must be between 1024 and 65535";
+      return {
+        page: ui2.pages[index2],
+        index: index2
+      };
+    }
+    const index = ui2.pages.findIndex((page) => {
+      try {
+        return get_page_id(page) === target_page.id;
+      } catch {
         return false;
       }
-      currentState.errors = {};
-      currentState.isSaving = true;
-      const newConfig = {
-        websocketPort: portNum,
-        serverUrl: currentState.config.serverUrl
-      };
-      actions.onSave(newConfig);
-      return true;
+    });
+    if (index === -1) {
+      throw new Error(`Page with ID ${target_page.id} was not found`);
+    }
+    return {
+      page: ui2.pages[index],
+      index
     };
-    const dialogProxy = {
-      get element() {
-        if (!dialogElement) {
-          render();
-        }
-        return dialogElement;
-      },
-      update
+  }
+  function switch_to_target_page(ui2, page) {
+    const currentId = ui2?.currentPage !== void 0 && ui2?.currentPage !== null ? get_page_id(ui2.currentPage) : null;
+    const targetId = get_page_id(page);
+    if (currentId !== null && currentId === targetId) {
+      return;
+    }
+    if (typeof ui2?.selectPage !== "function") {
+      throw new Error("Draw.io page switching is not supported in this version");
+    }
+    ui2.selectPage(page);
+  }
+  function create_noop_execution(ui2, page, index) {
+    return {
+      ui: ui2,
+      page,
+      index,
+      is_background: false,
+      did_change: () => false,
+      cleanup: () => {
+      }
     };
-    return dialogProxy;
   }
-  function showSettingsDialog(dialog) {
-    if (!dialog.element.parentNode) {
-      document.body.appendChild(dialog.element);
+  function sync_live_current_page_state(ui2) {
+    if (!ui2?.currentPage || !ui2?.editor?.graph) {
+      return;
+    }
+    const liveGraph = ui2.editor.graph;
+    const model = typeof liveGraph?.getModel === "function" ? liveGraph.getModel() : null;
+    if (!model?.root) {
+      return;
+    }
+    ui2.currentPage.root = model.root;
+    ui2.currentPage.graphModelNode = null;
+    if (typeof liveGraph?.getViewState === "function") {
+      ui2.currentPage.viewState = liveGraph.getViewState();
     }
+    ui2.currentPage.needsUpdate = true;
   }
-  function hideSettingsDialog(dialog) {
-    if (dialog.element.parentNode) {
-      dialog.element.parentNode.removeChild(dialog.element);
+  function create_background_page_ui(ui2, page) {
+    const runtimeWindow = globalThis.window;
+    const runtimeDocument = globalThis.document;
+    const liveGraph = ui2?.editor?.graph;
+    if (!liveGraph || typeof liveGraph?.getStylesheet !== "function" || typeof ui2?.createTemporaryGraph !== "function" || typeof ui2?.updatePageRoot !== "function") {
+      return null;
+    }
+    const resolvedPage = ui2.updatePageRoot(page);
+    const tempGraph = ui2.createTemporaryGraph(liveGraph.getStylesheet());
+    if (!tempGraph || typeof tempGraph?.getModel !== "function") {
+      return null;
+    }
+    const tempModel = tempGraph.getModel();
+    if (!tempModel || typeof tempModel?.setRoot !== "function") {
+      return null;
+    }
+    let didChange = false;
+    const mxEvent = runtimeWindow?.mxEvent;
+    const changeEventName = mxEvent?.CHANGE ?? "change";
+    const changeListener = () => {
+      didChange = true;
+    };
+    if (typeof tempModel?.addListener === "function") {
+      tempModel.addListener(changeEventName, changeListener);
+    }
+    let containerAttached = false;
+    const cleanup = () => {
+      if (typeof tempModel?.removeListener === "function") {
+        tempModel.removeListener(changeListener);
+      }
+      if (typeof tempGraph?.destroy === "function") {
+        try {
+          tempGraph.destroy();
+        } catch (error) {
+          console.warn("Could not destroy temporary draw.io graph:", error);
+        }
+      }
+      if (containerAttached && tempGraph.container?.parentNode) {
+        try {
+          tempGraph.container.parentNode.removeChild(tempGraph.container);
+        } catch (error) {
+          console.warn("Could not detach temporary draw.io graph container:", error);
+        }
+      }
+    };
+    try {
+      if (runtimeDocument?.body && tempGraph.container && tempGraph.container.parentNode == null) {
+        runtimeDocument.body.appendChild(tempGraph.container);
+        containerAttached = true;
+      }
+      tempModel.setRoot(resolvedPage.root);
+      if (typeof tempGraph?.setViewState === "function" && resolvedPage.viewState) {
+        tempGraph.setViewState(resolvedPage.viewState);
+      } else if (resolvedPage.viewState?.defaultParent && typeof tempGraph?.setDefaultParent === "function") {
+        tempGraph.setDefaultParent(resolvedPage.viewState.defaultParent);
+      }
+      if (typeof tempGraph?.setAdaptiveColors === "function") {
+        tempGraph.setAdaptiveColors(resolvedPage.viewState?.adaptiveColors ?? null);
+      }
+      if (typeof tempGraph?.setBackgroundImage === "function") {
+        tempGraph.setBackgroundImage(resolvedPage.viewState?.backgroundImage ?? null);
+      }
+      if (resolvedPage.viewState?.background !== void 0) {
+        tempGraph.background = resolvedPage.viewState.background;
+      }
+    } catch (error) {
+      cleanup();
+      throw error;
     }
+    const scopedUi = Object.create(ui2);
+    scopedUi.editor = Object.create(ui2.editor);
+    scopedUi.editor.graph = tempGraph;
+    scopedUi.currentPage = resolvedPage;
+    return {
+      ui: scopedUi,
+      page: resolvedPage,
+      index: -1,
+      is_background: true,
+      did_change: () => didChange,
+      cleanup
+    };
   }
-
-  // src/drawio-tools.ts
-  function transform_NamedNodeMap_to_record(attributes) {
-    const tstr = Object.prototype.toString.call(attributes);
-    if (tstr !== "[object NamedNodeMap]") {
-      return attributes;
+  function create_page_export_graph(ui2, sourceGraph, page) {
+    const runtimeDocument = globalThis.document;
+    if (!page || typeof ui2?.createTemporaryGraph !== "function" || typeof ui2?.updatePageRoot !== "function" || typeof sourceGraph?.getStylesheet !== "function") {
+      return null;
     }
-    if (attributes.length === void 0) {
-      return attributes;
+    const resolvedPage = ui2.updatePageRoot(page);
+    const tempGraph = ui2.createTemporaryGraph(sourceGraph.getStylesheet());
+    const tempModel = tempGraph?.getModel?.();
+    if (!tempGraph || !tempModel || typeof tempModel?.setRoot !== "function") {
+      return null;
     }
-    let transformed_attributes = {};
-    for (let i = 0; i < attributes.length; i++) {
-      const attr = attributes[i];
-      if (attr && attr.name && attr.value !== void 0) {
-        transformed_attributes[attr.name] = attr.value;
+    const pageIndex = Array.isArray(ui2?.pages) ? ui2.pages.findIndex((candidate) => {
+      try {
+        return get_page_id(candidate) === get_page_id(resolvedPage);
+      } catch {
+        return false;
       }
+    }) : -1;
+    const fallbackGetGlobalVariable = typeof sourceGraph?.getGlobalVariable === "function" ? sourceGraph.getGlobalVariable : null;
+    if (fallbackGetGlobalVariable) {
+      tempGraph.getGlobalVariable = function(name) {
+        if (name === "pagenumber" && pageIndex >= 0) {
+          return pageIndex + 1;
+        }
+        if (name === "page") {
+          return get_page_name(resolvedPage, Math.max(pageIndex, 0));
+        }
+        return fallbackGetGlobalVariable.apply(this, arguments);
+      };
     }
-    return transformed_attributes;
+    if (typeof tempGraph?.setAdaptiveColors === "function") {
+      tempGraph.setAdaptiveColors(resolvedPage.viewState?.adaptiveColors ?? null);
+    }
+    if (typeof tempGraph?.setBackgroundImage === "function") {
+      tempGraph.setBackgroundImage(resolvedPage.viewState?.backgroundImage ?? null);
+    }
+    if (resolvedPage.viewState?.background !== void 0) {
+      tempGraph.background = resolvedPage.viewState.background;
+    }
+    let containerAttached = false;
+    try {
+      if (runtimeDocument?.body && tempGraph.container && tempGraph.container.parentNode == null) {
+        runtimeDocument.body.appendChild(tempGraph.container);
+        containerAttached = true;
+      }
+    } catch (error) {
+      console.warn(
+        "Could not attach temporary draw.io export graph container:",
+        error
+      );
+    }
+    tempModel.setRoot(resolvedPage.root);
+    return {
+      graph: tempGraph,
+      cleanup: () => {
+        if (typeof tempGraph?.destroy === "function") {
+          try {
+            tempGraph.destroy();
+          } catch (error) {
+            console.warn("Could not destroy temporary draw.io export graph:", error);
+          }
+        }
+        if (containerAttached && tempGraph.container?.parentNode) {
+          try {
+            tempGraph.container.parentNode.removeChild(tempGraph.container);
+          } catch (error) {
+            console.warn(
+              "Could not detach temporary draw.io export graph container:",
+              error
+            );
+          }
+        }
+      }
+    };
   }
-  function transform_cells_NamedNodeMap_to_attributes(cell) {
-    if (cell.value.attributes && typeof cell.value.attributes === "object") {
-      const attributes = cell.value.attributes;
-      return transform_NamedNodeMap_to_record(attributes);
+  function prepare_target_page_execution(ui2, target_page, options = {}) {
+    const resolved = resolve_target_page(ui2, target_page);
+    const currentId = ui2?.currentPage !== void 0 && ui2?.currentPage !== null ? get_page_id(ui2.currentPage) : null;
+    const targetId = get_page_id(resolved.page);
+    if (options.prefer_background && currentId !== null && currentId !== targetId) {
+      const backgroundExecution = create_background_page_ui(ui2, resolved.page);
+      if (backgroundExecution) {
+        if (options.sync_live_current_page_state) {
+          sync_live_current_page_state(ui2);
+        }
+        return {
+          ...backgroundExecution,
+          index: resolved.index
+        };
+      }
     }
-    return {};
+    if (currentId !== targetId) {
+      switch_to_target_page(ui2, resolved.page);
+    }
+    return create_noop_execution(ui2, resolved.page, resolved.index);
   }
-  function remove_circular_dependencies(obj, visited = /* @__PURE__ */ new WeakSet(), path = []) {
-    if (obj === null || typeof obj !== "object") {
-      return obj;
+  function mark_page_execution_modified(ui2, execution) {
+    if (!execution.is_background || !execution.did_change()) {
+      return;
     }
-    if (Array.isArray(obj)) {
-      if (visited.has(obj)) {
-        return `[Circular ${path.join(".")}]`;
+    const page = execution.page;
+    page.needsUpdate = true;
+    page.graphModelNode = null;
+    if (typeof page?.setDiagramModified === "function") {
+      page.setDiagramModified(true);
+    }
+    try {
+      ui2.getCurrentFile?.()?.fileChanged?.();
+    } catch (error) {
+      console.warn("Could not notify draw.io file change after background mutation:", error);
+    }
+  }
+  function get_selected_cell(ui2) {
+    return ui2.editor.graph.getSelectionCell() || "no cell selected";
+  }
+  function list_pages(ui2) {
+    ensure_pages_api(ui2, "pages");
+    return ui2.pages.map(
+      (page, index) => serialize_page_info(ui2, page, index)
+    );
+  }
+  function get_current_page(ui2) {
+    ensure_pages_api(ui2, "current page");
+    const currentId = ui2?.currentPage !== void 0 && ui2?.currentPage !== null ? get_page_id(ui2.currentPage) : null;
+    const currentIndex = ui2.pages.findIndex(
+      (page) => currentId !== null && get_page_id(page) === currentId
+    );
+    if (currentIndex === -1 || !ui2.currentPage) {
+      throw new Error("Current page is not available");
+    }
+    return serialize_page_info(ui2, ui2.currentPage, currentIndex, true);
+  }
+  function create_page(ui2, options) {
+    if (typeof ui2?.insertPage !== "function") {
+      throw new Error("Draw.io page creation is not supported in this version");
+    }
+    if (options.name) {
+      assert_page_rename_supported(ui2, "create a named page");
+    }
+    const pageIndex = Array.isArray(ui2.pages) ? ui2.pages.length : 0;
+    let newPage = null;
+    if (typeof ui2?.createPage === "function" && typeof ui2?.createPageId === "function" && can_insert_page_without_switch(ui2)) {
+      newPage = ui2.createPage(options.name ?? null, ui2.createPageId());
+      if (!insert_page_without_switch(ui2, newPage, pageIndex)) {
+        newPage = null;
       }
-      visited.add(obj);
-      return obj.map(
-        (item, index) => remove_circular_dependencies(item, visited, [...path, `[${index}]`])
-      );
     }
-    const tstr = Object.prototype.toString.call(obj);
-    if (tstr === "[object NamedNodeMap]") {
-      return transform_NamedNodeMap_to_record(obj);
+    if (!newPage) {
+      newPage = ui2.insertPage(null, pageIndex);
+      if (!newPage) {
+        throw new Error("Failed to create a new page");
+      }
+      if (options.name) {
+        try {
+          assert_page_rename_supported(ui2, "create a named page", newPage);
+          newPage.setName(options.name);
+        } catch (error) {
+          rollback_created_page(ui2, newPage);
+          throw error;
+        }
+      }
     }
-    if (tstr !== "[object Object]" && tstr !== "[object Element]") {
-      return obj;
+    const newPageId = get_page_id(newPage);
+    const index = Array.isArray(ui2.pages) ? ui2.pages.findIndex((page) => get_page_id(page) === newPageId) : -1;
+    if (index === -1) {
+      throw new Error("Created page is not present in the page list");
     }
-    if (visited.has(obj)) {
-      return `[Circular ${path.join(".")}]`;
+    return serialize_page_info(ui2, newPage, index);
+  }
+  function copy_page(ui2, options) {
+    const page_selector = typeof options.page === "number" ? { index: options.page } : options.page;
+    const resolved = resolve_target_page(ui2, page_selector, "page");
+    if (typeof ui2?.duplicatePage !== "function") {
+      throw new Error("Draw.io page copying is not supported in this version");
+    }
+    const currentId = ui2?.currentPage !== void 0 && ui2?.currentPage !== null ? get_page_id(ui2.currentPage) : null;
+    const requestedName = typeof options.name === "string" && options.name.length > 0 ? options.name : void 0;
+    const copiedPage = ui2.duplicatePage(resolved.page, requestedName);
+    if (!copiedPage) {
+      throw new Error("Failed to copy the target page");
+    }
+    if (requestedName && get_page_name(copiedPage, resolved.index) !== requestedName) {
+      assert_page_rename_supported(ui2, "rename the copied page", copiedPage);
+      if (!rename_page_without_switch(ui2, copiedPage, requestedName)) {
+        throw new Error("Failed to rename the copied page");
+      }
     }
-    visited.add(obj);
-    const result = {};
-    for (const key in obj) {
-      const value = obj[key];
-      if (typeof value !== "function" && key !== "children" && key !== "edges" && !key.startsWith("aria") && key !== "ownerDocument" && key !== "part" && key !== "classList" && key !== "childNodes" && key !== "shadowRoot" && key !== "innerHTML" && key !== "outerHTML" && key !== "scrollTop" && key !== "scrollLeft" && key !== "scrollWidth" && key !== "scrollHeight" && key !== "clientTop" && key !== "clientLeft" && key !== "clientWidth" && key !== "clientHeight" && key !== "onbeforecopy" && key !== "onbeforecut" && key !== "onbeforepaste" && key !== "onsearch" && key !== "elementTiming" && key !== "onfullscreenchange" && key !== "onfullscreenerror" && key !== "onwebkitfullscreenchange" && key !== "onwebkitfullscreenerror" && key !== "firstElementChild" && key !== "lastElementChild" && key !== "childElementCount" && key !== "previousElementSibling" && key !== "nextElementSibling" && key !== "currentCSSZoom" && key !== "parentNode" && key !== "parentElement" && key !== "firstChild" && key !== "lastChild" && key !== "previousSibling" && key !== "nextSibling" && key !== "nodeValue" && key !== "textContent" && key !== "ELEMENT_NODE" && key !== "ATTRIBUTE_NODE" && key !== "TEXT_NODE" && key !== "CDATA_SECTION_NODE" && key !== "ENTITY_REFERENCE_NODE" && key !== "ENTITY_NODE" && key !== "PROCESSING_INSTRUCTION_NODE" && key !== "COMMENT_NODE" && key !== "DOCUMENT_NODE" && key !== "DOCUMENT_TYPE_NODE" && key !== "DOCUMENT_FRAGMENT_NODE" && key !== "NOTATION_NODE" && key !== "DOCUMENT_POSITION_DISCONNECTED" && key !== "DOCUMENT_POSITION_PRECEDING" && key !== "DOCUMENT_POSITION_FOLLOWING" && key !== "DOCUMENT_POSITION_CONTAINS" && key !== "DOCUMENT_POSITION_CONTAINED_BY" && key !== "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC") {
-        let stripped_value = {};
-        if ((key === "parent" || key === "source" || key === "target") && value !== void 0 && value !== null) {
-          stripped_value = {
-            id: value.id
-          };
-        } else {
-          stripped_value = value;
+    const index = move_page_to_end(ui2, copiedPage);
+    if (currentId !== null) {
+      const currentPage = ui2.pages.find((page) => {
+        try {
+          return get_page_id(page) === currentId;
+        } catch {
+          return false;
         }
-        result[key] = remove_circular_dependencies(stripped_value, visited, [
-          ...path,
-          key
-        ]);
+      });
+      const visiblePageId = ui2?.currentPage !== void 0 && ui2?.currentPage !== null ? get_page_id(ui2.currentPage) : null;
+      if (currentPage && visiblePageId !== null && visiblePageId !== currentId && typeof ui2?.selectPage === "function") {
+        ui2.selectPage(currentPage);
       }
     }
-    return result;
+    return serialize_page_info(ui2, copiedPage, index);
+  }
+  function rename_page(ui2, options) {
+    const page_selector = typeof options.page === "number" ? { index: options.page } : options.page;
+    const resolved = resolve_target_page(ui2, page_selector, "page");
+    if (!options.name) {
+      throw new Error("`name` is required");
+    }
+    assert_page_rename_supported(ui2, "rename a page", resolved.page);
+    if (!rename_page_without_switch(ui2, resolved.page, options.name)) {
+      throw new Error("Failed to rename the target page");
+    }
+    return serialize_page_info(ui2, resolved.page, resolved.index);
   }
   function transform_cell_for_display(cell) {
     if (!cell || typeof cell !== "object") {
@@ -1384,7 +1237,7 @@ var DrawMcp = (() => {
         `Cell '${cell_id}' is an edge; set_cell_shape expects a vertex`
       );
     }
-    const style = shapeLibrary?.[shape_name]?.style;
+    const style = getShape(shape_name)?.style;
     if (!style) {
       throw new Error(
         `set_cell_shape could not find a shape named '${shape_name}'`
@@ -1437,28 +1290,14 @@ var DrawMcp = (() => {
     }
     return cell;
   }
-  function get_shape_categories(ui2) {
-    const shapes = shapeLibrary;
-    const categories = /* @__PURE__ */ new Set();
-    for (const shape of Object.values(shapes)) {
-      categories.add(shape.category || "General");
-    }
-    return [...categories];
+  function get_shape_categories(_ui) {
+    return getCategories();
   }
-  function get_shapes_in_category(ui2, options) {
-    const shapes = shapeLibrary;
-    return Object.entries(shapes).filter(([_, shape]) => {
-      return shape.category === options.category_id;
-    }).map(([shape_key, shape_value]) => {
-      return {
-        id: shape_key,
-        title: shape_value.title || shape_key
-      };
-    });
+  function get_shapes_in_category(_ui, options) {
+    return getShapesByCategory(options.category_id);
   }
-  function get_shape_by_name(ui2, options) {
-    const shapes = shapeLibrary;
-    const shape = shapes[options.shape_name];
+  function get_shape_by_name(_ui, options) {
+    const shape = getShape(options.shape_name);
     if (!shape) return null;
     return {
       id: options.shape_name,
@@ -1825,24 +1664,58 @@ var DrawMcp = (() => {
     const bg = background !== "none" ? background : null;
     if (embedXml) {
       const currentPage = size === "page" || size === "selection";
-      const svgString2 = ui2.getFileData(
-        false,
+      const xml = ui2.getFileData(
         true,
         null,
         null,
+        null,
         ignoreSelection,
         currentPage
       );
-      const bounds = graph.getGraphBounds();
-      const w2 = Math.ceil(bounds.width * scale + bounds.x * scale + 2 * border);
-      const h2 = Math.ceil(bounds.height * scale + bounds.y * scale + 2 * border);
-      return {
-        format: "svg",
-        mimeType: "image/svg+xml",
-        data: svgString2,
-        width: w2,
-        height: h2
-      };
+      const exportGraphSession = create_page_export_graph(ui2, graph, ui2.currentPage);
+      const renderGraph = exportGraphSession?.graph ?? graph;
+      try {
+        const svgString2 = typeof ui2.getEmbeddedSvg === "function" ? ui2.getEmbeddedSvg(
+          xml,
+          renderGraph,
+          null,
+          false,
+          null,
+          ignoreSelection,
+          null,
+          void 0,
+          bg,
+          scale,
+          border,
+          includeShadow
+        ) : (() => {
+          const svgRoot2 = renderGraph.getSvg(
+            bg,
+            scale,
+            border,
+            !params.cropToDiagram,
+            null,
+            ignoreSelection
+          );
+          if (renderGraph.shadowVisible || includeShadow) {
+            renderGraph.addSvgShadow(svgRoot2, null, null, border === 0);
+          }
+          svgRoot2.setAttribute("content", xml);
+          return (Graph.xmlDeclaration || '<?xml version="1.0" encoding="UTF-8"?>') + "\n" + (Graph.svgFileComment || "") + "\n" + (Graph.svgDoctype || "") + "\n" + mxUtils.getXml(svgRoot2);
+        })();
+        const bounds = renderGraph.getGraphBounds();
+        const w2 = Math.ceil(bounds.width * scale + bounds.x * scale + 2 * border);
+        const h2 = Math.ceil(bounds.height * scale + bounds.y * scale + 2 * border);
+        return {
+          format: "svg",
+          mimeType: "image/svg+xml",
+          data: svgString2,
+          width: w2,
+          height: h2
+        };
+      } finally {
+        exportGraphSession?.cleanup();
+      }
     }
     const svgRoot = graph.getSvg(
       bg,
@@ -2227,10 +2100,40 @@ var DrawMcp = (() => {
               message: "New page creation not supported in this Draw.io version"
             };
           }
+          const importedPageName = filename ? filename.replace(/\.[^/.]+$/, "") : null;
+          if (importedPageName) {
+            try {
+              assert_page_rename_supported(
+                ui2,
+                "create a named imported page"
+              );
+            } catch (error) {
+              return {
+                success: false,
+                message: error instanceof Error ? error.message : "Page renaming is not supported"
+              };
+            }
+          }
           const newPage = ui2.insertPage();
           if (!newPage) {
             return { success: false, message: "Failed to create new page" };
           }
+          if (importedPageName) {
+            try {
+              assert_page_rename_supported(
+                ui2,
+                "create a named imported page",
+                newPage
+              );
+              newPage.setName(importedPageName);
+            } catch (error) {
+              rollback_created_page(ui2, newPage);
+              return {
+                success: false,
+                message: error instanceof Error ? error.message : "Page renaming is not supported"
+              };
+            }
+          }
           ui2.selectPage(newPage);
           model.beginUpdate();
           try {
@@ -2257,225 +2160,1398 @@ var DrawMcp = (() => {
           } finally {
             model.endUpdate();
           }
-          if (filename && newPage.setName) {
-            const pageName = filename.replace(/\.[^/.]+$/, "");
-            newPage.setName(pageName);
+          return {
+            success: true,
+            message: `Diagram imported successfully (new page created)${filename ? `: ${filename}` : ""}`,
+            pages: ui2.pages.length,
+            cells: cellCount
+          };
+        default:
+          return { success: false, message: `Unsupported import mode: ${mode}` };
+      }
+    } catch (error) {
+      console.error("[import-diagram] Error importing diagram:", error);
+      return {
+        success: false,
+        message: `Import failed: ${error instanceof Error ? error.message : "Unknown error"}`
+      };
+    }
+  }
+
+  // src/events.ts
+  function reply_name(event_name, request_id) {
+    return `${event_name}.${request_id}`;
+  }
+
+  // src/shape-extractor.ts
+  var ADDER_TO_PALETTE = {
+    addAWS4Palette: "aws4",
+    addGCP2Palette: "gcp2",
+    addAzure2Palette: "azure2",
+    addCisco19Palette: "cisco19",
+    addCiscoSafePalette: "cisco_safe"
+  };
+  function extractShapesFromSidebar(ui2) {
+    const Sidebar = window.Sidebar;
+    if (!Sidebar?.prototype) {
+      throw new Error("drawio Sidebar prototype not available on window");
+    }
+    if (!ui2?.sidebar) {
+      throw new Error("ui.sidebar not constructed yet");
+    }
+    const recorded = [];
+    let currentPalette = "unknown";
+    let currentSection = "";
+    const dummy = Object.assign(
+      Object.create(Sidebar.prototype),
+      ui2.sidebar,
+      {
+        taglist: {},
+        palettes: {},
+        entries: [],
+        createVertexTemplateEntry(style, w, h, _value, title) {
+          recorded.push({
+            style,
+            width: w,
+            height: h,
+            name: String(title ?? ""),
+            paletteId: currentPalette,
+            category: `mxgraph.${currentPalette}.${slug(currentSection || "default")}`
+          });
+          return () => null;
+        },
+        addPalette(_id, title, _expanded, onInit) {
+          if (title) currentSection = title;
+          try {
+            onInit({ appendChild() {
+            } });
+          } catch {
+          }
+        },
+        addPaletteFunctions(_id, title, _expanded, fns) {
+          if (title) currentSection = title;
+          const fake = { appendChild() {
+          } };
+          for (const fn of fns) {
+            try {
+              fn(fake);
+            } catch {
+            }
+          }
+        },
+        setCurrentSearchEntryLibrary() {
+        },
+        createEdgeTemplateEntry: () => () => null,
+        addEntry: (_tags, fn) => fn,
+        createTitle: () => typeof document !== "undefined" ? document.createElement("div") : {}
+      }
+    );
+    for (const [adder, paletteId] of Object.entries(ADDER_TO_PALETTE)) {
+      if (typeof dummy[adder] !== "function") {
+        console.warn(
+          `[shape-extractor] Sidebar.prototype.${adder} missing \u2014 vendor '${paletteId}' skipped`
+        );
+        continue;
+      }
+      currentPalette = paletteId;
+      currentSection = "";
+      try {
+        dummy[adder]();
+      } catch (err) {
+        console.warn(`[shape-extractor] ${adder} threw during extraction`, err);
+      }
+    }
+    const out = /* @__PURE__ */ new Map();
+    for (const s of recorded) {
+      const key = deriveKey(s.style);
+      if (key) out.set(key, s);
+    }
+    for (const v of Object.values(ADDER_TO_PALETTE)) {
+      const n = [...out.keys()].filter(
+        (k) => k.startsWith(`mxgraph.${v}.`)
+      ).length;
+      if (n === 0) {
+        console.warn(`[shape-extractor] captured 0 shapes for vendor '${v}'`);
+      }
+    }
+    return out;
+  }
+  function deriveKey(style) {
+    if (!style) return null;
+    const res = /resIcon=([^;]+)/.exec(style);
+    if (res && res[1].startsWith("mxgraph.")) return res[1];
+    const shapeMatch = /shape=mxgraph\.([a-z0-9_]+)\.([a-z0-9_]+)/i.exec(style);
+    const prIconMatch = /prIcon=([a-z0-9_]+)/i.exec(style);
+    if (shapeMatch && prIconMatch) {
+      return `mxgraph.${shapeMatch[1].toLowerCase()}.${prIconMatch[1].toLowerCase()}`;
+    }
+    if (shapeMatch) {
+      return `mxgraph.${shapeMatch[1].toLowerCase()}.${shapeMatch[2].toLowerCase()}`;
+    }
+    const imgMatch = /image=img\/lib\/([^/;]+)\/(?:(.+)\/)?([^/;]+?)\.(?:svg|png|jpe?g)/i.exec(
+      style
+    );
+    if (imgMatch) {
+      const vendor = slug(imgMatch[1]);
+      const middle = imgMatch[2] ? slug(imgMatch[2]) : "";
+      const file = slug(imgMatch[3]);
+      if (!vendor || !file) return null;
+      return middle ? `mxgraph.${vendor}.${middle}.${file}` : `mxgraph.${vendor}.${file}`;
+    }
+    return null;
+  }
+  function slug(s) {
+    return s.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "") || "default";
+  }
+
+  // src/tool-registry.ts
+  var VISIBLE_PAGE_EXECUTION = {
+    mode: "visible-page"
+  };
+  var VISIBLE_PAGE_MUTATION_EXECUTION = {
+    mode: "visible-page",
+    mutates: true
+  };
+  var BACKGROUND_PAGE_EXECUTION = {
+    mode: "background-page"
+  };
+  var BACKGROUND_PAGE_MUTATION_EXECUTION = {
+    mode: "background-page",
+    mutates: true
+  };
+  function can_export_in_background(options) {
+    const format = options.format ?? "xml";
+    const hasEmbeddedPng = options.embed_xml === true && format === "png";
+    return options.selection_only !== true && options.size !== "selection" && !hasEmbeddedPng;
+  }
+  var EXPORT_PAGE_EXECUTION = {
+    mode: "hybrid-page",
+    allow_background: can_export_in_background,
+    sync_live_current_page_state: true
+  };
+  function skip_page_execution_for_new_page_import(options) {
+    return options.mode === "new-page";
+  }
+  function skip_page_execution_for_new_page_mermaid(options) {
+    return options.insert_mode === "new-page";
+  }
+  function with_target_page(handler, options) {
+    return (ui2, rawOptions) => {
+      const drawioOptions = rawOptions;
+      if (!options?.skip?.(drawioOptions)) {
+        const pageExecution = options?.pageExecution;
+        const preferBackground = pageExecution?.mode === "background-page" || pageExecution?.mode === "hybrid-page" && pageExecution.allow_background?.(drawioOptions) === true;
+        const execution = prepare_target_page_execution(
+          ui2,
+          drawioOptions.target_page,
+          {
+            prefer_background: preferBackground,
+            sync_live_current_page_state: pageExecution?.sync_live_current_page_state === true
+          }
+        );
+        try {
+          const result = handler(execution.ui, drawioOptions);
+          if (result && typeof result === "object" && typeof result.finally === "function") {
+            return result.finally(() => {
+              if (pageExecution?.mutates) {
+                mark_page_execution_modified(ui2, execution);
+              }
+              execution.cleanup();
+            });
+          }
+          if (pageExecution?.mutates) {
+            mark_page_execution_modified(ui2, execution);
+          }
+          execution.cleanup();
+          return result;
+        } catch (error) {
+          if (pageExecution?.mutates) {
+            mark_page_execution_modified(ui2, execution);
+          }
+          execution.cleanup();
+          throw error;
+        }
+      }
+      return handler(ui2, drawioOptions);
+    };
+  }
+  function page_tool({
+    handler,
+    pageExecution,
+    skip,
+    ...definition
+  }) {
+    const options = { pageExecution };
+    if (skip) {
+      options.skip = skip;
+    }
+    return {
+      ...definition,
+      handler: with_target_page(handler, options),
+      pageExecution
+    };
+  }
+  function with_target_document(handler) {
+    return (ui2, rawOptions) => {
+      const drawioOptions = rawOptions;
+      assert_target_document_active(drawioOptions.target_document);
+      return handler(ui2, rawOptions);
+    };
+  }
+  var rawToolDefinitions = [
+    page_tool({
+      name: "get-selected-cell",
+      params: /* @__PURE__ */ new Set(["target_page"]),
+      handler: get_selected_cell,
+      pageExecution: VISIBLE_PAGE_EXECUTION
+    }),
+    page_tool({
+      name: "add-rectangle",
+      params: /* @__PURE__ */ new Set([
+        "x",
+        "y",
+        "width",
+        "height",
+        "text",
+        "style",
+        "parent_id",
+        "target_page"
+      ]),
+      handler: add_new_rectangle,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "add-edge",
+      params: /* @__PURE__ */ new Set([
+        "source_id",
+        "target_id",
+        "style",
+        "text",
+        "parent_id",
+        "points",
+        "target_page"
+      ]),
+      handler: add_edge,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "delete-cell-by-id",
+      params: /* @__PURE__ */ new Set(["cell_id", "target_page"]),
+      handler: delete_cell_by_id,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    {
+      name: "get-shape-categories",
+      params: /* @__PURE__ */ new Set([]),
+      handler: get_shape_categories
+    },
+    {
+      name: "get-shapes-in-category",
+      params: /* @__PURE__ */ new Set(["category_id"]),
+      handler: get_shapes_in_category
+    },
+    {
+      name: "get-shape-by-name",
+      params: /* @__PURE__ */ new Set(["shape_name"]),
+      handler: get_shape_by_name
+    },
+    page_tool({
+      name: "add-cell-of-shape",
+      params: /* @__PURE__ */ new Set([
+        "shape_name",
+        "x",
+        "y",
+        "width",
+        "height",
+        "text",
+        "style",
+        "parent_id",
+        "target_page"
+      ]),
+      handler: add_cell_of_shape,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "set-cell-shape",
+      params: /* @__PURE__ */ new Set(["cell_id", "shape_name", "target_page"]),
+      handler: set_cell_shape,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "set-cell-data",
+      params: /* @__PURE__ */ new Set(["cell_id", "key", "value", "target_page"]),
+      handler: set_cell_data,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "list-paged-model",
+      params: /* @__PURE__ */ new Set(["page", "page_size", "filter", "target_page"]),
+      handler: list_paged_model,
+      pageExecution: BACKGROUND_PAGE_EXECUTION
+    }),
+    page_tool({
+      name: "edit-cell",
+      params: /* @__PURE__ */ new Set([
+        "cell_id",
+        "text",
+        "x",
+        "y",
+        "width",
+        "height",
+        "style",
+        "target_page"
+      ]),
+      handler: edit_cell,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "edit-edge",
+      params: /* @__PURE__ */ new Set([
+        "cell_id",
+        "text",
+        "source_id",
+        "target_id",
+        "style",
+        "points",
+        "target_page"
+      ]),
+      handler: edit_edge,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "list-layers",
+      params: /* @__PURE__ */ new Set(["target_page"]),
+      handler: list_layers,
+      pageExecution: BACKGROUND_PAGE_EXECUTION
+    }),
+    page_tool({
+      name: "set-active-layer",
+      params: /* @__PURE__ */ new Set(["layer_id", "target_page"]),
+      handler: set_active_layer,
+      pageExecution: VISIBLE_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "move-cell-to-layer",
+      params: /* @__PURE__ */ new Set(["cell_id", "target_layer_id", "target_page"]),
+      handler: move_cell_to_layer,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "set-cell-parent",
+      params: /* @__PURE__ */ new Set(["cell_id", "parent_id", "target_page"]),
+      handler: set_cell_parent,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "get-active-layer",
+      params: /* @__PURE__ */ new Set(["target_page"]),
+      handler: get_active_layer,
+      pageExecution: VISIBLE_PAGE_EXECUTION
+    }),
+    page_tool({
+      name: "create-layer",
+      params: /* @__PURE__ */ new Set(["name", "target_page"]),
+      handler: create_layer,
+      pageExecution: BACKGROUND_PAGE_MUTATION_EXECUTION
+    }),
+    page_tool({
+      name: "export-diagram",
+      params: /* @__PURE__ */ new Set([
+        "format",
+        "scale",
+        "border",
+        "background",
+        "shadow",
+        "crop",
+        "selection_only",
+        "transparent",
+        "dpi",
+        "embed_xml",
+        "size",
+        "target_page"
+      ]),
+      handler: export_diagram,
+      pageExecution: EXPORT_PAGE_EXECUTION
+    }),
+    page_tool({
+      name: "import-diagram",
+      params: /* @__PURE__ */ new Set(["data", "format", "mode", "filename", "target_page"]),
+      handler: import_diagram,
+      pageExecution: VISIBLE_PAGE_MUTATION_EXECUTION,
+      skip: skip_page_execution_for_new_page_import
+    }),
+    page_tool({
+      name: "import-mermaid",
+      params: /* @__PURE__ */ new Set(["mermaid_source", "mode", "insert_mode", "target_page"]),
+      handler: import_mermaid,
+      pageExecution: VISIBLE_PAGE_MUTATION_EXECUTION,
+      skip: skip_page_execution_for_new_page_mermaid
+    }),
+    {
+      name: "list-pages",
+      params: /* @__PURE__ */ new Set([]),
+      handler: list_pages
+    },
+    {
+      name: "get-current-page",
+      params: /* @__PURE__ */ new Set([]),
+      handler: get_current_page
+    },
+    {
+      name: "create-page",
+      params: /* @__PURE__ */ new Set(["name"]),
+      handler: create_page
+    },
+    {
+      name: "copy-page",
+      params: /* @__PURE__ */ new Set(["page", "name"]),
+      handler: copy_page
+    },
+    {
+      name: "rename-page",
+      params: /* @__PURE__ */ new Set(["page", "name"]),
+      handler: rename_page
+    }
+  ];
+  var toolDefinitions = rawToolDefinitions.map(
+    (definition) => ({
+      ...definition,
+      params: /* @__PURE__ */ new Set(["target_document", ...definition.params]),
+      handler: with_target_document(definition.handler)
+    })
+  );
+
+  // src/bootstrap.ts
+  var SHAPE_EXTRACTION_MAX_ATTEMPTS = 10;
+  var SHAPE_EXTRACTION_INTERVAL_MS = 1e3;
+  function generateDocumentId() {
+    if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+      return crypto.randomUUID();
+    }
+    return `document-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+  }
+  function bootstrapPlugin(opts) {
+    const {
+      ui: ui2,
+      transport: transport2,
+      enableDocumentState = true,
+      enableShapeExtraction = true
+    } = opts;
+    let currentDocumentId = null;
+    let currentFileRef = null;
+    let detachFileListener = null;
+    const cleanups = [];
+    const syncDocumentState = () => {
+      if (!enableDocumentState) return;
+      if (!ui2?.getCurrentFile?.() || !currentDocumentId) return;
+      transport2.send({
+        __control: "document-state",
+        document: serialize_document_info(ui2, currentDocumentId)
+      });
+    };
+    const detachCurrentFileListener = () => {
+      if (detachFileListener) {
+        detachFileListener();
+        detachFileListener = null;
+      }
+      currentFileRef = null;
+    };
+    const bindCurrentFileListener = (file) => {
+      detachCurrentFileListener();
+      currentFileRef = file;
+      if (!file?.addListener || !file?.removeListener) return;
+      const onDescriptorChanged = () => syncDocumentState();
+      file.addListener("descriptorChanged", onDescriptorChanged);
+      detachFileListener = () => {
+        try {
+          file.removeListener?.("descriptorChanged", onDescriptorChanged);
+        } catch (error) {
+          console.warn(
+            "[plugin] Failed to remove file descriptor listener:",
+            error
+          );
+        }
+      };
+    };
+    const refreshActiveDocument = (forceNewId) => {
+      const file = ui2?.getCurrentFile?.() ?? null;
+      if (!file) {
+        currentDocumentId = null;
+        set_active_document_id(null);
+        detachCurrentFileListener();
+        return;
+      }
+      if (forceNewId || !currentDocumentId || file !== currentFileRef) {
+        currentDocumentId = generateDocumentId();
+        set_active_document_id(currentDocumentId);
+        bindCurrentFileListener(file);
+        return;
+      }
+      if (file !== currentFileRef) {
+        bindCurrentFileListener(file);
+      }
+    };
+    const handleDocumentStateChange = (forceNewId) => {
+      refreshActiveDocument(forceNewId);
+      syncDocumentState();
+    };
+    const registerDocumentStateListeners = () => {
+      const listen = (eventName, forceNewId) => {
+        ui2.editor?.addListener?.(eventName, () => {
+          handleDocumentStateChange(forceNewId);
+        });
+      };
+      listen("fileLoaded", true);
+      listen("pageSelected", false);
+      listen("pageRenamed", false);
+      listen("pageMoved", false);
+      listen("pagesPatched", false);
+      refreshActiveDocument(false);
+    };
+    const buildToolHandler = (toolName, parameterKeys, executeFunction) => {
+      return (request) => {
+        const options = Object.entries(request).reduce(
+          (acc, [key, value]) => {
+            if (parameterKeys.has(key)) {
+              acc[key] = value;
+            }
+            return acc;
+          },
+          {}
+        );
+        const sendReply = (success, payload) => {
+          const reply = {
+            __event: reply_name(toolName, request.__request_id),
+            __request_id: request.__request_id,
+            success
+          };
+          if (success) {
+            reply.result = remove_circular_dependencies(payload);
+          } else {
+            reply.error = remove_circular_dependencies(payload);
+          }
+          transport2.send(reply);
+          if (success) {
+            syncDocumentState();
+          }
+        };
+        try {
+          const result = executeFunction(ui2, options);
+          if (result instanceof Promise) {
+            result.then(
+              (resolved) => sendReply(true, resolved),
+              (error) => {
+                console.error(
+                  `[plugin] Async tool ${toolName} failed for request ID ${request.__request_id}:`,
+                  error
+                );
+                sendReply(false, error);
+              }
+            );
+            return;
+          }
+          sendReply(true, result);
+        } catch (error) {
+          console.error(
+            `[plugin] Tool ${toolName} failed for request ID ${request.__request_id}:`,
+            error
+          );
+          sendReply(false, error);
+        }
+      };
+    };
+    const toolHandlers = /* @__PURE__ */ new Map();
+    toolDefinitions.forEach((def) => {
+      toolHandlers.set(
+        def.name,
+        buildToolHandler(def.name, def.params, def.handler)
+      );
+      console.debug(`[plugin] registered tool ${def.name}`);
+    });
+    transport2.onMessage((message) => {
+      if (!message) return;
+      if (message.__control === "sync-document-state") {
+        handleDocumentStateChange(false);
+        return;
+      }
+      const handler = typeof message.__event === "string" ? toolHandlers.get(message.__event) : void 0;
+      if (handler) {
+        handler(message);
+      }
+    });
+    if (enableDocumentState) {
+      registerDocumentStateListeners();
+    }
+    if (enableShapeExtraction) {
+      const tryExtractShapes = () => {
+        try {
+          if (!ui2?.sidebar) return false;
+          const map = extractShapesFromSidebar(ui2);
+          if (map.size === 0) return false;
+          const runtime = new Map(
+            [...map].map(
+              ([k, v]) => [
+                k,
+                { style: v.style, category: v.category, name: v.name }
+              ]
+            )
+          );
+          setRuntimeCatalog(runtime);
+          console.info(
+            `[plugin] extracted ${map.size} vendor shapes from drawio sidebar`
+          );
+          return true;
+        } catch (err) {
+          console.warn("[plugin] shape extraction attempt failed", err);
+          return false;
+        }
+      };
+      if (!tryExtractShapes()) {
+        let attempts = 0;
+        const intervalId = setInterval(() => {
+          attempts += 1;
+          if (tryExtractShapes() || attempts >= SHAPE_EXTRACTION_MAX_ATTEMPTS) {
+            clearInterval(intervalId);
+            if (attempts >= SHAPE_EXTRACTION_MAX_ATTEMPTS) {
+              console.error(
+                "[plugin] shape extraction gave up after retries; vendor shapes unavailable"
+              );
+            }
+          }
+        }, SHAPE_EXTRACTION_INTERVAL_MS);
+        cleanups.push(() => clearInterval(intervalId));
+      }
+    }
+    return {
+      syncDocumentState,
+      dispose: () => {
+        detachCurrentFileListener();
+        cleanups.forEach((fn) => fn());
+        cleanups.length = 0;
+      }
+    };
+  }
+
+  // src/websocketManager.ts
+  function createWebSocketManager(options) {
+    let socket = null;
+    let reconnectAttempts = 0;
+    let currentState = "disconnected";
+    let messageHandler = null;
+    let pingIntervalId = null;
+    let reconnectTimeoutId = null;
+    const {
+      url,
+      maxReconnectAttempts = 5,
+      reconnectDelay = 3e3,
+      pingInterval = 3e4
+    } = options;
+    const updateState = (newState) => {
+      if (currentState !== newState) {
+        console.debug(
+          `[websocketManager] State change: ${currentState} \u2192 ${newState}`
+        );
+        currentState = newState;
+      }
+    };
+    const connect = () => {
+      if (socket && socket.readyState === WebSocket.OPEN) {
+        console.debug("[websocketManager] Already connected");
+        return;
+      }
+      updateState("connecting");
+      try {
+        socket = new WebSocket(url);
+        socket.addEventListener("open", () => {
+          console.debug("[websocketManager] WebSocket connection established");
+          reconnectAttempts = 0;
+          updateState("connected");
+          startPing();
+        });
+        socket.addEventListener("message", (event) => {
+          try {
+            const parsedMessage = JSON.parse(event.data);
+            console.debug("[websocketManager] Received message:", parsedMessage);
+            if (messageHandler) {
+              messageHandler(parsedMessage);
+            }
+          } catch (error) {
+            console.error(
+              "[websocketManager] Failed to parse WebSocket message:",
+              error
+            );
+          }
+        });
+        socket.addEventListener("close", () => {
+          console.debug("[websocketManager] WebSocket connection closed");
+          updateState("disconnected");
+          stopPing();
+          attemptReconnect();
+        });
+        socket.addEventListener("error", (event) => {
+          console.error("[websocketManager] WebSocket error:", event);
+          updateState("disconnected");
+        });
+      } catch (error) {
+        console.error(
+          "[websocketManager] Failed to create WebSocket connection:",
+          error
+        );
+        updateState("disconnected");
+      }
+    };
+    const disconnect = () => {
+      if (reconnectTimeoutId) {
+        clearTimeout(reconnectTimeoutId);
+        reconnectTimeoutId = null;
+      }
+      stopPing();
+      reconnectAttempts = 0;
+      if (socket) {
+        console.debug("[websocketManager] Closing WebSocket connection");
+        socket.close();
+        socket = null;
+      }
+      updateState("disconnected");
+    };
+    const send = (message) => {
+      if (!socket || socket.readyState !== WebSocket.OPEN) {
+        console.warn(
+          "[websocketManager] Cannot send message: WebSocket not connected"
+        );
+        return;
+      }
+      try {
+        const serialized = JSON.stringify(message);
+        console.debug("[websocketManager] Sending message:", message);
+        socket.send(serialized);
+      } catch (error) {
+        console.error("[websocketManager] Failed to send message:", error);
+      }
+    };
+    const getState = () => currentState;
+    const onMessage = (handler) => {
+      messageHandler = handler;
+    };
+    const attemptReconnect = () => {
+      if (reconnectAttempts >= maxReconnectAttempts) {
+        console.error(
+          "[websocketManager] Max reconnection attempts reached. Giving up."
+        );
+        return;
+      }
+      reconnectAttempts++;
+      const delay = reconnectDelay * Math.pow(1.5, reconnectAttempts - 1);
+      console.log(
+        `[websocketManager] Attempting to reconnect in ${Math.round(delay / 1e3)} seconds... (attempt ${reconnectAttempts}/${maxReconnectAttempts})`
+      );
+      reconnectTimeoutId = window.setTimeout(() => {
+        reconnectTimeoutId = null;
+        connect();
+      }, delay);
+    };
+    const startPing = () => {
+      stopPing();
+      pingIntervalId = window.setInterval(() => {
+        if (getState() === "connected") {
+          send({ type: "PING" });
+        }
+      }, pingInterval);
+    };
+    const stopPing = () => {
+      if (pingIntervalId !== null) {
+        clearInterval(pingIntervalId);
+        pingIntervalId = null;
+      }
+    };
+    const ping = () => {
+      return new Promise((resolve) => {
+        if (getState() !== "connected") {
+          resolve(false);
+          return;
+        }
+        const timeoutId = setTimeout(() => {
+          resolve(false);
+        }, 5e3);
+        send({ type: "PING", message: "Ping from plugin" });
+        setTimeout(() => {
+          clearTimeout(timeoutId);
+          resolve(getState() === "connected");
+        }, 1e3);
+      });
+    };
+    return {
+      connect,
+      disconnect,
+      send,
+      getState,
+      onMessage,
+      ping
+    };
+  }
+
+  // src/pluginConfig.ts
+  var DEFAULT_PLUGIN_CONFIG = {
+    websocketPort: 3333,
+    serverUrl: ""
+  };
+  function isValidWebSocketUrl(value) {
+    if (typeof value !== "string" || value.length === 0) {
+      return false;
+    }
+    try {
+      const parsed = new URL(value);
+      return parsed.protocol === "ws:" || parsed.protocol === "wss:";
+    } catch {
+      return false;
+    }
+  }
+  var PLUGIN_CONFIG_KEY = "drawio-mcp-plugin-config";
+  var cachedConfig = null;
+  function isFileOrigin() {
+    return typeof window !== "undefined" && window.location.protocol === "file:";
+  }
+  async function fetchPluginConfig() {
+    if (cachedConfig) {
+      return cachedConfig;
+    }
+    if (isFileOrigin()) {
+      const stored = readPluginConfig();
+      cachedConfig = stored;
+      return stored;
+    }
+    try {
+      const response = await fetch("/api/config");
+      if (response.ok) {
+        const serverConfig = await response.json();
+        cachedConfig = {
+          websocketPort: serverConfig.websocketPort || DEFAULT_PLUGIN_CONFIG.websocketPort,
+          serverUrl: serverConfig.serverUrl || window.location.origin,
+          websocketUrl: isValidWebSocketUrl(serverConfig.websocketUrl) ? serverConfig.websocketUrl : void 0
+        };
+        writePluginConfig(cachedConfig);
+        return cachedConfig;
+      }
+    } catch (error) {
+      console.warn("[pluginConfig] Failed to fetch config from server:", error);
+    }
+    return readPluginConfig();
+  }
+  function readPluginConfig() {
+    try {
+      const stored = localStorage.getItem(PLUGIN_CONFIG_KEY);
+      if (stored) {
+        const parsed = JSON.parse(stored);
+        const validated = validatePluginConfig(parsed);
+        if (validated.isValid && validated.config) {
+          return validated.config;
+        }
+      }
+    } catch (error) {
+      console.warn("[pluginConfig] Failed to read from localStorage:", error);
+    }
+    return { ...DEFAULT_PLUGIN_CONFIG };
+  }
+  function writePluginConfig(config) {
+    try {
+      localStorage.setItem(PLUGIN_CONFIG_KEY, JSON.stringify(config));
+      cachedConfig = config;
+    } catch (error) {
+      console.error("[pluginConfig] Failed to write to localStorage:", error);
+      throw error;
+    }
+  }
+  function validatePluginConfig(config) {
+    if (!config || typeof config !== "object") {
+      return { isValid: false, error: "Configuration must be an object" };
+    }
+    const cfg = config;
+    if (typeof cfg.websocketPort !== "number") {
+      return { isValid: false, error: "websocketPort must be a number" };
+    }
+    if (cfg.websocketPort < 1024 || cfg.websocketPort > 65535) {
+      return {
+        isValid: false,
+        error: "websocketPort must be between 1024 and 65535"
+      };
+    }
+    const websocketUrl = isValidWebSocketUrl(cfg.websocketUrl) ? cfg.websocketUrl : void 0;
+    return {
+      isValid: true,
+      config: {
+        websocketPort: cfg.websocketPort,
+        serverUrl: cfg.serverUrl || "",
+        websocketUrl
+      }
+    };
+  }
+  function buildWebSocketUrl(config) {
+    if (config.websocketUrl) {
+      return config.websocketUrl;
+    }
+    const isFile = isFileOrigin();
+    const scheme = !isFile && window.location.protocol === "https:" ? "wss:" : "ws:";
+    const hostname = window.location.hostname;
+    const host = isFile || hostname.length === 0 ? "localhost" : hostname;
+    return `${scheme}//${host}:${config.websocketPort}`;
+  }
+
+  // src/settingsDialog.ts
+  function defaultUrlFor(config) {
+    return buildWebSocketUrl({ ...config, websocketUrl: void 0 });
+  }
+  function effectiveUrlFor(config) {
+    return buildWebSocketUrl(config);
+  }
+  function createDialogContainer() {
+    const container = document.createElement("div");
+    container.id = "mcp-settings-dialog";
+    container.style.cssText = `
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 10000;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  `;
+    container.addEventListener("click", (e) => {
+      if (e.target === container) {
+        e.stopPropagation();
+      }
+    });
+    return container;
+  }
+  function createDialogContent() {
+    const content = document.createElement("div");
+    content.className = "dialog-content";
+    content.style.cssText = `
+    background: white;
+    border-radius: 8px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+    max-width: 500px;
+    width: 90%;
+    max-height: 90vh;
+    overflow-y: auto;
+    position: relative;
+  `;
+    return content;
+  }
+  function createDialogHeader(title, onClose) {
+    const header = document.createElement("div");
+    header.className = "dialog-header";
+    header.style.cssText = `
+    padding: 16px 20px;
+    border-bottom: 1px solid #e0e0e0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  `;
+    const titleEl = document.createElement("h2");
+    titleEl.textContent = title;
+    titleEl.style.cssText = `
+    margin: 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: #333;
+  `;
+    const closeBtn = document.createElement("button");
+    closeBtn.textContent = "\xD7";
+    closeBtn.style.cssText = `
+    background: none;
+    border: none;
+    font-size: 24px;
+    cursor: pointer;
+    padding: 0;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #666;
+    border-radius: 4px;
+  `;
+    closeBtn.title = "Close";
+    closeBtn.addEventListener("mouseenter", () => {
+      closeBtn.style.backgroundColor = "#f5f5f5";
+    });
+    closeBtn.addEventListener("mouseleave", () => {
+      closeBtn.style.backgroundColor = "transparent";
+    });
+    closeBtn.addEventListener("click", onClose);
+    header.appendChild(titleEl);
+    header.appendChild(closeBtn);
+    return header;
+  }
+  function createDialogBody(state) {
+    const body = document.createElement("div");
+    body.className = "dialog-body";
+    body.style.cssText = `
+    padding: 20px;
+  `;
+    const statusSection = createStatusSection(state);
+    body.appendChild(statusSection);
+    const formSection = createFormSection(state);
+    body.appendChild(formSection);
+    return body;
+  }
+  function createStatusSection(state) {
+    const section = document.createElement("div");
+    section.className = "status-section";
+    section.style.cssText = `
+    margin-bottom: 24px;
+    padding: 16px;
+    background: #f8f9fa;
+    border-radius: 6px;
+    border: 1px solid #e9ecef;
+  `;
+    const title = document.createElement("div");
+    title.style.cssText = `
+    font-weight: 600;
+    margin-bottom: 8px;
+    color: #333;
+  `;
+    title.textContent = "Connection Status";
+    const statusIndicator = document.createElement("div");
+    statusIndicator.className = "status-indicator";
+    statusIndicator.style.cssText = `
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 4px;
+  `;
+    const indicator = document.createElement("div");
+    indicator.style.cssText = `
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  `;
+    switch (state.connectionState) {
+      case "connected":
+        indicator.style.backgroundColor = "#28a745";
+        break;
+      case "connecting":
+        indicator.style.backgroundColor = "#ffc107";
+        break;
+      case "disconnected":
+        indicator.style.backgroundColor = "#dc3545";
+        break;
+    }
+    const statusText = document.createElement("span");
+    statusText.textContent = state.connectionState.charAt(0).toUpperCase() + state.connectionState.slice(1);
+    statusText.style.fontWeight = "500";
+    statusIndicator.appendChild(indicator);
+    statusIndicator.appendChild(statusText);
+    const urlDisplay = document.createElement("div");
+    urlDisplay.style.cssText = `
+    font-size: 14px;
+    color: #666;
+    word-break: break-all;
+  `;
+    urlDisplay.textContent = `URL: ${effectiveUrlFor(state.config)}`;
+    section.appendChild(title);
+    section.appendChild(statusIndicator);
+    section.appendChild(urlDisplay);
+    return section;
+  }
+  function createFormSection(state) {
+    const section = document.createElement("div");
+    section.className = "form-section";
+    const urlGroup = document.createElement("div");
+    urlGroup.className = "form-group";
+    urlGroup.style.cssText = `
+    margin-bottom: 16px;
+  `;
+    const label = document.createElement("label");
+    label.textContent = "WebSocket URL";
+    label.htmlFor = "mcp-url-input";
+    label.style.cssText = `
+    display: block;
+    margin-bottom: 6px;
+    font-weight: 500;
+    color: #333;
+  `;
+    const input = document.createElement("input");
+    input.id = "mcp-url-input";
+    input.type = "text";
+    input.spellcheck = false;
+    input.autocomplete = "off";
+    input.value = state.formData.url;
+    input.placeholder = defaultUrlFor(state.config);
+    input.style.cssText = `
+    width: 100%;
+    padding: 8px 12px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    font-size: 14px;
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+    box-sizing: border-box;
+  `;
+    if (state.errors.url) {
+      input.style.borderColor = "#dc3545";
+    }
+    input.addEventListener("input", (e) => {
+      const value = e.target.value;
+      window.dispatchEvent(
+        new CustomEvent("mcp-settings-message", {
+          detail: { type: "UPDATE_URL", url: value }
+        })
+      );
+    });
+    const hint = document.createElement("div");
+    hint.textContent = `Leave blank to use the default (${defaultUrlFor(state.config)}). Must start with ws:// or wss://`;
+    hint.style.cssText = `
+    font-size: 12px;
+    color: #666;
+    margin-top: 4px;
+    word-break: break-all;
+  `;
+    urlGroup.appendChild(label);
+    urlGroup.appendChild(input);
+    urlGroup.appendChild(hint);
+    if (state.errors.url) {
+      const error = document.createElement("div");
+      error.textContent = state.errors.url;
+      error.style.cssText = `
+      font-size: 12px;
+      color: #dc3545;
+      margin-top: 4px;
+    `;
+      urlGroup.appendChild(error);
+    }
+    section.appendChild(urlGroup);
+    return section;
+  }
+  function createDialogFooter(state) {
+    const footer = document.createElement("div");
+    footer.className = "dialog-footer";
+    footer.style.cssText = `
+    padding: 16px 20px;
+    border-top: 1px solid #e0e0e0;
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+    flex-wrap: wrap;
+  `;
+    const leftActions = document.createElement("div");
+    leftActions.style.cssText = `
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+  `;
+    const rightActions = document.createElement("div");
+    rightActions.style.cssText = `
+    display: flex;
+    gap: 8px;
+  `;
+    const cancelBtn = createButton("Cancel", "ghost", () => {
+      window.dispatchEvent(
+        new CustomEvent("mcp-settings-message", {
+          detail: { type: "CLOSE" }
+        })
+      );
+    });
+    const saveBtn = createButton(
+      state.isSaving ? "Saving..." : "Save",
+      "primary",
+      () => {
+        window.dispatchEvent(
+          new CustomEvent("mcp-settings-message", {
+            detail: { type: "SAVE" }
+          })
+        );
+      },
+      state.isSaving
+    );
+    rightActions.appendChild(cancelBtn);
+    rightActions.appendChild(saveBtn);
+    footer.appendChild(leftActions);
+    footer.appendChild(rightActions);
+    return footer;
+  }
+  function createButton(text, variant, onClick, disabled = false) {
+    const btn = document.createElement("button");
+    btn.textContent = text;
+    btn.disabled = disabled;
+    btn.style.cssText = `
+    padding: 8px 16px;
+    border-radius: 4px;
+    font-size: 14px;
+    cursor: pointer;
+    border: 1px solid transparent;
+    transition: all 0.2s;
+  `;
+    switch (variant) {
+      case "primary":
+        btn.style.cssText += `
+        background-color: #007bff;
+        color: white;
+        border-color: #007bff;
+      `;
+        btn.addEventListener("mouseenter", () => {
+          if (!disabled) btn.style.backgroundColor = "#0056b3";
+        });
+        btn.addEventListener("mouseleave", () => {
+          if (!disabled) btn.style.backgroundColor = "#007bff";
+        });
+        break;
+      case "secondary":
+        btn.style.cssText += `
+        background-color: #6c757d;
+        color: white;
+        border-color: #6c757d;
+      `;
+        btn.addEventListener("mouseenter", () => {
+          if (!disabled) btn.style.backgroundColor = "#545b62";
+        });
+        btn.addEventListener("mouseleave", () => {
+          if (!disabled) btn.style.backgroundColor = "#6c757d";
+        });
+        break;
+      case "ghost":
+        btn.style.cssText += `
+        background-color: transparent;
+        color: #6c757d;
+        border-color: #6c757d;
+      `;
+        btn.addEventListener("mouseenter", () => {
+          if (!disabled) {
+            btn.style.backgroundColor = "#f8f9fa";
           }
-          return {
-            success: true,
-            message: `Diagram imported successfully (new page created)${filename ? `: ${filename}` : ""}`,
-            pages: ui2.pages.length,
-            cells: cellCount
-          };
-        default:
-          return { success: false, message: `Unsupported import mode: ${mode}` };
-      }
-    } catch (error) {
-      console.error("[import-diagram] Error importing diagram:", error);
-      return {
-        success: false,
-        message: `Import failed: ${error instanceof Error ? error.message : "Unknown error"}`
-      };
+        });
+        btn.addEventListener("mouseleave", () => {
+          if (!disabled) btn.style.backgroundColor = "transparent";
+        });
+        break;
     }
+    if (disabled) {
+      btn.style.cssText += `
+      opacity: 0.6;
+      cursor: not-allowed;
+    `;
+    }
+    btn.addEventListener("click", onClick);
+    return btn;
   }
-
-  // src/plugin.ts
-  function reply_name(event_name, request_id) {
-    return `${event_name}.${request_id}`;
-  }
-  var createToolHandler = (toolName, parameterKeys, executeFunction) => {
-    return (request) => {
-      const optionEntries = Object.entries(request).filter(([key, _value]) => {
-        return parameterKeys.has(key);
-      });
-      const options = optionEntries.reduce(
-        (acc, [key, value]) => {
-          acc[key] = value;
-          return acc;
-        },
-        {}
-      );
-      const sendReply = (result, success, error) => {
-        const reply = {
-          __event: reply_name(toolName, request.__request_id),
-          __request_id: request.__request_id,
-          success,
-          result: success ? remove_circular_dependencies(result) : void 0,
-          error: !success ? remove_circular_dependencies(error) : void 0
-        };
-        if (wsManager) {
-          wsManager.send(reply);
+  function createSettingsDialog(initialState, actions) {
+    let currentState = { ...initialState };
+    let dialogElement = null;
+    let isVisible = false;
+    const update = (newState) => {
+      currentState = { ...newState };
+      if (dialogElement && isVisible) {
+        render();
+      }
+    };
+    const render = () => {
+      if (dialogElement && dialogElement.parentNode) {
+        dialogElement.parentNode.removeChild(dialogElement);
+      }
+      const container = createDialogContainer();
+      const content = createDialogContent();
+      const header = createDialogHeader("MCP Settings", () => actions.onClose());
+      const body = createDialogBody(currentState);
+      const footer = createDialogFooter(currentState);
+      content.appendChild(header);
+      content.appendChild(body);
+      content.appendChild(footer);
+      container.appendChild(content);
+      dialogElement = container;
+      isVisible = true;
+      setupMessageListeners(container, actions);
+      return container;
+    };
+    const setupMessageListeners = (container, actions2) => {
+      const handleMessage = (event) => {
+        const message = event.detail;
+        switch (message.type) {
+          case "UPDATE_URL":
+            currentState.formData.url = message.url;
+            delete currentState.errors.url;
+            break;
+          case "SAVE":
+            if (!validateAndSave()) {
+              update(currentState);
+            }
+            break;
+          case "CLOSE":
+            actions2.onClose();
+            break;
         }
-        return reply;
       };
-      try {
-        const result = executeFunction(ui, options);
-        if (result instanceof Promise) {
-          result.then(
-            (resolved) => sendReply(resolved, true),
-            (err) => {
-              console.error(
-                `[plugin] Tool ${toolName} failed for request ID ${request.__request_id}:`,
-                err
+      window.addEventListener(
+        "mcp-settings-message",
+        handleMessage
+      );
+      const observer = new MutationObserver((mutations) => {
+        mutations.forEach((mutation) => {
+          mutation.removedNodes.forEach((node) => {
+            if (node === container) {
+              window.removeEventListener(
+                "mcp-settings-message",
+                handleMessage
               );
-              sendReply(void 0, false, err);
+              observer.disconnect();
             }
-          );
-          return void 0;
-        }
-        return sendReply(result, true);
-      } catch (error) {
-        console.error(
-          `[plugin] Tool ${toolName} failed for request ID ${request.__request_id}:`,
-          error
-        );
-        return sendReply(void 0, false, error);
+          });
+        });
+      });
+      if (container.parentNode) {
+        observer.observe(container.parentNode, { childList: true });
       }
     };
-  };
+    const validateAndSave = () => {
+      const trimmed = currentState.formData.url.trim();
+      if (trimmed.length > 0 && !isValidWebSocketUrl(trimmed)) {
+        currentState.errors.url = "URL must start with ws:// or wss://";
+        return false;
+      }
+      currentState.errors = {};
+      currentState.isSaving = true;
+      const newConfig = {
+        ...currentState.config,
+        websocketUrl: trimmed.length > 0 ? trimmed : void 0
+      };
+      actions.onSave(newConfig);
+      return true;
+    };
+    const dialogProxy = {
+      get element() {
+        if (!dialogElement) {
+          render();
+        }
+        return dialogElement;
+      },
+      update
+    };
+    return dialogProxy;
+  }
+  function showSettingsDialog(dialog) {
+    if (!dialog.element.parentNode) {
+      document.body.appendChild(dialog.element);
+    }
+  }
+  function hideSettingsDialog(dialog) {
+    if (dialog.element.parentNode) {
+      dialog.element.parentNode.removeChild(dialog.element);
+    }
+  }
+
+  // src/plugin.ts
   var ui;
   var wsManager = null;
+  var bootstrapListener = null;
   var settingsDialog = null;
-  var toolDefinitions = [
-    {
-      name: "get-selected-cell",
-      params: /* @__PURE__ */ new Set([]),
-      handler: (ui2, _options) => {
-        return ui2.editor.graph.getSelectionCell() || "no cell selected";
-      }
-    },
-    {
-      name: "add-rectangle",
-      params: /* @__PURE__ */ new Set(["x", "y", "width", "height", "text", "style", "parent_id"]),
-      handler: add_new_rectangle
-    },
-    {
-      name: "delete-cell-by-id",
-      params: /* @__PURE__ */ new Set(["cell_id"]),
-      handler: delete_cell_by_id
-    },
-    {
-      name: "add-edge",
-      params: /* @__PURE__ */ new Set(["source_id", "target_id", "style", "text", "parent_id", "points"]),
-      handler: add_edge
-    },
-    {
-      name: "get-shape-categories",
-      params: /* @__PURE__ */ new Set([]),
-      handler: get_shape_categories
-    },
-    {
-      name: "get-shapes-in-category",
-      params: /* @__PURE__ */ new Set(["category_id"]),
-      handler: get_shapes_in_category
-    },
-    {
-      name: "get-shape-by-name",
-      params: /* @__PURE__ */ new Set(["shape_name"]),
-      handler: get_shape_by_name
-    },
-    {
-      name: "add-cell-of-shape",
-      params: /* @__PURE__ */ new Set([
-        "shape_name",
-        "x",
-        "y",
-        "width",
-        "height",
-        "text",
-        "style",
-        "parent_id"
-      ]),
-      handler: add_cell_of_shape
-    },
-    {
-      name: "set-cell-shape",
-      params: /* @__PURE__ */ new Set(["cell_id", "shape_name"]),
-      handler: set_cell_shape
-    },
-    {
-      name: "set-cell-data",
-      params: /* @__PURE__ */ new Set(["cell_id", "key", "value"]),
-      handler: (ui2, options) => {
-        return set_cell_data(ui2, options);
-      }
-    },
-    {
-      name: "list-paged-model",
-      params: /* @__PURE__ */ new Set(["page", "page_size", "filter"]),
-      handler: list_paged_model
-    },
-    {
-      name: "edit-cell",
-      params: /* @__PURE__ */ new Set(["cell_id", "text", "x", "y", "width", "height", "style"]),
-      handler: edit_cell
-    },
-    {
-      name: "edit-edge",
-      params: /* @__PURE__ */ new Set(["cell_id", "text", "source_id", "target_id", "style", "points"]),
-      handler: edit_edge
-    },
-    {
-      name: "list-layers",
-      params: /* @__PURE__ */ new Set([]),
-      handler: list_layers
-    },
-    {
-      name: "set-active-layer",
-      params: /* @__PURE__ */ new Set(["layer_id"]),
-      handler: set_active_layer
-    },
-    {
-      name: "move-cell-to-layer",
-      params: /* @__PURE__ */ new Set(["cell_id", "target_layer_id"]),
-      handler: move_cell_to_layer
-    },
-    {
-      name: "set-cell-parent",
-      params: /* @__PURE__ */ new Set(["cell_id", "parent_id"]),
-      handler: set_cell_parent
-    },
-    {
-      name: "get-active-layer",
-      params: /* @__PURE__ */ new Set([]),
-      handler: get_active_layer
-    },
-    {
-      name: "create-layer",
-      params: /* @__PURE__ */ new Set(["name"]),
-      handler: create_layer
-    },
-    {
-      name: "export-diagram",
-      params: /* @__PURE__ */ new Set([
-        "format",
-        "scale",
-        "border",
-        "background",
-        "shadow",
-        "crop",
-        "selection_only",
-        "transparent",
-        "dpi",
-        "embed_xml",
-        "size"
-      ]),
-      handler: export_diagram
-    },
-    {
-      name: "import-diagram",
-      params: /* @__PURE__ */ new Set(["data", "format", "mode", "filename"]),
-      handler: import_diagram
-    }
-  ];
-  var toolHandlers = /* @__PURE__ */ new Map();
-  var handleWebSocketMessage = (message) => {
-    console.debug("[plugin] Received WebSocket message:", message);
-    if (message.__event && toolHandlers.has(message.__event)) {
-      const handler = toolHandlers.get(message.__event);
-      if (handler) {
-        handler(message);
-      }
+  var transport = {
+    send: (message) => wsManager?.send(message),
+    onMessage: (listener) => {
+      bootstrapListener = listener;
+      wsManager?.onMessage(listener);
     }
   };
   var initializeWebSocket = async () => {
@@ -2487,7 +3563,9 @@ var DrawMcp = (() => {
       reconnectDelay: 3e3,
       pingInterval: 3e4
     });
-    wsManager.onMessage(handleWebSocketMessage);
+    if (bootstrapListener) {
+      wsManager.onMessage(bootstrapListener);
+    }
     wsManager.connect();
     console.log(`[plugin] WebSocket initialized with URL: ${wsUrl}`);
   };
@@ -2499,7 +3577,7 @@ var DrawMcp = (() => {
       connectionState,
       isSaving: false,
       formData: {
-        port: config.websocketPort.toString()
+        url: config.websocketUrl ?? ""
       },
       errors: {}
     };
@@ -2509,7 +3587,7 @@ var DrawMcp = (() => {
         if (wsManager) {
           wsManager.disconnect();
         }
-        initializeWebSocket();
+        void initializeWebSocket();
         if (settingsDialog) {
           settingsDialog.update({
             ...initialState,
@@ -2552,7 +3630,7 @@ var DrawMcp = (() => {
         connectionState,
         isSaving: false,
         formData: {
-          port: config.websocketPort.toString()
+          url: config.websocketUrl ?? ""
         },
         errors: {}
       });
@@ -2596,11 +3674,8 @@ var DrawMcp = (() => {
           if (window.__DRAWIO_MCP_TEST_HOOKS__ === true) {
             window.ui = drawioUI;
           }
-          toolDefinitions.forEach((def) => {
-            const handler = createToolHandler(def.name, def.params, def.handler);
-            toolHandlers.set(def.name, handler);
-          });
-          initializeWebSocket();
+          bootstrapPlugin({ ui, transport });
+          void initializeWebSocket();
           initializeSettingsDialog();
           addMenuItem(ui);
           console.info("[plugin] MCP Plugin fully initialized");