@mcpc-tech/unplugin-dev-inspector-mcp 0.1.28 → 0.1.30

package/dist/config-updater.js

@@ -171,7 +171,7 @@ var StandaloneServer = class {
 	}
 	async start(options = {}) {
 		const startPort = options.port || getDefaultPort();
-		this.host = options.host ? "localhost" : "0.0.0.0";
+		this.host = typeof options.host === "string" ? options.host : options.host === true ? "0.0.0.0" : "localhost";
 		this.allowedHosts = options.allowedHosts || [];
 		for (let port = startPort; port < startPort + 100; port++) try {
 			await new Promise((resolve$2, reject) => {
@@ -87937,7 +87937,7 @@ function setupInspectorMiddleware(middlewares, config) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/@mcpc-tech+acp-ai-provider@0.1.49/node_modules/@mcpc-tech/acp-ai-provider/index.mjs
+//#region ../../node_modules/.pnpm/@mcpc-tech+acp-ai-provider@0.1.50/node_modules/@mcpc-tech/acp-ai-provider/index.mjs
 createRequire(import.meta.url);
 function formatToolError(toolResult) {
 	if (!toolResult || toolResult.length === 0) return "Unknown tool error";
@@ -88168,10 +88168,21 @@ var ToolProxyHost = class {
 					return;
 				}
 				if (!tool2.execute) {
-					this.sendResponse(socket, createErrorResponse(request.id, JsonRpcErrorCode.INTERNAL_ERROR, `Tool has no execute function: ${params.name}`));
+					const clientToolResult = {
+						content: [{
+							type: "text",
+							text: JSON.stringify({
+								isClientTool: true,
+								toolName: params.name,
+								args: params.args
+							})
+						}],
+						isError: false
+					};
+					this.sendResponse(socket, createResponse(request.id, clientToolResult));
 					return;
 				}
-				const result = await tool2.execute?.(params.args, {
+				const result = await tool2.execute(params.args, {
 					toolCallId: params.name,
 					messages: []
 				});
@@ -88213,7 +88224,7 @@ var ToolProxyHost = class {
 var ACP_PROVIDER_AGENT_DYNAMIC_TOOL_NAME = "acp.acp_provider_agent_dynamic_tool";
 var executeRegistry = /* @__PURE__ */ new Map();
 function acpTools(tools) {
-	for (const [name, toolDef] of Object.entries(tools)) if (toolDef.execute) executeRegistry.set(name, toolDef.execute);
+	for (const [name, toolDef] of Object.entries(tools)) executeRegistry.set(name, toolDef.execute);
 	return {
 		...tools,
 		...getACPDynamicTool()
@@ -88298,7 +88309,7 @@ function extractACPTools(tools, prepared = true) {
 		const toolInputSchema = t.inputSchema;
 		if (hasRegisteredExecute(t.name) && toolInputSchema) {
 			const execute = getExecuteByName(t.name);
-			if (execute) acpTools2.push({
+			acpTools2.push({
 				...t,
 				name: t.name,
 				inputSchema: prepared ? toolInputSchema : asSchema(toolInputSchema).jsonSchema,
@@ -88362,6 +88373,7 @@ var ACPLanguageModel = class {
 	currentThinkingId = null;
 	toolCallsMap = /* @__PURE__ */ new Map();
 	toolProxyHost = null;
+	clientToolAbort = null;
 	constructor(modelId, modeId, config) {
 		this.modelId = modelId;
 		this.modeId = modeId;
@@ -88376,6 +88388,7 @@ var ACPLanguageModel = class {
 		this.currentTextId = null;
 		this.currentThinkingId = null;
 		this.toolCallsMap.clear();
+		this.clientToolAbort = null;
 	}
 	/**
 	* Parses a 'tool_call' notification update into a structured object.
@@ -88404,6 +88417,27 @@ var ACPLanguageModel = class {
 		};
 	}
 	/**
+	* Checks if a tool result is from a client-side tool (no execute function).
+	* Client tools return a special response with `isClientTool: true`.
+	* Handles both MCP format (type: "text") and ACP ToolCallContent format (type: "content").
+	*/
+	isClientToolResult(toolResult) {
+		if (!Array.isArray(toolResult) || toolResult.length === 0) return { isClientTool: false };
+		const content = toolResult[0];
+		if (!content?.type) return { isClientTool: false };
+		const textContent$1 = content.type === "text" && typeof content.text === "string" ? content.text : content.type === "content" && content.content?.type === "text" ? content.content.text : void 0;
+		if (!textContent$1) return { isClientTool: false };
+		try {
+			const parsed = JSON.parse(textContent$1);
+			if (parsed.isClientTool === true) return {
+				isClientTool: true,
+				toolName: parsed.toolName,
+				args: parsed.args
+			};
+		} catch {}
+		return { isClientTool: false };
+	}
+	/**
 	* Converts AI SDK prompt messages into ACP ContentBlock objects.
 	* When session exists, only extracts the last user message (history is in session).
 	* Prefixes text with role since ACP ContentBlock has no role field.
@@ -88641,6 +88675,25 @@ var ACPLanguageModel = class {
 		});
 	}
 	/**
+	* Flushes any pending tool calls that haven't emitted tool-call yet.
+	* This handles the case where a tool emits {} first, then the next message is a different type.
+	*/
+	flushPendingToolCalls(controller) {
+		for (const [toolCallId, toolInfo] of this.toolCallsMap.entries()) if (!toolInfo.inputAvailable) {
+			toolInfo.inputAvailable = true;
+			controller.enqueue({
+				type: "tool-call",
+				toolCallId,
+				toolName: ACP_PROVIDER_AGENT_DYNAMIC_TOOL_NAME2,
+				input: JSON.stringify({
+					toolCallId,
+					toolName: toolInfo.name,
+					args: {}
+				})
+			});
+		}
+	}
+	/**
 	* Standardized handler for converting SessionNotifications into
 	* LanguageModelV2StreamPart objects, pushing them onto a stream controller.
 	*/
@@ -88648,12 +88701,14 @@ var ACPLanguageModel = class {
 		const update$1 = notification.update;
 		switch (update$1.sessionUpdate) {
 			case "plan":
+				this.flushPendingToolCalls(controller);
 				this.emitRawContent(controller, {
 					type: "plan",
 					entries: update$1.entries
 				});
 				break;
 			case "agent_thought_chunk":
+				this.flushPendingToolCalls(controller);
 				if (!this.currentThinkingId) {
 					this.currentThinkingId = `reasoning - ${this.thinkBlockIndex++} `;
 					controller.enqueue({
@@ -88668,6 +88723,7 @@ var ACPLanguageModel = class {
 				});
 				break;
 			case "agent_message_chunk":
+				this.flushPendingToolCalls(controller);
 				if (this.currentThinkingId) {
 					controller.enqueue({
 						type: "reasoning-end",
@@ -88817,6 +88873,30 @@ var ACPLanguageModel = class {
 						})
 					});
 				}
+				const clientToolInfo = this.isClientToolResult(toolResult);
+				if (clientToolInfo.isClientTool) {
+					console.log(`[acp-ai-provider] Detected client tool: ${clientToolInfo.toolName}, stopping stream`);
+					const content2 = update$1.content ?? [];
+					if (content2.length > 0) this.emitRawContent(controller, {
+						content: content2,
+						toolCallId
+					});
+					if (this.clientToolAbort) {
+						controller.enqueue({
+							type: "finish",
+							finishReason: "tool-calls",
+							usage: {
+								inputTokens: void 0,
+								outputTokens: void 0,
+								totalTokens: void 0
+							}
+						});
+						controller.close();
+						this.clientToolAbort.resolve();
+						this.cleanup();
+					}
+					break;
+				}
 				controller.enqueue({
 					type: "tool-result",
 					toolCallId,
@@ -88934,14 +89014,26 @@ var ACPLanguageModel = class {
 						warnings: []
 					});
 					this.resetStreamState();
+					const clientToolPromise = new Promise((resolve$2) => {
+						this.clientToolAbort = {
+							controller,
+							resolve: resolve$2
+						};
+					});
 					try {
 						if (client) client.setSessionUpdateHandler((notification) => {
 							streamHandler(controller, notification);
 						});
-						const response = await connection.prompt({
+						const promptPromise = connection.prompt({
 							sessionId,
 							prompt: promptContent
 						});
+						const result = await Promise.race([promptPromise.then((response2) => ({
+							type: "response",
+							response: response2
+						})), clientToolPromise.then(() => ({ type: "client-tool" }))]);
+						if (result.type === "client-tool") return;
+						const response = result.response;
 						controller.enqueue({
 							type: "finish",
 							finishReason: response.stopReason === "end_turn" ? "stop" : "other",

package/dist/react/react.js

@@ -349,6 +349,28 @@ async function getDefaultAgent() {
 	return DEFAULT_AGENT;
 }
 
+//#endregion
+//#region client/utils/format.ts
+/**
+* Format element annotations (notes) from primary and related elements
+*/
+function formatElementAnnotations(options) {
+	const { primaryNote, primaryTag, relatedElements } = options;
+	const notes = [];
+	if (primaryNote) {
+		const tag = primaryTag || "element";
+		notes.push(`- **Primary element** (${tag}): ${primaryNote}`);
+	}
+	if (relatedElements && relatedElements.length > 0) relatedElements.forEach((el, idx) => {
+		if (el.note) {
+			const tag = el.elementInfo?.tagName?.toLowerCase() || el.component;
+			const location = el.file && el.line ? ` at ${el.file}:${el.line}` : "";
+			notes.push(`- **Related element #${idx + 1}** (${tag}${location}): ${el.note}`);
+		}
+	});
+	return notes.length > 0 ? `\n**Element Annotations**:\n${notes.join("\n")}\n` : "";
+}
+
 //#endregion
 //#region client/hooks/useMcp.ts
 const STORAGE_KEY = "inspector-inspection-items";
@@ -396,6 +418,11 @@ function getAllFeedbacks() {
 		const feedbackList = items.map((item, index) => {
 			const { id, sourceInfo, description, status, progress, result } = item;
 			const statusText = status === "loading" && progress ? `LOADING (${progress.completed}/${progress.total} steps)` : status.toUpperCase();
+			const notesSection = formatElementAnnotations({
+				primaryNote: sourceInfo.note,
+				primaryTag: sourceInfo.elementInfo?.tagName?.toLowerCase() || sourceInfo.component,
+				relatedElements: sourceInfo.relatedElements
+			});
 			return `## ${index + 1}. Feedback ID: \`${id}\`
 
 **Status**: ${statusText}
@@ -405,7 +432,7 @@ function getAllFeedbacks() {
 ${formatElementInfoSimple(sourceInfo.elementInfo)}
 **User Request**:
 ${description}
-
+${notesSection}
 ${result ? `**Result**: ${result}\n` : ""}---`;
 		}).join("\n\n");
 		const content = [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcpc-tech/unplugin-dev-inspector-mcp",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "description": "Universal dev inspector plugin for React/Vue - inspect component sources and API calls in any bundler",
   "type": "module",
   "license": "MIT",
@@ -121,7 +121,7 @@
     "@babel/parser": "^7.28.5",
     "@babel/traverse": "^7.28.5",
     "@code-inspector/core": "^1.3.0",
-    "@mcpc-tech/acp-ai-provider": "^0.1.49",
+    "@mcpc-tech/acp-ai-provider": "^0.1.50",
     "@mcpc-tech/cmcp": "^0.0.15",
     "@mcpc-tech/core": "^0.3.8",
     "@modelcontextprotocol/sdk": "^1.20.1",

package/client/dist/architecture-U656AL7Q-BbnkeEk-.js

@@ -1 +0,0 @@
-import"./chunk-FPAJGGOC-_ax7LrI6.js";import{n as e,t}from"./chunk-O7ZBX7Z2-CzEL6GEY.js";export{e as createArchitectureServices};