@brander/mcp-tools 0.2.0

package/dist/server/index.d.ts

@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+/**
+ * BranderUX MCP Server — entry point.
+ *
+ * Exposes 14 BranderUX Element types as MCP App tools.
+ * Each tool returns branded, interactive UI rendered in the host's chat.
+ */
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/server/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAEA;;;;;GAKG"}

package/dist/server/index.js

@@ -0,0 +1,30 @@
+#!/usr/bin/env node
+/**
+ * BranderUX MCP Server — entry point.
+ *
+ * Exposes 14 BranderUX Element types as MCP App tools.
+ * Each tool returns branded, interactive UI rendered in the host's chat.
+ */
+import { loadServerConfig, validateConfig } from "./config/server-config.js";
+import { createBranderMCPServer } from "./server.js";
+async function main() {
+    // Load configuration
+    const config = loadServerConfig();
+    const errors = validateConfig(config);
+    if (errors.length > 0) {
+        console.error("Configuration errors:");
+        for (const error of errors) {
+            console.error(`  - ${error}`);
+        }
+        process.exit(1);
+    }
+    // Start server
+    try {
+        await createBranderMCPServer(config);
+    }
+    catch (error) {
+        console.error("Fatal error starting BranderUX MCP server:", error);
+        process.exit(1);
+    }
+}
+main();

package/dist/server/lib-entry.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @brander/mcp-tools — library entry point.
+ *
+ * Usage:
+ * ```typescript
+ * import { registerBranderTools } from "@brander/mcp-tools";
+ *
+ * const server = new McpServer({ name: "my-app", version: "1.0.0" });
+ * server.registerTool("my_tool", { ... }, handler);
+ * await registerBranderTools(server, { projectId: "proj_abc", betaKey: "bux_dp_xyz" });
+ * await server.connect(transport);
+ * ```
+ */
+export { registerBranderTools } from "./register.js";
+export type { BranderToolsConfig } from "./register.js";
+//# sourceMappingURL=lib-entry.d.ts.map

package/dist/server/lib-entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-entry.d.ts","sourceRoot":"","sources":["../../src/lib-entry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC"}

package/dist/server/lib-entry.js

@@ -0,0 +1,14 @@
+/**
+ * @brander/mcp-tools — library entry point.
+ *
+ * Usage:
+ * ```typescript
+ * import { registerBranderTools } from "@brander/mcp-tools";
+ *
+ * const server = new McpServer({ name: "my-app", version: "1.0.0" });
+ * server.registerTool("my_tool", { ... }, handler);
+ * await registerBranderTools(server, { projectId: "proj_abc", betaKey: "bux_dp_xyz" });
+ * await server.connect(transport);
+ * ```
+ */
+export { registerBranderTools } from "./register.js";

package/dist/server/register.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Public API — one-liner to add BranderUX branded UI rendering to any MCP server.
+ *
+ * Usage:
+ * ```typescript
+ * import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+ * import { registerBranderTools } from "@brander/mcp-tools";
+ *
+ * const server = new McpServer({ name: "my-app", version: "1.0.0" });
+ * await registerBranderTools(server, { projectId: "proj_abc", betaKey: "bux_dp_xyz" });
+ * ```
+ */
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+export interface BranderToolsConfig {
+    /** BranderUX project ID — identifies which project's brand + screens to load */
+    projectId: string;
+    /** Beta design partner key (bux_dp_xxx) for authentication */
+    betaKey: string;
+    /** BranderUX API base URL (defaults to https://app.branderux.com) */
+    apiBaseUrl?: string;
+    /** Path to local brandSettings.json file (alternative to API for development) */
+    brandSettingsPath?: string;
+}
+/**
+ * Register BranderUX tools on an existing MCP server.
+ *
+ * Adds:
+ * - `generate_screen` tool — renders 1-N branded elements in a composed screen
+ * - MCP App resource — universal HTML renderer for all 14 element types
+ *
+ * This composable API allows customers to mix their own data tools with
+ * BranderUX UI rendering on a single MCP server.
+ */
+export declare function registerBranderTools(server: McpServer, config: BranderToolsConfig): Promise<void>;
+//# sourceMappingURL=register.d.ts.map

