@frontmcp/react 0.0.1

package/api/index.js

@@ -0,0 +1,402 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// libs/react/src/api/index.ts
+var api_exports = {};
+__export(api_exports, {
+  createFetchClient: () => createFetchClient,
+  parseOpenApiSpec: () => parseOpenApiSpec,
+  useApiClient: () => useApiClient
+});
+module.exports = __toCommonJS(api_exports);
+
+// libs/react/src/api/useApiClient.ts
+var import_react2 = require("react");
+
+// libs/react/src/provider/FrontMcpContext.ts
+var import_react = require("react");
+
+// libs/react/src/components/ComponentRegistry.ts
+var ComponentRegistry = class {
+  entries = /* @__PURE__ */ new Map();
+  register(uri, component, meta) {
+    const name = extractName(uri);
+    this.entries.set(uri, { uri, name, component, description: meta?.description });
+  }
+  registerAll(map) {
+    for (const [uri, component] of Object.entries(map)) {
+      this.register(uri, component);
+    }
+  }
+  get(uri) {
+    return this.entries.get(uri)?.component;
+  }
+  /**
+   * Resolve a shorthand name like `'UserCard'` by trying
+   * `component://UserCard`, `element://UserCard`, `page://UserCard`.
+   */
+  resolve(type) {
+    const exact = this.entries.get(type);
+    if (exact) return exact.component;
+    for (const protocol of ["component://", "element://", "page://"]) {
+      const entry = this.entries.get(`${protocol}${type}`);
+      if (entry) return entry.component;
+    }
+    return void 0;
+  }
+  has(uri) {
+    return this.entries.has(uri);
+  }
+  list() {
+    return Array.from(this.entries.values()).map(({ uri, name, description }) => ({
+      uri,
+      name,
+      description
+    }));
+  }
+  clear() {
+    this.entries.clear();
+  }
+};
+function extractName(uri) {
+  const idx = uri.indexOf("://");
+  return idx >= 0 ? uri.slice(idx + 3) : uri;
+}
+
+// libs/react/src/registry/DynamicRegistry.ts
+var DynamicRegistry = class {
+  tools = /* @__PURE__ */ new Map();
+  resources = /* @__PURE__ */ new Map();
+  toolRefCounts = /* @__PURE__ */ new Map();
+  resourceRefCounts = /* @__PURE__ */ new Map();
+  listeners = /* @__PURE__ */ new Set();
+  version = 0;
+  /**
+   * Register a dynamic tool. Returns an unregister function
+   * suitable for useEffect cleanup.
+   *
+   * Multiple registrations of the same name are ref-counted:
+   * subsequent registrations update the definition but the tool
+   * is only removed when every registrant has unregistered.
+   */
+  registerTool(def) {
+    const existing = this.toolRefCounts.get(def.name) ?? 0;
+    this.toolRefCounts.set(def.name, existing + 1);
+    this.tools.set(def.name, def);
+    if (existing === 0) {
+      this.notify();
+    }
+    let called = false;
+    return () => {
+      if (called) return;
+      called = true;
+      this.unregisterTool(def.name);
+    };
+  }
+  unregisterTool(name) {
+    const count = this.toolRefCounts.get(name);
+    if (count == null) return;
+    if (count <= 1) {
+      this.toolRefCounts.delete(name);
+      this.tools.delete(name);
+      this.notify();
+    } else {
+      this.toolRefCounts.set(name, count - 1);
+    }
+  }
+  /**
+   * Register a dynamic resource. Returns an unregister function
+   * suitable for useEffect cleanup.
+   *
+   * Multiple registrations of the same URI are ref-counted.
+   */
+  registerResource(def) {
+    const existing = this.resourceRefCounts.get(def.uri) ?? 0;
+    this.resourceRefCounts.set(def.uri, existing + 1);
+    this.resources.set(def.uri, def);
+    if (existing === 0) {
+      this.notify();
+    }
+    let called = false;
+    return () => {
+      if (called) return;
+      called = true;
+      this.unregisterResource(def.uri);
+    };
+  }
+  unregisterResource(uri) {
+    const count = this.resourceRefCounts.get(uri);
+    if (count == null) return;
+    if (count <= 1) {
+      this.resourceRefCounts.delete(uri);
+      this.resources.delete(uri);
+      this.notify();
+    } else {
+      this.resourceRefCounts.set(uri, count - 1);
+    }
+  }
+  /** Update the execute function for an existing tool (for stale closure prevention). */
+  updateToolExecute(name, execute) {
+    const existing = this.tools.get(name);
+    if (existing) {
+      existing.execute = execute;
+    }
+  }
+  /** Update the read function for an existing resource and notify subscribers. */
+  updateResourceRead(uri, read) {
+    const existing = this.resources.get(uri);
+    if (existing) {
+      existing.read = read;
+      this.notify();
+    }
+  }
+  getTools() {
+    return [...this.tools.values()];
+  }
+  getResources() {
+    return [...this.resources.values()];
+  }
+  findTool(name) {
+    return this.tools.get(name);
+  }
+  findResource(uri) {
+    return this.resources.get(uri);
+  }
+  hasTool(name) {
+    return this.tools.has(name);
+  }
+  hasResource(uri) {
+    return this.resources.has(uri);
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  getVersion() {
+    return this.version;
+  }
+  clear() {
+    if (this.tools.size === 0 && this.resources.size === 0) return;
+    this.tools.clear();
+    this.resources.clear();
+    this.toolRefCounts.clear();
+    this.resourceRefCounts.clear();
+    this.notify();
+  }
+  notify() {
+    this.version++;
+    this.listeners.forEach((l) => {
+      l();
+    });
+  }
+};
+
+// libs/react/src/provider/FrontMcpContext.ts
+var defaultDynamicRegistry = new DynamicRegistry();
+var FrontMcpContext = (0, import_react.createContext)({
+  name: "default",
+  registry: new ComponentRegistry(),
+  dynamicRegistry: defaultDynamicRegistry,
+  getDynamicRegistry: () => defaultDynamicRegistry,
+  connect: async () => {
+  }
+});
+
+// libs/react/src/api/createFetchClient.ts
+function createFetchClient(fetchFn) {
+  const fn = fetchFn ?? globalThis.fetch.bind(globalThis);
+  return {
+    async request(config) {
+      const fetchOptions = {
+        method: config.method,
+        headers: config.headers
+      };
+      if (config.body !== void 0) {
+        fetchOptions.body = JSON.stringify(config.body);
+        const headers = fetchOptions.headers;
+        if (headers && !headers["Content-Type"] && !headers["content-type"]) {
+          headers["Content-Type"] = "application/json";
+        }
+      }
+      const response = await fn(config.url, fetchOptions);
+      const responseText = await response.text();
+      let data;
+      try {
+        data = JSON.parse(responseText);
+      } catch {
+        data = responseText;
+      }
+      return {
+        status: response.status,
+        statusText: response.statusText,
+        data
+      };
+    }
+  };
+}
+
+// libs/react/src/api/useApiClient.ts
+function interpolatePath(path, params) {
+  return path.replace(/\{(\w+)\}/g, (_, key) => {
+    const value = params[key];
+    return value != null ? encodeURIComponent(String(value)) : `{${key}}`;
+  });
+}
+function useApiClient(options) {
+  const { baseUrl, operations, headers, prefix = "api", client, fetch: customFetch } = options;
+  const { getDynamicRegistry } = (0, import_react2.useContext)(FrontMcpContext);
+  const dynamicRegistry = getDynamicRegistry(options.server);
+  const headersRef = (0, import_react2.useRef)(headers);
+  headersRef.current = headers;
+  const clientRef = (0, import_react2.useRef)(client ?? createFetchClient(customFetch));
+  clientRef.current = client ?? createFetchClient(customFetch);
+  (0, import_react2.useEffect)(() => {
+    const cleanups = [];
+    for (const op of operations) {
+      const toolName = `${prefix}_${op.operationId}`;
+      const execute = async (args) => {
+        const resolvedHeaders = {
+          "Content-Type": "application/json",
+          ...typeof headersRef.current === "function" ? headersRef.current() : headersRef.current ?? {}
+        };
+        const url = baseUrl + interpolatePath(op.path, args);
+        const body = args["body"];
+        const method = op.method;
+        const requestConfig = {
+          method,
+          url,
+          headers: resolvedHeaders
+        };
+        if (body !== void 0 && method !== "GET" && method !== "HEAD") {
+          requestConfig.body = body;
+        }
+        const response = await clientRef.current.request(requestConfig);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify({
+                status: response.status,
+                statusText: response.statusText,
+                data: response.data
+              })
+            }
+          ],
+          isError: response.status >= 400
+        };
+      };
+      cleanups.push(
+        dynamicRegistry.registerTool({
+          name: toolName,
+          description: op.description,
+          inputSchema: op.inputSchema,
+          execute
+        })
+      );
+    }
+    return () => {
+      cleanups.forEach((fn) => {
+        fn();
+      });
+    };
+  }, [dynamicRegistry, baseUrl, operations, prefix, client, customFetch]);
+}
+
+// libs/react/src/api/parseOpenApiSpec.ts
+var HTTP_METHODS = ["get", "post", "put", "delete", "patch", "options", "head"];
+function parseOpenApiSpec(spec) {
+  const paths = spec["paths"];
+  if (!paths) return [];
+  const operations = [];
+  const usedIds = /* @__PURE__ */ new Set();
+  for (const [path, pathItem] of Object.entries(paths)) {
+    if (!pathItem || typeof pathItem !== "object") continue;
+    for (const method of HTTP_METHODS) {
+      const operation = pathItem[method];
+      if (!operation || typeof operation !== "object") continue;
+      const rawOperationId = operation["operationId"];
+      let operationId = typeof rawOperationId === "string" ? rawOperationId : `${method}_${path.replace(/[^a-zA-Z0-9]/g, "_")}`;
+      if (usedIds.has(operationId)) {
+        let suffix = 1;
+        while (usedIds.has(`${operationId}_${suffix}`)) suffix++;
+        operationId = `${operationId}_${suffix}`;
+      }
+      usedIds.add(operationId);
+      const rawSummary = operation["summary"];
+      const rawDescription = operation["description"];
+      const description = (typeof rawSummary === "string" ? rawSummary : void 0) ?? (typeof rawDescription === "string" ? rawDescription : void 0) ?? `${method.toUpperCase()} ${path}`;
+      const properties = /* @__PURE__ */ Object.create(null);
+      const required = [];
+      const rawPathParams = pathItem["parameters"];
+      const rawOpParams = operation["parameters"];
+      const pathParams = Array.isArray(rawPathParams) ? rawPathParams.filter(Boolean) : [];
+      const opParams = Array.isArray(rawOpParams) ? rawOpParams.filter(Boolean) : [];
+      const paramMap = /* @__PURE__ */ new Map();
+      for (const param of pathParams) {
+        if (typeof param === "object" && param !== null && param.name) {
+          paramMap.set(`${param.in}:${param.name}`, param);
+        }
+      }
+      for (const param of opParams) {
+        if (typeof param === "object" && param !== null && param.name) {
+          paramMap.set(`${param.in}:${param.name}`, param);
+        }
+      }
+      const propertyLocations = /* @__PURE__ */ new Map();
+      for (const param of paramMap.values()) {
+        if (param.name === "__proto__" || param.name === "constructor" || param.name === "prototype") continue;
+        const existingIn = propertyLocations.get(param.name);
+        if (existingIn && existingIn !== param.in) {
+          throw new Error(
+            `Parameter "${param.name}" appears in both "${existingIn}" and "${param.in}" \u2014 ambiguous mapping`
+          );
+        }
+        propertyLocations.set(param.name, param.in);
+        properties[param.name] = {
+          ...param.schema ?? { type: "string" },
+          description: param.description
+        };
+        if (param.required) required.push(param.name);
+      }
+      const requestBody = operation["requestBody"];
+      if (requestBody) {
+        const content = requestBody["content"];
+        const jsonContent = content?.["application/json"];
+        if (jsonContent?.["schema"]) {
+          properties["body"] = {
+            ...jsonContent["schema"],
+            description: "Request body"
+          };
+          if (requestBody["required"]) required.push("body");
+        }
+      }
+      const inputSchema = {
+        type: "object",
+        properties
+      };
+      if (required.length > 0) {
+        inputSchema["required"] = required;
+      }
+      operations.push({ operationId, description, method: method.toUpperCase(), path, inputSchema });
+    }
+  }
+  return operations;
+}

