npm - @seed-ship/mcp-ui-solid - Versions diffs - 1.0.29 → 1.0.31 - Mend

@seed-ship/mcp-ui-solid 1.0.29 → 1.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/dist/components/UIResourceRenderer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UIResourceRenderer.js","sources":["../../src/components/UIResourceRenderer.tsx"],"sourcesContent":["/**\n * UI Resource Renderer Component\n * Phase 0: Foundation with iframe sandbox and composite grid support\n */\n\nimport DOMPurify from 'dompurify'\nimport { Component, createSignal, onMount, Show, For, createMemo } from 'solid-js'\nimport { isServer } from 'solid-js/web'\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 border-separate border-spacing-0\">\n <thead class=\"bg-gray-50 dark:bg-gray-900/50\">\n <tr>\n <For each={tableParams.columns}>\n {(column: any) => (\n <th\n scope=\"col\"\n class=\"px-6 py-3 text-left text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider border-b border-gray-200 dark:border-gray-700 first:pl-6 last:pr-6\"\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, i) => (\n <tr class={`hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors ${i() % 2 === 0 ? 'bg-white dark:bg-gray-800' : 'bg-gray-50/30 dark:bg-gray-800/50'}`}>\n <For each={tableParams.columns}>\n {(column: any) => (\n <td class=\"px-6 py-4 text-sm text-gray-700 dark:text-gray-200 whitespace-normal break-words leading-relaxed first:pl-6 last:pr-6\">\n <div\n innerHTML={\n typeof row[column.key] === 'string' && (row[column.key].includes('[') || row[column.key].includes('**') || row[column.key].includes('`'))\n ? DOMPurify.sanitize(marked.parse(row[column.key], { async: false }) as string, { ADD_ATTR: ['target', 'rel'] })\n : (row[column.key] || '-')\n }\n />\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 <a href={params.url} target=\"_blank\" rel=\"noopener noreferrer\" class=\"cursor-zoom-in\">\n <img\n src={params.url}\n alt={params.alt || 'Image'}\n class=\"max-w-full max-h-[500px] object-contain rounded shadow-sm hover:opacity-95 transition-opacity\"\n loading=\"lazy\"\n />\n </a>\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 */\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 onClick={(e) => e.stopPropagation()}\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 transition-colors\">\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 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors\">\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 transition-colors\"\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 <Show when={props.component.type === 'action'}>\n <ActionRenderer component={props.component} />\n </Show>\n </GenerativeUIErrorBoundary>\n )\n}\n\n/**\n * Render an action component (button or link)\n */\nfunction ActionRenderer(props: { component: UIComponent }) {\n const params = props.component.params as any\n\n // Handle click to execute tool via window event\n const handleClick = (e: MouseEvent) => {\n if (params.action === 'tool-call' && params.toolName) {\n e.preventDefault()\n // Client-only: CustomEvent and window are not available in SSR\n if (!isServer && typeof window !== 'undefined') {\n const event = new CustomEvent('mcp-action', {\n detail: {\n toolName: params.toolName,\n params: params.params || {},\n },\n bubbles: true,\n })\n window.dispatchEvent(event)\n }\n }\n }\n\n if (params.type === 'link' || params.action === 'link') {\n return (\n <a\n href={params.url || '#'}\n target={params.url ? '_blank' : undefined}\n rel=\"noopener noreferrer\"\n class={`inline-flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium transition-colors\n ${params.variant === 'primary' ? 'bg-blue-600 text-white hover:bg-blue-700' :\n params.variant === 'outline' ? 'border border-gray-300 text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800' :\n 'text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300'}`}\n onClick={handleClick}\n >\n <Show when={params.icon}>\n <span>{params.icon}</span>\n </Show>\n {params.label}\n </a>\n )\n }\n\n return (\n <button\n type={params.action === 'submit' ? 'submit' : 'button'}\n disabled={params.disabled}\n class={`inline-flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\n ${params.variant === 'primary' ? 'bg-blue-600 text-white hover:bg-blue-700 shadow-sm' :\n params.variant === 'secondary' ? 'bg-gray-100 text-gray-900 hover:bg-gray-200 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600' :\n params.variant === 'outline' ? 'border border-gray-300 text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800' :\n params.variant === 'danger' ? 'bg-red-600 text-white hover:bg-red-700' :\n 'bg-transparent text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800'}\n ${params.disabled ? 'opacity-50 cursor-not-allowed' : ''}\n ${params.size === 'sm' ? 'px-3 py-1.5 text-xs' : params.size === 'lg' ? 'px-6 py-3 text-base' : ''}`}\n onClick={handleClick}\n >\n <Show when={params.icon}>\n <span>{params.icon}</span>\n </Show>\n {params.label}\n </button>\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","_el$","_$getNextElement","_tmpl$5","_el$11","firstChild","_el$12","_co$2","_$getNextMarker","nextSibling","_el$13","_el$14","_co$3","_el$15","_el$16","_co$4","_$insert","_$createComponent","Show","when","children","_tmpl$","_el$3","_tmpl$2","_el$4","_el$5","_el$6","_$memo","_el$7","_tmpl$4","_el$1","_el$10","_co$","_el$9","_el$0","title","_el$8","_tmpl$3","addEventListener","onError","message","componentId","id","_$effect","_$setAttribute","TableRenderer","tableParams","_el$17","_tmpl$7","_el$18","_el$38","_el$39","_co$8","_el$20","_el$21","_el$22","_el$23","_el$24","_el$40","_el$41","_co$9","_el$19","For","each","columns","column","_el$42","_tmpl$8","label","_$p","_$style","width","rows","slice","DEFAULT_RESOURCE_LIMITS","maxTableRows","row","i","_el$43","_tmpl$9","_el$44","_tmpl$0","_el$45","_$setProperty","key","includes","DOMPurify","sanitize","marked","parse","async","ADD_ATTR","_$className","pagination","_el$25","_tmpl$6","_el$26","_el$27","_el$32","_el$33","_co$5","_el$28","_el$34","_el$35","_co$6","_el$30","_el$36","_el$37","_co$7","currentPage","pageSize","Math","min","totalRows","MetricRenderer","metricParams","_el$46","_tmpl$12","_el$47","_el$48","_el$49","_el$50","_el$51","_el$53","_el$54","_co$0","_el$64","_el$65","_co$11","_el$66","_el$67","_co$12","value","unit","_el$52","_tmpl$1","trend","_el$55","_tmpl$10","_el$56","_el$59","_el$60","_co$1","_el$57","_el$61","_el$62","_co$10","_c$","direction","abs","subtitle","_el$63","_tmpl$11","TextRenderer","textParams","htmlContent","createMemo","markdown","content","_el$68","_tmpl$13","_el$69","_p$","_v$","className","_v$2","e","t","undefined","IframeRenderer","_el$70","_tmpl$15","_el$74","_el$75","_co$13","_el$73","_el$71","_tmpl$14","_el$72","_v$3","_v$4","_v$5","height","a","ImageRenderer","_el$76","_tmpl$17","_el$77","_el$78","_el$79","_el$82","_el$83","_co$14","caption","_el$80","_tmpl$16","_el$81","_v$6","_v$7","_v$8","alt","LinkRenderer","_el$84","_tmpl$19","_el$85","_el$86","_el$87","_el$89","_el$90","_co$15","$$click","stopPropagation","description","_el$88","_tmpl$18","_$runHydrationEvents","ComponentRenderer","validation","validateComponent","valid","details","errors","_el$91","_tmpl$20","_el$92","_el$93","GenerativeUIErrorBoundary","componentType","allowRetry","ActionRenderer","handleClick","action","toolName","preventDefault","isServer","window","event","CustomEvent","detail","bubbles","dispatchEvent","_el$94","_tmpl$22","_el$96","_el$97","_co$16","_el$98","_el$99","_co$17","icon","_el$95","_tmpl$21","_v$9","_v$0","_v$1","variant","_el$100","_tmpl$23","_el$102","_el$103","_co$18","_el$104","_el$105","_co$19","_el$101","_v$10","_v$11","disabled","_v$12","size","UIResourceRenderer","layout","components","grid","gap","gridContainerStyle","getGridStyleString","position","console","colStart","colSpan","rowStart","rowSpan","_el$106","_tmpl$24","_el$107","_el$108","_tmpl$25","_v$13","class","_v$14","_$delegateEvents"],"mappings":"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"}

