@copilotkit/web-inspector 2.0.0-rc.1 → 2.0.0-rc.10

package/dist/index.cjs

@@ -9,6 +9,8 @@ const require_generated = require('./styles/generated.cjs');
 const require_notification_article = require('./styles/notification-article.cjs');
 const require_inspector_logo = require('./assets/inspector-logo.cjs');
 const require_inspector_logo_kite = require('./assets/inspector-logo-kite.cjs');
+const require_icons = require('./lib/icons.cjs');
+const require_markdown = require('./lib/markdown.cjs');
 const require_learning_view = require('./components/learning-view.cjs');
 const require_json_block = require('./lib/json-block.cjs');
 require('./components/generative-ui-view.cjs');
@@ -23,11 +25,10 @@ const require_thread_selection = require('./lib/thread-selection.cjs');
 const require_telemetry = require('./lib/telemetry.cjs');
 const require_onboarding_prompt = require('./lib/onboarding-prompt.cjs');
 let lit = require("lit");
-let marked = require("marked");
 let lit_directives_style_map_js = require("lit/directives/style-map.js");
 let lit_directives_unsafe_html_js = require("lit/directives/unsafe-html.js");
-let lucide = require("lucide");
 let _copilotkit_core = require("@copilotkit/core");
+let _copilotkit_shared = require("@copilotkit/shared");
 
 //#region src/index.ts
 /**
@@ -1218,8 +1219,7 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 		this.provider = null;
 		this.thread = null;
 		this.runtimeUrl = "";
-		this.headers = {};
-		this.resolveHeaders = CpkThreadInspector.ɵdefaultResolveHeaders;
+		this.resolveHeaders = () => ({});
 		this.headersGeneration = 0;
 		this.threadInspectionAvailable = false;
 		this.agentStateInput = null;
@@ -1359,9 +1359,6 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 	static {
 		this.nextDomId = 1;
 	}
-	static {
-		this.ɵdefaultResolveHeaders = () => ({});
-	}
 	static {
 		this.COLLAPSE_THRESHOLD = 800;
 	}
@@ -3092,16 +3089,9 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 			if (!controller.signal.aborted && this.threadId === threadId) this._loadingState = false;
 		}
 	}
-	/**
-	* `resolveHeaders` when a host actually set it; otherwise the deprecated
-	* `headers` fallback. Never both — see the `headers` field's doc.
-	*/
-	ɵresolveInspectorHeaders() {
-		return this.resolveHeaders === CpkThreadInspector.ɵdefaultResolveHeaders ? this.headers : this.resolveHeaders();
-	}
 	async fetchRuntimeMessages(threadId, signal) {
 		const res = await fetch(this.getThreadInspectionUrl(threadId, "messages"), {
-			headers: { ...await this.ɵresolveInspectorHeaders() },
+			headers: { ...await this.resolveHeaders() },
 			signal
 		});
 		if (!res.ok) throw new Error(`HTTP ${res.status}`);
@@ -3109,7 +3099,7 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 	}
 	async fetchRuntimeEvents(threadId, signal) {
 		const res = await fetch(this.getThreadInspectionUrl(threadId, "events"), {
-			headers: { ...await this.ɵresolveInspectorHeaders() },
+			headers: { ...await this.resolveHeaders() },
 			signal
 		});
 		if (res.status === 501) return { status: "not-available" };
@@ -3121,7 +3111,7 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 	}
 	async fetchRuntimeState(threadId, signal) {
 		const res = await fetch(this.getThreadInspectionUrl(threadId, "state"), {
-			headers: { ...await this.ɵresolveInspectorHeaders() },
+			headers: { ...await this.resolveHeaders() },
 			signal
 		});
 		if (res.status === 501) return { status: "not-available" };
@@ -12181,7 +12171,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		});
 	}
 	renderIcon(name) {
-		const iconNode = lucide.icons[name];
+		const iconNode = require_icons.ICON_NODES[name];
 		if (!iconNode) return lit.nothing;
 		return (0, lit_directives_unsafe_html_js.unsafeHTML)(`<svg ${this.serializeAttributes({
 			xmlns: "http://www.w3.org/2000/svg",
@@ -15326,33 +15316,15 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 	extractSchemaInfo(parameters) {
 		const result = { properties: [] };
 		if (!parameters || typeof parameters !== "object") return result;
-		const zodDef = parameters._def;
-		if (zodDef && typeof zodDef === "object") {
-			if (zodDef.typeName === "ZodObject") {
-				const rawShape = zodDef.shape;
-				const shape = typeof rawShape === "function" ? rawShape() : rawShape;
-				if (!shape || typeof shape !== "object") return result;
-				const requiredKeys = /* @__PURE__ */ new Set();
-				if (zodDef.unknownKeys === "strict" || !zodDef.catchall) Object.keys(shape || {}).forEach((key) => {
-					const candidate = shape[key];
-					if (candidate?._def && !this.isZodOptional(candidate)) requiredKeys.add(key);
-				});
-				for (const [key, value] of Object.entries(shape || {})) {
-					const fieldInfo = this.extractZodFieldInfo(value);
-					result.properties.push({
-						name: key,
-						type: fieldInfo.type,
-						description: fieldInfo.description,
-						required: requiredKeys.has(key),
-						defaultValue: fieldInfo.defaultValue,
-						enum: fieldInfo.enum
-					});
-				}
-			}
-		} else if (parameters.type === "object" && parameters.properties) {
-			const props = parameters.properties;
-			const required = new Set(Array.isArray(parameters.required) ? parameters.required : []);
-			for (const [key, value] of Object.entries(props ?? {})) {
+		let jsonSchema = parameters;
+		if ("~standard" in parameters) try {
+			jsonSchema = (0, _copilotkit_shared.schemaToJsonSchema)(parameters);
+		} catch {
+			return result;
+		}
+		if (jsonSchema.type === "object" && jsonSchema.properties) {
+			const required = new Set(Array.isArray(jsonSchema.required) ? jsonSchema.required : []);
+			for (const [key, value] of Object.entries(jsonSchema.properties)) {
 				const prop = value;
 				result.properties.push({
 					name: key,
@@ -15366,44 +15338,6 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		}
 		return result;
 	}
-	isZodOptional(zodSchema) {
-		const schema = zodSchema;
-		if (!schema?._def) return false;
-		const def = schema._def;
-		if (def.typeName === "ZodOptional" || def.typeName === "ZodNullable") return true;
-		if (def.defaultValue !== void 0) return true;
-		return false;
-	}
-	extractZodFieldInfo(zodSchema) {
-		const info = {};
-		const schema = zodSchema;
-		if (!schema?._def) return info;
-		let currentSchema = schema;
-		let def = currentSchema._def;
-		while (def.typeName === "ZodOptional" || def.typeName === "ZodNullable" || def.typeName === "ZodDefault") {
-			if (def.typeName === "ZodDefault" && def.defaultValue !== void 0) info.defaultValue = typeof def.defaultValue === "function" ? def.defaultValue() : def.defaultValue;
-			currentSchema = def.innerType ?? currentSchema;
-			if (!currentSchema?._def) break;
-			def = currentSchema._def;
-		}
-		info.description = typeof def.description === "string" ? def.description : void 0;
-		const typeName = typeof def.typeName === "string" ? def.typeName : void 0;
-		info.type = typeName ? {
-			ZodString: "string",
-			ZodNumber: "number",
-			ZodBoolean: "boolean",
-			ZodArray: "array",
-			ZodObject: "object",
-			ZodEnum: "enum",
-			ZodLiteral: "literal",
-			ZodUnion: "union",
-			ZodAny: "any",
-			ZodUnknown: "unknown"
-		}[typeName] || typeName.replace("Zod", "").toLowerCase() : void 0;
-		if (typeName === "ZodEnum" && Array.isArray(def.values)) info.enum = def.values;
-		else if (typeName === "ZodLiteral" && def.value !== void 0) info.enum = [def.value];
-		return info;
-	}
 	toggleToolExpansion(toolId) {
 		if (this.expandedTools.has(toolId)) this.expandedTools.delete(toolId);
 		else this.expandedTools.add(toolId);
@@ -16142,8 +16076,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		try {
 			const feed = await require_notification_loader.loadNotificationFeed(this.notificationContext);
 			if (feed) {
-				const documents = await Promise.all(feed.notifications.map(async (notice) => [notice.id, await this.convertMarkdownToHtml(notice.body) ?? ""]));
-				this.notificationDocuments = new Map(documents);
+				this.notificationDocuments = new Map(feed.notifications.map((notice) => [notice.id, this.convertMarkdownToHtml(notice.body)]));
 				this.notificationFeed = feed;
 			}
 		} catch {}
@@ -16188,19 +16121,11 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		this.refreshNotifications();
 		this.handleMenuSelect(WHATS_NEW_MENU_KEY);
 	}
-	async convertMarkdownToHtml(markdown) {
-		const renderer = new marked.marked.Renderer();
-		renderer.link = (href, title, text) => {
-			return `<a href="${this.escapeHtmlAttr(this.isSafeAnnouncementHref(href ?? "") ? this.appendRefParam(href ?? "") : "#")}" target="_blank" rel="noopener"${title ? ` title="${this.escapeHtmlAttr(title)}"` : ""}>${text}</a>`;
-		};
-		renderer.html = (html) => require_json_block.escapeHtml(html);
-		renderer.code = (code, lang) => {
-			const safeLang = (lang ?? "").replace(/[^a-z0-9-]/gi, "");
-			return `<div class="announcement-code"><pre><code${safeLang ? ` class="language-${safeLang}"` : ""}>${require_json_block.escapeHtml(code)}</code></pre><div class="announcement-code__copy-shield"><button type="button" class="announcement-code__copy" data-copy="${this.encodeBase64(code)}" aria-label="Copy code">Copy</button></div></div>`;
-		};
-		return marked.marked.parse(markdown, {
-			renderer,
-			async: false
+	convertMarkdownToHtml(markdown) {
+		return require_markdown.renderMarkdownToHtml(markdown, {
+			linkHref: (href) => this.isSafeAnnouncementHref(href) ? this.appendRefParam(href) : "#",
+			imageSrc: (src) => this.isSafeAnnouncementHref(src) ? src : null,
+			copyPayload: (code) => this.encodeBase64(code)
 		});
 	}
 	isSafeAnnouncementHref(href) {
@@ -16244,9 +16169,6 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		const hostname = url.hostname.toLowerCase();
 		return hostname === "copilotkit.ai" || hostname.endsWith(".copilotkit.ai");
 	}
-	escapeHtmlAttr(value) {
-		return require_json_block.escapeHtml(value).replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-	}
 };
 function defineWebInspector(registry = globalThis.customElements) {
 	if (!registry) return;