package/api/parseOpenApiSpec.d.ts

@@ -0,0 +1,9 @@
+/**
+ * parseOpenApiSpec — extracts ApiOperation[] from an OpenAPI 3.x JSON spec.
+ *
+ * Lightweight parser that pulls operationId, method, path, description,
+ * and builds a JSON Schema for the input from parameters and requestBody.
+ */
+import type { ApiOperation } from './api.types';
+export declare function parseOpenApiSpec(spec: Record<string, unknown>): ApiOperation[];
+//# sourceMappingURL=parseOpenApiSpec.d.ts.map

package/api/parseOpenApiSpec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseOpenApiSpec.d.ts","sourceRoot":"","sources":["../../src/api/parseOpenApiSpec.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAYhD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,YAAY,EAAE,CAmG9E"}

package/api/useApiClient.d.ts

@@ -0,0 +1,9 @@
+/**
+ * useApiClient — registers OpenAPI operations as MCP tools.
+ *
+ * Each operation becomes a dynamic tool that makes an HTTP request
+ * using an injected HttpClient, a custom fetch, or globalThis.fetch.
+ */
+import type { ApiClientOptions } from './api.types';
+export declare function useApiClient(options: ApiClientOptions): void;
+//# sourceMappingURL=useApiClient.d.ts.map

