@frontmcp/ui 0.5.0 → 0.6.0

package/src/tool-template/builder.js

@@ -1,397 +0,0 @@
-"use strict";
-/**
- * Tool Template Builder
- *
- * Provides utilities for building and rendering tool UI templates
- * with the MCP Bridge runtime.
- *
- * Supports multiple template types with auto-detection:
- * - HTML strings and template builder functions
- * - React components (imported or JSX strings)
- * - MDX content (Markdown + JSX)
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildTemplateContext = buildTemplateContext;
-exports.executeTemplate = executeTemplate;
-exports.renderTemplate = renderTemplate;
-exports.renderToolTemplate = renderToolTemplate;
-exports.renderToolTemplateAsync = renderToolTemplateAsync;
-exports.createTemplate = createTemplate;
-exports.createToolUI = createToolUI;
-exports.container = container;
-exports.heading = heading;
-exports.paragraph = paragraph;
-exports.keyValue = keyValue;
-exports.dataList = dataList;
-exports.errorDisplay = errorDisplay;
-exports.successDisplay = successDisplay;
-exports.loadingDisplay = loadingDisplay;
-const wrapper_1 = require("../runtime/wrapper");
-const base_1 = require("../layouts/base");
-const registry_1 = require("../renderers/registry");
-const detect_1 = require("../renderers/utils/detect");
-// ============================================
-// Template Rendering
-// ============================================
-/**
- * Build template context from render options
- */
-function buildTemplateContext(input, output, structuredContent) {
-    return {
-        input,
-        output,
-        structuredContent,
-        helpers: (0, wrapper_1.createTemplateHelpers)(),
-    };
-}
-/**
- * Execute a template builder function or return static template.
- * This is used for simple HTML templates only.
- */
-function executeTemplate(template, ctx) {
-    if (typeof template === 'string') {
-        return template;
-    }
-    return template(ctx);
-}
-/**
- * Render a template using the appropriate renderer (auto-detected).
- *
- * This function detects the template type and routes to the appropriate
- * renderer (HTML, React, or MDX).
- *
- * @param template - The template to render
- * @param ctx - Template context with input/output/helpers
- * @param options - Additional render options
- * @returns Promise resolving to rendered HTML string
- */
-async function renderTemplate(template, ctx, options) {
-    // Detect template type
-    const detection = (0, detect_1.detectTemplateType)(template);
-    // For simple HTML templates, use direct execution (sync, faster)
-    if (detection.type === 'html-function' || detection.type === 'html-string') {
-        const html = typeof template === 'function' ? template(ctx) : template;
-        return { html, rendererType: 'html' };
-    }
-    // For React/MDX, use the renderer registry
-    try {
-        const result = await registry_1.rendererRegistry.render(template, ctx, {
-            hydrate: options?.hydrate,
-            mdxComponents: options?.mdxComponents,
-        });
-        return { html: result.html, rendererType: result.rendererType };
-    }
-    catch (error) {
-        // Fallback to HTML if renderer fails
-        console.warn(`[@frontmcp/ui] Renderer failed for ${detection.type}, falling back to HTML:`, error instanceof Error ? error.message : error);
-        // Try to execute as HTML template
-        if (typeof template === 'function') {
-            try {
-                const html = template(ctx);
-                return { html, rendererType: 'html-fallback' };
-            }
-            catch {
-                // If that fails too, return error message
-                return {
-                    html: `<div class="error">Template rendering failed: ${error instanceof Error ? error.message : 'Unknown error'}</div>`,
-                    rendererType: 'error',
-                };
-            }
-        }
-        return { html: String(template), rendererType: 'html-fallback' };
-    }
-}
-/**
- * Render a tool UI template to a complete HTML document (sync version).
- *
- * This is the sync entry point for rendering simple HTML tool UIs. It:
- * 1. Builds the template context with input/output/helpers
- * 2. Executes the template builder function
- * 3. Wraps the content in a complete HTML document with MCP Bridge
- * 4. Applies CSP and theme configuration
- *
- * Note: For React/MDX templates, use `renderToolTemplateAsync` instead.
- *
- * @param options - Render options
- * @returns Rendered template with HTML and metadata
- *
- * @example
- * ```typescript
- * const result = renderToolTemplate({
- *   ui: toolMetadata.ui,
- *   toolName: 'get_weather',
- *   input: { location: 'San Francisco' },
- *   output: { temperature: 72, conditions: 'sunny' },
- * });
- *
- * // Use result.html for the response body
- * // Use result.mimeType for Content-Type header
- * ```
- */
-function renderToolTemplate(options) {
-    const { ui, toolName, input, output, structuredContent, theme, platform } = options;
-    // Build template context
-    const ctx = buildTemplateContext(input, output, structuredContent);
-    // Execute template to get content HTML (sync for HTML templates)
-    const content = executeTemplate(ui.template, ctx);
-    // Build wrapper options
-    const wrapperOptions = {
-        content,
-        toolName,
-        input: input,
-        output,
-        structuredContent,
-        csp: ui.csp,
-        widgetAccessible: ui.widgetAccessible,
-        title: `${toolName} Result`,
-        theme,
-        platform,
-    };
-    // Wrap in complete HTML document
-    const html = (0, wrapper_1.wrapToolUI)(wrapperOptions);
-    // Build OpenAI meta if widget features are used
-    const openaiMeta = buildOpenAIMetaFromUI(ui);
-    return {
-        html,
-        mimeType: 'text/html',
-        openaiMeta: Object.keys(openaiMeta).length > 0 ? openaiMeta : undefined,
-    };
-}
-/**
- * Render a tool UI template to a complete HTML document (async version).
- *
- * This is the async entry point that supports all template types:
- * - HTML strings and template builder functions
- * - React components (imported or JSX strings)
- * - MDX content (Markdown + JSX)
- *
- * The template type is auto-detected and the appropriate renderer is used.
- *
- * @param options - Render options
- * @returns Promise resolving to rendered template with HTML and metadata
- *
- * @example React component
- * ```typescript
- * import { WeatherWidget } from './weather-widget.tsx';
- *
- * const result = await renderToolTemplateAsync({
- *   ui: { template: WeatherWidget, hydrate: true },
- *   toolName: 'get_weather',
- *   input: { location: 'San Francisco' },
- *   output: { temperature: 72, conditions: 'sunny' },
- * });
- * ```
- *
- * @example MDX content
- * ```typescript
- * const result = await renderToolTemplateAsync({
- *   ui: {
- *     template: `# Weather in {output.location}\nTemperature: {output.temperature}°F`,
- *   },
- *   toolName: 'get_weather',
- *   input: { location: 'San Francisco' },
- *   output: { temperature: 72, location: 'San Francisco' },
- * });
- * ```
- */
-async function renderToolTemplateAsync(options) {
-    const { ui, toolName, input, output, structuredContent, theme, platform } = options;
-    // Build template context
-    const ctx = buildTemplateContext(input, output, structuredContent);
-    // Render template using the appropriate renderer (auto-detected)
-    const { html: content, rendererType } = await renderTemplate(ui.template, ctx, {
-        hydrate: ui.hydrate,
-        mdxComponents: ui.mdxComponents,
-    });
-    // Apply custom wrapper if provided
-    const wrappedContent = ui.wrapper ? ui.wrapper(content, ctx) : content;
-    // Build wrapper options
-    const wrapperOptions = {
-        content: wrappedContent,
-        toolName,
-        input: input,
-        output,
-        structuredContent,
-        csp: ui.csp,
-        widgetAccessible: ui.widgetAccessible,
-        title: `${toolName} Result`,
-        theme,
-        platform,
-        // Pass renderer type for framework runtime injection
-        rendererType,
-        hydrate: ui.hydrate,
-    };
-    // Wrap in complete HTML document
-    const html = (0, wrapper_1.wrapToolUI)(wrapperOptions);
-    // Build OpenAI meta if widget features are used
-    const openaiMeta = buildOpenAIMetaFromUI(ui);
-    return {
-        html,
-        mimeType: 'text/html',
-        rendererType,
-        openaiMeta: Object.keys(openaiMeta).length > 0 ? openaiMeta : undefined,
-    };
-}
-/**
- * Build OpenAI-specific metadata from UI config
- */
-function buildOpenAIMetaFromUI(ui) {
-    const meta = {};
-    if (ui.widgetAccessible) {
-        meta['openai/widgetAccessible'] = true;
-    }
-    if (ui.widgetDescription) {
-        meta['openai/widgetDescription'] = ui.widgetDescription;
-    }
-    if (ui.csp) {
-        const cspConfig = {};
-        if (ui.csp.connectDomains?.length) {
-            cspConfig['connect_domains'] = ui.csp.connectDomains;
-        }
-        if (ui.csp.resourceDomains?.length) {
-            cspConfig['resource_domains'] = ui.csp.resourceDomains;
-        }
-        if (Object.keys(cspConfig).length > 0) {
-            meta['openai/widgetCSP'] = cspConfig;
-        }
-    }
-    if (ui.displayMode && ui.displayMode !== 'inline') {
-        meta['openai/displayMode'] = ui.displayMode;
-    }
-    return meta;
-}
-// ============================================
-// Template Factory
-// ============================================
-/**
- * Create a typed template builder with automatic input/output typing.
- *
- * This is a convenience function that helps TypeScript infer the
- * correct types for template builder functions.
- *
- * @example
- * ```typescript
- * interface WeatherInput {
- *   location: string;
- * }
- *
- * interface WeatherOutput {
- *   temperature: number;
- *   conditions: string;
- * }
- *
- * const weatherTemplate = createTemplate<WeatherInput, WeatherOutput>((ctx) => `
- *   <div class="p-4">
- *     <h2>Weather in ${ctx.helpers.escapeHtml(ctx.input.location)}</h2>
- *     <p>${ctx.output.temperature}°F - ${ctx.output.conditions}</p>
- *   </div>
- * `);
- * ```
- */
-function createTemplate(builder) {
-    return builder;
-}
-/**
- * Create a ToolUIConfig with proper typing
- *
- * @example
- * ```typescript
- * const ui = createToolUI<WeatherInput, WeatherOutput>({
- *   template: (ctx) => `<div>${ctx.output.temperature}°F</div>`,
- *   csp: { connectDomains: ['https://api.weather.com'] },
- *   widgetAccessible: true,
- * });
- * ```
- */
-function createToolUI(config) {
-    return config;
-}
-// ============================================
-// Template Component Helpers
-// ============================================
-/**
- * Create a container div with common styling
- */
-function container(content, className = '') {
-    const baseClasses = 'p-4 rounded-lg bg-surface';
-    return `<div class="${baseClasses} ${className}">${content}</div>`;
-}
-/**
- * Create a heading element
- */
-function heading(text, level = 2) {
-    const tag = `h${level}`;
-    const classes = {
-        1: 'text-2xl font-bold text-text-primary mb-4',
-        2: 'text-xl font-semibold text-text-primary mb-3',
-        3: 'text-lg font-medium text-text-primary mb-2',
-        4: 'text-base font-medium text-text-secondary mb-2',
-    }[level] || '';
-    return `<${tag} class="${classes}">${(0, base_1.escapeHtml)(text)}</${tag}>`;
-}
-/**
- * Create a paragraph element
- */
-function paragraph(text, className = '') {
-    return `<p class="text-text-secondary ${className}">${(0, base_1.escapeHtml)(text)}</p>`;
-}
-/**
- * Create a key-value display
- */
-function keyValue(key, value, className = '') {
-    const displayValue = typeof value === 'boolean' ? (value ? 'Yes' : 'No') : String(value);
-    return `<div class="flex justify-between items-center py-2 border-b border-border ${className}">
-    <span class="text-text-secondary">${(0, base_1.escapeHtml)(key)}</span>
-    <span class="text-text-primary font-medium">${(0, base_1.escapeHtml)(displayValue)}</span>
-  </div>`;
-}
-/**
- * Create a simple data list
- */
-function dataList(items) {
-    const listItems = items.map((item) => keyValue(item.key, item.value)).join('');
-    return `<div class="space-y-1">${listItems}</div>`;
-}
-/**
- * Create an error display
- */
-function errorDisplay(message, details) {
-    return `<div class="p-4 bg-danger/10 border border-danger rounded-lg">
-    <div class="flex items-center gap-2 text-danger">
-      <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
-      </svg>
-      <span class="font-medium">${(0, base_1.escapeHtml)(message)}</span>
-    </div>
-    ${details ? `<p class="mt-2 text-sm text-text-secondary">${(0, base_1.escapeHtml)(details)}</p>` : ''}
-  </div>`;
-}
-/**
- * Create a success display
- */
-function successDisplay(message, details) {
-    return `<div class="p-4 bg-success/10 border border-success rounded-lg">
-    <div class="flex items-center gap-2 text-success">
-      <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
-      </svg>
-      <span class="font-medium">${(0, base_1.escapeHtml)(message)}</span>
-    </div>
-    ${details ? `<p class="mt-2 text-sm text-text-secondary">${(0, base_1.escapeHtml)(details)}</p>` : ''}
-  </div>`;
-}
-/**
- * Create a loading indicator
- */
-function loadingDisplay(message = 'Loading...') {
-    return `<div class="flex items-center justify-center p-8">
-    <div class="flex items-center gap-3 text-text-secondary">
-      <svg class="animate-spin w-5 h-5" fill="none" viewBox="0 0 24 24">
-        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-      </svg>
-      <span>${(0, base_1.escapeHtml)(message)}</span>
-    </div>
-  </div>`;
-}
-//# sourceMappingURL=builder.js.map

