@seed-ship/mcp-ui-solid 1.0.12 → 1.0.15

package/LICENSE

@@ -1,7 +1,5 @@
 MIT License
 
-Copyright (c) 2025 Gabriel Brument
-
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights

package/dist/components/UIResourceRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UIResourceRenderer.d.ts","sourceRoot":"","sources":["../../src/components/UIResourceRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,SAAS,EAAoC,MAAM,UAAU,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAiB,MAAM,UAAU,CAAA;AAInF;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,OAAO,EAAE,WAAW,GAAG,QAAQ,CAAA;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AA8QD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,uBAAuB,CAiEjE,CAAA"}
+{"version":3,"file":"UIResourceRenderer.d.ts","sourceRoot":"","sources":["../../src/components/UIResourceRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,SAAS,EAAgD,MAAM,UAAU,CAAA;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAiB,MAAM,UAAU,CAAA;AAKnF;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,OAAO,EAAE,WAAW,GAAG,QAAQ,CAAA;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAmYD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,uBAAuB,CAiEjE,CAAA"}

package/dist/components.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const UIResourceRenderer = require("./components/UIResourceRenderer.cjs");
-const StreamingUIRenderer = require("./components/StreamingUIRenderer.cjs");
-const GenerativeUIErrorBoundary = require("./components/GenerativeUIErrorBoundary.cjs");
+const UIResourceRenderer = require("./mcp-ui-solid/src/components/UIResourceRenderer.cjs");
+const StreamingUIRenderer = require("./mcp-ui-solid/src/components/StreamingUIRenderer.cjs");
+const GenerativeUIErrorBoundary = require("./mcp-ui-solid/src/components/GenerativeUIErrorBoundary.cjs");
 exports.UIResourceRenderer = UIResourceRenderer.UIResourceRenderer;
 exports.StreamingUIRenderer = StreamingUIRenderer.StreamingUIRenderer;
 exports.GenerativeUIErrorBoundary = GenerativeUIErrorBoundary.GenerativeUIErrorBoundary;

package/dist/components.js

@@ -1,6 +1,6 @@
-import { UIResourceRenderer } from "./components/UIResourceRenderer.js";
-import { StreamingUIRenderer } from "./components/StreamingUIRenderer.js";
-import { GenerativeUIErrorBoundary } from "./components/GenerativeUIErrorBoundary.js";
+import { UIResourceRenderer } from "./mcp-ui-solid/src/components/UIResourceRenderer.js";
+import { StreamingUIRenderer } from "./mcp-ui-solid/src/components/StreamingUIRenderer.js";
+import { GenerativeUIErrorBoundary } from "./mcp-ui-solid/src/components/GenerativeUIErrorBoundary.js";
 export {
   GenerativeUIErrorBoundary,
   StreamingUIRenderer,

package/dist/hooks.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useStreamingUI = require("./hooks/useStreamingUI.cjs");
+const useStreamingUI = require("./mcp-ui-solid/src/hooks/useStreamingUI.cjs");
 exports.useStreamingUI = useStreamingUI.useStreamingUI;
 //# sourceMappingURL=hooks.cjs.map

package/dist/hooks.js

@@ -1,4 +1,4 @@
-import { useStreamingUI } from "./hooks/useStreamingUI.js";
+import { useStreamingUI } from "./mcp-ui-solid/src/hooks/useStreamingUI.js";
 export {
   useStreamingUI
 };

package/dist/index.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const UIResourceRenderer = require("./components/UIResourceRenderer.cjs");
-const StreamingUIRenderer = require("./components/StreamingUIRenderer.cjs");
-const GenerativeUIErrorBoundary = require("./components/GenerativeUIErrorBoundary.cjs");
-const useStreamingUI = require("./hooks/useStreamingUI.cjs");
-const validation = require("./services/validation.cjs");
-const componentRegistry = require("./services/component-registry.cjs");
+const UIResourceRenderer = require("./mcp-ui-solid/src/components/UIResourceRenderer.cjs");
+const StreamingUIRenderer = require("./mcp-ui-solid/src/components/StreamingUIRenderer.cjs");
+const GenerativeUIErrorBoundary = require("./mcp-ui-solid/src/components/GenerativeUIErrorBoundary.cjs");
+const useStreamingUI = require("./mcp-ui-solid/src/hooks/useStreamingUI.cjs");
+const validation = require("./mcp-ui-solid/src/services/validation.cjs");
+const componentRegistry = require("./mcp-ui-solid/src/services/component-registry.cjs");
 exports.UIResourceRenderer = UIResourceRenderer.UIResourceRenderer;
 exports.StreamingUIRenderer = StreamingUIRenderer.StreamingUIRenderer;
 exports.GenerativeUIErrorBoundary = GenerativeUIErrorBoundary.GenerativeUIErrorBoundary;

package/dist/index.js

@@ -1,9 +1,9 @@
-import { UIResourceRenderer } from "./components/UIResourceRenderer.js";
-import { StreamingUIRenderer } from "./components/StreamingUIRenderer.js";
-import { GenerativeUIErrorBoundary } from "./components/GenerativeUIErrorBoundary.js";
-import { useStreamingUI } from "./hooks/useStreamingUI.js";
-import { DEFAULT_RESOURCE_LIMITS, validateComponent, validateLayout } from "./services/validation.js";
-import { ComponentRegistry } from "./services/component-registry.js";
+import { UIResourceRenderer } from "./mcp-ui-solid/src/components/UIResourceRenderer.js";
+import { StreamingUIRenderer } from "./mcp-ui-solid/src/components/StreamingUIRenderer.js";
+import { GenerativeUIErrorBoundary } from "./mcp-ui-solid/src/components/GenerativeUIErrorBoundary.js";
+import { useStreamingUI } from "./mcp-ui-solid/src/hooks/useStreamingUI.js";
+import { DEFAULT_RESOURCE_LIMITS, validateComponent, validateLayout } from "./mcp-ui-solid/src/services/validation.js";
+import { ComponentRegistry } from "./mcp-ui-solid/src/services/component-registry.js";
 export {
   ComponentRegistry,
   DEFAULT_RESOURCE_LIMITS,

package/dist/mcp-ui-solid/src/components/GenerativeUIErrorBoundary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerativeUIErrorBoundary.cjs","sources":["../../../../src/components/GenerativeUIErrorBoundary.tsx"],"sourcesContent":["/**\n * Generative UI Error Boundary with Telemetry\n * Phase 0: Error isolation + structured logging\n *\n * Features:\n * - Component-level error isolation\n * - Structured logging with context\n * - Performance timing\n * - Retry mechanism\n * - User-friendly fallback UI\n */\n\nimport { Component, ErrorBoundary, createSignal, Show } from 'solid-js'\nimport { isServer } from 'solid-js/web'\nimport { createLogger } from '../utils/logger'\nimport type { RendererError } from '../types'\n\nconst logger = createLogger('generative-ui')\n\n/**\n * Props for GenerativeUIErrorBoundary\n */\nexport interface GenerativeUIErrorBoundaryProps {\n  /**\n   * Component identifier for telemetry\n   */\n  componentId: string\n\n  /**\n   * Component type for context\n   */\n  componentType: string\n\n  /**\n   * Error callback\n   */\n  onError?: (error: RendererError) => void\n\n  /**\n   * Allow retry on error\n   */\n  allowRetry?: boolean\n\n  /**\n   * Child components to wrap\n   */\n  children: any\n\n  /**\n   * Custom fallback UI (optional)\n   */\n  fallback?: (error: Error, retry?: () => void) => any\n}\n\n/**\n * Default fallback UI for errors\n */\nfunction DefaultErrorFallback(props: {\n  error: Error\n  componentId: string\n  componentType: string\n  allowRetry?: boolean\n  onRetry?: () => void\n}) {\n  return (\n    <div class=\"w-full h-full bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4\">\n      <div class=\"flex items-start gap-3\">\n        <div class=\"flex-shrink-0\">\n          <svg\n            class=\"w-5 h-5 text-yellow-600 dark:text-yellow-400\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n        </div>\n        <div class=\"flex-1 min-w-0\">\n          <p class=\"text-sm font-medium text-yellow-900 dark:text-yellow-100\">\n            Component Failed to Render\n          </p>\n          <p class=\"text-xs text-yellow-700 dark:text-yellow-300 mt-1\">\n            Type: {props.componentType || 'unknown'} | ID: {props.componentId?.slice(0, 8) || 'unknown'}...\n          </p>\n          <Show when={import.meta.env.DEV}>\n            <p class=\"text-xs text-yellow-600 dark:text-yellow-400 mt-2 font-mono\">\n              {props.error.message}\n            </p>\n          </Show>\n          <Show when={props.allowRetry}>\n            <button\n              onClick={props.onRetry}\n              class=\"mt-3 text-xs font-medium text-yellow-800 dark:text-yellow-200 hover:text-yellow-900 dark:hover:text-yellow-100 underline\"\n            >\n              Retry Rendering\n            </button>\n          </Show>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * Generative UI Error Boundary Component\n */\nexport const GenerativeUIErrorBoundary: Component<GenerativeUIErrorBoundaryProps> = (props) => {\n  const [retryKey, setRetryKey] = createSignal(0)\n  const [renderStartTime] = createSignal(isServer ? 0 : performance.now())\n\n  // Handle error with telemetry\n  const handleError = (error: Error) => {\n    const renderEndTime = isServer ? 0 : performance.now()\n    const renderDuration = renderEndTime - renderStartTime()\n\n    // Structure error context\n    const errorContext = {\n      componentId: props.componentId,\n      componentType: props.componentType,\n      errorMessage: error.message,\n      errorStack: error.stack,\n      renderDuration,\n      retryCount: retryKey(),\n      timestamp: new Date().toISOString(),\n      userAgent: isServer ? 'server' : navigator.userAgent,\n      viewport: isServer\n        ? { width: 0, height: 0 }\n        : { width: window.innerWidth, height: window.innerHeight },\n    }\n\n    // Log to structured logger\n    logger.error(`Component render failed: ${props.componentType}`, errorContext)\n\n    // Call error callback\n    props.onError?.({\n      type: 'render',\n      message: error.message,\n      componentId: props.componentId,\n      details: errorContext,\n    })\n\n    // In production, send to monitoring service\n    if (import.meta.env.PROD) {\n      // Future: Send to Sentry or other APM\n      // Sentry.captureException(error, { contexts: { component: errorContext } })\n    }\n  }\n\n  // Retry mechanism\n  const handleRetry = () => {\n    const newRetryCount = retryKey() + 1\n    logger.info(`Retrying component render: ${props.componentType}`, {\n      componentId: props.componentId,\n      retryCount: newRetryCount,\n    })\n    setRetryKey(newRetryCount)\n  }\n\n  return (\n    <ErrorBoundary\n      fallback={(error) => {\n        handleError(error)\n\n        // Use custom fallback if provided\n        if (props.fallback) {\n          return props.fallback(error, props.allowRetry ? handleRetry : undefined)\n        }\n\n        // Default fallback\n        return (\n          <DefaultErrorFallback\n            error={error}\n            componentId={props.componentId}\n            componentType={props.componentType}\n            allowRetry={props.allowRetry}\n            onRetry={handleRetry}\n          />\n        )\n      }}\n    >\n      {/* Key prop for forcing remount on retry */}\n      {(() => {\n        const _ = retryKey() // Access signal to track changes\n        return <>{props.children}</>\n      })()}\n    </ErrorBoundary>\n  )\n}\n\n/**\n * Performance monitoring wrapper\n * Logs render times for performance analysis\n */\nexport function withPerformanceMonitoring<P extends { componentId: string; componentType: string }>(\n  WrappedComponent: Component<P>\n) {\n  return (props: P) => {\n    const renderStart = isServer ? 0 : performance.now()\n\n    // Log render start\n    logger.debug(`Component render start: ${props.componentType}`, {\n      componentId: props.componentId,\n      timestamp: new Date().toISOString(),\n    })\n\n    // Measure on mount completion (client-side only)\n    if (!isServer && typeof window !== 'undefined') {\n      requestAnimationFrame(() => {\n        const renderEnd = performance.now()\n        const duration = renderEnd - renderStart\n\n        logger.info(`Component rendered: ${props.componentType}`, {\n          componentId: props.componentId,\n          renderDuration: duration,\n          timestamp: new Date().toISOString(),\n        })\n\n        // Warn if render is slow (>50ms target)\n        if (duration > 50) {\n          logger.warn(`Slow component render: ${props.componentType}`, {\n            componentId: props.componentId,\n            renderDuration: duration,\n            threshold: 50,\n          })\n        }\n      })\n    }\n\n    return <WrappedComponent {...props} />\n  }\n}\n\n/**\n * Hook to track component lifecycle events\n */\nexport function useComponentTelemetry(componentId: string, componentType: string) {\n  const mountTime = isServer ? 0 : performance.now()\n\n  // Log mount\n  logger.debug(`Component mounted: ${componentType}`, {\n    componentId,\n    timestamp: new Date().toISOString(),\n  })\n\n  // Return cleanup function for unmount\n  return () => {\n    const lifetime = isServer ? 0 : performance.now() - mountTime\n    logger.debug(`Component unmounted: ${componentType}`, {\n      componentId,\n      lifetime,\n      timestamp: new Date().toISOString(),\n    })\n  }\n}\n"],"names":["logger","createLogger","DefaultErrorFallback","props","_$ssr","_tmpl$3","_$ssrHydrationKey","_$escape","componentType","componentId","slice","_$createComponent","Show","when","import","children","_tmpl$","error","message","allowRetry","_tmpl$2","GenerativeUIErrorBoundary","retryKey","setRetryKey","createSignal","renderStartTime","isServer","performance","now","handleError","renderEndTime","renderDuration","errorContext","errorMessage","errorStack","stack","retryCount","timestamp","Date","toISOString","userAgent","navigator","viewport","width","height","window","innerWidth","innerHeight","onError","type","details","handleRetry","newRetryCount","info","ErrorBoundary","fallback","undefined","onRetry"],"mappings":"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"}

package/dist/mcp-ui-solid/src/components/GenerativeUIErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerativeUIErrorBoundary.js","sources":["../../../../src/components/GenerativeUIErrorBoundary.tsx"],"sourcesContent":["/**\n * Generative UI Error Boundary with Telemetry\n * Phase 0: Error isolation + structured logging\n *\n * Features:\n * - Component-level error isolation\n * - Structured logging with context\n * - Performance timing\n * - Retry mechanism\n * - User-friendly fallback UI\n */\n\nimport { Component, ErrorBoundary, createSignal, Show } from 'solid-js'\nimport { isServer } from 'solid-js/web'\nimport { createLogger } from '../utils/logger'\nimport type { RendererError } from '../types'\n\nconst logger = createLogger('generative-ui')\n\n/**\n * Props for GenerativeUIErrorBoundary\n */\nexport interface GenerativeUIErrorBoundaryProps {\n  /**\n   * Component identifier for telemetry\n   */\n  componentId: string\n\n  /**\n   * Component type for context\n   */\n  componentType: string\n\n  /**\n   * Error callback\n   */\n  onError?: (error: RendererError) => void\n\n  /**\n   * Allow retry on error\n   */\n  allowRetry?: boolean\n\n  /**\n   * Child components to wrap\n   */\n  children: any\n\n  /**\n   * Custom fallback UI (optional)\n   */\n  fallback?: (error: Error, retry?: () => void) => any\n}\n\n/**\n * Default fallback UI for errors\n */\nfunction DefaultErrorFallback(props: {\n  error: Error\n  componentId: string\n  componentType: string\n  allowRetry?: boolean\n  onRetry?: () => void\n}) {\n  return (\n    <div class=\"w-full h-full bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4\">\n      <div class=\"flex items-start gap-3\">\n        <div class=\"flex-shrink-0\">\n          <svg\n            class=\"w-5 h-5 text-yellow-600 dark:text-yellow-400\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n        </div>\n        <div class=\"flex-1 min-w-0\">\n          <p class=\"text-sm font-medium text-yellow-900 dark:text-yellow-100\">\n            Component Failed to Render\n          </p>\n          <p class=\"text-xs text-yellow-700 dark:text-yellow-300 mt-1\">\n            Type: {props.componentType || 'unknown'} | ID: {props.componentId?.slice(0, 8) || 'unknown'}...\n          </p>\n          <Show when={import.meta.env.DEV}>\n            <p class=\"text-xs text-yellow-600 dark:text-yellow-400 mt-2 font-mono\">\n              {props.error.message}\n            </p>\n          </Show>\n          <Show when={props.allowRetry}>\n            <button\n              onClick={props.onRetry}\n              class=\"mt-3 text-xs font-medium text-yellow-800 dark:text-yellow-200 hover:text-yellow-900 dark:hover:text-yellow-100 underline\"\n            >\n              Retry Rendering\n            </button>\n          </Show>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * Generative UI Error Boundary Component\n */\nexport const GenerativeUIErrorBoundary: Component<GenerativeUIErrorBoundaryProps> = (props) => {\n  const [retryKey, setRetryKey] = createSignal(0)\n  const [renderStartTime] = createSignal(isServer ? 0 : performance.now())\n\n  // Handle error with telemetry\n  const handleError = (error: Error) => {\n    const renderEndTime = isServer ? 0 : performance.now()\n    const renderDuration = renderEndTime - renderStartTime()\n\n    // Structure error context\n    const errorContext = {\n      componentId: props.componentId,\n      componentType: props.componentType,\n      errorMessage: error.message,\n      errorStack: error.stack,\n      renderDuration,\n      retryCount: retryKey(),\n      timestamp: new Date().toISOString(),\n      userAgent: isServer ? 'server' : navigator.userAgent,\n      viewport: isServer\n        ? { width: 0, height: 0 }\n        : { width: window.innerWidth, height: window.innerHeight },\n    }\n\n    // Log to structured logger\n    logger.error(`Component render failed: ${props.componentType}`, errorContext)\n\n    // Call error callback\n    props.onError?.({\n      type: 'render',\n      message: error.message,\n      componentId: props.componentId,\n      details: errorContext,\n    })\n\n    // In production, send to monitoring service\n    if (import.meta.env.PROD) {\n      // Future: Send to Sentry or other APM\n      // Sentry.captureException(error, { contexts: { component: errorContext } })\n    }\n  }\n\n  // Retry mechanism\n  const handleRetry = () => {\n    const newRetryCount = retryKey() + 1\n    logger.info(`Retrying component render: ${props.componentType}`, {\n      componentId: props.componentId,\n      retryCount: newRetryCount,\n    })\n    setRetryKey(newRetryCount)\n  }\n\n  return (\n    <ErrorBoundary\n      fallback={(error) => {\n        handleError(error)\n\n        // Use custom fallback if provided\n        if (props.fallback) {\n          return props.fallback(error, props.allowRetry ? handleRetry : undefined)\n        }\n\n        // Default fallback\n        return (\n          <DefaultErrorFallback\n            error={error}\n            componentId={props.componentId}\n            componentType={props.componentType}\n            allowRetry={props.allowRetry}\n            onRetry={handleRetry}\n          />\n        )\n      }}\n    >\n      {/* Key prop for forcing remount on retry */}\n      {(() => {\n        const _ = retryKey() // Access signal to track changes\n        return <>{props.children}</>\n      })()}\n    </ErrorBoundary>\n  )\n}\n\n/**\n * Performance monitoring wrapper\n * Logs render times for performance analysis\n */\nexport function withPerformanceMonitoring<P extends { componentId: string; componentType: string }>(\n  WrappedComponent: Component<P>\n) {\n  return (props: P) => {\n    const renderStart = isServer ? 0 : performance.now()\n\n    // Log render start\n    logger.debug(`Component render start: ${props.componentType}`, {\n      componentId: props.componentId,\n      timestamp: new Date().toISOString(),\n    })\n\n    // Measure on mount completion (client-side only)\n    if (!isServer && typeof window !== 'undefined') {\n      requestAnimationFrame(() => {\n        const renderEnd = performance.now()\n        const duration = renderEnd - renderStart\n\n        logger.info(`Component rendered: ${props.componentType}`, {\n          componentId: props.componentId,\n          renderDuration: duration,\n          timestamp: new Date().toISOString(),\n        })\n\n        // Warn if render is slow (>50ms target)\n        if (duration > 50) {\n          logger.warn(`Slow component render: ${props.componentType}`, {\n            componentId: props.componentId,\n            renderDuration: duration,\n            threshold: 50,\n          })\n        }\n      })\n    }\n\n    return <WrappedComponent {...props} />\n  }\n}\n\n/**\n * Hook to track component lifecycle events\n */\nexport function useComponentTelemetry(componentId: string, componentType: string) {\n  const mountTime = isServer ? 0 : performance.now()\n\n  // Log mount\n  logger.debug(`Component mounted: ${componentType}`, {\n    componentId,\n    timestamp: new Date().toISOString(),\n  })\n\n  // Return cleanup function for unmount\n  return () => {\n    const lifetime = isServer ? 0 : performance.now() - mountTime\n    logger.debug(`Component unmounted: ${componentType}`, {\n      componentId,\n      lifetime,\n      timestamp: new Date().toISOString(),\n    })\n  }\n}\n"],"names":["logger","createLogger","DefaultErrorFallback","props","_$ssr","_tmpl$3","_$ssrHydrationKey","_$escape","componentType","componentId","slice","_$createComponent","Show","when","import","children","_tmpl$","error","message","allowRetry","_tmpl$2","GenerativeUIErrorBoundary","retryKey","setRetryKey","createSignal","renderStartTime","isServer","performance","now","handleError","renderEndTime","renderDuration","errorContext","errorMessage","errorStack","stack","retryCount","timestamp","Date","toISOString","userAgent","navigator","viewport","width","height","window","innerWidth","innerHeight","onError","type","details","handleRetry","newRetryCount","info","ErrorBoundary","fallback","undefined","onRetry"],"mappings":"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"}

package/dist/mcp-ui-solid/src/components/StreamingUIRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingUIRenderer.cjs","sources":["../../../../src/components/StreamingUIRenderer.tsx"],"sourcesContent":["/**\n * StreamingUIRenderer Component - Phase 2\n *\n * Renders streaming dashboard components with skeleton states and progress indicators.\n * Uses the useStreamingUI hook for SSE connection and state management.\n *\n * Features:\n * - Skeleton loading states while components stream\n * - Progress bar and status messages\n * - Smooth component animations on arrival\n * - Error handling with retry capability\n * - Responsive 12-column grid layout\n *\n * Usage:\n * ```tsx\n * <StreamingUIRenderer\n *   query=\"Show me revenue trends\"\n *   spaceIds={['uuid1', 'uuid2']}\n *   onComplete={(metadata) => console.log('Done!', metadata)}\n * />\n * ```\n */\n\nimport { Show, For, createSignal, onMount } from 'solid-js'\nimport { useStreamingUI, type UseStreamingUIOptions } from '../hooks/useStreamingUI'\nimport type { UIComponent, RendererError } from '../types'\nimport { validateComponent } from '../services/validation'\nimport { GenerativeUIErrorBoundary } from './GenerativeUIErrorBoundary'\n\nexport interface StreamingUIRendererProps extends UseStreamingUIOptions {\n  class?: string\n  showProgress?: boolean\n  showMetadata?: boolean\n  onRenderError?: (error: RendererError) => void\n}\n\n/**\n * Component Renderer - Inline lightweight version\n * (Full implementation in UIResourceRenderer)\n */\nfunction StreamingComponentRenderer(props: {\n  component: UIComponent\n  onError?: (error: RendererError) => void\n}) {\n  // Validate component before rendering\n  const validation = validateComponent(props.component)\n  if (!validation.valid) {\n    props.onError?.({\n      type: 'validation',\n      message: 'Component validation failed',\n      componentId: props.component.id,\n      details: validation.errors,\n    })\n\n    return (\n      <div class=\"w-full bg-error-subtle border border-border-error rounded-lg p-4\">\n        <p class=\"text-sm font-medium text-error-primary\">Validation Error</p>\n        <p class=\"text-xs text-text-secondary mt-1\">\n          {validation.errors?.[0]?.message || 'Unknown validation error'}\n        </p>\n      </div>\n    )\n  }\n\n  // Simplified renderer - just show component type and title\n  // Full rendering logic in UIResourceRenderer\n  const params = props.component.params as any\n\n  return (\n    <GenerativeUIErrorBoundary\n      componentId={props.component.id}\n      componentType={props.component.type}\n      onError={props.onError}\n      allowRetry={false}\n    >\n      <div class=\"w-full bg-surface-secondary border border-border-subtle rounded-lg p-4\">\n        <div class=\"flex items-center gap-2 mb-2\">\n          <span class=\"text-xs font-medium text-text-tertiary uppercase\">\n            {props.component.type}\n          </span>\n        </div>\n        <Show when={params?.title}>\n          <h3 class=\"text-sm font-semibold text-text-primary\">{params.title}</h3>\n        </Show>\n        <Show when={props.component.type === 'metric' && params?.value}>\n          <div class=\"mt-2\">\n            <p class=\"text-2xl font-semibold text-text-primary\">{params.value}</p>\n            <Show when={params.unit}>\n              <span class=\"text-sm text-text-secondary\">{params.unit}</span>\n            </Show>\n          </div>\n        </Show>\n        <div class=\"mt-3 text-xs text-text-tertiary\">\n          Component ID: {props.component.id.slice(0, 8)}...\n        </div>\n      </div>\n    </GenerativeUIErrorBoundary>\n  )\n}\n\nexport function StreamingUIRenderer(props: StreamingUIRendererProps) {\n  const { components, isLoading, isStreaming, error, progress, metadata, startStreaming } =\n    useStreamingUI({\n      query: props.query,\n      spaceIds: props.spaceIds,\n      sessionId: props.sessionId,\n      options: props.options,\n      onComplete: props.onComplete,\n      onError: props.onError,\n      onComponentReceived: props.onComponentReceived,\n    })\n\n  const [animatingComponents, setAnimatingComponents] = createSignal<Set<string>>(new Set())\n\n  // Track new components for animation\n  const handleComponentRender = (componentId: string) => {\n    setAnimatingComponents((prev) => new Set([...prev, componentId]))\n\n    // Remove from animating set after animation completes\n    setTimeout(() => {\n      setAnimatingComponents((prev) => {\n        const next = new Set(prev)\n        next.delete(componentId)\n        return next\n      })\n    }, 500)\n  }\n\n  return (\n    <div class={`streaming-ui-renderer ${props.class || ''}`}>\n      {/* Progress Bar */}\n      <Show when={props.showProgress !== false && (isLoading() || isStreaming())}>\n        <div class=\"mb-4 rounded-lg border border-border-subtle bg-surface-secondary p-4\">\n          {/* Status Message */}\n          <div class=\"mb-2 flex items-center justify-between\">\n            <span class=\"text-sm font-medium text-text-primary\">{progress().message}</span>\n            <Show when={progress().totalCount !== null}>\n              <span class=\"text-sm text-text-secondary\">\n                {progress().receivedCount} / {progress().totalCount}\n              </span>\n            </Show>\n          </div>\n\n          {/* Progress Bar */}\n          <div class=\"h-2 w-full overflow-hidden rounded-full bg-surface-tertiary\">\n            <div\n              class=\"h-full bg-brand-primary transition-all duration-300 ease-out\"\n              style={\n                progress().totalCount !== null\n                  ? `width: ${(progress().receivedCount / progress().totalCount!) * 100}%`\n                  : 'width: 0%'\n              }\n            />\n          </div>\n\n          {/* Indeterminate Progress (when totalCount unknown) */}\n          <Show when={progress().totalCount === null && isStreaming()}>\n            <div class=\"mt-2\">\n              <div class=\"h-1 w-full overflow-hidden rounded-full bg-surface-tertiary\">\n                <div class=\"animate-progress-indeterminate h-full w-1/3 bg-brand-primary\" />\n              </div>\n            </div>\n          </Show>\n        </div>\n      </Show>\n\n      {/* Error State */}\n      <Show when={error()}>\n        <div class=\"mb-4 rounded-lg border border-border-error bg-error-subtle p-4\">\n          <div class=\"mb-2 flex items-center gap-2\">\n            <svg\n              class=\"h-5 w-5 text-error-primary\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n            <span class=\"font-medium text-error-primary\">{error()?.error}</span>\n          </div>\n          <p class=\"text-sm text-text-secondary\">{error()?.message}</p>\n\n          {/* Retry Button (if recoverable) */}\n          <Show when={error()?.recoverable}>\n            <button\n              type=\"button\"\n              class=\"mt-3 rounded-md bg-error-primary px-3 py-1.5 text-sm font-medium text-white hover:bg-error-hover\"\n              onClick={() => startStreaming()}\n            >\n              Retry\n            </button>\n          </Show>\n        </div>\n      </Show>\n\n      {/* Components Grid */}\n      <div class=\"grid grid-cols-12 gap-4\">\n        {/* Render received components */}\n        <For each={components()}>\n          {(component) => {\n            // Trigger animation on mount (SSR-safe, no 'use' directive needed)\n            onMount(() => handleComponentRender(component.id))\n\n            return (\n              <div\n                class={`\n                  col-span-${component.position.colSpan}\n                  ${animatingComponents().has(component.id) ? 'animate-fade-in-up' : ''}\n                `}\n                style={`grid-column-start: ${component.position.colStart}; grid-column-end: ${component.position.colStart + component.position.colSpan}`}\n              >\n                <StreamingComponentRenderer component={component} onError={props.onRenderError} />\n              </div>\n            )\n          }}\n        </For>\n\n        {/* Skeleton placeholders (if streaming and expecting more) */}\n        <Show when={isStreaming() && progress().totalCount !== null}>\n          <For\n            each={Array.from({\n              length: progress().totalCount! - progress().receivedCount,\n            })}\n          >\n            {() => <SkeletonComponent />}\n          </For>\n        </Show>\n      </div>\n\n      {/* Metadata Display */}\n      <Show when={props.showMetadata !== false && metadata()}>\n        <div class=\"mt-6 rounded-lg border border-border-subtle bg-surface-secondary p-4 text-sm text-text-secondary\">\n          <div class=\"grid grid-cols-2 gap-4 md:grid-cols-4\">\n            <div>\n              <div class=\"font-medium text-text-primary\">Provider</div>\n              <div>{metadata()?.provider}</div>\n            </div>\n            <div>\n              <div class=\"font-medium text-text-primary\">Model</div>\n              <div>{metadata()?.model}</div>\n            </div>\n            <div>\n              <div class=\"font-medium text-text-primary\">Execution Time</div>\n              <div>{metadata()?.executionTimeMs}ms</div>\n            </div>\n            <Show when={metadata()?.costUSD !== undefined}>\n              <div>\n                <div class=\"font-medium text-text-primary\">Cost</div>\n                <div>${metadata()?.costUSD?.toFixed(4)}</div>\n              </div>\n            </Show>\n            <div>\n              <div class=\"font-medium text-text-primary\">TTFB</div>\n              <div>{metadata()?.firstTokenMs}ms</div>\n            </div>\n            <Show when={metadata()?.cached}>\n              <div>\n                <div class=\"font-medium text-text-primary\">Cached</div>\n                <div class=\"text-success-primary\">Yes</div>\n              </div>\n            </Show>\n          </div>\n        </div>\n      </Show>\n    </div>\n  )\n}\n\n/**\n * Skeleton Component - Placeholder while components load\n */\nfunction SkeletonComponent() {\n  return (\n    <div class=\"col-span-12 md:col-span-6 lg:col-span-4\">\n      <div class=\"animate-pulse rounded-lg border border-border-subtle bg-surface-secondary p-4\">\n        {/* Header skeleton */}\n        <div class=\"mb-4 h-6 w-1/2 rounded bg-surface-tertiary\" />\n\n        {/* Content skeleton */}\n        <div class=\"space-y-3\">\n          <div class=\"h-4 rounded bg-surface-tertiary\" />\n          <div class=\"h-4 w-5/6 rounded bg-surface-tertiary\" />\n          <div class=\"h-4 w-4/6 rounded bg-surface-tertiary\" />\n        </div>\n\n        {/* Chart/visual skeleton */}\n        <div class=\"mt-4 h-32 rounded bg-surface-tertiary\" />\n      </div>\n    </div>\n  )\n}\n\n// CSS Animations (add to global styles or Tailwind config)\n/*\n@keyframes fade-in-up {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes progress-indeterminate {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(400%);\n  }\n}\n\n.animate-fade-in-up {\n  animation: fade-in-up 0.5s ease-out;\n}\n\n.animate-progress-indeterminate {\n  animation: progress-indeterminate 1.5s infinite ease-in-out;\n}\n*/\n"],"names":["StreamingComponentRenderer","props","validation","validateComponent","component","valid","onError","type","message","componentId","id","details","errors","_$ssr","_tmpl$","_$ssrHydrationKey","_$escape","params","_$createComponent","GenerativeUIErrorBoundary","componentType","allowRetry","children","_tmpl$5","Show","when","title","_tmpl$2","value","_tmpl$4","unit","_tmpl$3","slice","StreamingUIRenderer","components","isLoading","isStreaming","error","progress","metadata","startStreaming","useStreamingUI","query","spaceIds","sessionId","options","onComplete","onComponentReceived","animatingComponents","setAnimatingComponents","createSignal","Set","handleComponentRender","prev","setTimeout","next","delete","_tmpl$12","class","showProgress","_tmpl$8","totalCount","_tmpl$6","receivedCount","_$ssrStyle","_tmpl$7","_tmpl$0","recoverable","_tmpl$9","For","each","onMount","_tmpl$13","position","colSpan","has","colStart","onRenderError","Array","from","length","SkeletonComponent","showMetadata","_tmpl$11","provider","model","executionTimeMs","costUSD","undefined","_tmpl$1","toFixed","firstTokenMs","cached","_tmpl$10","_tmpl$14"],"mappings":"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"}

package/dist/mcp-ui-solid/src/components/StreamingUIRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingUIRenderer.js","sources":["../../../../src/components/StreamingUIRenderer.tsx"],"sourcesContent":["/**\n * StreamingUIRenderer Component - Phase 2\n *\n * Renders streaming dashboard components with skeleton states and progress indicators.\n * Uses the useStreamingUI hook for SSE connection and state management.\n *\n * Features:\n * - Skeleton loading states while components stream\n * - Progress bar and status messages\n * - Smooth component animations on arrival\n * - Error handling with retry capability\n * - Responsive 12-column grid layout\n *\n * Usage:\n * ```tsx\n * <StreamingUIRenderer\n *   query=\"Show me revenue trends\"\n *   spaceIds={['uuid1', 'uuid2']}\n *   onComplete={(metadata) => console.log('Done!', metadata)}\n * />\n * ```\n */\n\nimport { Show, For, createSignal, onMount } from 'solid-js'\nimport { useStreamingUI, type UseStreamingUIOptions } from '../hooks/useStreamingUI'\nimport type { UIComponent, RendererError } from '../types'\nimport { validateComponent } from '../services/validation'\nimport { GenerativeUIErrorBoundary } from './GenerativeUIErrorBoundary'\n\nexport interface StreamingUIRendererProps extends UseStreamingUIOptions {\n  class?: string\n  showProgress?: boolean\n  showMetadata?: boolean\n  onRenderError?: (error: RendererError) => void\n}\n\n/**\n * Component Renderer - Inline lightweight version\n * (Full implementation in UIResourceRenderer)\n */\nfunction StreamingComponentRenderer(props: {\n  component: UIComponent\n  onError?: (error: RendererError) => void\n}) {\n  // Validate component before rendering\n  const validation = validateComponent(props.component)\n  if (!validation.valid) {\n    props.onError?.({\n      type: 'validation',\n      message: 'Component validation failed',\n      componentId: props.component.id,\n      details: validation.errors,\n    })\n\n    return (\n      <div class=\"w-full bg-error-subtle border border-border-error rounded-lg p-4\">\n        <p class=\"text-sm font-medium text-error-primary\">Validation Error</p>\n        <p class=\"text-xs text-text-secondary mt-1\">\n          {validation.errors?.[0]?.message || 'Unknown validation error'}\n        </p>\n      </div>\n    )\n  }\n\n  // Simplified renderer - just show component type and title\n  // Full rendering logic in UIResourceRenderer\n  const params = props.component.params as any\n\n  return (\n    <GenerativeUIErrorBoundary\n      componentId={props.component.id}\n      componentType={props.component.type}\n      onError={props.onError}\n      allowRetry={false}\n    >\n      <div class=\"w-full bg-surface-secondary border border-border-subtle rounded-lg p-4\">\n        <div class=\"flex items-center gap-2 mb-2\">\n          <span class=\"text-xs font-medium text-text-tertiary uppercase\">\n            {props.component.type}\n          </span>\n        </div>\n        <Show when={params?.title}>\n          <h3 class=\"text-sm font-semibold text-text-primary\">{params.title}</h3>\n        </Show>\n        <Show when={props.component.type === 'metric' && params?.value}>\n          <div class=\"mt-2\">\n            <p class=\"text-2xl font-semibold text-text-primary\">{params.value}</p>\n            <Show when={params.unit}>\n              <span class=\"text-sm text-text-secondary\">{params.unit}</span>\n            </Show>\n          </div>\n        </Show>\n        <div class=\"mt-3 text-xs text-text-tertiary\">\n          Component ID: {props.component.id.slice(0, 8)}...\n        </div>\n      </div>\n    </GenerativeUIErrorBoundary>\n  )\n}\n\nexport function StreamingUIRenderer(props: StreamingUIRendererProps) {\n  const { components, isLoading, isStreaming, error, progress, metadata, startStreaming } =\n    useStreamingUI({\n      query: props.query,\n      spaceIds: props.spaceIds,\n      sessionId: props.sessionId,\n      options: props.options,\n      onComplete: props.onComplete,\n      onError: props.onError,\n      onComponentReceived: props.onComponentReceived,\n    })\n\n  const [animatingComponents, setAnimatingComponents] = createSignal<Set<string>>(new Set())\n\n  // Track new components for animation\n  const handleComponentRender = (componentId: string) => {\n    setAnimatingComponents((prev) => new Set([...prev, componentId]))\n\n    // Remove from animating set after animation completes\n    setTimeout(() => {\n      setAnimatingComponents((prev) => {\n        const next = new Set(prev)\n        next.delete(componentId)\n        return next\n      })\n    }, 500)\n  }\n\n  return (\n    <div class={`streaming-ui-renderer ${props.class || ''}`}>\n      {/* Progress Bar */}\n      <Show when={props.showProgress !== false && (isLoading() || isStreaming())}>\n        <div class=\"mb-4 rounded-lg border border-border-subtle bg-surface-secondary p-4\">\n          {/* Status Message */}\n          <div class=\"mb-2 flex items-center justify-between\">\n            <span class=\"text-sm font-medium text-text-primary\">{progress().message}</span>\n            <Show when={progress().totalCount !== null}>\n              <span class=\"text-sm text-text-secondary\">\n                {progress().receivedCount} / {progress().totalCount}\n              </span>\n            </Show>\n          </div>\n\n          {/* Progress Bar */}\n          <div class=\"h-2 w-full overflow-hidden rounded-full bg-surface-tertiary\">\n            <div\n              class=\"h-full bg-brand-primary transition-all duration-300 ease-out\"\n              style={\n                progress().totalCount !== null\n                  ? `width: ${(progress().receivedCount / progress().totalCount!) * 100}%`\n                  : 'width: 0%'\n              }\n            />\n          </div>\n\n          {/* Indeterminate Progress (when totalCount unknown) */}\n          <Show when={progress().totalCount === null && isStreaming()}>\n            <div class=\"mt-2\">\n              <div class=\"h-1 w-full overflow-hidden rounded-full bg-surface-tertiary\">\n                <div class=\"animate-progress-indeterminate h-full w-1/3 bg-brand-primary\" />\n              </div>\n            </div>\n          </Show>\n        </div>\n      </Show>\n\n      {/* Error State */}\n      <Show when={error()}>\n        <div class=\"mb-4 rounded-lg border border-border-error bg-error-subtle p-4\">\n          <div class=\"mb-2 flex items-center gap-2\">\n            <svg\n              class=\"h-5 w-5 text-error-primary\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n            <span class=\"font-medium text-error-primary\">{error()?.error}</span>\n          </div>\n          <p class=\"text-sm text-text-secondary\">{error()?.message}</p>\n\n          {/* Retry Button (if recoverable) */}\n          <Show when={error()?.recoverable}>\n            <button\n              type=\"button\"\n              class=\"mt-3 rounded-md bg-error-primary px-3 py-1.5 text-sm font-medium text-white hover:bg-error-hover\"\n              onClick={() => startStreaming()}\n            >\n              Retry\n            </button>\n          </Show>\n        </div>\n      </Show>\n\n      {/* Components Grid */}\n      <div class=\"grid grid-cols-12 gap-4\">\n        {/* Render received components */}\n        <For each={components()}>\n          {(component) => {\n            // Trigger animation on mount (SSR-safe, no 'use' directive needed)\n            onMount(() => handleComponentRender(component.id))\n\n            return (\n              <div\n                class={`\n                  col-span-${component.position.colSpan}\n                  ${animatingComponents().has(component.id) ? 'animate-fade-in-up' : ''}\n                `}\n                style={`grid-column-start: ${component.position.colStart}; grid-column-end: ${component.position.colStart + component.position.colSpan}`}\n              >\n                <StreamingComponentRenderer component={component} onError={props.onRenderError} />\n              </div>\n            )\n          }}\n        </For>\n\n        {/* Skeleton placeholders (if streaming and expecting more) */}\n        <Show when={isStreaming() && progress().totalCount !== null}>\n          <For\n            each={Array.from({\n              length: progress().totalCount! - progress().receivedCount,\n            })}\n          >\n            {() => <SkeletonComponent />}\n          </For>\n        </Show>\n      </div>\n\n      {/* Metadata Display */}\n      <Show when={props.showMetadata !== false && metadata()}>\n        <div class=\"mt-6 rounded-lg border border-border-subtle bg-surface-secondary p-4 text-sm text-text-secondary\">\n          <div class=\"grid grid-cols-2 gap-4 md:grid-cols-4\">\n            <div>\n              <div class=\"font-medium text-text-primary\">Provider</div>\n              <div>{metadata()?.provider}</div>\n            </div>\n            <div>\n              <div class=\"font-medium text-text-primary\">Model</div>\n              <div>{metadata()?.model}</div>\n            </div>\n            <div>\n              <div class=\"font-medium text-text-primary\">Execution Time</div>\n              <div>{metadata()?.executionTimeMs}ms</div>\n            </div>\n            <Show when={metadata()?.costUSD !== undefined}>\n              <div>\n                <div class=\"font-medium text-text-primary\">Cost</div>\n                <div>${metadata()?.costUSD?.toFixed(4)}</div>\n              </div>\n            </Show>\n            <div>\n              <div class=\"font-medium text-text-primary\">TTFB</div>\n              <div>{metadata()?.firstTokenMs}ms</div>\n            </div>\n            <Show when={metadata()?.cached}>\n              <div>\n                <div class=\"font-medium text-text-primary\">Cached</div>\n                <div class=\"text-success-primary\">Yes</div>\n              </div>\n            </Show>\n          </div>\n        </div>\n      </Show>\n    </div>\n  )\n}\n\n/**\n * Skeleton Component - Placeholder while components load\n */\nfunction SkeletonComponent() {\n  return (\n    <div class=\"col-span-12 md:col-span-6 lg:col-span-4\">\n      <div class=\"animate-pulse rounded-lg border border-border-subtle bg-surface-secondary p-4\">\n        {/* Header skeleton */}\n        <div class=\"mb-4 h-6 w-1/2 rounded bg-surface-tertiary\" />\n\n        {/* Content skeleton */}\n        <div class=\"space-y-3\">\n          <div class=\"h-4 rounded bg-surface-tertiary\" />\n          <div class=\"h-4 w-5/6 rounded bg-surface-tertiary\" />\n          <div class=\"h-4 w-4/6 rounded bg-surface-tertiary\" />\n        </div>\n\n        {/* Chart/visual skeleton */}\n        <div class=\"mt-4 h-32 rounded bg-surface-tertiary\" />\n      </div>\n    </div>\n  )\n}\n\n// CSS Animations (add to global styles or Tailwind config)\n/*\n@keyframes fade-in-up {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes progress-indeterminate {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(400%);\n  }\n}\n\n.animate-fade-in-up {\n  animation: fade-in-up 0.5s ease-out;\n}\n\n.animate-progress-indeterminate {\n  animation: progress-indeterminate 1.5s infinite ease-in-out;\n}\n*/\n"],"names":["StreamingComponentRenderer","props","validation","validateComponent","component","valid","onError","type","message","componentId","id","details","errors","_$ssr","_tmpl$","_$ssrHydrationKey","_$escape","params","_$createComponent","GenerativeUIErrorBoundary","componentType","allowRetry","children","_tmpl$5","Show","when","title","_tmpl$2","value","_tmpl$4","unit","_tmpl$3","slice","StreamingUIRenderer","components","isLoading","isStreaming","error","progress","metadata","startStreaming","useStreamingUI","query","spaceIds","sessionId","options","onComplete","onComponentReceived","animatingComponents","setAnimatingComponents","createSignal","Set","handleComponentRender","prev","setTimeout","next","delete","_tmpl$12","class","showProgress","_tmpl$8","totalCount","_tmpl$6","receivedCount","_$ssrStyle","_tmpl$7","_tmpl$0","recoverable","_tmpl$9","For","each","onMount","_tmpl$13","position","colSpan","has","colStart","onRenderError","Array","from","length","SkeletonComponent","showMetadata","_tmpl$11","provider","model","executionTimeMs","costUSD","undefined","_tmpl$1","toFixed","firstTokenMs","cached","_tmpl$10","_tmpl$14"],"mappings":"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"}

package/dist/{components → mcp-ui-solid/src/components}/UIResourceRenderer.cjs

@@ -4,7 +4,8 @@ const web = require("solid-js/web");
 const solidJs = require("solid-js");
 const validation = require("../services/validation.cjs");
 const GenerativeUIErrorBoundary = require("./GenerativeUIErrorBoundary.cjs");
-var _tmpl$ = ["<div", ' class="absolute inset-0 flex items-center justify-center"><div class="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div></div>'], _tmpl$2 = ["<div", ' class="absolute inset-0 flex items-center justify-center p-4"><div class="text-center"><p class="text-red-600 dark:text-red-400 text-sm font-medium">Chart Error</p><p class="text-gray-600 dark:text-gray-400 text-xs mt-1">', "</p></div></div>"], _tmpl$3 = ["<h3", ' class="text-sm font-semibold text-gray-900 dark:text-white mb-3">', "</h3>"], _tmpl$4 = ["<div", ' class="w-full h-full p-4"><!--$-->', '<!--/--><div class="w-full h-full"><img', ' alt="Chart visualization" class="w-full h-auto max-h-[300px] object-contain"></div></div>'], _tmpl$5 = ["<div", ' class="relative w-full h-full min-h-[300px] bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"], _tmpl$6 = ["<div", ' class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span>Showing <!--$-->', "<!--/--> - <!--$-->", "<!--/--> of <!--$-->", "<!--/--></span></div>"], _tmpl$7 = ["<div", ' class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"><div class="p-4"><!--$-->', '<!--/--><div class="overflow-x-auto"><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"><thead class="bg-gray-50 dark:bg-gray-900"><tr>', '</tr></thead><tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">', "</tbody></table></div><!--$-->", "<!--/--></div></div>"], _tmpl$8 = ["<th", ' scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" style="', '">', "</th>"], _tmpl$9 = ["<tr", ' class="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">', "</tr>"], _tmpl$0 = ["<td", ' class="px-4 py-3 text-sm text-gray-900 dark:text-gray-100 whitespace-nowrap">', "</td>"], _tmpl$1 = ["<span", ' class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">', "</span>"], _tmpl$10 = ["<div", ' class="mt-3 flex items-center"><span class="', '"><!--$-->', "<!--/--> <!--$-->", "<!--/-->%</span></div>"], _tmpl$11 = ["<p", ' class="mt-2 text-xs text-gray-500 dark:text-gray-400">', "</p>"], _tmpl$12 = ["<div", ' class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4"><div class="flex flex-col h-full justify-between"><div><p class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide">', '</p><div class="mt-2 flex items-baseline"><p class="text-2xl font-semibold text-gray-900 dark:text-white">', "</p><!--$-->", "<!--/--></div></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div>"], _tmpl$13 = ["<div", ' class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4"><div class="', '">', "</div></div>"], _tmpl$14 = ["<div", ' class="w-full h-full bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4"><p class="text-sm font-medium text-red-900 dark:text-red-100">Validation Error</p><p class="text-xs text-red-700 dark:text-red-300 mt-1">', "</p></div>"], _tmpl$15 = ["<div", ' class="', '"><div class="grid gap-4" style="', '">', "</div></div>"], _tmpl$16 = ["<div", ' style="', '">', "</div>"];
+const marked_esm = require("../../../node_modules/.pnpm/marked@16.4.2/node_modules/marked/lib/marked.esm.cjs");
+var _tmpl$ = ["<div", ' class="absolute inset-0 flex items-center justify-center"><div class="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div></div>'], _tmpl$2 = ["<div", ' class="absolute inset-0 flex items-center justify-center p-4"><div class="text-center"><p class="text-red-600 dark:text-red-400 text-sm font-medium">Chart Error</p><p class="text-gray-600 dark:text-gray-400 text-xs mt-1">', "</p></div></div>"], _tmpl$3 = ["<h3", ' class="text-sm font-semibold text-gray-900 dark:text-white mb-3">', "</h3>"], _tmpl$4 = ["<div", ' class="w-full h-full p-4"><!--$-->', '<!--/--><div class="w-full h-full"><img', ' alt="Chart visualization" class="w-full h-auto max-h-[300px] object-contain"></div></div>'], _tmpl$5 = ["<div", ' class="relative w-full h-full min-h-[300px] bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"], _tmpl$6 = ["<div", ' class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span>Showing <!--$-->', "<!--/--> - <!--$-->", "<!--/--> of <!--$-->", "<!--/--></span></div>"], _tmpl$7 = ["<div", ' class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"><div class="p-4"><!--$-->', '<!--/--><div class="overflow-x-auto"><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"><thead class="bg-gray-50 dark:bg-gray-900"><tr>', '</tr></thead><tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">', "</tbody></table></div><!--$-->", "<!--/--></div></div>"], _tmpl$8 = ["<th", ' scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" style="', '">', "</th>"], _tmpl$9 = ["<tr", ' class="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">', "</tr>"], _tmpl$0 = ["<td", ' class="px-4 py-3 text-sm text-gray-900 dark:text-gray-100 whitespace-nowrap">', "</td>"], _tmpl$1 = ["<span", ' class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">', "</span>"], _tmpl$10 = ["<div", ' class="mt-3 flex items-center"><span class="', '"><!--$-->', "<!--/--> <!--$-->", "<!--/-->%</span></div>"], _tmpl$11 = ["<p", ' class="mt-2 text-xs text-gray-500 dark:text-gray-400">', "</p>"], _tmpl$12 = ["<div", ' class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4"><div class="flex flex-col h-full justify-between"><div><p class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide">', '</p><div class="mt-2 flex items-baseline"><p class="text-2xl font-semibold text-gray-900 dark:text-white">', "</p><!--$-->", "<!--/--></div></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div>"], _tmpl$13 = ["<div", ' class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4"><div class="', '">', "</div></div>"], _tmpl$14 = ["<div", ' class="px-4 py-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900"><h3 class="text-sm font-semibold text-gray-900 dark:text-white">', "</h3></div>"], _tmpl$15 = ["<div", ' class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col"><!--$-->', "<!--/--><iframe", ' class="w-full border-0 flex-1" style="', '" sandbox="allow-scripts allow-same-origin allow-popups allow-forms" loading="lazy"></iframe></div>'], _tmpl$16 = ["<div", ' class="p-3 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800"><p class="text-sm text-gray-600 dark:text-gray-400 text-center">', "</p></div>"], _tmpl$17 = ["<div", ' class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col"><div class="flex-1 flex items-center justify-center p-4 bg-gray-50 dark:bg-gray-900 min-h-[200px]"><img', ' class="max-w-full max-h-[500px] object-contain rounded shadow-sm" loading="lazy"></div><!--$-->', "<!--/--></div>"], _tmpl$18 = ["<p", ' class="text-xs text-gray-500 dark:text-gray-400 truncate">', "</p>"], _tmpl$19 = ["<a", ' target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 p-4 bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors group h-full"><div class="p-2 bg-blue-50 dark:bg-blue-900/30 rounded-full text-blue-600 dark:text-blue-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-900/50 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-sm font-medium text-gray-900 dark:text-white truncate">', "</h4><!--$-->", '<!--/--></div><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-300 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></a>'], _tmpl$20 = ["<div", ' class="w-full h-full bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4"><p class="text-sm font-medium text-red-900 dark:text-red-100">Validation Error</p><p class="text-xs text-red-700 dark:text-red-300 mt-1">', "</p></div>"], _tmpl$21 = ["<div", ' class="', '"><div class="grid gap-4" style="', '">', "</div></div>"], _tmpl$22 = ["<div", ' style="', '">', "</div>"];
 function ChartRenderer(props) {
   const [iframeUrl, setIframeUrl] = solidJs.createSignal();
   const [isLoading, setIsLoading] = solidJs.createSignal(true);
@@ -117,7 +118,48 @@ function MetricRenderer(props) {
 }
 function TextRenderer(props) {
   const textParams = props.component.params;
-  return web.ssr(_tmpl$13, web.ssrHydrationKey(), `prose prose-sm dark:prose-invert max-w-none ${web.escape(textParams.className, true) || ""}`, textParams.content);
+  const htmlContent = solidJs.createMemo(() => {
+    if (textParams.markdown) {
+      return marked_esm.marked.parse(textParams.content, {
+        async: false
+      });
+    }
+    return textParams.content;
+  });
+  return web.ssr(_tmpl$13, web.ssrHydrationKey(), `prose prose-sm dark:prose-invert max-w-none ${web.escape(textParams.className, true) || ""}`, htmlContent());
+}
+function IframeRenderer(props) {
+  const params = props.component.params;
+  return web.ssr(_tmpl$15, web.ssrHydrationKey(), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return params.title;
+    },
+    get children() {
+      return web.ssr(_tmpl$14, web.ssrHydrationKey(), web.escape(params.title));
+    }
+  })), web.ssrAttribute("src", web.escape(params.url, true), false) + web.ssrAttribute("title", web.escape(params.title, true) || "Embedded content", false), web.ssrStyleProperty("height:", web.escape(params.height, true) || "400px") + web.ssrStyleProperty(";min-height:", "300px"));
+}
+function ImageRenderer(props) {
+  const params = props.component.params;
+  return web.ssr(_tmpl$17, web.ssrHydrationKey(), web.ssrAttribute("src", web.escape(params.url, true), false) + web.ssrAttribute("alt", web.escape(params.alt, true) || "Image", false), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return params.caption;
+    },
+    get children() {
+      return web.ssr(_tmpl$16, web.ssrHydrationKey(), web.escape(params.caption));
+    }
+  })));
+}
+function LinkRenderer(props) {
+  const params = props.component.params;
+  return web.ssr(_tmpl$19, web.ssrHydrationKey() + web.ssrAttribute("href", web.escape(params.url, true), false), web.escape(params.label) || web.escape(params.url), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return params.description;
+    },
+    get children() {
+      return web.ssr(_tmpl$18, web.ssrHydrationKey(), web.escape(params.description));
+    }
+  })));
 }
 function ComponentRenderer(props) {
   var _a, _b, _c;
@@ -129,7 +171,7 @@ function ComponentRenderer(props) {
       componentId: props.component.id,
       details: validation$1.errors
     });