package/api/useApiClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApiClient.d.ts","sourceRoot":"","sources":["../../src/api/useApiClient.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAiC,MAAM,aAAa,CAAC;AAUnF,wBAAgB,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAuE5D"}

package/components/AgentContent.d.ts

@@ -0,0 +1,30 @@
+/**
+ * AgentContent — a component that registers itself as an MCP tool.
+ *
+ * When an agent calls the tool, the component stores the args and
+ * renders them via the `render` prop. Before the first invocation
+ * it shows the `fallback`.
+ *
+ * @deprecated Use `mcpComponent()` instead for type-safe schemas and
+ * a cleaner component-wrapping API.
+ */
+import React from 'react';
+import type { ReactNode } from 'react';
+/** @deprecated Use `mcpComponent()` instead. */
+export interface AgentContentProps {
+    /** MCP tool name that agents will call to push data. */
+    name: string;
+    /** Tool description for agents. */
+    description: string;
+    /** JSON Schema for the tool's input. */
+    inputSchema?: Record<string, unknown>;
+    /** Render function — receives the args the agent sent. */
+    render: (data: Record<string, unknown>) => ReactNode;
+    /** Shown before the agent's first invocation. */
+    fallback?: ReactNode;
+    /** Target a specific named server. */
+    server?: string;
+}
+/** @deprecated Use `mcpComponent()` instead. */
+export declare function AgentContent({ name, description, inputSchema, render, fallback, server, }: AgentContentProps): React.ReactElement;
+//# sourceMappingURL=AgentContent.d.ts.map