package/src/tool-template/builder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"builder.js","sourceRoot":"","sources":["../../../src/tool-template/builder.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Tool Template Builder\n *\n * Provides utilities for building and rendering tool UI templates\n * with the MCP Bridge runtime.\n *\n * Supports multiple template types with auto-detection:\n * - HTML strings and template builder functions\n * - React components (imported or JSX strings)\n * - MDX content (Markdown + JSX)\n */\n\nimport type {\n  TemplateContext,\n  TemplateBuilderFn,\n  ToolUIConfig,\n  UIContentSecurityPolicy,\n  ToolUITemplate,\n} from '../runtime/types';\nimport { createTemplateHelpers, wrapToolUI, type WrapToolUIFullOptions } from '../runtime/wrapper';\nimport type { ThemeConfig, PlatformCapabilities, DeepPartial } from '../theme';\nimport { escapeHtml } from '../layouts/base';\nimport { rendererRegistry } from '../renderers/registry';\nimport { detectTemplateType } from '../renderers/utils/detect';\n\n// ============================================\n// Template Builder Types\n// ============================================\n\n/**\n * Options for rendering a tool template\n */\nexport interface RenderTemplateOptions<In = Record<string, unknown>, Out = unknown> {\n  /** UI configuration from tool metadata */\n  ui: ToolUIConfig<In, Out>;\n\n  /** Tool name */\n  toolName: string;\n\n  /** Tool input arguments */\n  input: In;\n\n  /** Tool output (raw result from execute) */\n  output: Out;\n\n  /** Structured content (parsed output for widgets) */\n  structuredContent?: unknown;\n\n  /** Theme configuration */\n  theme?: DeepPartial<ThemeConfig>;\n\n  /** Platform capabilities */\n  platform?: PlatformCapabilities;\n}\n\n/**\n * Result of rendering a tool template\n */\nexport interface RenderedTemplate {\n  /** Complete HTML document string */\n  html: string;\n\n  /** MIME type for the response */\n  mimeType: string;\n\n  /** OpenAI-specific metadata (if applicable) */\n  openaiMeta?: Record<string, unknown>;\n}\n\n// ============================================\n// Template Rendering\n// ============================================\n\n/**\n * Build template context from render options\n */\nexport function buildTemplateContext<In = Record<string, unknown>, Out = unknown>(\n  input: In,\n  output: Out,\n  structuredContent?: unknown,\n): TemplateContext<In, Out> {\n  return {\n    input,\n    output,\n    structuredContent,\n    helpers: createTemplateHelpers(),\n  };\n}\n\n/**\n * Execute a template builder function or return static template.\n * This is used for simple HTML templates only.\n */\nexport function executeTemplate<In = Record<string, unknown>, Out = unknown>(\n  template: TemplateBuilderFn<In, Out> | string,\n  ctx: TemplateContext<In, Out>,\n): string {\n  if (typeof template === 'string') {\n    return template;\n  }\n  return template(ctx);\n}\n\n/**\n * Render a template using the appropriate renderer (auto-detected).\n *\n * This function detects the template type and routes to the appropriate\n * renderer (HTML, React, or MDX).\n *\n * @param template - The template to render\n * @param ctx - Template context with input/output/helpers\n * @param options - Additional render options\n * @returns Promise resolving to rendered HTML string\n */\nexport async function renderTemplate<In = Record<string, unknown>, Out = unknown>(\n  template: ToolUITemplate<In, Out>,\n  ctx: TemplateContext<In, Out>,\n  options?: {\n    hydrate?: boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    mdxComponents?: Record<string, any>;\n  },\n): Promise<{ html: string; rendererType: string }> {\n  // Detect template type\n  const detection = detectTemplateType(template);\n\n  // For simple HTML templates, use direct execution (sync, faster)\n  if (detection.type === 'html-function' || detection.type === 'html-string') {\n    const html = typeof template === 'function' ? (template as TemplateBuilderFn<In, Out>)(ctx) : (template as string);\n\n    return { html, rendererType: 'html' };\n  }\n\n  // For React/MDX, use the renderer registry\n  try {\n    const result = await rendererRegistry.render(template, ctx, {\n      hydrate: options?.hydrate,\n      mdxComponents: options?.mdxComponents,\n    });\n\n    return { html: result.html, rendererType: result.rendererType };\n  } catch (error) {\n    // Fallback to HTML if renderer fails\n    console.warn(\n      `[@frontmcp/ui] Renderer failed for ${detection.type}, falling back to HTML:`,\n      error instanceof Error ? error.message : error,\n    );\n\n    // Try to execute as HTML template\n    if (typeof template === 'function') {\n      try {\n        const html = (template as TemplateBuilderFn<In, Out>)(ctx);\n        return { html, rendererType: 'html-fallback' };\n      } catch {\n        // If that fails too, return error message\n        return {\n          html: `<div class=\"error\">Template rendering failed: ${\n            error instanceof Error ? error.message : 'Unknown error'\n          }</div>`,\n          rendererType: 'error',\n        };\n      }\n    }\n\n    return { html: String(template), rendererType: 'html-fallback' };\n  }\n}\n\n/**\n * Render a tool UI template to a complete HTML document (sync version).\n *\n * This is the sync entry point for rendering simple HTML tool UIs. It:\n * 1. Builds the template context with input/output/helpers\n * 2. Executes the template builder function\n * 3. Wraps the content in a complete HTML document with MCP Bridge\n * 4. Applies CSP and theme configuration\n *\n * Note: For React/MDX templates, use `renderToolTemplateAsync` instead.\n *\n * @param options - Render options\n * @returns Rendered template with HTML and metadata\n *\n * @example\n * ```typescript\n * const result = renderToolTemplate({\n *   ui: toolMetadata.ui,\n *   toolName: 'get_weather',\n *   input: { location: 'San Francisco' },\n *   output: { temperature: 72, conditions: 'sunny' },\n * });\n *\n * // Use result.html for the response body\n * // Use result.mimeType for Content-Type header\n * ```\n */\nexport function renderToolTemplate<In = Record<string, unknown>, Out = unknown>(\n  options: RenderTemplateOptions<In, Out>,\n): RenderedTemplate {\n  const { ui, toolName, input, output, structuredContent, theme, platform } = options;\n\n  // Build template context\n  const ctx = buildTemplateContext(input, output, structuredContent);\n\n  // Execute template to get content HTML (sync for HTML templates)\n  const content = executeTemplate(ui.template as TemplateBuilderFn<In, Out> | string, ctx);\n\n  // Build wrapper options\n  const wrapperOptions: WrapToolUIFullOptions = {\n    content,\n    toolName,\n    input: input as Record<string, unknown>,\n    output,\n    structuredContent,\n    csp: ui.csp,\n    widgetAccessible: ui.widgetAccessible,\n    title: `${toolName} Result`,\n    theme,\n    platform,\n  };\n\n  // Wrap in complete HTML document\n  const html = wrapToolUI(wrapperOptions);\n\n  // Build OpenAI meta if widget features are used\n  const openaiMeta = buildOpenAIMetaFromUI(ui as ToolUIConfig);\n\n  return {\n    html,\n    mimeType: 'text/html',\n    openaiMeta: Object.keys(openaiMeta).length > 0 ? openaiMeta : undefined,\n  };\n}\n\n/**\n * Render a tool UI template to a complete HTML document (async version).\n *\n * This is the async entry point that supports all template types:\n * - HTML strings and template builder functions\n * - React components (imported or JSX strings)\n * - MDX content (Markdown + JSX)\n *\n * The template type is auto-detected and the appropriate renderer is used.\n *\n * @param options - Render options\n * @returns Promise resolving to rendered template with HTML and metadata\n *\n * @example React component\n * ```typescript\n * import { WeatherWidget } from './weather-widget.tsx';\n *\n * const result = await renderToolTemplateAsync({\n *   ui: { template: WeatherWidget, hydrate: true },\n *   toolName: 'get_weather',\n *   input: { location: 'San Francisco' },\n *   output: { temperature: 72, conditions: 'sunny' },\n * });\n * ```\n *\n * @example MDX content\n * ```typescript\n * const result = await renderToolTemplateAsync({\n *   ui: {\n *     template: `# Weather in {output.location}\\nTemperature: {output.temperature}°F`,\n *   },\n *   toolName: 'get_weather',\n *   input: { location: 'San Francisco' },\n *   output: { temperature: 72, location: 'San Francisco' },\n * });\n * ```\n */\nexport async function renderToolTemplateAsync<In = Record<string, unknown>, Out = unknown>(\n  options: RenderTemplateOptions<In, Out>,\n): Promise<RenderedTemplate & { rendererType: string }> {\n  const { ui, toolName, input, output, structuredContent, theme, platform } = options;\n\n  // Build template context\n  const ctx = buildTemplateContext(input, output, structuredContent);\n\n  // Render template using the appropriate renderer (auto-detected)\n  const { html: content, rendererType } = await renderTemplate(ui.template, ctx, {\n    hydrate: ui.hydrate,\n    mdxComponents: ui.mdxComponents,\n  });\n\n  // Apply custom wrapper if provided\n  const wrappedContent = ui.wrapper ? ui.wrapper(content, ctx) : content;\n\n  // Build wrapper options\n  const wrapperOptions: WrapToolUIFullOptions = {\n    content: wrappedContent,\n    toolName,\n    input: input as Record<string, unknown>,\n    output,\n    structuredContent,\n    csp: ui.csp,\n    widgetAccessible: ui.widgetAccessible,\n    title: `${toolName} Result`,\n    theme,\n    platform,\n    // Pass renderer type for framework runtime injection\n    rendererType,\n    hydrate: ui.hydrate,\n  };\n\n  // Wrap in complete HTML document\n  const html = wrapToolUI(wrapperOptions);\n\n  // Build OpenAI meta if widget features are used\n  const openaiMeta = buildOpenAIMetaFromUI(ui as ToolUIConfig);\n\n  return {\n    html,\n    mimeType: 'text/html',\n    rendererType,\n    openaiMeta: Object.keys(openaiMeta).length > 0 ? openaiMeta : undefined,\n  };\n}\n\n/**\n * Build OpenAI-specific metadata from UI config\n */\nfunction buildOpenAIMetaFromUI(ui: ToolUIConfig): Record<string, unknown> {\n  const meta: Record<string, unknown> = {};\n\n  if (ui.widgetAccessible) {\n    meta['openai/widgetAccessible'] = true;\n  }\n\n  if (ui.widgetDescription) {\n    meta['openai/widgetDescription'] = ui.widgetDescription;\n  }\n\n  if (ui.csp) {\n    const cspConfig: Record<string, string[]> = {};\n    if (ui.csp.connectDomains?.length) {\n      cspConfig['connect_domains'] = ui.csp.connectDomains;\n    }\n    if (ui.csp.resourceDomains?.length) {\n      cspConfig['resource_domains'] = ui.csp.resourceDomains;\n    }\n    if (Object.keys(cspConfig).length > 0) {\n      meta['openai/widgetCSP'] = cspConfig;\n    }\n  }\n\n  if (ui.displayMode && ui.displayMode !== 'inline') {\n    meta['openai/displayMode'] = ui.displayMode;\n  }\n\n  return meta;\n}\n\n// ============================================\n// Template Factory\n// ============================================\n\n/**\n * Create a typed template builder with automatic input/output typing.\n *\n * This is a convenience function that helps TypeScript infer the\n * correct types for template builder functions.\n *\n * @example\n * ```typescript\n * interface WeatherInput {\n *   location: string;\n * }\n *\n * interface WeatherOutput {\n *   temperature: number;\n *   conditions: string;\n * }\n *\n * const weatherTemplate = createTemplate<WeatherInput, WeatherOutput>((ctx) => `\n *   <div class=\"p-4\">\n *     <h2>Weather in ${ctx.helpers.escapeHtml(ctx.input.location)}</h2>\n *     <p>${ctx.output.temperature}°F - ${ctx.output.conditions}</p>\n *   </div>\n * `);\n * ```\n */\nexport function createTemplate<In = Record<string, unknown>, Out = unknown>(\n  builder: TemplateBuilderFn<In, Out>,\n): TemplateBuilderFn<In, Out> {\n  return builder;\n}\n\n/**\n * Create a ToolUIConfig with proper typing\n *\n * @example\n * ```typescript\n * const ui = createToolUI<WeatherInput, WeatherOutput>({\n *   template: (ctx) => `<div>${ctx.output.temperature}°F</div>`,\n *   csp: { connectDomains: ['https://api.weather.com'] },\n *   widgetAccessible: true,\n * });\n * ```\n */\nexport function createToolUI<In = Record<string, unknown>, Out = unknown>(\n  config: ToolUIConfig<In, Out>,\n): ToolUIConfig<In, Out> {\n  return config;\n}\n\n// ============================================\n// Template Component Helpers\n// ============================================\n\n/**\n * Create a container div with common styling\n */\nexport function container(content: string, className = ''): string {\n  const baseClasses = 'p-4 rounded-lg bg-surface';\n  return `<div class=\"${baseClasses} ${className}\">${content}</div>`;\n}\n\n/**\n * Create a heading element\n */\nexport function heading(text: string, level: 1 | 2 | 3 | 4 = 2): string {\n  const tag = `h${level}`;\n  const classes =\n    {\n      1: 'text-2xl font-bold text-text-primary mb-4',\n      2: 'text-xl font-semibold text-text-primary mb-3',\n      3: 'text-lg font-medium text-text-primary mb-2',\n      4: 'text-base font-medium text-text-secondary mb-2',\n    }[level] || '';\n\n  return `<${tag} class=\"${classes}\">${escapeHtml(text)}</${tag}>`;\n}\n\n/**\n * Create a paragraph element\n */\nexport function paragraph(text: string, className = ''): string {\n  return `<p class=\"text-text-secondary ${className}\">${escapeHtml(text)}</p>`;\n}\n\n/**\n * Create a key-value display\n */\nexport function keyValue(key: string, value: string | number | boolean, className = ''): string {\n  const displayValue = typeof value === 'boolean' ? (value ? 'Yes' : 'No') : String(value);\n\n  return `<div class=\"flex justify-between items-center py-2 border-b border-border ${className}\">\n    <span class=\"text-text-secondary\">${escapeHtml(key)}</span>\n    <span class=\"text-text-primary font-medium\">${escapeHtml(displayValue)}</span>\n  </div>`;\n}\n\n/**\n * Create a simple data list\n */\nexport function dataList(items: Array<{ key: string; value: string | number | boolean }>): string {\n  const listItems = items.map((item) => keyValue(item.key, item.value)).join('');\n  return `<div class=\"space-y-1\">${listItems}</div>`;\n}\n\n/**\n * Create an error display\n */\nexport function errorDisplay(message: string, details?: string): string {\n  return `<div class=\"p-4 bg-danger/10 border border-danger rounded-lg\">\n    <div class=\"flex items-center gap-2 text-danger\">\n      <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\" clip-rule=\"evenodd\"/>\n      </svg>\n      <span class=\"font-medium\">${escapeHtml(message)}</span>\n    </div>\n    ${details ? `<p class=\"mt-2 text-sm text-text-secondary\">${escapeHtml(details)}</p>` : ''}\n  </div>`;\n}\n\n/**\n * Create a success display\n */\nexport function successDisplay(message: string, details?: string): string {\n  return `<div class=\"p-4 bg-success/10 border border-success rounded-lg\">\n    <div class=\"flex items-center gap-2 text-success\">\n      <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"/>\n      </svg>\n      <span class=\"font-medium\">${escapeHtml(message)}</span>\n    </div>\n    ${details ? `<p class=\"mt-2 text-sm text-text-secondary\">${escapeHtml(details)}</p>` : ''}\n  </div>`;\n}\n\n/**\n * Create a loading indicator\n */\nexport function loadingDisplay(message = 'Loading...'): string {\n  return `<div class=\"flex items-center justify-center p-8\">\n    <div class=\"flex items-center gap-3 text-text-secondary\">\n      <svg class=\"animate-spin w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\">\n        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n      </svg>\n      <span>${escapeHtml(message)}</span>\n    </div>\n  </div>`;\n}\n"]}