-    return web.ssr(_tmpl$14, web.ssrHydrationKey(), web.escape((_c = (_b = validation$1.errors) == null ? void 0 : _b[0]) == null ? void 0 : _c.message) || "Unknown validation error");
+    return web.ssr(_tmpl$20, web.ssrHydrationKey(), web.escape((_c = (_b = validation$1.errors) == null ? void 0 : _b[0]) == null ? void 0 : _c.message) || "Unknown validation error");
   }
   return web.createComponent(GenerativeUIErrorBoundary.GenerativeUIErrorBoundary, {
     get componentId() {
@@ -193,6 +235,39 @@ function ComponentRenderer(props) {
             }
           });
         }
+      }), web.createComponent(solidJs.Show, {
+        get when() {
+          return props.component.type === "iframe";
+        },
+        get children() {
+          return web.createComponent(IframeRenderer, {
+            get component() {
+              return props.component;
+            }
+          });
+        }
+      }), web.createComponent(solidJs.Show, {
+        get when() {
+          return props.component.type === "image";
+        },
+        get children() {
+          return web.createComponent(ImageRenderer, {
+            get component() {
+              return props.component;
+            }
+          });
+        }
+      }), web.createComponent(solidJs.Show, {
+        get when() {
+          return props.component.type === "link";
+        },
+        get children() {
+          return web.createComponent(LinkRenderer, {
+            get component() {
+              return props.component;
+            }
+          });
+        }
       })];
     }
   });
