@seed-ship/mcp-ui-solid 1.0.3 → 1.0.4

package/dist/components/GenerativeUIErrorBoundary.cjs

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+const logger$1 = require("../utils/logger.cjs");
+var _tmpl$ = /* @__PURE__ */ web.template(`<p class="text-xs text-yellow-600 dark:text-yellow-400 mt-2 font-mono">`), _tmpl$2 = /* @__PURE__ */ web.template(`<button class="mt-3 text-xs font-medium text-yellow-800 dark:text-yellow-200 hover:text-yellow-900 dark:hover:text-yellow-100 underline">Retry Rendering`), _tmpl$3 = /* @__PURE__ */ web.template(`<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"><div class="flex items-start gap-3"><div class=flex-shrink-0><svg class="w-5 h-5 text-yellow-600 dark:text-yellow-400"fill=none stroke=currentColor viewBox="0 0 24 24"><path stroke-linecap=round stroke-linejoin=round stroke-width=2 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"></path></svg></div><div class="flex-1 min-w-0"><p class="text-sm font-medium text-yellow-900 dark:text-yellow-100">Component Failed to Render</p><p class="text-xs text-yellow-700 dark:text-yellow-300 mt-1">Type: <!> | ID: <!>...`);
+const logger = logger$1.createLogger("generative-ui");
+function DefaultErrorFallback(props) {
+  return (() => {
+    var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.firstChild, _el$0 = _el$7.nextSibling, _el$8 = _el$0.nextSibling, _el$1 = _el$8.nextSibling;
+    _el$1.nextSibling;
+    web.insert(_el$6, () => props.componentType, _el$0);
+    web.insert(_el$6, () => props.componentId.slice(0, 8), _el$1);
+    web.insert(_el$4, web.createComponent(solidJs.Show, {
+      get when() {
+        return false;
+      },
+      get children() {
+        var _el$10 = _tmpl$();
+        web.insert(_el$10, () => props.error.message);
+        return _el$10;
+      }
+    }), null);
+    web.insert(_el$4, web.createComponent(solidJs.Show, {
+      get when() {
+        return props.allowRetry;
+      },
+      get children() {
+        var _el$11 = _tmpl$2();
+        web.addEventListener(_el$11, "click", props.onRetry, true);
+        return _el$11;
+      }
+    }), null);
+    return _el$;
+  })();
+}
+const GenerativeUIErrorBoundary = (props) => {
+  const [retryKey, setRetryKey] = solidJs.createSignal(0);
+  const [renderStartTime] = solidJs.createSignal(performance.now());
+  const handleError = (error) => {
+    var _a;
+    const renderEndTime = performance.now();
+    const renderDuration = renderEndTime - renderStartTime();
+    const errorContext = {
+      componentId: props.componentId,
+      componentType: props.componentType,
+      errorMessage: error.message,
+      errorStack: error.stack,
+      renderDuration,
+      retryCount: retryKey(),
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      userAgent: navigator.userAgent,
+      viewport: {
+        width: window.innerWidth,
+        height: window.innerHeight
+      }
+    };
+    logger.error(`Component render failed: ${props.componentType}`, errorContext);
+    (_a = props.onError) == null ? void 0 : _a.call(props, {
+      type: "render",
+      message: error.message,
+      componentId: props.componentId,
+      details: errorContext
+    });
+  };
+  const handleRetry = () => {
+    const newRetryCount = retryKey() + 1;
+    logger.info(`Retrying component render: ${props.componentType}`, {
+      componentId: props.componentId,
+      retryCount: newRetryCount
+    });
+    setRetryKey(newRetryCount);
+  };
+  return web.createComponent(solidJs.ErrorBoundary, {
+    fallback: (error) => {
+      handleError(error);
+      if (props.fallback) {
+        return props.fallback(error, props.allowRetry ? handleRetry : void 0);
+      }
+      return web.createComponent(DefaultErrorFallback, {
+        error,
+        get componentId() {
+          return props.componentId;
+        },
+        get componentType() {
+          return props.componentType;
+        },
+        get allowRetry() {
+          return props.allowRetry;
+        },
+        onRetry: handleRetry
+      });
+    },
+    get children() {
+      return (() => {
+        retryKey();
+        return web.memo(() => props.children);
+      })();
+    }
+  });
+};
+web.delegateEvents(["click"]);
+exports.GenerativeUIErrorBoundary = GenerativeUIErrorBoundary;
+//# sourceMappingURL=GenerativeUIErrorBoundary.cjs.map