package/dist/server/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/register.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAQpE,MAAM,WAAW,kBAAkB;IACjC,gFAAgF;IAChF,SAAS,EAAE,MAAM,CAAC;IAElB,8DAA8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAEhB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAsB,oBAAoB,CACxC,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,kBAAkB,GACzB,OAAO,CAAC,IAAI,CAAC,CA2Bf"}

package/dist/server/register.js

@@ -0,0 +1,49 @@
+/**
+ * Public API — one-liner to add BranderUX branded UI rendering to any MCP server.
+ *
+ * Usage:
+ * ```typescript
+ * import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+ * import { registerBranderTools } from "@brander/mcp-tools";
+ *
+ * const server = new McpServer({ name: "my-app", version: "1.0.0" });
+ * await registerBranderTools(server, { projectId: "proj_abc", betaKey: "bux_dp_xyz" });
+ * ```
+ */
+import { loadProjectConfig } from "./brand/brand-loader.js";
+import { registerTools } from "./tools/tool-registry.js";
+import { registerAppResourceHandler } from "./resource/resource-registry.js";
+const DEFAULT_API_BASE_URL = "https://app.branderux.com";
+/**
+ * Register BranderUX tools on an existing MCP server.
+ *
+ * Adds:
+ * - `generate_screen` tool — renders 1-N branded elements in a composed screen
+ * - MCP App resource — universal HTML renderer for all 14 element types
+ *
+ * This composable API allows customers to mix their own data tools with
+ * BranderUX UI rendering on a single MCP server.
+ */
+export async function registerBranderTools(server, config) {
+    // 1. Load full project configuration (API or local file)
+    const apiBaseUrl = config.apiBaseUrl || DEFAULT_API_BASE_URL;
+    console.error("Loading BranderUX project configuration...");
+    const projectConfig = await loadProjectConfig({
+        projectId: config.projectId,
+        betaKey: config.betaKey,
+        apiBaseUrl,
+        brandSettingsPath: config.brandSettingsPath,
+    });
+    console.error(`BranderUX project loaded: "${projectConfig.projectName}" ` +
+        `(brand: "${projectConfig.brandSettings.brandName}")`);
+    // 2. Build API config for app-side query enhancement
+    const apiConfig = {
+        apiBaseUrl,
+        betaKey: config.betaKey,
+        projectId: config.projectId,
+    };
+    // 3. Register the universal renderer app resource
+    registerAppResourceHandler(server, projectConfig);
+    // 4. Register the generate_screen tool
+    registerTools(server, projectConfig, apiConfig);
+}

package/dist/server/resource/html-loader.d.ts

@@ -0,0 +1,9 @@
+/**
+ * HTML loader — reads the bundled universal renderer app from dist/app/index.html.
+ */
+/**
+ * Load the bundled universal renderer HTML.
+ * Returns the single-file HTML string (JS + CSS inlined by vite-plugin-singlefile).
+ */
+export declare function loadAppHtml(): string;
+//# sourceMappingURL=html-loader.d.ts.map

package/dist/server/resource/html-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-loader.d.ts","sourceRoot":"","sources":["../../../src/resource/html-loader.ts"],"names":[],"mappings":"AAAA;;GAEG;AAWH;;;GAGG;AACH,wBAAgB,WAAW,IAAI,MAAM,CASpC"}

package/dist/server/resource/html-loader.js

@@ -0,0 +1,20 @@
+/**
+ * HTML loader — reads the bundled universal renderer app from dist/app/index.html.
+ */
+import { readFileSync, existsSync } from "fs";
+import { resolve, dirname } from "path";
+import { fileURLToPath } from "url";
+const __dirname = dirname(fileURLToPath(import.meta.url));
+/** Path to the bundled app HTML (dist/server/resource/ → ../../app/index.html → dist/app/) */
+const APP_HTML_PATH = resolve(__dirname, "../../app/index.html");
+/**
+ * Load the bundled universal renderer HTML.
+ * Returns the single-file HTML string (JS + CSS inlined by vite-plugin-singlefile).
+ */
+export function loadAppHtml() {
+    if (!existsSync(APP_HTML_PATH)) {
+        throw new Error(`Universal renderer app not found at ${APP_HTML_PATH}. ` +
+            `Run "npm run build:app" first to bundle the renderer.`);
+    }
+    return readFileSync(APP_HTML_PATH, "utf-8");
+}