package/src/tool-template/index.d.ts

@@ -1,15 +0,0 @@
-/**
- * Tool Template Module
- *
- * Provides utilities for building and rendering tool UI templates
- * that work across multiple host environments (OpenAI, Claude, ext-apps).
- *
- * Supports multiple template formats with auto-detection:
- * - HTML strings and template builder functions
- * - React components (imported from .tsx files)
- * - JSX strings (transpiled at runtime with SWC)
- * - MDX content (Markdown + JSX)
- *
- * @module @frontmcp/ui/tool-template
- */
-export { type RenderTemplateOptions, type RenderedTemplate, buildTemplateContext, executeTemplate, renderToolTemplate, renderTemplate, renderToolTemplateAsync, createTemplate, createToolUI, container, heading, paragraph, keyValue, dataList, errorDisplay, successDisplay, loadingDisplay, } from './builder';

package/src/tool-template/index.js

@@ -1,38 +0,0 @@
-"use strict";
-/**
- * Tool Template Module
- *
- * Provides utilities for building and rendering tool UI templates
- * that work across multiple host environments (OpenAI, Claude, ext-apps).
- *
- * Supports multiple template formats with auto-detection:
- * - HTML strings and template builder functions
- * - React components (imported from .tsx files)
- * - JSX strings (transpiled at runtime with SWC)
- * - MDX content (Markdown + JSX)
- *
- * @module @frontmcp/ui/tool-template
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadingDisplay = exports.successDisplay = exports.errorDisplay = exports.dataList = exports.keyValue = exports.paragraph = exports.heading = exports.container = exports.createToolUI = exports.createTemplate = exports.renderToolTemplateAsync = exports.renderTemplate = exports.renderToolTemplate = exports.executeTemplate = exports.buildTemplateContext = void 0;
-var builder_1 = require("./builder");
-// Core rendering (sync - for HTML templates)
-Object.defineProperty(exports, "buildTemplateContext", { enumerable: true, get: function () { return builder_1.buildTemplateContext; } });
-Object.defineProperty(exports, "executeTemplate", { enumerable: true, get: function () { return builder_1.executeTemplate; } });
-Object.defineProperty(exports, "renderToolTemplate", { enumerable: true, get: function () { return builder_1.renderToolTemplate; } });
-// Core rendering (async - for React/MDX templates)
-Object.defineProperty(exports, "renderTemplate", { enumerable: true, get: function () { return builder_1.renderTemplate; } });
-Object.defineProperty(exports, "renderToolTemplateAsync", { enumerable: true, get: function () { return builder_1.renderToolTemplateAsync; } });
-// Factories
-Object.defineProperty(exports, "createTemplate", { enumerable: true, get: function () { return builder_1.createTemplate; } });
-Object.defineProperty(exports, "createToolUI", { enumerable: true, get: function () { return builder_1.createToolUI; } });
-// Component helpers
-Object.defineProperty(exports, "container", { enumerable: true, get: function () { return builder_1.container; } });
-Object.defineProperty(exports, "heading", { enumerable: true, get: function () { return builder_1.heading; } });
-Object.defineProperty(exports, "paragraph", { enumerable: true, get: function () { return builder_1.paragraph; } });
-Object.defineProperty(exports, "keyValue", { enumerable: true, get: function () { return builder_1.keyValue; } });
-Object.defineProperty(exports, "dataList", { enumerable: true, get: function () { return builder_1.dataList; } });
-Object.defineProperty(exports, "errorDisplay", { enumerable: true, get: function () { return builder_1.errorDisplay; } });
-Object.defineProperty(exports, "successDisplay", { enumerable: true, get: function () { return builder_1.successDisplay; } });
-Object.defineProperty(exports, "loadingDisplay", { enumerable: true, get: function () { return builder_1.loadingDisplay; } });
-//# sourceMappingURL=index.js.map

package/src/tool-template/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tool-template/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG;;;AAEH,qCAuBmB;AAnBjB,6CAA6C;AAC7C,+GAAA,oBAAoB,OAAA;AACpB,0GAAA,eAAe,OAAA;AACf,6GAAA,kBAAkB,OAAA;AAClB,mDAAmD;AACnD,yGAAA,cAAc,OAAA;AACd,kHAAA,uBAAuB,OAAA;AACvB,YAAY;AACZ,yGAAA,cAAc,OAAA;AACd,uGAAA,YAAY,OAAA;AACZ,oBAAoB;AACpB,oGAAA,SAAS,OAAA;AACT,kGAAA,OAAO,OAAA;AACP,oGAAA,SAAS,OAAA;AACT,mGAAA,QAAQ,OAAA;AACR,mGAAA,QAAQ,OAAA;AACR,uGAAA,YAAY,OAAA;AACZ,yGAAA,cAAc,OAAA;AACd,yGAAA,cAAc,OAAA","sourcesContent":["/**\n * Tool Template Module\n *\n * Provides utilities for building and rendering tool UI templates\n * that work across multiple host environments (OpenAI, Claude, ext-apps).\n *\n * Supports multiple template formats with auto-detection:\n * - HTML strings and template builder functions\n * - React components (imported from .tsx files)\n * - JSX strings (transpiled at runtime with SWC)\n * - MDX content (Markdown + JSX)\n *\n * @module @frontmcp/ui/tool-template\n */\n\nexport {\n  // Types\n  type RenderTemplateOptions,\n  type RenderedTemplate,\n  // Core rendering (sync - for HTML templates)\n  buildTemplateContext,\n  executeTemplate,\n  renderToolTemplate,\n  // Core rendering (async - for React/MDX templates)\n  renderTemplate,\n  renderToolTemplateAsync,\n  // Factories\n  createTemplate,\n  createToolUI,\n  // Component helpers\n  container,\n  heading,\n  paragraph,\n  keyValue,\n  dataList,\n  errorDisplay,\n  successDisplay,\n  loadingDisplay,\n} from './builder';\n"]}

package/src/types/index.d.ts

@@ -1,13 +0,0 @@
-/**
- * @frontmcp/ui Types
- *
- * Standalone types for UI configuration that don't depend on @frontmcp/sdk.
- * These types enable external systems (like AgentLink) to use @frontmcp/ui
- * without requiring the full SDK as a dependency.
- *
- * @packageDocumentation
- */
-export { type UIContentSecurityPolicy, type TemplateHelpers, type TemplateContext, type TemplateBuilderFn, type WidgetServingMode, type WidgetDisplayMode, type UITemplateConfig, type UITemplate, } from './ui-config';
-export { type UIType, type BundlingMode, type ResourceMode, type OutputMode, type DisplayMode, type CSPDirectives, type CDNResource, type RendererAssets, type WidgetManifest, type UIMetaFields, type OpenAIMetaFields, type ToolResponseMeta, type WidgetConfig, type WidgetTemplate, type WidgetTemplateContext, type WidgetTemplateHelpers, type WidgetRuntimeOptions, type BuildManifestResult, type BuildManifestOptions, isUIType, isBundlingMode, isResourceMode, isOutputMode, isDisplayMode, DEFAULT_CSP_BY_TYPE, DEFAULT_RENDERER_ASSETS, 
-/** @deprecated Use UIMetaFields instead */
-type RuntimePayload, } from './ui-runtime';

package/src/types/index.js

@@ -1,26 +0,0 @@
-"use strict";
-/**
- * @frontmcp/ui Types
- *
- * Standalone types for UI configuration that don't depend on @frontmcp/sdk.
- * These types enable external systems (like AgentLink) to use @frontmcp/ui
- * without requiring the full SDK as a dependency.
- *
- * @packageDocumentation
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_RENDERER_ASSETS = exports.DEFAULT_CSP_BY_TYPE = exports.isDisplayMode = exports.isOutputMode = exports.isResourceMode = exports.isBundlingMode = exports.isUIType = void 0;
-// ============================================
-// Widget Runtime Types (New)
-// ============================================
-var ui_runtime_1 = require("./ui-runtime");
-// Type Guards
-Object.defineProperty(exports, "isUIType", { enumerable: true, get: function () { return ui_runtime_1.isUIType; } });
-Object.defineProperty(exports, "isBundlingMode", { enumerable: true, get: function () { return ui_runtime_1.isBundlingMode; } });
-Object.defineProperty(exports, "isResourceMode", { enumerable: true, get: function () { return ui_runtime_1.isResourceMode; } });
-Object.defineProperty(exports, "isOutputMode", { enumerable: true, get: function () { return ui_runtime_1.isOutputMode; } });
-Object.defineProperty(exports, "isDisplayMode", { enumerable: true, get: function () { return ui_runtime_1.isDisplayMode; } });
-// Default Values
-Object.defineProperty(exports, "DEFAULT_CSP_BY_TYPE", { enumerable: true, get: function () { return ui_runtime_1.DEFAULT_CSP_BY_TYPE; } });
-Object.defineProperty(exports, "DEFAULT_RENDERER_ASSETS", { enumerable: true, get: function () { return ui_runtime_1.DEFAULT_RENDERER_ASSETS; } });
-//# sourceMappingURL=index.js.map

package/src/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;;AAqBH,+CAA+C;AAC/C,6BAA6B;AAC7B,+CAA+C;AAE/C,2CAsCsB;AAZpB,cAAc;AACd,sGAAA,QAAQ,OAAA;AACR,4GAAA,cAAc,OAAA;AACd,4GAAA,cAAc,OAAA;AACd,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,iBAAiB;AACjB,iHAAA,mBAAmB,OAAA;AACnB,qHAAA,uBAAuB,OAAA","sourcesContent":["/**\n * @frontmcp/ui Types\n *\n * Standalone types for UI configuration that don't depend on @frontmcp/sdk.\n * These types enable external systems (like AgentLink) to use @frontmcp/ui\n * without requiring the full SDK as a dependency.\n *\n * @packageDocumentation\n */\n\n// ============================================\n// UI Config Types (Legacy/Base)\n// ============================================\n\nexport {\n  // Content Security Policy\n  type UIContentSecurityPolicy,\n  // Template Context & Helpers\n  type TemplateHelpers,\n  type TemplateContext,\n  type TemplateBuilderFn,\n  // Widget Serving & Display\n  type WidgetServingMode,\n  type WidgetDisplayMode,\n  // UI Template Configuration\n  type UITemplateConfig,\n  type UITemplate,\n} from './ui-config';\n\n// ============================================\n// Widget Runtime Types (New)\n// ============================================\n\nexport {\n  // Core Types\n  type UIType,\n  type BundlingMode,\n  type ResourceMode,\n  type OutputMode,\n  type DisplayMode,\n  // CSP & Assets\n  type CSPDirectives,\n  type CDNResource,\n  type RendererAssets,\n  // Widget Manifest\n  type WidgetManifest,\n  // _meta Field Types (NEW)\n  type UIMetaFields,\n  type OpenAIMetaFields,\n  type ToolResponseMeta,\n  // Widget Configuration\n  type WidgetConfig,\n  type WidgetTemplate,\n  type WidgetTemplateContext,\n  type WidgetTemplateHelpers,\n  type WidgetRuntimeOptions,\n  // Build Types\n  type BuildManifestResult,\n  type BuildManifestOptions,\n  // Type Guards\n  isUIType,\n  isBundlingMode,\n  isResourceMode,\n  isOutputMode,\n  isDisplayMode,\n  // Default Values\n  DEFAULT_CSP_BY_TYPE,\n  DEFAULT_RENDERER_ASSETS,\n  // Deprecated\n  /** @deprecated Use UIMetaFields instead */\n  type RuntimePayload,\n} from './ui-runtime';\n"]}