@@ -225,11 +300,11 @@ const UIResourceRenderer = (props) => {
     } = component.position;
     return `grid-column: ${colStart} / span ${colSpan}; grid-row: ${rowStart ? `${rowStart} / span ${rowSpan}` : "auto"}`;
   };
-  return web.ssr(_tmpl$15, web.ssrHydrationKey(), `w-full ${web.escape(props.class, true) || ""}`, web.ssrStyle(gridContainerStyle()), web.escape(web.createComponent(solidJs.For, {
+  return web.ssr(_tmpl$21, web.ssrHydrationKey(), `w-full ${web.escape(props.class, true) || ""}`, web.ssrStyle(gridContainerStyle()), web.escape(web.createComponent(solidJs.For, {
     get each() {
       return layout().components;
     },
-    children: (component) => web.ssr(_tmpl$16, web.ssrHydrationKey(), web.ssrStyle(getGridStyleString(component)), web.escape(web.createComponent(ComponentRenderer, {
+    children: (component) => web.ssr(_tmpl$22, web.ssrHydrationKey(), web.ssrStyle(getGridStyleString(component)), web.escape(web.createComponent(ComponentRenderer, {
       component,
       get onError() {
         return props.onError;

package/dist/mcp-ui-solid/src/components/UIResourceRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIResourceRenderer.cjs","sources":["../../../../src/components/UIResourceRenderer.tsx"],"sourcesContent":["/**\n * UI Resource Renderer Component\n * Phase 0: Foundation with iframe sandbox and composite grid support\n *\n * Security features:\n * - Sandboxed iframes for untrusted content\n * - CSP enforcement via middleware\n * - XSS prevention with DOMPurify\n * - Domain whitelist validation\n *\n * Performance:\n * - Lazy loading with Intersection Observer\n * - Render timeout enforcement\n * - Error boundaries for isolation\n */\n\nimport { Component, createSignal, onMount, Show, For, createMemo } from 'solid-js'\nimport type { UIComponent, UILayout, RendererError, ComponentType } from '../types'\nimport { validateComponent, DEFAULT_RESOURCE_LIMITS } from '../services/validation'\nimport { GenerativeUIErrorBoundary } from './GenerativeUIErrorBoundary'\nimport { marked } from 'marked'\n\n/**\n * Props for UIResourceRenderer\n */\nexport interface UIResourceRendererProps {\n  /**\n   * Single component or full layout to render\n   */\n  content: UIComponent | UILayout\n\n  /**\n   * Lazy loading (default: true)\n   */\n  lazyLoad?: boolean\n\n  /**\n   * Error callback\n   */\n  onError?: (error: RendererError) => void\n\n  /**\n   * Custom CSS class\n   */\n  class?: string\n}\n\n/**\n * Render a single chart component in a sandboxed iframe\n */\nfunction ChartRenderer(props: {\n  component: UIComponent\n  onError?: (error: RendererError) => void\n}) {\n  const [iframeUrl, setIframeUrl] = createSignal<string>()\n  const [isLoading, setIsLoading] = createSignal(true)\n  const [error, setError] = createSignal<string>()\n\n  onMount(() => {\n    const chartParams = props.component.params as any\n\n    // Build Quickchart URL\n    const chartConfig = {\n      type: chartParams.type,\n      data: chartParams.data,\n      options: {\n        ...chartParams.options,\n        responsive: true,\n        maintainAspectRatio: false,\n      },\n    }\n\n    // Encode chart configuration for Quickchart API\n    const configStr = encodeURIComponent(JSON.stringify(chartConfig))\n    const url = `https://quickchart.io/chart?c=${configStr}&width=500&height=300&devicePixelRatio=2`\n\n    // Validate domain (should always pass for quickchart.io)\n    setIframeUrl(url)\n    setIsLoading(false)\n  })\n\n  return (\n    <div class=\"relative w-full h-full min-h-[300px] bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden\">\n      <Show when={isLoading()}>\n        <div class=\"absolute inset-0 flex items-center justify-center\">\n          <div class=\"animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600\" />\n        </div>\n      </Show>\n\n      <Show when={error()}>\n        <div class=\"absolute inset-0 flex items-center justify-center p-4\">\n          <div class=\"text-center\">\n            <p class=\"text-red-600 dark:text-red-400 text-sm font-medium\">Chart Error</p>\n            <p class=\"text-gray-600 dark:text-gray-400 text-xs mt-1\">{error()}</p>\n          </div>\n        </div>\n      </Show>\n\n      <Show when={iframeUrl() && !error()}>\n        <div class=\"w-full h-full p-4\">\n          <Show when={(props.component.params as any).title}>\n            <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\">\n              {(props.component.params as any).title}\n            </h3>\n          </Show>\n          <div class=\"w-full h-full\">\n            <img\n              src={iframeUrl()}\n              alt=\"Chart visualization\"\n              class=\"w-full h-auto max-h-[300px] object-contain\"\n              onError={() => {\n                setError('Failed to load chart')\n                props.onError?.({\n                  type: 'render',\n                  message: 'Chart rendering failed',\n                  componentId: props.component.id,\n                })\n              }}\n            />\n          </div>\n        </div>\n      </Show>\n    </div>\n  )\n}\n\n/**\n * Render a table component\n */\nfunction TableRenderer(props: {\n  component: UIComponent\n  onError?: (error: RendererError) => void\n}) {\n  const tableParams = props.component.params as any\n\n  return (\n    <div class=\"w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden\">\n      <div class=\"p-4\">\n        <Show when={tableParams.title}>\n          <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\">\n            {tableParams.title}\n          </h3>\n        </Show>\n\n        <div class=\"overflow-x-auto\">\n          <table class=\"min-w-full divide-y divide-gray-200 dark:divide-gray-700\">\n            <thead class=\"bg-gray-50 dark:bg-gray-900\">\n              <tr>\n                <For each={tableParams.columns}>\n                  {(column: any) => (\n                    <th\n                      scope=\"col\"\n                      class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider\"\n                      style={column.width ? { width: column.width } : {}}\n                    >\n                      {column.label}\n                    </th>\n                  )}\n                </For>\n              </tr>\n            </thead>\n            <tbody class=\"bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700\">\n              <For each={tableParams.rows.slice(0, DEFAULT_RESOURCE_LIMITS.maxTableRows)}>\n                {(row: any) => (\n                  <tr class=\"hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors\">\n                    <For each={tableParams.columns}>\n                      {(column: any) => (\n                        <td class=\"px-4 py-3 text-sm text-gray-900 dark:text-gray-100 whitespace-nowrap\">\n                          {row[column.key] || '-'}\n                        </td>\n                      )}\n                    </For>\n                  </tr>\n                )}\n              </For>\n            </tbody>\n          </table>\n        </div>\n\n        <Show when={tableParams.pagination}>\n          <div class=\"mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400\">\n            <span>\n              Showing {tableParams.pagination.currentPage * tableParams.pagination.pageSize + 1} -{' '}\n              {Math.min(\n                (tableParams.pagination.currentPage + 1) * tableParams.pagination.pageSize,\n                tableParams.pagination.totalRows\n              )}{' '}\n              of {tableParams.pagination.totalRows}\n            </span>\n          </div>\n        </Show>\n      </div>\n    </div>\n  )\n}\n\n/**\n * Render a metric card component\n */\nfunction MetricRenderer(props: { component: UIComponent }) {\n  const metricParams = props.component.params as any\n\n  return (\n    <div class=\"w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4\">\n      <div class=\"flex flex-col h-full justify-between\">\n        <div>\n          <p class=\"text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide\">\n            {metricParams.title}\n          </p>\n          <div class=\"mt-2 flex items-baseline\">\n            <p class=\"text-2xl font-semibold text-gray-900 dark:text-white\">{metricParams.value}</p>\n            <Show when={metricParams.unit}>\n              <span class=\"ml-2 text-sm font-medium text-gray-500 dark:text-gray-400\">\n                {metricParams.unit}\n              </span>\n            </Show>\n          </div>\n        </div>\n\n        <Show when={metricParams.trend}>\n          <div class=\"mt-3 flex items-center\">\n            <span\n              class={`text-sm font-medium ${metricParams.trend.direction === 'up'\n                ? 'text-green-600 dark:text-green-400'\n                : metricParams.trend.direction === 'down'\n                  ? 'text-red-600 dark:text-red-400'\n                  : 'text-gray-600 dark:text-gray-400'\n                }`}\n            >\n              {metricParams.trend.direction === 'up'\n                ? '�'\n                : metricParams.trend.direction === 'down'\n                  ? '�'\n                  : '�'}{' '}\n              {Math.abs(metricParams.trend.value)}%\n            </span>\n          </div>\n        </Show>\n\n        <Show when={metricParams.subtitle}>\n          <p class=\"mt-2 text-xs text-gray-500 dark:text-gray-400\">{metricParams.subtitle}</p>\n        </Show>\n      </div>\n    </div>\n  )\n}\n\n/**\n * Render a text component (with optional markdown)\n */\nfunction TextRenderer(props: { component: UIComponent }) {\n  const textParams = props.component.params as any\n\n  // Convert markdown to HTML if markdown flag is true\n  const htmlContent = createMemo(() => {\n    if (textParams.markdown) {\n      return marked.parse(textParams.content, { async: false }) as string\n    }\n    return textParams.content\n  })\n\n  return (\n    <div class=\"w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4\">\n      <div\n        class={`prose prose-sm dark:prose-invert max-w-none ${textParams.className || ''}`}\n        innerHTML={htmlContent()}\n      />\n    </div>\n  )\n}\n\n/**\n * Render an iframe component\n */\nfunction IframeRenderer(props: { component: UIComponent }) {\n  const params = props.component.params as any\n  return (\n    <div class=\"w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col\">\n      <Show when={params.title}>\n        <div class=\"px-4 py-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900\">\n          <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white\">{params.title}</h3>\n        </div>\n      </Show>\n      <iframe\n        src={params.url}\n        title={params.title || 'Embedded content'}\n        class=\"w-full border-0 flex-1\"\n        style={{ height: params.height || '400px', 'min-height': '300px' }}\n        sandbox=\"allow-scripts allow-same-origin allow-popups allow-forms\"\n        loading=\"lazy\"\n      />\n    </div>\n  )\n}\n\n/**\n * Render an image component\n */\nfunction ImageRenderer(props: { component: UIComponent }) {\n  const params = props.component.params as any\n  return (\n    <div class=\"w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col\">\n      <div class=\"flex-1 flex items-center justify-center p-4 bg-gray-50 dark:bg-gray-900 min-h-[200px]\">\n        <img\n          src={params.url}\n          alt={params.alt || 'Image'}\n          class=\"max-w-full max-h-[500px] object-contain rounded shadow-sm\"\n          loading=\"lazy\"\n        />\n      </div>\n      <Show when={params.caption}>\n        <div class=\"p-3 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800\">\n          <p class=\"text-sm text-gray-600 dark:text-gray-400 text-center\">{params.caption}</p>\n        </div>\n      </Show>\n    </div>\n  )\n}\n\n/**\n * Render a link component\n */\nfunction LinkRenderer(props: { component: UIComponent }) {\n  const params = props.component.params as any\n  return (\n    <a\n      href={params.url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      class=\"flex items-center gap-3 p-4 bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors group h-full\"\n    >\n      <div class=\"p-2 bg-blue-50 dark:bg-blue-900/30 rounded-full text-blue-600 dark:text-blue-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-900/50 shrink-0\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"w-5 h-5\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\" />\n          <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" />\n        </svg>\n      </div>\n      <div class=\"flex-1 min-w-0\">\n        <h4 class=\"text-sm font-medium text-gray-900 dark:text-white truncate\">\n          {params.label || params.url}\n        </h4>\n        <Show when={params.description}>\n          <p class=\"text-xs text-gray-500 dark:text-gray-400 truncate\">{params.description}</p>\n        </Show>\n      </div>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"w-4 h-4 text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-300 shrink-0\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n        <polyline points=\"15 3 21 3 21 9\" />\n        <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\" />\n      </svg>\n    </a>\n  )\n}\n\n/**\n * Render a single component with error boundary\n */\nfunction ComponentRenderer(props: {\n  component: UIComponent\n  onError?: (error: RendererError) => void\n}) {\n  // Validate component before rendering\n  const validation = validateComponent(props.component)\n  if (!validation.valid) {\n    props.onError?.({\n      type: 'validation',\n      message: 'Component validation failed',\n      componentId: props.component.id,\n      details: validation.errors,\n    })\n\n    return (\n      <div class=\"w-full h-full bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4\">\n        <p class=\"text-sm font-medium text-red-900 dark:text-red-100\">Validation Error</p>\n        <p class=\"text-xs text-red-700 dark:text-red-300 mt-1\">\n          {validation.errors?.[0]?.message || 'Unknown validation error'}\n        </p>\n      </div>\n    )\n  }\n\n  // Render based on component type with enhanced error boundary\n  return (\n    <GenerativeUIErrorBoundary\n      componentId={props.component.id}\n      componentType={props.component.type}\n      onError={props.onError}\n      allowRetry={true}\n    >\n      <Show when={props.component.type === 'chart'}>\n        <ChartRenderer component={props.component} onError={props.onError} />\n      </Show>\n      <Show when={props.component.type === 'table'}>\n        <TableRenderer component={props.component} onError={props.onError} />\n      </Show>\n      <Show when={props.component.type === 'metric'}>\n        <MetricRenderer component={props.component} />\n      </Show>\n      <Show when={props.component.type === 'text'}>\n        <TextRenderer component={props.component} />\n      </Show>\n      <Show when={props.component.type === 'iframe'}>\n        <IframeRenderer component={props.component} />\n      </Show>\n      <Show when={props.component.type === 'image'}>\n        <ImageRenderer component={props.component} />\n      </Show>\n      <Show when={props.component.type === 'link'}>\n        <LinkRenderer component={props.component} />\n      </Show>\n    </GenerativeUIErrorBoundary>\n  )\n}\n\n/**\n * Main UIResourceRenderer component\n */\nexport const UIResourceRenderer: Component<UIResourceRendererProps> = (props) => {\n  const layout = () => {\n    // ✅ PHASE 3.3 FIX: Check if content is a UIComponent (non-composite) vs UILayout (composite)\n    // UILayout has type='composite', UIComponent has type='chart'|'table'|'metric'|'text'\n    if ('type' in props.content && (props.content as any).type !== 'composite') {\n      return {\n        id: 'single-component',\n        components: [props.content as UIComponent],\n        grid: {\n          columns: 12,\n          gap: '1rem',\n        },\n      } as UILayout\n    }\n    return props.content as UILayout\n  }\n\n  // Grid position to CSS Grid styles\n  const getGridStyles = (component: UIComponent) => {\n    // ✅ PHASE 3 FIX: Defensive check for position field\n    if (!component.position) {\n      console.error('[UIResourceRenderer] Component missing position field:', component)\n      return {\n        'grid-column': '1 / span 12',\n        'grid-row': 'auto',\n      }\n    }\n\n    const { colStart, colSpan, rowStart, rowSpan = 1 } = component.position\n\n    return {\n      'grid-column': `${colStart} / span ${colSpan}`,\n      'grid-row': rowStart ? `${rowStart} / span ${rowSpan}` : 'auto',\n    }\n  }\n\n  // Convert grid styles to CSS string to avoid setStyleProperty\n  const gridContainerStyle = () =>\n    `grid-template-columns: repeat(${layout().grid.columns}, 1fr); gap: ${layout().grid.gap}`\n\n  // Convert component grid styles to CSS string\n  const getGridStyleString = (component: UIComponent) => {\n    // ✅ PHASE 3 FIX: Defensive check for position field\n    if (!component.position) {\n      console.error('[UIResourceRenderer] Component missing position field:', component)\n      return 'grid-column: 1 / span 12; grid-row: auto' // Default to full width\n    }\n\n    const { colStart, colSpan, rowStart, rowSpan = 1 } = component.position\n    return `grid-column: ${colStart} / span ${colSpan}; grid-row: ${rowStart ? `${rowStart} / span ${rowSpan}` : 'auto'}`\n  }\n\n  return (\n    <div class={`w-full ${props.class || ''}`}>\n      <div class=\"grid gap-4\" style={gridContainerStyle()}>\n        <For each={layout().components}>\n          {(component) => (\n            <div style={getGridStyleString(component)}>\n              <ComponentRenderer component={component} onError={props.onError} />\n            </div>\n          )}\n        </For>\n      </div>\n    </div>\n  )\n}\n"],"names":["ChartRenderer","props","iframeUrl","setIframeUrl","createSignal","isLoading","setIsLoading","error","setError","onMount","chartParams","component","params","chartConfig","type","data","options","responsive","maintainAspectRatio","configStr","encodeURIComponent","JSON","stringify","url","_$ssr","_tmpl$5","_$ssrHydrationKey","_$escape","_$createComponent","Show","when","children","_tmpl$","_tmpl$2","_tmpl$4","title","_tmpl$3","_$ssrAttribute","TableRenderer","tableParams","_tmpl$7","For","each","columns","column","_tmpl$8","_$ssrStyle","width","label","rows","slice","DEFAULT_RESOURCE_LIMITS","maxTableRows","row","_tmpl$9","_tmpl$0","key","pagination","_tmpl$6","currentPage","pageSize","Math","min","totalRows","MetricRenderer","metricParams","_tmpl$12","value","unit","_tmpl$1","trend","_tmpl$10","direction","abs","subtitle","_tmpl$11","TextRenderer","textParams","htmlContent","createMemo","markdown","marked","parse","content","async","_tmpl$13","className","IframeRenderer","_tmpl$15","_tmpl$14","_$ssrStyleProperty","height","ImageRenderer","_tmpl$17","alt","caption","_tmpl$16","LinkRenderer","_tmpl$19","description","_tmpl$18","ComponentRenderer","validation","validateComponent","valid","onError","message","componentId","id","details","errors","_tmpl$20","GenerativeUIErrorBoundary","componentType","allowRetry","UIResourceRenderer","layout","components","grid","gap","gridContainerStyle","getGridStyleString","position","console","colStart","colSpan","rowStart","rowSpan","_tmpl$21","class","_tmpl$22"],"mappings":"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"}