@copilotkit/web-inspector 1.55.0-next.8 → 1.55.0-next.9

package/dist/index.umd.js

@@ -220,6 +220,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			this.dockMode = "floating";
 			this.previousBodyMargins = null;
 			this.transitionTimeoutId = null;
+			this.bodyTransitionTimeoutIds = /* @__PURE__ */ new Set();
 			this.pendingSelectedContext = null;
 			this.autoAttachCore = true;
 			this.attemptedAutoAttach = false;
@@ -968,7 +969,13 @@ ${argsString}</pre
 				window.removeEventListener("resize", this.handleResize);
 				window.removeEventListener("pointerdown", this.handleGlobalPointerDown);
 			}
-			this.removeDockStyles();
+			for (const id of this.bodyTransitionTimeoutIds) clearTimeout(id);
+			this.bodyTransitionTimeoutIds.clear();
+			if (this.transitionTimeoutId !== null) {
+				clearTimeout(this.transitionTimeoutId);
+				this.transitionTimeoutId = null;
+			}
+			this.removeDockStyles(true);
 			this.detachFromCore();
 		}
 		firstUpdated() {
@@ -1355,13 +1362,17 @@ ${argsString}</pre
 			};
 			if (!this.isResizing && !skipTransition) document.body.style.transition = "margin 300ms ease";
 			if (this.dockMode === "docked-left") document.body.style.marginLeft = `${this.contextState.window.size.width}px`;
-			if (!this.isResizing && !skipTransition) setTimeout(() => {
-				if (document.body) document.body.style.transition = "";
-			}, 300);
+			if (!this.isResizing && !skipTransition) {
+				const id = setTimeout(() => {
+					this.bodyTransitionTimeoutIds.delete(id);
+					if (typeof document !== "undefined" && document.body) document.body.style.transition = "";
+				}, 300);
+				this.bodyTransitionTimeoutIds.add(id);
+			}
 		}
-		removeDockStyles() {
+		removeDockStyles(skipTransition = false) {
 			if (typeof document === "undefined" || !document.body) return;
-			if (!this.isResizing) document.body.style.transition = "margin 300ms ease";
+			if (!this.isResizing && !skipTransition) document.body.style.transition = "margin 300ms ease";
 			if (this.previousBodyMargins) {
 				document.body.style.marginLeft = this.previousBodyMargins.left;
 				document.body.style.marginBottom = this.previousBodyMargins.bottom;
@@ -1370,9 +1381,13 @@ ${argsString}</pre
 				document.body.style.marginLeft = "";
 				document.body.style.marginBottom = "";
 			}
-			setTimeout(() => {
-				if (document.body) document.body.style.transition = "";
-			}, 300);
+			if (!skipTransition) {
+				const id = setTimeout(() => {
+					this.bodyTransitionTimeoutIds.delete(id);
+					if (typeof document !== "undefined" && document.body) document.body.style.transition = "";
+				}, 300);
+				this.bodyTransitionTimeoutIds.add(id);
+			} else document.body.style.transition = "";
 		}
 		updateHostTransform(context = this.activeContext) {
 			if (context !== this.activeContext) return;