import * as React$1 from "react";
import { jsx } from "react/jsx-runtime";
import { createComponent } from "@lit-labs/react";

//#region src/components/CopilotKitInspector.tsx
const CopilotKitInspector = ({ core, ...rest }) => {
	const [InspectorComponent, setInspectorComponent] = React$1.useState(null);
	React$1.useEffect(() => {
		let mounted = true;
		import("@copilotkitnext/web-inspector").then((mod) => {
			mod.defineWebInspector?.();
			const Component = createComponent({
				tagName: mod.WEB_INSPECTOR_TAG,
				elementClass: mod.WebInspectorElement,
				react: React$1
			});
			if (mounted) setInspectorComponent(() => Component);
		});
		return () => {
			mounted = false;
		};
	}, []);
	if (!InspectorComponent) return null;
	return /* @__PURE__ */ jsx(InspectorComponent, {
		...rest,
		core: core ?? null
	});
};
CopilotKitInspector.displayName = "CopilotKitInspector";

//#endregion
export { CopilotKitInspector };
//# sourceMappingURL=CopilotKitInspector.mjs.map