package/dist/components.cjs CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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 UIResourceRenderer = require("./components/UIResourceRenderer.cjs");
+const StreamingUIRenderer = require("./components/StreamingUIRenderer.cjs");
+const GenerativeUIErrorBoundary = require("./components/GenerativeUIErrorBoundary.cjs");
 exports.UIResourceRenderer = UIResourceRenderer.UIResourceRenderer;
 exports.StreamingUIRenderer = StreamingUIRenderer.StreamingUIRenderer;
 exports.GenerativeUIErrorBoundary = GenerativeUIErrorBoundary.GenerativeUIErrorBoundary;

package/dist/components.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * MCP UI Solid - Components
+ *
+ * SolidJS components for rendering MCP-generated UI resources
+ */
+export { UIResourceRenderer } from './UIResourceRenderer';
+export type { UIResourceRendererProps } from './UIResourceRenderer';
+export { StreamingUIRenderer } from './StreamingUIRenderer';
+export type { StreamingUIRendererProps } from './StreamingUIRenderer';
+export { GenerativeUIErrorBoundary } from './GenerativeUIErrorBoundary';
+export type { GenerativeUIErrorBoundaryProps } from './GenerativeUIErrorBoundary';
+//# sourceMappingURL=index.d.ts.map

package/dist/components.js CHANGED Viewed