package/dist/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 { 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} | ID: {props.componentId.slice(0, 8)}...\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(performance.now())\n\n  // Handle error with telemetry\n  const handleError = (error: Error) => {\n    const renderEndTime = 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: navigator.userAgent,\n      viewport: {\n        width: window.innerWidth,\n        height: window.innerHeight,\n      },\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 = 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\n    if (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 = 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 = 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","_el$","_tmpl$3","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_el$7","_el$0","_el$8","_el$1","_$insert","componentType","componentId","slice","_$createComponent","Show","when","import","children","_el$10","_tmpl$","error","message","allowRetry","_el$11","_tmpl$2","_$addEventListener","onRetry","GenerativeUIErrorBoundary","retryKey","setRetryKey","createSignal","renderStartTime","performance","now","handleError","renderEndTime","renderDuration","errorContext","errorMessage","errorStack","stack","retryCount","timestamp","Date","toISOString","userAgent","navigator","viewport","width","window","innerWidth","height","innerHeight","onError","type","details","handleRetry","newRetryCount","info","ErrorBoundary","fallback","undefined","_$memo","_$delegateEvents"],"mappings":"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"}

package/dist/components/GenerativeUIErrorBoundary.js

@@ -0,0 +1,104 @@
+import { delegateEvents, createComponent, memo, template, insert, addEventListener } from "solid-js/web";
+import { createSignal, ErrorBoundary, Show } from "solid-js";
+import { createLogger } from "../utils/logger.js";
+var _tmpl$ = /* @__PURE__ */ template(`<p class="text-xs text-yellow-600 dark:text-yellow-400 mt-2 font-mono">`), _tmpl$2 = /* @__PURE__ */ template(`<button class="mt-3 text-xs font-medium text-yellow-800 dark:text-yellow-200 hover:text-yellow-900 dark:hover:text-yellow-100 underline">Retry Rendering`), _tmpl$3 = /* @__PURE__ */ template(`<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"><div class="flex items-start gap-3"><div class=flex-shrink-0><svg class="w-5 h-5 text-yellow-600 dark:text-yellow-400"fill=none stroke=currentColor viewBox="0 0 24 24"><path stroke-linecap=round stroke-linejoin=round stroke-width=2 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"></path></svg></div><div class="flex-1 min-w-0"><p class="text-sm font-medium text-yellow-900 dark:text-yellow-100">Component Failed to Render</p><p class="text-xs text-yellow-700 dark:text-yellow-300 mt-1">Type: <!> | ID: <!>...`);
+const logger = createLogger("generative-ui");
+function DefaultErrorFallback(props) {
+  return (() => {
+    var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.firstChild, _el$0 = _el$7.nextSibling, _el$8 = _el$0.nextSibling, _el$1 = _el$8.nextSibling;
+    _el$1.nextSibling;
+    insert(_el$6, () => props.componentType, _el$0);
+    insert(_el$6, () => props.componentId.slice(0, 8), _el$1);
+    insert(_el$4, createComponent(Show, {
+      get when() {
+        return false;
+      },
+      get children() {
+        var _el$10 = _tmpl$();
+        insert(_el$10, () => props.error.message);
+        return _el$10;
+      }
+    }), null);
+    insert(_el$4, createComponent(Show, {
+      get when() {
+        return props.allowRetry;
+      },
+      get children() {
+        var _el$11 = _tmpl$2();
+        addEventListener(_el$11, "click", props.onRetry, true);
+        return _el$11;
+      }
+    }), null);
+    return _el$;
+  })();
+}
+const GenerativeUIErrorBoundary = (props) => {
+  const [retryKey, setRetryKey] = createSignal(0);
+  const [renderStartTime] = createSignal(performance.now());
+  const handleError = (error) => {
+    var _a;
+    const renderEndTime = performance.now();
+    const renderDuration = renderEndTime - renderStartTime();
+    const errorContext = {
+      componentId: props.componentId,
+      componentType: props.componentType,
+      errorMessage: error.message,
+      errorStack: error.stack,
+      renderDuration,
+      retryCount: retryKey(),
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      userAgent: navigator.userAgent,
+      viewport: {
+        width: window.innerWidth,
+        height: window.innerHeight
+      }
+    };
+    logger.error(`Component render failed: ${props.componentType}`, errorContext);
+    (_a = props.onError) == null ? void 0 : _a.call(props, {
+      type: "render",
+      message: error.message,
+      componentId: props.componentId,
+      details: errorContext
+    });
+  };
+  const handleRetry = () => {
+    const newRetryCount = retryKey() + 1;
+    logger.info(`Retrying component render: ${props.componentType}`, {
+      componentId: props.componentId,
+      retryCount: newRetryCount
+    });
+    setRetryKey(newRetryCount);
+  };
+  return createComponent(ErrorBoundary, {
+    fallback: (error) => {
+      handleError(error);
+      if (props.fallback) {
+        return props.fallback(error, props.allowRetry ? handleRetry : void 0);
+      }
+      return createComponent(DefaultErrorFallback, {
+        error,
+        get componentId() {
+          return props.componentId;
+        },
+        get componentType() {
+          return props.componentType;
+        },
+        get allowRetry() {
+          return props.allowRetry;
+        },
+        onRetry: handleRetry
+      });
+    },
+    get children() {
+      return (() => {
+        retryKey();
+        return memo(() => props.children);
+      })();
+    }
+  });
+};
+delegateEvents(["click"]);
+export {
+  GenerativeUIErrorBoundary
+};
+//# sourceMappingURL=GenerativeUIErrorBoundary.js.map