package/components/AgentContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentContent.d.ts","sourceRoot":"","sources":["../../src/components/AgentContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,gDAAgD;AAChD,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,0DAA0D;IAC1D,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,SAAS,CAAC;IACrD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,gDAAgD;AAChD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,WAAW,EACX,WAAgC,EAChC,MAAM,EACN,QAAe,EACf,MAAM,GACP,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAgBxC"}

package/components/AgentSearch.d.ts

@@ -0,0 +1,35 @@
+/**
+ * AgentSearch — a headless search component powered by an MCP tool.
+ *
+ * Registers a tool that agents call to execute search queries.
+ * Also exposes the current search input value as a dynamic resource
+ * so agents can see what the user typed.
+ *
+ * @deprecated Use `mcpComponent()` with `columns` option for table-based
+ * search result rendering.
+ */
+import React from 'react';
+import type { ReactNode } from 'react';
+export interface SearchInputRenderProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+}
+/** @deprecated Use `mcpComponent()` with `columns` option instead. */
+export interface AgentSearchProps {
+    /** MCP tool name agents call to execute searches. */
+    toolName: string;
+    /** Tool description for agents. */
+    description: string;
+    /** Input placeholder text. */
+    placeholder?: string;
+    /** Called with search results when the agent responds. */
+    onResults: (results: unknown) => void;
+    /** Custom input renderer (headless pattern). Falls back to a plain <input>. */
+    renderInput?: (props: SearchInputRenderProps) => ReactNode;
+    /** Target a specific named server. */
+    server?: string;
+}
+/** @deprecated Use `mcpComponent()` with `columns` option instead. */
+export declare function AgentSearch({ toolName, description, placeholder, onResults, renderInput, server, }: AgentSearchProps): React.ReactElement;
+//# sourceMappingURL=AgentSearch.d.ts.map