package/dist/server/resource/resource-registry.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Resource registration — serves the bundled universal renderer HTML as an MCP App resource.
+ *
+ * Uses the high-level McpServer.registerResource() API for composability — customers
+ * can register their own resources alongside BranderUX resources on the same server.
+ */
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { ProjectConfig } from "../brand/brand-types.js";
+export declare const RESOURCE_URI = "ui://brander/element-renderer";
+/**
+ * Register the universal renderer app as an MCP App resource.
+ * All 14 element tools share this single HTML resource.
+ */
+export declare function registerAppResourceHandler(server: McpServer, projectConfig: ProjectConfig): void;
+//# sourceMappingURL=resource-registry.d.ts.map

package/dist/server/resource/resource-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-registry.d.ts","sourceRoot":"","sources":["../../../src/resource/resource-registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,eAAO,MAAM,YAAY,kCAAkC,CAAC;AAkB5D;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,GAAG,IAAI,CAwBhG"}

package/dist/server/resource/resource-registry.js

@@ -0,0 +1,45 @@
+/**
+ * Resource registration — serves the bundled universal renderer HTML as an MCP App resource.
+ *
+ * Uses the high-level McpServer.registerResource() API for composability — customers
+ * can register their own resources alongside BranderUX resources on the same server.
+ */
+import { loadAppHtml } from "./html-loader.js";
+export const RESOURCE_URI = "ui://brander/element-renderer";
+/** MCP Apps MIME type — required for hosts to recognize this as an interactive app */
+const MCP_APP_MIME_TYPE = "text/html;profile=mcp-app";
+/** Inject brand + project config as a window global before the app scripts run */
+function injectInitialConfig(html, projectConfig) {
+    const config = {
+        brandSettings: projectConfig.brandSettings,
+        projectSettings: projectConfig.settings,
+        screenVisibility: projectConfig.screenVisibility,
+        customScreens: projectConfig.customScreens,
+    };
+    const script = `<script>window.__BRANDER_INITIAL_CONFIG__=${JSON.stringify(config)};</script>`;
+    // Insert before closing </head> so it runs before the app bundle
+    return html.replace("</head>", `${script}</head>`);
+}
+/**
+ * Register the universal renderer app as an MCP App resource.
+ * All 14 element tools share this single HTML resource.
+ */
+export function registerAppResourceHandler(server, projectConfig) {
+    server.registerResource("BranderUX Element Renderer", RESOURCE_URI, {
+        description: "Universal HTML renderer for all 14 BranderUX element types",
+        mimeType: MCP_APP_MIME_TYPE,
+    }, async (uri) => {
+        const html = loadAppHtml();
+        const injected = injectInitialConfig(html, projectConfig);
+        return {
+            contents: [
+                {
+                    uri: uri.href,
+                    mimeType: MCP_APP_MIME_TYPE,
+                    text: injected,
+                },
+            ],
+        };
+    });
+    console.error(`Registered MCP App resource: ${RESOURCE_URI}`);
+}

package/dist/server/server.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Standalone MCP server — creates a server, registers BranderUX tools, and starts stdio transport.
+ *
+ * For library usage (composing with your own tools), use registerBranderTools() from the
+ * package root instead. This module is only for standalone/demo mode.
+ */
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { BranderMCPServerConfig } from "./config/types.js";
+/**
+ * Create and start the BranderUX MCP server in standalone mode.
+ */
+export declare function createBranderMCPServer(config: BranderMCPServerConfig): Promise<McpServer>;
+//# sourceMappingURL=server.d.ts.map