@@ -1,6 +1,6 @@
-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 { UIResourceRenderer } from "./components/UIResourceRenderer.js";
+import { StreamingUIRenderer } from "./components/StreamingUIRenderer.js";
+import { GenerativeUIErrorBoundary } from "./components/GenerativeUIErrorBoundary.js";
 export {
   GenerativeUIErrorBoundary,
   StreamingUIRenderer,

package/dist/hooks/useStreamingUI.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useStreamingUI.cjs","sources":["../../src/hooks/useStreamingUI.ts"],"sourcesContent":["/**\n * useStreamingUI Hook - Phase 2\n *\n * Client-side hook for consuming the streaming generative UI endpoint.\n * Handles SSE connection, component buffering, reordering, and error handling.\n *\n * Features:\n * - SSE connection with automatic reconnection\n * - Component buffering and reordering by sequenceId\n * - Progress tracking and loading states\n * - Error handling with recovery attempts\n * - Cleanup on unmount\n *\n * Usage:\n * ```tsx\n * const { components, isLoading, error, progress } = useStreamingUI({\n * query: 'Show me revenue trends',\n * spaceIds: ['uuid1', 'uuid2'],\n * onComplete: (metadata) => console.log('Done!', metadata),\n * })\n * ```\n */\n\nimport { createSignal, onCleanup } from 'solid-js'\nimport type { UIComponent } from '../types'\nimport { createLogger } from '../utils/logger'\n\nconst logger = createLogger('useStreamingUI')\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UseStreamingUIOptions {\n query: string\n spaceIds?: string[]\n sessionId?: string\n options?: {\n useCache?: boolean\n useLLM?: boolean\n maxComponents?: number\n preferredComponents?: Array<'chart' | 'table' | 'metric' | 'text'>\n }\n onComplete?: (metadata: CompleteMetadata) => void\n onError?: (error: StreamError) => void\n onComponentReceived?: (component: UIComponent) => void\n}\n\nexport interface StreamingUIState {\n components: UIComponent[]\n isLoading: boolean\n isStreaming: boolean\n error: StreamError | null\n progress: StreamProgress\n metadata: CompleteMetadata | null\n}\n\nexport interface StreamProgress {\n receivedCount: number\n totalCount: number | null\n message: string\n timestamp: string\n}\n\nexport interface CompleteMetadata {\n layoutId: string\n componentsCount: number\n executionTimeMs: number\n firstTokenMs: number\n provider: 'groq' | 'mock'\n model: string\n tokensUsed?: number\n costUSD?: number\n cached: boolean\n}\n\nexport interface StreamError {\n error: string\n message: string\n componentId?: string\n recoverable: boolean\n}\n\ninterface ComponentBuffer {\n [sequenceId: number]: {\n component: UIComponent\n position: { colStart: number; colSpan: number; rowStart?: number; rowSpan?: number }\n }\n}\n\n// ============================================================================\n// SSE Event Types (must match server)\n// ============================================================================\n\ntype SSEEventType = 'status' | 'component-start' | 'component' | 'complete' | 'error'\n\ninterface StatusEvent {\n message: string\n timestamp: string\n totalComponents?: number\n}\n\ninterface ComponentStartEvent {\n componentId: string\n type: 'chart' | 'table' | 'metric' | 'text'\n sequenceId: number\n position: { colStart: number; colSpan: number }\n}\n\ninterface ComponentEvent {\n componentId: string\n sequenceId: number\n component: UIComponent\n position: { colStart: number; colSpan: number; rowStart?: number; rowSpan?: number }\n}\n\n// ============================================================================\n// Hook Implementation\n// ============================================================================\n\nexport function useStreamingUI(options: UseStreamingUIOptions) {\n // State\n const [components, setComponents] = createSignal<UIComponent[]>([])\n const [isLoading, setIsLoading] = createSignal(false)\n const [isStreaming, setIsStreaming] = createSignal(false)\n const [error, setError] = createSignal<StreamError | null>(null)\n const [progress, setProgress] = createSignal<StreamProgress>({\n receivedCount: 0,\n totalCount: null,\n message: 'Initializing...',\n timestamp: new Date().toISOString(),\n })\n const [metadata, setMetadata] = createSignal<CompleteMetadata | null>(null)\n\n // Component buffer for reordering\n let componentBuffer: ComponentBuffer = {}\n let nextSequenceId = 0\n let eventSource: EventSource | null = null\n let reconnectAttempts = 0\n const maxReconnectAttempts = 3\n\n /**\n * Flush components from buffer in sequence order\n */\n const flushBuffer = () => {\n const flushed: UIComponent[] = []\n\n while (componentBuffer[nextSequenceId]) {\n const { component } = componentBuffer[nextSequenceId]\n flushed.push(component)\n delete componentBuffer[nextSequenceId]\n nextSequenceId++\n }\n\n if (flushed.length > 0) {\n setComponents((prev) => [...prev, ...flushed])\n\n setProgress((prev) => ({\n ...prev,\n receivedCount: prev.receivedCount + flushed.length,\n }))\n\n logger.debug('Flushed components from buffer', {\n count: flushed.length,\n nextSequenceId,\n })\n }\n }\n\n /**\n * Handle SSE status event\n */\n const handleStatusEvent = (data: StatusEvent) => {\n logger.debug('Status event received', data as unknown as Record<string, unknown>)\n\n setProgress({\n receivedCount: progress().receivedCount,\n totalCount: data.totalComponents ?? progress().totalCount,\n message: data.message,\n timestamp: data.timestamp,\n })\n }\n\n /**\n * Handle SSE component-start event\n */\n const handleComponentStartEvent = (data: ComponentStartEvent) => {\n logger.debug('Component-start event received', data as unknown as Record<string, unknown>)\n\n setProgress((prev) => ({\n ...prev,\n message: `Loading ${data.type} component...`,\n timestamp: new Date().toISOString(),\n }))\n }\n\n /**\n * Handle SSE component event\n */\n const handleComponentEvent = (data: ComponentEvent) => {\n logger.debug('Component event received', {\n componentId: data.componentId,\n sequenceId: data.sequenceId,\n })\n\n // Add to buffer\n componentBuffer[data.sequenceId] = {\n component: data.component,\n position: data.position,\n }\n\n // Flush buffer in sequence\n flushBuffer()\n\n // Notify callback\n if (options.onComponentReceived) {\n options.onComponentReceived(data.component)\n }\n }\n\n /**\n * Handle SSE complete event\n */\n const handleCompleteEvent = (data: CompleteMetadata) => {\n logger.info('Stream completed', data as unknown as Record<string, unknown>)\n\n setIsStreaming(false)\n setIsLoading(false)\n setMetadata(data)\n\n // Flush any remaining buffered components\n flushBuffer()\n\n setProgress((prev) => ({\n ...prev,\n message: 'Dashboard loaded',\n timestamp: new Date().toISOString(),\n }))\n\n // Notify callback\n if (options.onComplete) {\n options.onComplete(data)\n }\n }\n\n /**\n * Handle SSE error event\n */\n const handleErrorEvent = (data: StreamError) => {\n logger.error('Stream error received', data as unknown as Record<string, unknown>)\n\n setError(data)\n setIsStreaming(false)\n setIsLoading(false)\n\n setProgress((prev) => ({\n ...prev,\n message: `Error: ${data.message}`,\n timestamp: new Date().toISOString(),\n }))\n\n // Notify callback\n if (options.onError) {\n options.onError(data)\n }\n\n // Try to reconnect if recoverable\n if (data.recoverable && reconnectAttempts < maxReconnectAttempts) {\n reconnectAttempts++\n logger.warn('Attempting to reconnect', { attempt: reconnectAttempts })\n setTimeout(() => startStreaming(), 1000 * reconnectAttempts)\n }\n }\n\n /**\n * Parse SSE event\n */\n const parseSSEEvent = (event: MessageEvent, eventType: SSEEventType) => {\n try {\n const data = JSON.parse(event.data)\n\n switch (eventType) {\n case 'status':\n handleStatusEvent(data as StatusEvent)\n break\n case 'component-start':\n handleComponentStartEvent(data as ComponentStartEvent)\n break\n case 'component':\n handleComponentEvent(data as ComponentEvent)\n break\n case 'complete':\n handleCompleteEvent(data as CompleteMetadata)\n break\n case 'error':\n handleErrorEvent(data as StreamError)\n break\n default:\n logger.warn('Unknown SSE event type', { eventType })\n }\n } catch (error) {\n logger.error('Failed to parse SSE event', {\n error: error instanceof Error ? error.message : String(error),\n eventType,\n })\n }\n }\n\n /**\n * Start SSE streaming\n */\n const startStreaming = () => {\n // Reset state\n setComponents([])\n setError(null)\n setIsLoading(true)\n setIsStreaming(true)\n componentBuffer = {}\n nextSequenceId = 0\n\n setProgress({\n receivedCount: 0,\n totalCount: null,\n message: 'Connecting to server...',\n timestamp: new Date().toISOString(),\n })\n\n logger.info('Starting SSE stream', {\n query: options.query,\n spaceIds: options.spaceIds,\n })\n\n // Build request body\n const requestBody = {\n query: options.query,\n spaceIds: options.spaceIds,\n sessionId: options.sessionId,\n options: options.options,\n }\n\n // Create EventSource (SSE connection)\n // Note: EventSource doesn't support POST, so we need to use fetch + ReadableStream\n fetch('/api/mcp/generative-ui-stream', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(requestBody),\n })\n .then(async (response) => {\n if (!response.ok) {\n const errorData = await response.json()\n throw new Error(errorData.message || 'Stream request failed')\n }\n\n if (!response.body) {\n throw new Error('Response body is null')\n }\n\n const reader = response.body.getReader()\n const decoder = new TextDecoder()\n\n let buffer = ''\n\n // Read stream\n const readChunk = async (): Promise<void> => {\n const { done, value } = await reader.read()\n\n if (done) {\n logger.info('Stream ended')\n return\n }\n\n buffer += decoder.decode(value, { stream: true })\n\n // Process SSE messages\n const lines = buffer.split('\\n')\n buffer = lines.pop() || '' // Keep incomplete line in buffer\n\n let currentEvent: SSEEventType | null = null\n\n for (const line of lines) {\n if (line.startsWith('event: ')) {\n currentEvent = line.slice(7) as SSEEventType\n } else if (line.startsWith('data: ') && currentEvent) {\n const data = line.slice(6)\n parseSSEEvent({ data } as MessageEvent, currentEvent)\n currentEvent = null\n }\n }\n\n // Continue reading\n return readChunk()\n }\n\n await readChunk()\n })\n .catch((err) => {\n logger.error('Stream fetch failed', {\n error: err instanceof Error ? err.message : String(err),\n })\n\n handleErrorEvent({\n error: 'Stream connection failed',\n message: err instanceof Error ? err.message : 'Unknown error',\n recoverable: true,\n })\n })\n }\n\n /**\n * Stop streaming\n */\n const stopStreaming = () => {\n if (eventSource) {\n eventSource.close()\n eventSource = null\n }\n\n setIsStreaming(false)\n setIsLoading(false)\n\n logger.info('Streaming stopped')\n }\n\n /**\n * Cleanup on unmount\n */\n onCleanup(() => {\n stopStreaming()\n })\n\n // Auto-start streaming\n startStreaming()\n\n // Return state accessors and controls\n return {\n components,\n isLoading,\n isStreaming,\n error,\n progress,\n metadata,\n startStreaming,\n stopStreaming,\n }\n}\n"],"names":["createLogger","createSignal","error","onCleanup"],"mappings":"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"}

package/dist/hooks/useStreamingUI.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useStreamingUI.js","sources":["../../src/hooks/useStreamingUI.ts"],"sourcesContent":["/**\n * useStreamingUI Hook - Phase 2\n *\n * Client-side hook for consuming the streaming generative UI endpoint.\n * Handles SSE connection, component buffering, reordering, and error handling.\n *\n * Features:\n * - SSE connection with automatic reconnection\n * - Component buffering and reordering by sequenceId\n * - Progress tracking and loading states\n * - Error handling with recovery attempts\n * - Cleanup on unmount\n *\n * Usage:\n * ```tsx\n * const { components, isLoading, error, progress } = useStreamingUI({\n * query: 'Show me revenue trends',\n * spaceIds: ['uuid1', 'uuid2'],\n * onComplete: (metadata) => console.log('Done!', metadata),\n * })\n * ```\n */\n\nimport { createSignal, onCleanup } from 'solid-js'\nimport type { UIComponent } from '../types'\nimport { createLogger } from '../utils/logger'\n\nconst logger = createLogger('useStreamingUI')\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UseStreamingUIOptions {\n query: string\n spaceIds?: string[]\n sessionId?: string\n options?: {\n useCache?: boolean\n useLLM?: boolean\n maxComponents?: number\n preferredComponents?: Array<'chart' | 'table' | 'metric' | 'text'>\n }\n onComplete?: (metadata: CompleteMetadata) => void\n onError?: (error: StreamError) => void\n onComponentReceived?: (component: UIComponent) => void\n}\n\nexport interface StreamingUIState {\n components: UIComponent[]\n isLoading: boolean\n isStreaming: boolean\n error: StreamError | null\n progress: StreamProgress\n metadata: CompleteMetadata | null\n}\n\nexport interface StreamProgress {\n receivedCount: number\n totalCount: number | null\n message: string\n timestamp: string\n}\n\nexport interface CompleteMetadata {\n layoutId: string\n componentsCount: number\n executionTimeMs: number\n firstTokenMs: number\n provider: 'groq' | 'mock'\n model: string\n tokensUsed?: number\n costUSD?: number\n cached: boolean\n}\n\nexport interface StreamError {\n error: string\n message: string\n componentId?: string\n recoverable: boolean\n}\n\ninterface ComponentBuffer {\n [sequenceId: number]: {\n component: UIComponent\n position: { colStart: number; colSpan: number; rowStart?: number; rowSpan?: number }\n }\n}\n\n// ============================================================================\n// SSE Event Types (must match server)\n// ============================================================================\n\ntype SSEEventType = 'status' | 'component-start' | 'component' | 'complete' | 'error'\n\ninterface StatusEvent {\n message: string\n timestamp: string\n totalComponents?: number\n}\n\ninterface ComponentStartEvent {\n componentId: string\n type: 'chart' | 'table' | 'metric' | 'text'\n sequenceId: number\n position: { colStart: number; colSpan: number }\n}\n\ninterface ComponentEvent {\n componentId: string\n sequenceId: number\n component: UIComponent\n position: { colStart: number; colSpan: number; rowStart?: number; rowSpan?: number }\n}\n\n// ============================================================================\n// Hook Implementation\n// ============================================================================\n\nexport function useStreamingUI(options: UseStreamingUIOptions) {\n // State\n const [components, setComponents] = createSignal<UIComponent[]>([])\n const [isLoading, setIsLoading] = createSignal(false)\n const [isStreaming, setIsStreaming] = createSignal(false)\n const [error, setError] = createSignal<StreamError | null>(null)\n const [progress, setProgress] = createSignal<StreamProgress>({\n receivedCount: 0,\n totalCount: null,\n message: 'Initializing...',\n timestamp: new Date().toISOString(),\n })\n const [metadata, setMetadata] = createSignal<CompleteMetadata | null>(null)\n\n // Component buffer for reordering\n let componentBuffer: ComponentBuffer = {}\n let nextSequenceId = 0\n let eventSource: EventSource | null = null\n let reconnectAttempts = 0\n const maxReconnectAttempts = 3\n\n /**\n * Flush components from buffer in sequence order\n */\n const flushBuffer = () => {\n const flushed: UIComponent[] = []\n\n while (componentBuffer[nextSequenceId]) {\n const { component } = componentBuffer[nextSequenceId]\n flushed.push(component)\n delete componentBuffer[nextSequenceId]\n nextSequenceId++\n }\n\n if (flushed.length > 0) {\n setComponents((prev) => [...prev, ...flushed])\n\n setProgress((prev) => ({\n ...prev,\n receivedCount: prev.receivedCount + flushed.length,\n }))\n\n logger.debug('Flushed components from buffer', {\n count: flushed.length,\n nextSequenceId,\n })\n }\n }\n\n /**\n * Handle SSE status event\n */\n const handleStatusEvent = (data: StatusEvent) => {\n logger.debug('Status event received', data as unknown as Record<string, unknown>)\n\n setProgress({\n receivedCount: progress().receivedCount,\n totalCount: data.totalComponents ?? progress().totalCount,\n message: data.message,\n timestamp: data.timestamp,\n })\n }\n\n /**\n * Handle SSE component-start event\n */\n const handleComponentStartEvent = (data: ComponentStartEvent) => {\n logger.debug('Component-start event received', data as unknown as Record<string, unknown>)\n\n setProgress((prev) => ({\n ...prev,\n message: `Loading ${data.type} component...`,\n timestamp: new Date().toISOString(),\n }))\n }\n\n /**\n * Handle SSE component event\n */\n const handleComponentEvent = (data: ComponentEvent) => {\n logger.debug('Component event received', {\n componentId: data.componentId,\n sequenceId: data.sequenceId,\n })\n\n // Add to buffer\n componentBuffer[data.sequenceId] = {\n component: data.component,\n position: data.position,\n }\n\n // Flush buffer in sequence\n flushBuffer()\n\n // Notify callback\n if (options.onComponentReceived) {\n options.onComponentReceived(data.component)\n }\n }\n\n /**\n * Handle SSE complete event\n */\n const handleCompleteEvent = (data: CompleteMetadata) => {\n logger.info('Stream completed', data as unknown as Record<string, unknown>)\n\n setIsStreaming(false)\n setIsLoading(false)\n setMetadata(data)\n\n // Flush any remaining buffered components\n flushBuffer()\n\n setProgress((prev) => ({\n ...prev,\n message: 'Dashboard loaded',\n timestamp: new Date().toISOString(),\n }))\n\n // Notify callback\n if (options.onComplete) {\n options.onComplete(data)\n }\n }\n\n /**\n * Handle SSE error event\n */\n const handleErrorEvent = (data: StreamError) => {\n logger.error('Stream error received', data as unknown as Record<string, unknown>)\n\n setError(data)\n setIsStreaming(false)\n setIsLoading(false)\n\n setProgress((prev) => ({\n ...prev,\n message: `Error: ${data.message}`,\n timestamp: new Date().toISOString(),\n }))\n\n // Notify callback\n if (options.onError) {\n options.onError(data)\n }\n\n // Try to reconnect if recoverable\n if (data.recoverable && reconnectAttempts < maxReconnectAttempts) {\n reconnectAttempts++\n logger.warn('Attempting to reconnect', { attempt: reconnectAttempts })\n setTimeout(() => startStreaming(), 1000 * reconnectAttempts)\n }\n }\n\n /**\n * Parse SSE event\n */\n const parseSSEEvent = (event: MessageEvent, eventType: SSEEventType) => {\n try {\n const data = JSON.parse(event.data)\n\n switch (eventType) {\n case 'status':\n handleStatusEvent(data as StatusEvent)\n break\n case 'component-start':\n handleComponentStartEvent(data as ComponentStartEvent)\n break\n case 'component':\n handleComponentEvent(data as ComponentEvent)\n break\n case 'complete':\n handleCompleteEvent(data as CompleteMetadata)\n break\n case 'error':\n handleErrorEvent(data as StreamError)\n break\n default:\n logger.warn('Unknown SSE event type', { eventType })\n }\n } catch (error) {\n logger.error('Failed to parse SSE event', {\n error: error instanceof Error ? error.message : String(error),\n eventType,\n })\n }\n }\n\n /**\n * Start SSE streaming\n */\n const startStreaming = () => {\n // Reset state\n setComponents([])\n setError(null)\n setIsLoading(true)\n setIsStreaming(true)\n componentBuffer = {}\n nextSequenceId = 0\n\n setProgress({\n receivedCount: 0,\n totalCount: null,\n message: 'Connecting to server...',\n timestamp: new Date().toISOString(),\n })\n\n logger.info('Starting SSE stream', {\n query: options.query,\n spaceIds: options.spaceIds,\n })\n\n // Build request body\n const requestBody = {\n query: options.query,\n spaceIds: options.spaceIds,\n sessionId: options.sessionId,\n options: options.options,\n }\n\n // Create EventSource (SSE connection)\n // Note: EventSource doesn't support POST, so we need to use fetch + ReadableStream\n fetch('/api/mcp/generative-ui-stream', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(requestBody),\n })\n .then(async (response) => {\n if (!response.ok) {\n const errorData = await response.json()\n throw new Error(errorData.message || 'Stream request failed')\n }\n\n if (!response.body) {\n throw new Error('Response body is null')\n }\n\n const reader = response.body.getReader()\n const decoder = new TextDecoder()\n\n let buffer = ''\n\n // Read stream\n const readChunk = async (): Promise<void> => {\n const { done, value } = await reader.read()\n\n if (done) {\n logger.info('Stream ended')\n return\n }\n\n buffer += decoder.decode(value, { stream: true })\n\n // Process SSE messages\n const lines = buffer.split('\\n')\n buffer = lines.pop() || '' // Keep incomplete line in buffer\n\n let currentEvent: SSEEventType | null = null\n\n for (const line of lines) {\n if (line.startsWith('event: ')) {\n currentEvent = line.slice(7) as SSEEventType\n } else if (line.startsWith('data: ') && currentEvent) {\n const data = line.slice(6)\n parseSSEEvent({ data } as MessageEvent, currentEvent)\n currentEvent = null\n }\n }\n\n // Continue reading\n return readChunk()\n }\n\n await readChunk()\n })\n .catch((err) => {\n logger.error('Stream fetch failed', {\n error: err instanceof Error ? err.message : String(err),\n })\n\n handleErrorEvent({\n error: 'Stream connection failed',\n message: err instanceof Error ? err.message : 'Unknown error',\n recoverable: true,\n })\n })\n }\n\n /**\n * Stop streaming\n */\n const stopStreaming = () => {\n if (eventSource) {\n eventSource.close()\n eventSource = null\n }\n\n setIsStreaming(false)\n setIsLoading(false)\n\n logger.info('Streaming stopped')\n }\n\n /**\n * Cleanup on unmount\n */\n onCleanup(() => {\n stopStreaming()\n })\n\n // Auto-start streaming\n startStreaming()\n\n // Return state accessors and controls\n return {\n components,\n isLoading,\n isStreaming,\n error,\n progress,\n metadata,\n startStreaming,\n stopStreaming,\n }\n}\n"],"names":["error"],"mappings":";;AA2BA,MAAM,SAAS,aAAa,gBAAgB;AA6FrC,SAAS,eAAe,SAAgC;AAE7D,QAAM,CAAC,YAAY,aAAa,IAAI,aAA4B,CAAA,CAAE;AAClE,QAAM,CAAC,WAAW,YAAY,IAAI,aAAa,KAAK;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,aAAa,KAAK;AACxD,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAiC,IAAI;AAC/D,QAAM,CAAC,UAAU,WAAW,IAAI,aAA6B;AAAA,IAC3D,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAW,oBAAI,KAAA,GAAO,YAAA;AAAA,EAAY,CACnC;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,aAAsC,IAAI;AAG1E,MAAI,kBAAmC,CAAA;AACvC,MAAI,iBAAiB;AAErB,MAAI,oBAAoB;AACxB,QAAM,uBAAuB;AAK7B,QAAM,cAAc,MAAM;AACxB,UAAM,UAAyB,CAAA;AAE/B,WAAO,gBAAgB,cAAc,GAAG;AACtC,YAAM,EAAE,UAAA,IAAc,gBAAgB,cAAc;AACpD,cAAQ,KAAK,SAAS;AACtB,aAAO,gBAAgB,cAAc;AACrC;AAAA,IACF;AAEA,QAAI,QAAQ,SAAS,GAAG;AACtB,oBAAc,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7C,kBAAY,CAAC,UAAU;AAAA,QACrB,GAAG;AAAA,QACH,eAAe,KAAK,gBAAgB,QAAQ;AAAA,MAAA,EAC5C;AAEF,aAAO,MAAM,kCAAkC;AAAA,QAC7C,OAAO,QAAQ;AAAA,QACf;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAKA,QAAM,oBAAoB,CAAC,SAAsB;AAC/C,WAAO,MAAM,yBAAyB,IAA0C;AAEhF,gBAAY;AAAA,MACV,eAAe,WAAW;AAAA,MAC1B,YAAY,KAAK,mBAAmB,SAAA,EAAW;AAAA,MAC/C,SAAS,KAAK;AAAA,MACd,WAAW,KAAK;AAAA,IAAA,CACjB;AAAA,EACH;AAKA,QAAM,4BAA4B,CAAC,SAA8B;AAC/D,WAAO,MAAM,kCAAkC,IAA0C;AAEzF,gBAAY,CAAC,UAAU;AAAA,MACrB,GAAG;AAAA,MACH,SAAS,WAAW,KAAK,IAAI;AAAA,MAC7B,YAAW,oBAAI,KAAA,GAAO,YAAA;AAAA,IAAY,EAClC;AAAA,EACJ;AAKA,QAAM,uBAAuB,CAAC,SAAyB;AACrD,WAAO,MAAM,4BAA4B;AAAA,MACvC,aAAa,KAAK;AAAA,MAClB,YAAY,KAAK;AAAA,IAAA,CAClB;AAGD,oBAAgB,KAAK,UAAU,IAAI;AAAA,MACjC,WAAW,KAAK;AAAA,MAChB,UAAU,KAAK;AAAA,IAAA;AAIjB,gBAAA;AAGA,QAAI,QAAQ,qBAAqB;AAC/B,cAAQ,oBAAoB,KAAK,SAAS;AAAA,IAC5C;AAAA,EACF;AAKA,QAAM,sBAAsB,CAAC,SAA2B;AACtD,WAAO,KAAK,oBAAoB,IAA0C;AAE1E,mBAAe,KAAK;AACpB,iBAAa,KAAK;AAClB,gBAAY,IAAI;AAGhB,gBAAA;AAEA,gBAAY,CAAC,UAAU;AAAA,MACrB,GAAG;AAAA,MACH,SAAS;AAAA,MACT,YAAW,oBAAI,KAAA,GAAO,YAAA;AAAA,IAAY,EAClC;AAGF,QAAI,QAAQ,YAAY;AACtB,cAAQ,WAAW,IAAI;AAAA,IACzB;AAAA,EACF;AAKA,QAAM,mBAAmB,CAAC,SAAsB;AAC9C,WAAO,MAAM,yBAAyB,IAA0C;AAEhF,aAAS,IAAI;AACb,mBAAe,KAAK;AACpB,iBAAa,KAAK;AAElB,gBAAY,CAAC,UAAU;AAAA,MACrB,GAAG;AAAA,MACH,SAAS,UAAU,KAAK,OAAO;AAAA,MAC/B,YAAW,oBAAI,KAAA,GAAO,YAAA;AAAA,IAAY,EAClC;AAGF,QAAI,QAAQ,SAAS;AACnB,cAAQ,QAAQ,IAAI;AAAA,IACtB;AAGA,QAAI,KAAK,eAAe,oBAAoB,sBAAsB;AAChE;AACA,aAAO,KAAK,2BAA2B,EAAE,SAAS,mBAAmB;AACrE,iBAAW,MAAM,kBAAkB,MAAO,iBAAiB;AAAA,IAC7D;AAAA,EACF;AAKA,QAAM,gBAAgB,CAAC,OAAqB,cAA4B;AACtE,QAAI;AACF,YAAM,OAAO,KAAK,MAAM,MAAM,IAAI;AAElC,cAAQ,WAAA;AAAA,QACN,KAAK;AACH,4BAAkB,IAAmB;AACrC;AAAA,QACF,KAAK;AACH,oCAA0B,IAA2B;AACrD;AAAA,QACF,KAAK;AACH,+BAAqB,IAAsB;AAC3C;AAAA,QACF,KAAK;AACH,8BAAoB,IAAwB;AAC5C;AAAA,QACF,KAAK;AACH,2BAAiB,IAAmB;AACpC;AAAA,QACF;AACE,iBAAO,KAAK,0BAA0B,EAAE,UAAA,CAAW;AAAA,MAAA;AAAA,IAEzD,SAASA,QAAO;AACd,aAAO,MAAM,6BAA6B;AAAA,QACxC,OAAOA,kBAAiB,QAAQA,OAAM,UAAU,OAAOA,MAAK;AAAA,QAC5D;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAKA,QAAM,iBAAiB,MAAM;AAE3B,kBAAc,CAAA,CAAE;AAChB,aAAS,IAAI;AACb,iBAAa,IAAI;AACjB,mBAAe,IAAI;AACnB,sBAAkB,CAAA;AAClB,qBAAiB;AAEjB,gBAAY;AAAA,MACV,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAW,oBAAI,KAAA,GAAO,YAAA;AAAA,IAAY,CACnC;AAED,WAAO,KAAK,uBAAuB;AAAA,MACjC,OAAO,QAAQ;AAAA,MACf,UAAU,QAAQ;AAAA,IAAA,CACnB;AAGD,UAAM,cAAc;AAAA,MAClB,OAAO,QAAQ;AAAA,MACf,UAAU,QAAQ;AAAA,MAClB,WAAW,QAAQ;AAAA,MACnB,SAAS,QAAQ;AAAA,IAAA;AAKnB,UAAM,iCAAiC;AAAA,MACrC,QAAQ;AAAA,MACR,SAAS;AAAA,QACP,gBAAgB;AAAA,MAAA;AAAA,MAElB,MAAM,KAAK,UAAU,WAAW;AAAA,IAAA,CACjC,EACE,KAAK,OAAO,aAAa;AACxB,UAAI,CAAC,SAAS,IAAI;AAChB,cAAM,YAAY,MAAM,SAAS,KAAA;AACjC,cAAM,IAAI,MAAM,UAAU,WAAW,uBAAuB;AAAA,MAC9D;AAEA,UAAI,CAAC,SAAS,MAAM;AAClB,cAAM,IAAI,MAAM,uBAAuB;AAAA,MACzC;AAEA,YAAM,SAAS,SAAS,KAAK,UAAA;AAC7B,YAAM,UAAU,IAAI,YAAA;AAEpB,UAAI,SAAS;AAGb,YAAM,YAAY,YAA2B;AAC3C,cAAM,EAAE,MAAM,MAAA,IAAU,MAAM,OAAO,KAAA;AAErC,YAAI,MAAM;AACR,iBAAO,KAAK,cAAc;AAC1B;AAAA,QACF;AAEA,kBAAU,QAAQ,OAAO,OAAO,EAAE,QAAQ,MAAM;AAGhD,cAAM,QAAQ,OAAO,MAAM,IAAI;AAC/B,iBAAS,MAAM,SAAS;AAExB,YAAI,eAAoC;AAExC,mBAAW,QAAQ,OAAO;AACxB,cAAI,KAAK,WAAW,SAAS,GAAG;AAC9B,2BAAe,KAAK,MAAM,CAAC;AAAA,UAC7B,WAAW,KAAK,WAAW,QAAQ,KAAK,cAAc;AACpD,kBAAM,OAAO,KAAK,MAAM,CAAC;AACzB,0BAAc,EAAE,KAAA,GAAwB,YAAY;AACpD,2BAAe;AAAA,UACjB;AAAA,QACF;AAGA,eAAO,UAAA;AAAA,MACT;AAEA,YAAM,UAAA;AAAA,IACR,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,aAAO,MAAM,uBAAuB;AAAA,QAClC,OAAO,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG;AAAA,MAAA,CACvD;AAED,uBAAiB;AAAA,QACf,OAAO;AAAA,QACP,SAAS,eAAe,QAAQ,IAAI,UAAU;AAAA,QAC9C,aAAa;AAAA,MAAA,CACd;AAAA,IACH,CAAC;AAAA,EACL;AAKA,QAAM,gBAAgB,MAAM;AAM1B,mBAAe,KAAK;AACpB,iBAAa,KAAK;AAElB,WAAO,KAAK,mBAAmB;AAAA,EACjC;AAKA,YAAU,MAAM;AACd,kBAAA;AAAA,EACF,CAAC;AAGD,iBAAA;AAGA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/hooks.cjs CHANGED Viewed

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

package/dist/hooks.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/**
+ * MCP UI Solid - Hooks
+ *
+ * SolidJS hooks for managing UI resource state and streaming
+ */
+export { useStreamingUI } from './useStreamingUI';
+export type { UseStreamingUIOptions, StreamingUIState, StreamProgress, StreamError, CompleteMetadata, } from './useStreamingUI';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks.js CHANGED Viewed

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

package/dist/index.cjs CHANGED Viewed

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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");
+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");
 exports.UIResourceRenderer = UIResourceRenderer.UIResourceRenderer;
 exports.StreamingUIRenderer = StreamingUIRenderer.StreamingUIRenderer;
 exports.GenerativeUIErrorBoundary = GenerativeUIErrorBoundary.GenerativeUIErrorBoundary;

package/dist/index.js CHANGED Viewed

@@ -1,9 +1,9 @@
-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";
+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";
 export {
   ComponentRegistry,
   DEFAULT_RESOURCE_LIMITS,