package/dist/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 { 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} | ID: {props.componentId.slice(0, 8)}...\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(performance.now())\n\n  // Handle error with telemetry\n  const handleError = (error: Error) => {\n    const renderEndTime = 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: navigator.userAgent,\n      viewport: {\n        width: window.innerWidth,\n        height: window.innerHeight,\n      },\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 = 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\n    if (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 = 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 = 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","_el$","_tmpl$3","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_el$7","_el$0","_el$8","_el$1","_$insert","componentType","componentId","slice","_$createComponent","Show","when","import","children","_el$10","_tmpl$","error","message","allowRetry","_el$11","_tmpl$2","_$addEventListener","onRetry","GenerativeUIErrorBoundary","retryKey","setRetryKey","createSignal","renderStartTime","performance","now","handleError","renderEndTime","renderDuration","errorContext","errorMessage","errorStack","stack","retryCount","timestamp","Date","toISOString","userAgent","navigator","viewport","width","window","innerWidth","height","innerHeight","onError","type","details","handleRetry","newRetryCount","info","ErrorBoundary","fallback","undefined","_$memo","_$delegateEvents"],"mappings":"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"}

package/dist/components/StreamingUIRenderer.cjs

@@ -0,0 +1,271 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+const useStreamingUI = require("../hooks/useStreamingUI.cjs");
+const validation = require("../services/validation.cjs");
+const GenerativeUIErrorBoundary = require("./GenerativeUIErrorBoundary.cjs");
+var _tmpl$ = /* @__PURE__ */ web.template(`<div class="w-full bg-error-subtle border border-border-error rounded-lg p-4"><p class="text-sm font-medium text-error-primary">Validation Error</p><p class="text-xs text-text-secondary mt-1">`), _tmpl$2 = /* @__PURE__ */ web.template(`<h3 class="text-sm font-semibold text-text-primary">`), _tmpl$3 = /* @__PURE__ */ web.template(`<span class="text-sm text-text-secondary">`), _tmpl$4 = /* @__PURE__ */ web.template(`<div class=mt-2><p class="text-2xl font-semibold text-text-primary">`), _tmpl$5 = /* @__PURE__ */ web.template(`<div class="w-full bg-surface-secondary border border-border-subtle rounded-lg p-4"><div class="flex items-center gap-2 mb-2"><span class="text-xs font-medium text-text-tertiary uppercase"></span></div><div class="mt-3 text-xs text-text-tertiary">Component ID: <!>...`), _tmpl$6 = /* @__PURE__ */ web.template(`<span class="text-sm text-text-secondary"> / `), _tmpl$7 = /* @__PURE__ */ web.template(`<div class=mt-2><div class="h-1 w-full overflow-hidden rounded-full bg-surface-tertiary"><div class="animate-progress-indeterminate h-full w-1/3 bg-brand-primary">`), _tmpl$8 = /* @__PURE__ */ web.template(`<div class="mb-4 rounded-lg border border-border-subtle bg-surface-secondary p-4"><div class="mb-2 flex items-center justify-between"><span class="text-sm font-medium text-text-primary"></span></div><div class="h-2 w-full overflow-hidden rounded-full bg-surface-tertiary"><div class="h-full bg-brand-primary transition-all duration-300 ease-out">`), _tmpl$9 = /* @__PURE__ */ web.template(`<button type=button class="mt-3 rounded-md bg-error-primary px-3 py-1.5 text-sm font-medium text-white hover:bg-error-hover">Retry`), _tmpl$0 = /* @__PURE__ */ web.template(`<div class="mb-4 rounded-lg border border-border-error bg-error-subtle p-4"><div class="mb-2 flex items-center gap-2"><svg class="h-5 w-5 text-error-primary"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><span class="font-medium text-error-primary"></span></div><p class="text-sm text-text-secondary">`), _tmpl$1 = /* @__PURE__ */ web.template(`<div><div class="font-medium text-text-primary">Cost</div><div>$`), _tmpl$10 = /* @__PURE__ */ web.template(`<div><div class="font-medium text-text-primary">Cached</div><div class=text-success-primary>Yes`), _tmpl$11 = /* @__PURE__ */ web.template(`<div class="mt-6 rounded-lg border border-border-subtle bg-surface-secondary p-4 text-sm text-text-secondary"><div class="grid grid-cols-2 gap-4 md:grid-cols-4"><div><div class="font-medium text-text-primary">Provider</div><div></div></div><div><div class="font-medium text-text-primary">Model</div><div></div></div><div><div class="font-medium text-text-primary">Execution Time</div><div>ms</div></div><div><div class="font-medium text-text-primary">TTFB</div><div>ms`), _tmpl$12 = /* @__PURE__ */ web.template(`<div><div class="grid grid-cols-12 gap-4">`), _tmpl$13 = /* @__PURE__ */ web.template(`<div>`), _tmpl$14 = /* @__PURE__ */ web.template(`<div class="col-span-12 md:col-span-6 lg:col-span-4"><div class="animate-pulse rounded-lg border border-border-subtle bg-surface-secondary p-4"><div class="mb-4 h-6 w-1/2 rounded bg-surface-tertiary"></div><div class=space-y-3><div class="h-4 rounded bg-surface-tertiary"></div><div class="h-4 w-5/6 rounded bg-surface-tertiary"></div><div class="h-4 w-4/6 rounded bg-surface-tertiary"></div></div><div class="mt-4 h-32 rounded bg-surface-tertiary">`);
+function StreamingComponentRenderer(props) {
+  var _a;
+  const validation$1 = validation.validateComponent(props.component);
+  if (!validation$1.valid) {
+    (_a = props.onError) == null ? void 0 : _a.call(props, {
+      type: "validation",
+      message: "Component validation failed",
+      componentId: props.component.id,
+      details: validation$1.errors
+    });
+    return (() => {
+      var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      web.insert(_el$3, () => {
+        var _a2, _b;
+        return ((_b = (_a2 = validation$1.errors) == null ? void 0 : _a2[0]) == null ? void 0 : _b.message) || "Unknown validation error";
+      });
+      return _el$;
+    })();
+  }
+  const params = props.component.params;
+  return web.createComponent(GenerativeUIErrorBoundary.GenerativeUIErrorBoundary, {
+    get componentId() {
+      return props.component.id;
+    },
+    get componentType() {
+      return props.component.type;
+    },
+    get onError() {
+      return props.onError;
+    },
+    allowRetry: false,
+    get children() {
+      var _el$4 = _tmpl$5(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$1 = _el$5.nextSibling, _el$10 = _el$1.firstChild, _el$12 = _el$10.nextSibling;
+      _el$12.nextSibling;
+      web.insert(_el$6, () => props.component.type);
+      web.insert(_el$4, web.createComponent(solidJs.Show, {
+        get when() {
+          return params == null ? void 0 : params.title;
+        },
+        get children() {
+          var _el$7 = _tmpl$2();
+          web.insert(_el$7, () => params.title);
+          return _el$7;
+        }
+      }), _el$1);
+      web.insert(_el$4, web.createComponent(solidJs.Show, {
+        get when() {
+          return web.memo(() => props.component.type === "metric")() && (params == null ? void 0 : params.value);
+        },
+        get children() {
+          var _el$8 = _tmpl$4(), _el$9 = _el$8.firstChild;
+          web.insert(_el$9, () => params.value);
+          web.insert(_el$8, web.createComponent(solidJs.Show, {
+            get when() {
+              return params.unit;
+            },
+            get children() {
+              var _el$0 = _tmpl$3();
+              web.insert(_el$0, () => params.unit);
+              return _el$0;
+            }
+          }), null);
+          return _el$8;
+        }
+      }), _el$1);
+      web.insert(_el$1, () => props.component.id.slice(0, 8), _el$12);
+      return _el$4;
+    }
+  });
+}
+function StreamingUIRenderer(props) {
+  const {
+    components,
+    isLoading,
+    isStreaming,
+    error,
+    progress,
+    metadata,
+    startStreaming
+  } = useStreamingUI.useStreamingUI({
+    query: props.query,
+    spaceIds: props.spaceIds,
+    sessionId: props.sessionId,
+    options: props.options,
+    onComplete: props.onComplete,
+    onError: props.onError,
+    onComponentReceived: props.onComponentReceived
+  });
+  const [animatingComponents, setAnimatingComponents] = solidJs.createSignal(/* @__PURE__ */ new Set());
+  const handleComponentRender = (componentId) => {
+    setAnimatingComponents((prev) => /* @__PURE__ */ new Set([...prev, componentId]));
+    setTimeout(() => {
+      setAnimatingComponents((prev) => {
+        const next = new Set(prev);
+        next.delete(componentId);
+        return next;
+      });
+    }, 500);
+  };
+  return (() => {
+    var _el$13 = _tmpl$12(), _el$28 = _el$13.firstChild;
+    web.insert(_el$13, web.createComponent(solidJs.Show, {
+      get when() {
+        return web.memo(() => props.showProgress !== false)() && (isLoading() || isStreaming());
+      },
+      get children() {
+        var _el$14 = _tmpl$8(), _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$19 = _el$15.nextSibling, _el$20 = _el$19.firstChild;
+        web.insert(_el$16, () => progress().message);
+        web.insert(_el$15, web.createComponent(solidJs.Show, {
+          get when() {
+            return progress().totalCount !== null;
+          },
+          get children() {
+            var _el$17 = _tmpl$6(), _el$18 = _el$17.firstChild;
+            web.insert(_el$17, () => progress().receivedCount, _el$18);
+            web.insert(_el$17, () => progress().totalCount, null);
+            return _el$17;
+          }
+        }), null);
+        web.insert(_el$14, web.createComponent(solidJs.Show, {
+          get when() {
+            return web.memo(() => progress().totalCount === null)() && isStreaming();
+          },
+          get children() {
+            return _tmpl$7();
+          }
+        }), null);
+        web.effect((_$p) => web.setStyleProperty(_el$20, "width", progress().totalCount !== null ? `${progress().receivedCount / progress().totalCount * 100}%` : "0%"));
+        return _el$14;
+      }
+    }), _el$28);
+    web.insert(_el$13, web.createComponent(solidJs.Show, {
+      get when() {
+        return error();
+      },
+      get children() {
+        var _el$22 = _tmpl$0(), _el$23 = _el$22.firstChild, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling, _el$26 = _el$23.nextSibling;
+        web.insert(_el$25, () => {
+          var _a;
+          return (_a = error()) == null ? void 0 : _a.error;
+        });
+        web.insert(_el$26, () => {
+          var _a;
+          return (_a = error()) == null ? void 0 : _a.message;
+        });
+        web.insert(_el$22, web.createComponent(solidJs.Show, {
+          get when() {
+            var _a;
+            return (_a = error()) == null ? void 0 : _a.recoverable;
+          },
+          get children() {
+            var _el$27 = _tmpl$9();
+            _el$27.$$click = () => startStreaming();
+            return _el$27;
+          }
+        }), null);
+        return _el$22;
+      }
+    }), _el$28);
+    web.insert(_el$28, web.createComponent(solidJs.For, {
+      get each() {
+        return components();
+      },
+      children: (component) => (() => {
+        var _el$50 = _tmpl$13();
+        web.use(() => handleComponentRender(component.id), _el$50);
+        web.insert(_el$50, web.createComponent(StreamingComponentRenderer, {
+          component,
+          get onError() {
+            return props.onRenderError;
+          }
+        }));
+        web.effect((_p$) => {
+          var _v$ = `
+                col-span-${component.position.colSpan}
+                ${animatingComponents().has(component.id) ? "animate-fade-in-up" : ""}
+              `, _v$2 = component.position.colStart, _v$3 = component.position.colStart + component.position.colSpan;
+          _v$ !== _p$.e && web.className(_el$50, _p$.e = _v$);
+          _v$2 !== _p$.t && web.setStyleProperty(_el$50, "grid-column-start", _p$.t = _v$2);
+          _v$3 !== _p$.a && web.setStyleProperty(_el$50, "grid-column-end", _p$.a = _v$3);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        });
+        return _el$50;
+      })()
+    }), null);
+    web.insert(_el$28, web.createComponent(solidJs.Show, {
+      get when() {
+        return web.memo(() => !!isStreaming())() && progress().totalCount !== null;
+      },
+      get children() {
+        return web.createComponent(solidJs.For, {
+          get each() {
+            return Array.from({
+              length: progress().totalCount - progress().receivedCount
+            });
+          },
+          children: () => web.createComponent(SkeletonComponent, {})
+        });
+      }
+    }), null);
+    web.insert(_el$13, web.createComponent(solidJs.Show, {
+      get when() {
+        return web.memo(() => props.showMetadata !== false)() && metadata();
+      },
+      get children() {
+        var _el$29 = _tmpl$11(), _el$30 = _el$29.firstChild, _el$31 = _el$30.firstChild, _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$34 = _el$31.nextSibling, _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling, _el$37 = _el$34.nextSibling, _el$38 = _el$37.firstChild, _el$39 = _el$38.nextSibling, _el$40 = _el$39.firstChild, _el$45 = _el$37.nextSibling, _el$46 = _el$45.firstChild, _el$47 = _el$46.nextSibling, _el$48 = _el$47.firstChild;
+        web.insert(_el$33, () => {
+          var _a;
+          return (_a = metadata()) == null ? void 0 : _a.provider;
+        });
+        web.insert(_el$36, () => {
+          var _a;
+          return (_a = metadata()) == null ? void 0 : _a.model;
+        });
+        web.insert(_el$39, () => {
+          var _a;
+          return (_a = metadata()) == null ? void 0 : _a.executionTimeMs;
+        }, _el$40);
+        web.insert(_el$30, web.createComponent(solidJs.Show, {
+          get when() {
+            var _a;
+            return ((_a = metadata()) == null ? void 0 : _a.costUSD) !== void 0;
+          },
+          get children() {
+            var _el$41 = _tmpl$1(), _el$42 = _el$41.firstChild, _el$43 = _el$42.nextSibling;
+            _el$43.firstChild;
+            web.insert(_el$43, () => {
+              var _a, _b;
+              return (_b = (_a = metadata()) == null ? void 0 : _a.costUSD) == null ? void 0 : _b.toFixed(4);
+            }, null);
+            return _el$41;
+          }
+        }), _el$45);
+        web.insert(_el$47, () => {
+          var _a;
+          return (_a = metadata()) == null ? void 0 : _a.firstTokenMs;
+        }, _el$48);
+        web.insert(_el$30, web.createComponent(solidJs.Show, {
+          get when() {
+            var _a;
+            return (_a = metadata()) == null ? void 0 : _a.cached;
+          },
+          get children() {
+            return _tmpl$10();
+          }
+        }), null);
+        return _el$29;
+      }
+    }), null);
+    web.effect(() => web.className(_el$13, `streaming-ui-renderer ${props.class || ""}`));
+    return _el$13;
+  })();
+}
+function SkeletonComponent() {
+  return _tmpl$14();
+}
+web.delegateEvents(["click"]);
+exports.StreamingUIRenderer = StreamingUIRenderer;
+//# sourceMappingURL=StreamingUIRenderer.cjs.map

package/dist/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 } 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                width:\n                  progress().totalCount !== null\n                    ? `${(progress().receivedCount / progress().totalCount!) * 100}%`\n                    : '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            <div\n              ref={() => handleComponentRender(component.id)}\n              class={`\n                col-span-${component.position.colSpan}\n                ${animatingComponents().has(component.id) ? 'animate-fade-in-up' : ''}\n              `}\n              style={{\n                'grid-column-start': component.position.colStart,\n                'grid-column-end': component.position.colStart + component.position.colSpan,\n              }}\n            >\n              <StreamingComponentRenderer component={component} onError={props.onRenderError} />\n            </div>\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","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_$insert","params","_$createComponent","GenerativeUIErrorBoundary","componentType","allowRetry","children","_el$4","_tmpl$5","_el$5","_el$6","_el$1","_el$10","_el$12","Show","when","title","_el$7","_tmpl$2","_$memo","value","_el$8","_tmpl$4","_el$9","unit","_el$0","_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","_el$13","_tmpl$12","_el$28","showProgress","_el$14","_tmpl$8","_el$15","_el$16","_el$19","_el$20","totalCount","_el$17","_tmpl$6","_el$18","receivedCount","_tmpl$7","_$effect","_$p","_$setStyleProperty","_el$22","_tmpl$0","_el$23","_el$24","_el$25","_el$26","recoverable","_el$27","_tmpl$9","$$click","For","each","_el$50","_tmpl$13","_$use","onRenderError","_p$","_v$","position","colSpan","has","_v$2","colStart","_v$3","e","_$className","t","a","undefined","Array","from","length","SkeletonComponent","showMetadata","_el$29","_tmpl$11","_el$30","_el$31","_el$32","_el$33","_el$34","_el$35","_el$36","_el$37","_el$38","_el$39","_el$40","_el$45","_el$46","_el$47","_el$48","provider","model","executionTimeMs","costUSD","_el$41","_tmpl$1","_el$42","_el$43","toFixed","firstTokenMs","cached","_tmpl$10","class","_tmpl$14","_$delegateEvents"],"mappings":"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"}