package/components/AgentSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSearch.d.ts","sourceRoot":"","sources":["../../src/components/AgentSearch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,sEAAsE;AACtE,MAAM,WAAW,gBAAgB;IAC/B,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,+EAA+E;IAC/E,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC;IAC3D,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,sEAAsE;AACtE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,WAAW,EACX,MAAM,GACP,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA4DvC"}

package/components/ComponentRegistry.d.ts

@@ -0,0 +1,36 @@
+/**
+ * ComponentRegistry — maps URI protocols to React components.
+ *
+ * Supported URI protocols:
+ * - `component://` — custom React components
+ * - `element://`   — reusable UI elements
+ * - `page://`      — full page components
+ */
+import type { ComponentType } from 'react';
+export interface ComponentRegistryEntry {
+    uri: string;
+    name: string;
+    component: ComponentType<Record<string, unknown>>;
+    description?: string;
+}
+export declare class ComponentRegistry {
+    private readonly entries;
+    register(uri: string, component: ComponentType<Record<string, unknown>>, meta?: {
+        description?: string;
+    }): void;
+    registerAll(map: Record<string, ComponentType<Record<string, unknown>>>): void;
+    get(uri: string): ComponentType<Record<string, unknown>> | undefined;
+    /**
+     * Resolve a shorthand name like `'UserCard'` by trying
+     * `component://UserCard`, `element://UserCard`, `page://UserCard`.
+     */
+    resolve(type: string): ComponentType<Record<string, unknown>> | undefined;
+    has(uri: string): boolean;
+    list(): Array<{
+        uri: string;
+        name: string;
+        description?: string;
+    }>;
+    clear(): void;
+}
+//# sourceMappingURL=ComponentRegistry.d.ts.map

package/components/ComponentRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRegistry.d.ts","sourceRoot":"","sources":["../../src/components/ComponentRegistry.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA6C;IAErE,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAK/G,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI;IAM9E,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS;IAIpE;;;OAGG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS;IAczE,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAIzB,IAAI,IAAI,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAQlE,KAAK,IAAI,IAAI;CAGd"}

package/components/DomResources.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Built-in DOM resource templates.
+ *
+ * Provides `dom://byId/{id}` and `dom://selector/{selector}` that read
+ * DOM elements and return their outerHTML + text content.
+ */
+export interface DomResourceResult {
+    contents: Array<{
+        uri: string;
+        mimeType: string;
+        text: string;
+    }>;
+}
+export declare function readDomById(id: string): DomResourceResult;
+export declare function readDomBySelector(selector: string): DomResourceResult;
+//# sourceMappingURL=DomResources.d.ts.map

package/components/DomResources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomResources.d.ts","sourceRoot":"","sources":["../../src/components/DomResources.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;CACJ;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,CAuCzD;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,CAuDrE"}

package/components/DynamicRenderer.d.ts