package/dist/server/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/server.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAG3D;;GAEG;AACH,wBAAsB,sBAAsB,CAAC,MAAM,EAAE,sBAAsB,GAAG,OAAO,CAAC,SAAS,CAAC,CA6B/F"}

package/dist/server/server.js

@@ -0,0 +1,36 @@
+/**
+ * Standalone MCP server — creates a server, registers BranderUX tools, and starts stdio transport.
+ *
+ * For library usage (composing with your own tools), use registerBranderTools() from the
+ * package root instead. This module is only for standalone/demo mode.
+ */
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { registerBranderTools } from "./register.js";
+/**
+ * Create and start the BranderUX MCP server in standalone mode.
+ */
+export async function createBranderMCPServer(config) {
+    // 1. Create MCP server instance
+    const server = new McpServer({
+        name: config.serverName || "brander-mcp",
+        version: config.serverVersion || "0.1.0",
+    }, {
+        capabilities: {
+            tools: {},
+            resources: {},
+        },
+    });
+    // 2. Register BranderUX tools + resources
+    await registerBranderTools(server, {
+        projectId: config.projectId,
+        betaKey: config.betaKey,
+        apiBaseUrl: config.apiBaseUrl,
+        brandSettingsPath: config.brandSettingsPath,
+    });
+    // 3. Connect stdio transport
+    const transport = new StdioServerTransport();
+    await server.connect(transport);
+    console.error("BranderUX MCP server running on stdio");
+    return server;
+}

package/dist/server/tools/element-definitions.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Element definitions — static metadata for the 14 BranderUX element types.
+ *
+ * Inlined here so the compiled dist/server can run as standalone Node.js without
+ * depending on @brander/elements TypeScript source at runtime (CJS/ESM interop issue).
+ */
+interface ElementInfo {
+    id: string;
+    name: string;
+    description: string;
+}
+/** Get element info by type (for names, click behaviors, summaries) */
+export declare function getElementDefinition(elementType: string): ElementInfo | undefined;
+export {};
+//# sourceMappingURL=element-definitions.d.ts.map

package/dist/server/tools/element-definitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-definitions.d.ts","sourceRoot":"","sources":["../../../src/tools/element-definitions.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AA6CD,uEAAuE;AACvE,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAEjF"}

package/dist/server/tools/element-definitions.js

@@ -0,0 +1,51 @@
+/**
+ * Element definitions — static metadata for the 14 BranderUX element types.
+ *
+ * Inlined here so the compiled dist/server can run as standalone Node.js without
+ * depending on @brander/elements TypeScript source at runtime (CJS/ESM interop issue).
+ */
+const ELEMENT_INFO = [
+    { id: "header", name: "Header", description: "Page header with title and subtitle" },
+    { id: "stats-grid", name: "Stats Grid", description: "Grid of KPI statistics with trends" },
+    {
+        id: "data-table",
+        name: "Data Table",
+        description: "Dynamic data table with sorting and filtering",
+    },
+    { id: "line-chart", name: "Line Chart", description: "Time series line chart for trends" },
+    {
+        id: "pie-chart",
+        name: "Pie Chart",
+        description: "Pie chart for proportional data visualization",
+    },
+    { id: "item-grid", name: "Item Grid", description: "Grid of item cards with images" },
+    { id: "item-card", name: "Item Card", description: "Individual item card component" },
+    { id: "image", name: "Image", description: "Image display component" },
+    { id: "details-data", name: "Details Data", description: "Detailed information cards" },
+    {
+        id: "chat-bubble",
+        name: "Chat Bubble",
+        description: "Text message bubble for simple text responses",
+    },
+    { id: "form", name: "Form", description: "Dynamic form with various input types" },
+    {
+        id: "button",
+        name: "Button",
+        description: "Interactive button with action or link functionality",
+    },
+    {
+        id: "bar-chart",
+        name: "Bar Chart",
+        description: "Bar chart for comparing values across categories",
+    },
+    {
+        id: "alert",
+        name: "Alert",
+        description: "Notification banner for messages, warnings, and feedback",
+    },
+];
+const ELEMENT_INFO_MAP = new Map(ELEMENT_INFO.map((e) => [e.id, e]));
+/** Get element info by type (for names, click behaviors, summaries) */
+export function getElementDefinition(elementType) {
+    return ELEMENT_INFO_MAP.get(elementType);
+}

