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

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @copilotkit/web-inspector
 
+## 1.55.0-next.9
+
+### Patch Changes
+
+- @copilotkit/core@1.55.0-next.9
+
+## 1.55.0-next.8
+
+### Patch Changes
+
+- @copilotkit/core@1.55.0-next.8
+
 ## 1.55.0-next.7
 
 ### Minor Changes

package/dist/index.cjs

@@ -87,6 +87,7 @@ var WebInspectorElement = class extends lit.LitElement {
 		this.dockMode = "floating";
 		this.previousBodyMargins = null;
 		this.transitionTimeoutId = null;
+		this.bodyTransitionTimeoutIds = /* @__PURE__ */ new Set();
 		this.pendingSelectedContext = null;
 		this.autoAttachCore = true;
 		this.attemptedAutoAttach = false;
@@ -1028,7 +1029,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() {
@@ -1413,13 +1420,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;
@@ -1428,9 +1439,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;