@@ -0,0 +1,19 @@
+/**
+ * DynamicRenderer — recursively renders a ComponentNode tree into React elements.
+ *
+ * Resolution order for `type`:
+ * 1. Exact URI match in registry
+ * 2. `component://{type}` in registry
+ * 3. `element://{type}` in registry
+ * 4. Fallback `<div>`
+ */
+import React from 'react';
+import type { ComponentNode } from '../types';
+import type { ComponentRegistry } from './ComponentRegistry';
+export interface DynamicRendererProps {
+    tree: ComponentNode;
+    registry: ComponentRegistry;
+    fallback?: React.ComponentType<Record<string, unknown>>;
+}
+export declare function DynamicRenderer({ tree, registry, fallback }: DynamicRendererProps): React.ReactElement;
+//# sourceMappingURL=DynamicRenderer.d.ts.map

package/components/DynamicRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicRenderer.d.ts","sourceRoot":"","sources":["../../src/components/DynamicRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CACzD;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAEtG"}

package/components/OutputDisplay.d.ts

@@ -0,0 +1,11 @@
+/**
+ * OutputDisplay — renders JSON or text output from tool/prompt calls.
+ */
+import React from 'react';
+export interface OutputDisplayProps {
+    data: unknown;
+    loading?: boolean;
+    error?: Error | null;
+}
+export declare function OutputDisplay({ data, loading, error }: OutputDisplayProps): React.ReactElement;
+//# sourceMappingURL=OutputDisplay.d.ts.map

package/components/OutputDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutputDisplay.d.ts","sourceRoot":"","sources":["../../src/components/OutputDisplay.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAiC9F"}

package/components/PromptForm.d.ts

@@ -0,0 +1,13 @@
+/**
+ * PromptForm — headless form generator from prompt.arguments.
+ */
+import React from 'react';
+import type { PromptInfo, FieldRenderProps } from '../types';
+export interface PromptFormProps {
+    prompt: PromptInfo;
+    onSubmit: (args: Record<string, string>) => void;
+    renderField?: (props: FieldRenderProps) => React.ReactNode;
+    submitLabel?: string;
+}
+export declare function PromptForm({ prompt, onSubmit, renderField, submitLabel, }: PromptFormProps): React.ReactElement;
+//# sourceMappingURL=PromptForm.d.ts.map

package/components/PromptForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptForm.d.ts","sourceRoot":"","sources":["../../src/components/PromptForm.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,WAAW,EACX,WAA0B,GAC3B,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CA+DtC"}

package/components/ResourceViewer.d.ts

@@ -0,0 +1,18 @@
+/**
+ * ResourceViewer — displays a ReadResourceResult.
+ */
+import React from 'react';
+export interface ResourceContent {
+    uri: string;
+    mimeType?: string;
+    text?: string;
+}
+export interface ResourceViewerProps {
+    data: {
+        contents?: ResourceContent[];
+    } | null;
+    loading?: boolean;
+    error?: Error | null;
+}
+export declare function ResourceViewer({ data, loading, error }: ResourceViewerProps): React.ReactElement;
+//# sourceMappingURL=ResourceViewer.d.ts.map

package/components/ResourceViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceViewer.d.ts","sourceRoot":"","sources":["../../src/components/ResourceViewer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE;QAAE,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;KAAE,GAAG,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CA+BhG"}

package/components/ToolForm.d.ts

@@ -0,0 +1,16 @@
+/**
+ * ToolForm — headless form generator from tool.inputSchema.
+ *
+ * If `renderField` is provided, delegates rendering to the consumer.
+ * Otherwise uses basic unstyled `<input>` / `<select>` / `<textarea>`.
+ */
+import React from 'react';
+import type { ToolInfo, FieldRenderProps } from '../types';
+export interface ToolFormProps {
+    tool: ToolInfo;
+    onSubmit: (args: Record<string, unknown>) => void;
+    renderField?: (props: FieldRenderProps) => React.ReactNode;
+    submitLabel?: string;
+}
+export declare function ToolForm({ tool, onSubmit, renderField, submitLabel, }: ToolFormProps): React.ReactElement;
+//# sourceMappingURL=ToolForm.d.ts.map

package/components/ToolForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolForm.d.ts","sourceRoot":"","sources":["../../src/components/ToolForm.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE3D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAyB,GAC1B,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAsFpC"}