package/dist/server/tools/generate-screen-schema.d.ts

@@ -0,0 +1,262 @@
+/**
+ * Self-contained generate_screen Zod schema + tool description for the MCP server.
+ *
+ * All 14 element prop schemas are defined here so the compiled dist/server can run
+ * as a standalone Node.js server without depending on @brander/elements at runtime.
+ * (Avoids CJS/ESM interop issues — brander-elements is CJS but mcp-tools is ESM.)
+ */
+import { z } from "zod";
+/** Full input schema for the MCP `generate_screen` tool */
+export declare const generateScreenInputSchema: z.ZodObject<{
+    elements: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        elementType: z.ZodLiteral<"header">;
+        props: z.ZodObject<{
+            title: z.ZodString;
+            subtitle: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"chat-bubble">;
+        props: z.ZodObject<{
+            text: z.ZodString;
+            markdown: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"stats-grid">;
+        props: z.ZodObject<{
+            stats: z.ZodArray<z.ZodObject<{
+                id: z.ZodString;
+                title: z.ZodString;
+                value: z.ZodString;
+                period: z.ZodOptional<z.ZodString>;
+                trend: z.ZodOptional<z.ZodObject<{
+                    direction: z.ZodEnum<{
+                        up: "up";
+                        down: "down";
+                        neutral: "neutral";
+                    }>;
+                    percentage: z.ZodString;
+                }, z.core.$strip>>;
+                subtitle: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"data-table">;
+        props: z.ZodObject<{
+            title: z.ZodOptional<z.ZodString>;
+            columns: z.ZodArray<z.ZodObject<{
+                key: z.ZodString;
+                label: z.ZodString;
+                type: z.ZodEnum<{
+                    number: "number";
+                    boolean: "boolean";
+                    text: "text";
+                    date: "date";
+                    status: "status";
+                    currency: "currency";
+                }>;
+                sortable: z.ZodOptional<z.ZodBoolean>;
+                filterable: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>>;
+            rows: z.ZodArray<z.ZodObject<{
+                id: z.ZodString;
+            }, z.core.$loose>>;
+            pageSize: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"line-chart">;
+        props: z.ZodObject<{
+            title: z.ZodString;
+            labels: z.ZodArray<z.ZodString>;
+            data: z.ZodArray<z.ZodNumber>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"pie-chart">;
+        props: z.ZodObject<{
+            title: z.ZodString;
+            data: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                value: z.ZodNumber;
+                color: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"bar-chart">;
+        props: z.ZodObject<{
+            id: z.ZodString;
+            title: z.ZodOptional<z.ZodString>;
+            categories: z.ZodArray<z.ZodString>;
+            series: z.ZodArray<z.ZodObject<{
+                name: z.ZodString;
+                data: z.ZodArray<z.ZodNumber>;
+            }, z.core.$strip>>;
+            stacked: z.ZodOptional<z.ZodBoolean>;
+            showLegend: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"item-grid">;
+        props: z.ZodObject<{
+            title: z.ZodOptional<z.ZodString>;
+            items: z.ZodArray<z.ZodObject<{
+                id: z.ZodString;
+                title: z.ZodString;
+                description: z.ZodOptional<z.ZodString>;
+                price: z.ZodString;
+                image: z.ZodOptional<z.ZodString>;
+                category: z.ZodOptional<z.ZodString>;
+                rating: z.ZodOptional<z.ZodNumber>;
+                stock: z.ZodOptional<z.ZodNumber>;
+            }, z.core.$strip>>;
+            pageSize: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"item-card">;
+        props: z.ZodObject<{
+            id: z.ZodString;
+            title: z.ZodString;
+            subtitle: z.ZodOptional<z.ZodString>;
+            image: z.ZodOptional<z.ZodString>;
+            price: z.ZodOptional<z.ZodString>;
+            category: z.ZodOptional<z.ZodString>;
+            stock: z.ZodOptional<z.ZodNumber>;
+            rating: z.ZodOptional<z.ZodNumber>;
+            description: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"image">;
+        props: z.ZodObject<{
+            src: z.ZodString;
+            alt: z.ZodString;
+            title: z.ZodOptional<z.ZodString>;
+            caption: z.ZodOptional<z.ZodString>;
+            width: z.ZodOptional<z.ZodNumber>;
+            height: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"details-data">;
+        props: z.ZodObject<{
+            items: z.ZodArray<z.ZodObject<{
+                id: z.ZodString;
+                title: z.ZodString;
+                value: z.ZodString;
+                type: z.ZodEnum<{
+                    text: "text";
+                    status: "status";
+                    price: "price";
+                }>;
+                category: z.ZodString;
+                color: z.ZodOptional<z.ZodEnum<{
+                    success: "success";
+                    default: "default";
+                    primary: "primary";
+                    secondary: "secondary";
+                    error: "error";
+                    info: "info";
+                    warning: "warning";
+                }>>;
+                variant: z.ZodOptional<z.ZodEnum<{
+                    outlined: "outlined";
+                    filled: "filled";
+                }>>;
+                size: z.ZodOptional<z.ZodEnum<{
+                    small: "small";
+                    medium: "medium";
+                }>>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"form">;
+        props: z.ZodObject<{
+            title: z.ZodString;
+            description: z.ZodOptional<z.ZodString>;
+            fields: z.ZodArray<z.ZodObject<{
+                id: z.ZodString;
+                name: z.ZodString;
+                label: z.ZodString;
+                type: z.ZodEnum<{
+                    number: "number";
+                    text: "text";
+                    date: "date";
+                    email: "email";
+                    amount: "amount";
+                    tel: "tel";
+                    select: "select";
+                    textarea: "textarea";
+                    checkbox: "checkbox";
+                }>;
+                required: z.ZodOptional<z.ZodBoolean>;
+                placeholder: z.ZodOptional<z.ZodString>;
+                options: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    value: z.ZodString;
+                    label: z.ZodString;
+                }, z.core.$strip>>>;
+            }, z.core.$strip>>;
+            submitButton: z.ZodOptional<z.ZodObject<{
+                label: z.ZodOptional<z.ZodString>;
+                action: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"button">;
+        props: z.ZodObject<{
+            id: z.ZodString;
+            label: z.ZodString;
+            variant: z.ZodEnum<{
+                primary: "primary";
+                secondary: "secondary";
+                tertiary: "tertiary";
+            }>;
+            type: z.ZodEnum<{
+                link: "link";
+                action: "action";
+            }>;
+            action: z.ZodOptional<z.ZodString>;
+            url: z.ZodOptional<z.ZodString>;
+            size: z.ZodOptional<z.ZodEnum<{
+                small: "small";
+                medium: "medium";
+                large: "large";
+            }>>;
+            disabled: z.ZodOptional<z.ZodBoolean>;
+            startIcon: z.ZodOptional<z.ZodString>;
+            endIcon: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"alert">;
+        props: z.ZodObject<{
+            id: z.ZodString;
+            severity: z.ZodEnum<{
+                success: "success";
+                error: "error";
+                info: "info";
+                warning: "warning";
+            }>;
+            title: z.ZodOptional<z.ZodString>;
+            message: z.ZodString;
+            variant: z.ZodOptional<z.ZodEnum<{
+                outlined: "outlined";
+                standard: "standard";
+            }>>;
+            closeable: z.ZodOptional<z.ZodBoolean>;
+            showIcon: z.ZodOptional<z.ZodBoolean>;
+            actionText: z.ZodOptional<z.ZodString>;
+            actionQuery: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>], "elementType">>;
+}, z.core.$strip>;
+/** Tool description for generate_screen */
+export declare const GENERATE_SCREEN_DESCRIPTION: string;
+//# sourceMappingURL=generate-screen-schema.d.ts.map