@seed-ship/mcp-ui-solid 6.15.0 → 6.17.0

package/dist/components/GraphRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GraphRenderer.cjs","sources":["../../src/components/GraphRenderer.tsx"],"sourcesContent":["/**\n * GraphRenderer (v6.0.0) — generic node-link visualization powered by\n * `@antv/g6 ^5` (peer-optional). Same lazy-load pattern as\n * `ChartJSRenderer` and `MapRenderer` : the heavy lib is dynamically\n * imported only on first mount, and apps that don't install the peer\n * see an informative fallback instead of a crash.\n *\n * Spec : `@seed-ship/mcp-ui-spec@5.0.4` exports `GraphComponentParamsSchema`,\n * `GraphNode`, `GraphEdge`, `GraphLayoutName`, `GraphLayout`,\n * `GraphComponentParams` — the shape consumed here. Domain semantics\n * (`weight` etc.) are opaque to this renderer ; consumers decide what\n * the values mean.\n *\n * Copy + export : the renderer ships with `<ExpandableWrapper>` (default\n * copy = JSON of `{nodes, edges}`) plus a 3-format export menu — **PNG**\n * (visual snapshot via the underlying canvas/SVG), **Mermaid** (markdown\n * / GitHub-renderable `flowchart` syntax), **JSON** (raw reimportable\n * data). All three are computed lazily on click.\n */\n\nimport { Component, createSignal, onCleanup, onMount, Show, For } from 'solid-js';\nimport type { UIComponent } from '../types';\nimport type {\n  GraphComponentParams,\n  GraphLayout,\n  GraphNode,\n  GraphEdge,\n} from '@seed-ship/mcp-ui-spec';\nimport { ExpandableWrapper, useExpanded } from './ExpandableWrapper';\nimport { PortalDropdownMenu } from './PortalDropdownMenu';\nimport { DegradedFallback } from './DegradedFallback';\nimport { graphToDegradedTable } from '../utils/degraded-projections';\nimport { useTelemetry } from '../context/MCPUITelemetryContext';\n\n// Module-scoped lazy import promise — first call triggers the dynamic\n// import, subsequent calls reuse the resolved module.\nlet g6ModulePromise: Promise<typeof import('@antv/g6')> | undefined;\n\n/**\n * Whether the `@antv/g6` peer dependency is installed and importable.\n * Resolves to `true` when the lib is available, `false` otherwise.\n *\n * Mirrors `isChartJSAvailable()` from `ChartJSRenderer`.\n */\nexport async function isG6Available(): Promise<boolean> {\n  try {\n    if (!g6ModulePromise) {\n      g6ModulePromise = import('@antv/g6');\n    }\n    await g6ModulePromise;\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Resolve the spec layout shorthand or object form into the config object\n * G6 v5 expects. When `layout` is omitted, picks `'force'` if edges are\n * present (universal default) or `'circular'` otherwise.\n */\nfunction resolveLayout(params: GraphComponentParams): { type: string; [key: string]: unknown } {\n  const layout: GraphLayout | undefined = params.layout;\n  if (layout === undefined) {\n    const hasEdges = (params.edges?.length ?? 0) > 0;\n    return { type: hasEdges ? 'force' : 'circular' };\n  }\n  if (typeof layout === 'string') {\n    return { type: layout };\n  }\n  // Object form: spread the passthrough options alongside `type`.\n  return { type: layout.type, ...(layout.options ?? {}) };\n}\n\n/**\n * Build the G6 v5 `Graph` constructor config from the component params.\n *\n * Pure (no DOM/lib side effects beyond reading `container`), so it can be\n * unit-tested directly without a jsdom render — this is the contract the\n * 2026-05-30 audit (P0.2) wants locked.\n *\n * ⚠️ G6 v5's `renderer` is a factory `(layer) => IRenderer`, NOT a string\n * (that was the v4 contract). Passing the string `'canvas'` / `'svg'` makes\n * G6 throw `renderer is not a function` — and because the default path used\n * to pass the string `'canvas'`, EVERY graph crashed, not just svg. So we\n * **omit `renderer` entirely**: G6 then uses its built-in canvas renderer\n * (documented default `() => new CanvasRenderer()`).\n *\n * `rendererPref: 'svg'` is reserved but NOT wired yet — a real G6 v5 SVG\n * renderer needs the `@antv/g-svg` factory (a transitive dep of `@antv/g6`,\n * not statically resolvable at build time). Until that's wired behind proper\n * optional-peer resolution, svg degrades to the canvas default with a\n * one-time warning. It must NEVER inject a string `renderer`.\n */\nexport function buildGraphConfig(\n  p: GraphComponentParams,\n  container?: HTMLElement\n): Record<string, unknown> {\n  const config: Record<string, unknown> = {\n    container,\n    data: { nodes: p.nodes, edges: p.edges ?? [] },\n    layout: resolveLayout(p),\n    behaviors: resolveBehaviors(p),\n  };\n\n  if (p.rendererPref === 'svg') {\n    console.warn(\n      '[MCP-UI] GraphRenderer: rendererPref \"svg\" is not yet supported; using the default canvas renderer.'\n    );\n  }\n\n  if (p.fitView !== false) {\n    config.autoFit = 'view';\n  }\n\n  if (p.tooltip !== false) {\n    config.plugins = [\n      {\n        type: 'tooltip',\n        getContent: (_evt: unknown, items: any[]) => {\n          const item = items?.[0];\n          if (!item) return '';\n          const label = item.label ?? item.id ?? '';\n          const data = item.data ? JSON.stringify(item.data) : '';\n          return `<div style=\"padding:4px 8px\"><strong>${escapeHtml(String(label))}</strong>${\n            data ? `<br><span style=\"font-size:11px;opacity:0.7\">${escapeHtml(data)}</span>` : ''\n          }</div>`;\n        },\n      },\n    ];\n  }\n\n  return config;\n}\n\n/**\n * Build the G6 v5 `behaviors` array from the params interactivity flags.\n * Defaults : drag-canvas + zoom-canvas + drag-element + click-select.\n * Any flag set to `false` opts out.\n */\nfunction resolveBehaviors(params: GraphComponentParams): string[] {\n  const behaviors: string[] = [];\n  if (params.enableDrag !== false) behaviors.push('drag-element');\n  if (params.enableZoom !== false) {\n    behaviors.push('zoom-canvas', 'drag-canvas');\n  }\n  if (params.enableSelect !== false) behaviors.push('click-select');\n  return behaviors;\n}\n\n/**\n * Pick a sensible Mermaid `flowchart` direction from the resolved layout.\n * `dagre` / `tree` / `mindmap` are top-down hierarchies → TD ; everything\n * else (force, concentric, circular, grid) → LR (default mermaid).\n */\nfunction mermaidDirection(layoutType: string): 'TD' | 'LR' {\n  return layoutType === 'dagre' || layoutType === 'tree' || layoutType === 'mindmap' ? 'TD' : 'LR';\n}\n\n/**\n * Sanitize a string for use inside a Mermaid node label. Mermaid breaks\n * on raw quotes / brackets / pipes ; we strip the worst offenders.\n */\nfunction mermaidLabel(s: string): string {\n  return s\n    .replace(/[\"[\\]|]/g, '')\n    .replace(/\\s+/g, ' ')\n    .trim();\n}\n\n/**\n * Convert the graph data to Mermaid `flowchart` syntax. The edge label\n * carries the optional `weight` prefix when present (e.g. `|3| label`).\n */\nfunction toMermaid(params: GraphComponentParams): string {\n  const layoutType = resolveLayout(params).type;\n  const dir = mermaidDirection(layoutType);\n  const lines: string[] = [`flowchart ${dir}`];\n  for (const n of params.nodes) {\n    const label = mermaidLabel(n.label ?? n.id);\n    lines.push(`  ${n.id}[\"${label}\"]`);\n  }\n  for (const e of params.edges ?? []) {\n    const labelParts: string[] = [];\n    if (e.weight !== undefined) labelParts.push(String(e.weight));\n    if (e.label) labelParts.push(mermaidLabel(e.label));\n    const labelText = labelParts.join(' · ');\n    if (labelText) {\n      lines.push(`  ${e.source} -->|${labelText}| ${e.target}`);\n    } else {\n      lines.push(`  ${e.source} --> ${e.target}`);\n    }\n  }\n  return lines.join('\\n');\n}\n\nfunction toJSON(params: GraphComponentParams): string {\n  return JSON.stringify({ nodes: params.nodes, edges: params.edges ?? [] }, null, 2);\n}\n\nfunction downloadBlob(content: string | Blob, filename: string, mimeType?: string): void {\n  const blob =\n    typeof content === 'string' ? new Blob([content], { type: mimeType ?? 'text/plain' }) : content;\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = url;\n  a.download = filename;\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(url);\n}\n\nexport interface GraphRendererProps {\n  component: UIComponent;\n  /**\n   * Forwarded to the underlying `<ExpandableWrapper>` (v6.3.1).\n   * @see ExpandableWrapperProps.toolbarVariant\n   */\n  toolbarVariant?: 'hover' | 'always-visible';\n}\n\nexport const GraphRenderer: Component<GraphRendererProps> = (props) => {\n  const params = () => props.component.params as GraphComponentParams;\n  const isExpanded = useExpanded();\n  const telemetry = useTelemetry();\n  const [available, setAvailable] = createSignal<boolean | null>(null);\n  const [error, setError] = createSignal<string | undefined>();\n  const [exportMenuOpen, setExportMenuOpen] = createSignal(false);\n  let containerRef: HTMLDivElement | undefined;\n  // v6.4.0 — trigger ref consumed by <PortalDropdownMenu> for positioning\n  let exportTriggerRef: HTMLButtonElement | undefined;\n  // Loosely typed because G6 is a peer-optional — we don't pull its\n  // types into the bundle just to type a transient local handle.\n  let graphInstance: any | undefined;\n\n  onMount(async () => {\n    const g6Available = await isG6Available();\n    setAvailable(g6Available);\n    if (!g6Available || !containerRef) return;\n\n    try {\n      const { Graph } = await g6ModulePromise!;\n      const p = params();\n      const config: Record<string, unknown> = {\n        container: containerRef,\n        data: { nodes: p.nodes, edges: p.edges ?? [] },\n        layout: resolveLayout(p),\n        behaviors: resolveBehaviors(p),\n      };\n\n      // G6 v5's `renderer` is a factory `(layer) => IRenderer`, NOT a string\n      // (that was the v4 contract). Passing the string `'canvas'` / `'svg'`\n      // makes G6 throw `renderer is not a function` — and because the default\n      // path also passed the string `'canvas'`, EVERY graph crashed, not just\n      // the svg one.\n      //\n      // Fix: omit `renderer` entirely. G6 then uses its built-in canvas\n      // renderer (documented default `() => new CanvasRenderer()`), which is\n      // what we want for every graph.\n      //\n      // `rendererPref: 'svg'` is NOT wired yet: a real G6 v5 SVG renderer\n      // needs the `@antv/g-svg` factory, which is a *transitive* dep of\n      // `@antv/g6` (not a declared peer) and isn't statically resolvable at\n      // build time. Rather than ship a fragile/unresolvable import, we treat\n      // svg as \"not yet supported\" and fall back to the canvas default with a\n      // one-time warning. Tracked for a follow-up that wires the factory\n      // behind a proper optional-peer resolution. (Never pass a string here.)\n      if (p.rendererPref === 'svg') {\n        console.warn(\n          '[MCP-UI] GraphRenderer: rendererPref \"svg\" is not yet supported; using the default canvas renderer.'\n        );\n      }\n      if (p.fitView !== false) {\n        config.autoFit = 'view';\n      }\n      if (p.tooltip !== false) {\n        // Built-in tooltip plugin — shows label + a compact dump of\n        // node.data on hover. Consumers can opt out with `tooltip: false`.\n        config.plugins = [\n          {\n            type: 'tooltip',\n            getContent: (_evt: unknown, items: any[]) => {\n              const item = items?.[0];\n              if (!item) return '';\n              const label = item.label ?? item.id ?? '';\n              const data = item.data ? JSON.stringify(item.data) : '';\n              return `<div style=\"padding:4px 8px\"><strong>${escapeHtml(String(label))}</strong>${\n                data\n                  ? `<br><span style=\"font-size:11px;opacity:0.7\">${escapeHtml(data)}</span>`\n                  : ''\n              }</div>`;\n            },\n          },\n        ];\n      }\n      graphInstance = new (Graph as any)(config);\n      await graphInstance.render();\n    } catch (err) {\n      const message = err instanceof Error ? err.message : 'Failed to render graph';\n      setError(message);\n      // Fallback ladder (P2.5): the native G6 render threw — emit telemetry\n      // so the failure is observable, then degrade to the edge/node table\n      // below instead of leaving a blank canvas.\n      telemetry?.dispatch({\n        type: 'render:error',\n        errorMessage: message,\n        id: props.component.id ?? '',\n        componentType: 'graph',\n        ts: Date.now(),\n      });\n    }\n  });\n\n  onCleanup(() => {\n    try {\n      graphInstance?.destroy();\n    } catch {\n      // G6 destroy can throw on already-destroyed instances or partial\n      // init failures — silent because the component is unmounting anyway.\n    }\n    graphInstance = undefined;\n  });\n\n  // ─── Export handlers ────────────────────────────────────────────────\n  const handleExportJSON = () => {\n    downloadBlob(toJSON(params()), `${graphFilenameStem(params())}.json`, 'application/json');\n    setExportMenuOpen(false);\n  };\n\n  const handleExportMermaid = () => {\n    downloadBlob(toMermaid(params()), `${graphFilenameStem(params())}.mmd`, 'text/plain');\n    setExportMenuOpen(false);\n  };\n\n  const handleExportPNG = async () => {\n    if (!graphInstance) return;\n    try {\n      // G6 v5 exposes `toDataURL()` on the graph instance.\n      const dataUrl: string = await graphInstance.toDataURL?.('image/png');\n      if (!dataUrl) {\n        // Fallback: try to grab the underlying canvas directly.\n        const canvas = containerRef?.querySelector('canvas');\n        if (canvas) {\n          const url = (canvas as HTMLCanvasElement).toDataURL('image/png');\n          await downloadDataUrl(url, `${graphFilenameStem(params())}.png`);\n        } else {\n          setError('PNG export not supported in current renderer mode');\n        }\n      } else {\n        await downloadDataUrl(dataUrl, `${graphFilenameStem(params())}.png`);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'PNG export failed');\n    }\n    setExportMenuOpen(false);\n  };\n\n  return (\n    <Show\n      when={available() === true}\n      fallback={\n        <Show\n          when={available() === false}\n          fallback={\n            // Loading skeleton while we determine peer availability\n            <div class=\"w-full p-4 bg-gray-50 dark:bg-gray-800/40 border border-gray-200 dark:border-gray-700 rounded-lg animate-pulse\">\n              <div class=\"h-4 w-32 bg-gray-200 dark:bg-gray-700 rounded mb-2\" />\n              <div class=\"h-3 w-48 bg-gray-200 dark:bg-gray-700 rounded\" />\n            </div>\n          }\n        >\n          <div class=\"w-full p-4 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg\">\n            <p class=\"text-sm font-medium text-yellow-900 dark:text-yellow-100\">\n              Graph rendering unavailable\n            </p>\n            <p class=\"text-xs text-yellow-700 dark:text-yellow-300 mt-1\">\n              Install <code>@antv/g6</code> peer dependency to render <code>type: \"graph\"</code>{' '}\n              components.\n            </p>\n          </div>\n        </Show>\n      }\n    >\n      <ExpandableWrapper\n        title={params().title ?? 'Graph'}\n        copyData={toJSON(params())}\n        copyLabel=\"Copy graph (JSON)\"\n        toolbarVariant={props.toolbarVariant}\n      >\n        <div\n          class={`relative w-full ${params().className ?? ''} ${\n            isExpanded() ? 'flex-1 min-h-0 flex flex-col' : ''\n          }`}\n        >\n          {/* Export menu — top-right, mirrors TableRenderer's pattern */}\n          <div class=\"absolute right-2 top-2 z-10\">\n            <button\n              ref={exportTriggerRef}\n              type=\"button\"\n              onClick={() => setExportMenuOpen((v) => !v)}\n              class=\"px-2 py-1 text-xs bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300\"\n              title=\"Export graph\"\n              aria-label=\"Export graph\"\n              aria-haspopup=\"menu\"\n              aria-expanded={exportMenuOpen()}\n            >\n              Export ▾\n            </button>\n            <PortalDropdownMenu\n              open={exportMenuOpen()}\n              onClose={() => setExportMenuOpen(false)}\n              trigger={exportTriggerRef}\n              width={176}\n              class=\"text-xs\"\n            >\n              <For\n                each={[\n                  { label: 'Download PNG', onClick: handleExportPNG, hint: 'visual snapshot' },\n                  {\n                    label: 'Download Mermaid',\n                    onClick: handleExportMermaid,\n                    hint: 'markdown / GitHub',\n                  },\n                  { label: 'Download JSON', onClick: handleExportJSON, hint: 'raw data' },\n                ]}\n              >\n                {(item) => (\n                  <button\n                    type=\"button\"\n                    onClick={item.onClick}\n                    class=\"w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 border-b border-gray-100 dark:border-gray-700 last:border-b-0\"\n                  >\n                    <div class=\"font-medium\">{item.label}</div>\n                    <div class=\"text-[10px] text-gray-500 dark:text-gray-400\">{item.hint}</div>\n                  </button>\n                )}\n              </For>\n            </PortalDropdownMenu>\n          </div>\n\n          {/* Native G6 canvas — hidden once a render error degrades us. */}\n          <div\n            ref={containerRef}\n            class={`bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden ${\n              error() ? 'hidden' : ''\n            } ${isExpanded() ? 'flex-1 min-h-0' : ''}`}\n            style={\n              isExpanded()\n                ? `height: 100%; width: ${params().width ?? '100%'};`\n                : `height: ${params().height ?? '400px'}; width: ${params().width ?? '100%'};`\n            }\n          />\n          {/* Fallback ladder (P2.5): degrade to an edge/node table on error\n              rather than showing a bare message. Export menu stays usable. */}\n          <Show when={error()}>\n            <DegradedFallback\n              message={`Graph rendering failed: ${error()}`}\n              caption=\"Showing the graph data as a table — the interactive view is unavailable.\"\n              {...graphToDegradedTable(params())}\n            />\n          </Show>\n        </div>\n      </ExpandableWrapper>\n    </Show>\n  );\n};\n\n// ─── Helpers ──────────────────────────────────────────────────────────\n\nfunction graphFilenameStem(params: GraphComponentParams): string {\n  const base = (params.title ?? 'graph').replace(/[^a-z0-9-_]+/gi, '-').replace(/^-+|-+$/g, '');\n  return base || 'graph';\n}\n\nasync function downloadDataUrl(dataUrl: string, filename: string): Promise<void> {\n  const res = await fetch(dataUrl);\n  const blob = await res.blob();\n  downloadBlob(blob, filename);\n}\n\nfunction escapeHtml(s: string): string {\n  return s.replace(/[&<>\"']/g, (c) => {\n    switch (c) {\n      case '&':\n        return '&amp;';\n      case '<':\n        return '&lt;';\n      case '>':\n        return '&gt;';\n      case '\"':\n        return '&quot;';\n      case \"'\":\n        return '&#39;';\n      default:\n        return c;\n    }\n  });\n}\n\n// Re-export for tests + consumers that want to compose their own export menu\nexport { toMermaid as graphToMermaid, toJSON as graphToJSON };\n"],"names":["g6ModulePromise","isG6Available","resolveLayout","params","layout","undefined","hasEdges","edges","length","type","options","resolveBehaviors","behaviors","enableDrag","push","enableZoom","enableSelect","mermaidDirection","layoutType","mermaidLabel","s","replace","trim","toMermaid","dir","lines","n","nodes","label","id","e","labelParts","weight","String","labelText","join","source","target","toJSON","JSON","stringify","downloadBlob","content","filename","mimeType","blob","Blob","url","URL","createObjectURL","a","document","createElement","href","download","body","appendChild","click","removeChild","revokeObjectURL","GraphRenderer","props","component","isExpanded","useExpanded","telemetry","useTelemetry","available","setAvailable","createSignal","error","setError","exportMenuOpen","setExportMenuOpen","containerRef","exportTriggerRef","graphInstance","onMount","g6Available","Graph","p","config","container","data","rendererPref","console","warn","fitView","autoFit","tooltip","plugins","getContent","_evt","items","item","escapeHtml","render","err","message","Error","dispatch","errorMessage","componentType","ts","Date","now","onCleanup","destroy","handleExportJSON","graphFilenameStem","handleExportMermaid","handleExportPNG","dataUrl","toDataURL","canvas","querySelector","downloadDataUrl","_$createComponent","Show","when","fallback","_$getNextElement","_tmpl$3","children","_tmpl$2","ExpandableWrapper","title","copyData","copyLabel","toolbarVariant","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_co$","_$getNextMarker","_el$6","_el$7","_el$8","_co$2","$$click","v","_ref$","_$use","_$insert","PortalDropdownMenu","open","onClose","trigger","width","For","each","onClick","hint","_el$1","_tmpl$4","_el$10","_el$11","_$addEventListener","_$runHydrationEvents","_ref$2","DegradedFallback","_$mergeProps","caption","graphToDegradedTable","_$effect","_p$","_v$","className","_v$2","_v$3","_v$4","height","_$className","t","_$setAttribute","o","_$style","base","res","fetch","c","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"GraphRenderer.cjs","sources":["../../src/components/GraphRenderer.tsx"],"sourcesContent":["/**\n * GraphRenderer (v6.0.0) — generic node-link visualization powered by\n * `@antv/g6 ^5` (peer-optional). Same lazy-load pattern as\n * `ChartJSRenderer` and `MapRenderer` : the heavy lib is dynamically\n * imported only on first mount, and apps that don't install the peer\n * see an informative fallback instead of a crash.\n *\n * Spec : `@seed-ship/mcp-ui-spec@5.0.4` exports `GraphComponentParamsSchema`,\n * `GraphNode`, `GraphEdge`, `GraphLayoutName`, `GraphLayout`,\n * `GraphComponentParams` — the shape consumed here. Domain semantics\n * (`weight` etc.) are opaque to this renderer ; consumers decide what\n * the values mean.\n *\n * Copy + export : the renderer ships with `<ExpandableWrapper>` (default\n * copy = JSON of `{nodes, edges}`) plus a 3-format export menu — **PNG**\n * (visual snapshot via the underlying canvas/SVG), **Mermaid** (markdown\n * / GitHub-renderable `flowchart` syntax), **JSON** (raw reimportable\n * data). All three are computed lazily on click.\n */\n\nimport { Component, createSignal, onCleanup, onMount, Show, For } from 'solid-js';\nimport type { UIComponent } from '../types';\nimport type {\n  GraphComponentParams,\n  GraphLayout,\n  GraphNode,\n  GraphEdge,\n} from '@seed-ship/mcp-ui-spec';\nimport { ExpandableWrapper, useExpanded } from './ExpandableWrapper';\nimport { PortalDropdownMenu } from './PortalDropdownMenu';\nimport { DegradedFallback } from './DegradedFallback';\nimport { graphToDegradedTable } from '../utils/degraded-projections';\nimport { escapeHtml } from '../utils/escape-html';\nimport { useTelemetry } from '../context/MCPUITelemetryContext';\n\n// Module-scoped lazy import promise — first call triggers the dynamic\n// import, subsequent calls reuse the resolved module.\nlet g6ModulePromise: Promise<typeof import('@antv/g6')> | undefined;\n\n/**\n * Whether the `@antv/g6` peer dependency is installed and importable.\n * Resolves to `true` when the lib is available, `false` otherwise.\n *\n * Mirrors `isChartJSAvailable()` from `ChartJSRenderer`.\n */\nexport async function isG6Available(): Promise<boolean> {\n  try {\n    if (!g6ModulePromise) {\n      g6ModulePromise = import('@antv/g6');\n    }\n    await g6ModulePromise;\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Resolve the spec layout shorthand or object form into the config object\n * G6 v5 expects. When `layout` is omitted, picks `'force'` if edges are\n * present (universal default) or `'circular'` otherwise.\n */\nfunction resolveLayout(params: GraphComponentParams): { type: string; [key: string]: unknown } {\n  const layout: GraphLayout | undefined = params.layout;\n  if (layout === undefined) {\n    const hasEdges = (params.edges?.length ?? 0) > 0;\n    return { type: hasEdges ? 'force' : 'circular' };\n  }\n  if (typeof layout === 'string') {\n    return { type: layout };\n  }\n  // Object form: spread the passthrough options alongside `type`.\n  return { type: layout.type, ...(layout.options ?? {}) };\n}\n\n/**\n * Build the G6 v5 `Graph` constructor config from the component params.\n *\n * Pure (no DOM/lib side effects beyond reading `container`), so it can be\n * unit-tested directly without a jsdom render — this is the contract the\n * 2026-05-30 audit (P0.2) wants locked.\n *\n * ⚠️ G6 v5's `renderer` is a factory `(layer) => IRenderer`, NOT a string\n * (that was the v4 contract). Passing the string `'canvas'` / `'svg'` makes\n * G6 throw `renderer is not a function` — and because the default path used\n * to pass the string `'canvas'`, EVERY graph crashed, not just svg. So we\n * **omit `renderer` entirely**: G6 then uses its built-in canvas renderer\n * (documented default `() => new CanvasRenderer()`).\n *\n * `rendererPref: 'svg'` is reserved but NOT wired yet — a real G6 v5 SVG\n * renderer needs the `@antv/g-svg` factory (a transitive dep of `@antv/g6`,\n * not statically resolvable at build time). Until that's wired behind proper\n * optional-peer resolution, svg degrades to the canvas default with a\n * one-time warning. It must NEVER inject a string `renderer`.\n */\nexport function buildGraphConfig(\n  p: GraphComponentParams,\n  container?: HTMLElement\n): Record<string, unknown> {\n  const config: Record<string, unknown> = {\n    container,\n    data: { nodes: p.nodes, edges: p.edges ?? [] },\n    layout: resolveLayout(p),\n    behaviors: resolveBehaviors(p),\n  };\n\n  if (p.rendererPref === 'svg') {\n    console.warn(\n      '[MCP-UI] GraphRenderer: rendererPref \"svg\" is not yet supported; using the default canvas renderer.'\n    );\n  }\n\n  if (p.fitView !== false) {\n    config.autoFit = 'view';\n  }\n\n  if (p.tooltip !== false) {\n    config.plugins = [\n      {\n        type: 'tooltip',\n        getContent: (_evt: unknown, items: any[]) => {\n          const item = items?.[0];\n          if (!item) return '';\n          const label = item.label ?? item.id ?? '';\n          const data = item.data ? JSON.stringify(item.data) : '';\n          return `<div style=\"padding:4px 8px\"><strong>${escapeHtml(String(label))}</strong>${\n            data ? `<br><span style=\"font-size:11px;opacity:0.7\">${escapeHtml(data)}</span>` : ''\n          }</div>`;\n        },\n      },\n    ];\n  }\n\n  return config;\n}\n\n/**\n * Build the G6 v5 `behaviors` array from the params interactivity flags.\n * Defaults : drag-canvas + zoom-canvas + drag-element + click-select.\n * Any flag set to `false` opts out.\n */\nfunction resolveBehaviors(params: GraphComponentParams): string[] {\n  const behaviors: string[] = [];\n  if (params.enableDrag !== false) behaviors.push('drag-element');\n  if (params.enableZoom !== false) {\n    behaviors.push('zoom-canvas', 'drag-canvas');\n  }\n  if (params.enableSelect !== false) behaviors.push('click-select');\n  return behaviors;\n}\n\n/**\n * Pick a sensible Mermaid `flowchart` direction from the resolved layout.\n * `dagre` / `tree` / `mindmap` are top-down hierarchies → TD ; everything\n * else (force, concentric, circular, grid) → LR (default mermaid).\n */\nfunction mermaidDirection(layoutType: string): 'TD' | 'LR' {\n  return layoutType === 'dagre' || layoutType === 'tree' || layoutType === 'mindmap' ? 'TD' : 'LR';\n}\n\n/**\n * Sanitize a string for use inside a Mermaid node label. Mermaid breaks\n * on raw quotes / brackets / pipes ; we strip the worst offenders.\n */\nfunction mermaidLabel(s: string): string {\n  return s\n    .replace(/[\"[\\]|]/g, '')\n    .replace(/\\s+/g, ' ')\n    .trim();\n}\n\n/**\n * Convert the graph data to Mermaid `flowchart` syntax. The edge label\n * carries the optional `weight` prefix when present (e.g. `|3| label`).\n */\nfunction toMermaid(params: GraphComponentParams): string {\n  const layoutType = resolveLayout(params).type;\n  const dir = mermaidDirection(layoutType);\n  const lines: string[] = [`flowchart ${dir}`];\n  for (const n of params.nodes) {\n    const label = mermaidLabel(n.label ?? n.id);\n    lines.push(`  ${n.id}[\"${label}\"]`);\n  }\n  for (const e of params.edges ?? []) {\n    const labelParts: string[] = [];\n    if (e.weight !== undefined) labelParts.push(String(e.weight));\n    if (e.label) labelParts.push(mermaidLabel(e.label));\n    const labelText = labelParts.join(' · ');\n    if (labelText) {\n      lines.push(`  ${e.source} -->|${labelText}| ${e.target}`);\n    } else {\n      lines.push(`  ${e.source} --> ${e.target}`);\n    }\n  }\n  return lines.join('\\n');\n}\n\nfunction toJSON(params: GraphComponentParams): string {\n  return JSON.stringify({ nodes: params.nodes, edges: params.edges ?? [] }, null, 2);\n}\n\nfunction downloadBlob(content: string | Blob, filename: string, mimeType?: string): void {\n  const blob =\n    typeof content === 'string' ? new Blob([content], { type: mimeType ?? 'text/plain' }) : content;\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = url;\n  a.download = filename;\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(url);\n}\n\nexport interface GraphRendererProps {\n  component: UIComponent;\n  /**\n   * Forwarded to the underlying `<ExpandableWrapper>` (v6.3.1).\n   * @see ExpandableWrapperProps.toolbarVariant\n   */\n  toolbarVariant?: 'hover' | 'always-visible';\n}\n\nexport const GraphRenderer: Component<GraphRendererProps> = (props) => {\n  const params = () => props.component.params as GraphComponentParams;\n  const isExpanded = useExpanded();\n  const telemetry = useTelemetry();\n  const [available, setAvailable] = createSignal<boolean | null>(null);\n  const [error, setError] = createSignal<string | undefined>();\n  const [exportMenuOpen, setExportMenuOpen] = createSignal(false);\n  let containerRef: HTMLDivElement | undefined;\n  // v6.4.0 — trigger ref consumed by <PortalDropdownMenu> for positioning\n  let exportTriggerRef: HTMLButtonElement | undefined;\n  // Loosely typed because G6 is a peer-optional — we don't pull its\n  // types into the bundle just to type a transient local handle.\n  let graphInstance: any | undefined;\n\n  onMount(async () => {\n    const g6Available = await isG6Available();\n    setAvailable(g6Available);\n    if (!g6Available || !containerRef) return;\n\n    try {\n      const { Graph } = await g6ModulePromise!;\n      const p = params();\n      const config: Record<string, unknown> = {\n        container: containerRef,\n        data: { nodes: p.nodes, edges: p.edges ?? [] },\n        layout: resolveLayout(p),\n        behaviors: resolveBehaviors(p),\n      };\n\n      // G6 v5's `renderer` is a factory `(layer) => IRenderer`, NOT a string\n      // (that was the v4 contract). Passing the string `'canvas'` / `'svg'`\n      // makes G6 throw `renderer is not a function` — and because the default\n      // path also passed the string `'canvas'`, EVERY graph crashed, not just\n      // the svg one.\n      //\n      // Fix: omit `renderer` entirely. G6 then uses its built-in canvas\n      // renderer (documented default `() => new CanvasRenderer()`), which is\n      // what we want for every graph.\n      //\n      // `rendererPref: 'svg'` is NOT wired yet: a real G6 v5 SVG renderer\n      // needs the `@antv/g-svg` factory, which is a *transitive* dep of\n      // `@antv/g6` (not a declared peer) and isn't statically resolvable at\n      // build time. Rather than ship a fragile/unresolvable import, we treat\n      // svg as \"not yet supported\" and fall back to the canvas default with a\n      // one-time warning. Tracked for a follow-up that wires the factory\n      // behind a proper optional-peer resolution. (Never pass a string here.)\n      if (p.rendererPref === 'svg') {\n        console.warn(\n          '[MCP-UI] GraphRenderer: rendererPref \"svg\" is not yet supported; using the default canvas renderer.'\n        );\n      }\n      if (p.fitView !== false) {\n        config.autoFit = 'view';\n      }\n      if (p.tooltip !== false) {\n        // Built-in tooltip plugin — shows label + a compact dump of\n        // node.data on hover. Consumers can opt out with `tooltip: false`.\n        config.plugins = [\n          {\n            type: 'tooltip',\n            getContent: (_evt: unknown, items: any[]) => {\n              const item = items?.[0];\n              if (!item) return '';\n              const label = item.label ?? item.id ?? '';\n              const data = item.data ? JSON.stringify(item.data) : '';\n              return `<div style=\"padding:4px 8px\"><strong>${escapeHtml(String(label))}</strong>${\n                data\n                  ? `<br><span style=\"font-size:11px;opacity:0.7\">${escapeHtml(data)}</span>`\n                  : ''\n              }</div>`;\n            },\n          },\n        ];\n      }\n      graphInstance = new (Graph as any)(config);\n      await graphInstance.render();\n    } catch (err) {\n      const message = err instanceof Error ? err.message : 'Failed to render graph';\n      setError(message);\n      // Fallback ladder (P2.5): the native G6 render threw — emit telemetry\n      // so the failure is observable, then degrade to the edge/node table\n      // below instead of leaving a blank canvas.\n      telemetry?.dispatch({\n        type: 'render:error',\n        errorMessage: message,\n        id: props.component.id ?? '',\n        componentType: 'graph',\n        ts: Date.now(),\n      });\n    }\n  });\n\n  onCleanup(() => {\n    try {\n      graphInstance?.destroy();\n    } catch {\n      // G6 destroy can throw on already-destroyed instances or partial\n      // init failures — silent because the component is unmounting anyway.\n    }\n    graphInstance = undefined;\n  });\n\n  // ─── Export handlers ────────────────────────────────────────────────\n  const handleExportJSON = () => {\n    downloadBlob(toJSON(params()), `${graphFilenameStem(params())}.json`, 'application/json');\n    setExportMenuOpen(false);\n  };\n\n  const handleExportMermaid = () => {\n    downloadBlob(toMermaid(params()), `${graphFilenameStem(params())}.mmd`, 'text/plain');\n    setExportMenuOpen(false);\n  };\n\n  const handleExportPNG = async () => {\n    if (!graphInstance) return;\n    try {\n      // G6 v5 exposes `toDataURL()` on the graph instance.\n      const dataUrl: string = await graphInstance.toDataURL?.('image/png');\n      if (!dataUrl) {\n        // Fallback: try to grab the underlying canvas directly.\n        const canvas = containerRef?.querySelector('canvas');\n        if (canvas) {\n          const url = (canvas as HTMLCanvasElement).toDataURL('image/png');\n          await downloadDataUrl(url, `${graphFilenameStem(params())}.png`);\n        } else {\n          setError('PNG export not supported in current renderer mode');\n        }\n      } else {\n        await downloadDataUrl(dataUrl, `${graphFilenameStem(params())}.png`);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'PNG export failed');\n    }\n    setExportMenuOpen(false);\n  };\n\n  return (\n    <Show\n      when={available() === true}\n      fallback={\n        <Show\n          when={available() === false}\n          fallback={\n            // Loading skeleton while we determine peer availability\n            <div class=\"w-full p-4 bg-gray-50 dark:bg-gray-800/40 border border-gray-200 dark:border-gray-700 rounded-lg animate-pulse\">\n              <div class=\"h-4 w-32 bg-gray-200 dark:bg-gray-700 rounded mb-2\" />\n              <div class=\"h-3 w-48 bg-gray-200 dark:bg-gray-700 rounded\" />\n            </div>\n          }\n        >\n          <div class=\"w-full p-4 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg\">\n            <p class=\"text-sm font-medium text-yellow-900 dark:text-yellow-100\">\n              Graph rendering unavailable\n            </p>\n            <p class=\"text-xs text-yellow-700 dark:text-yellow-300 mt-1\">\n              Install <code>@antv/g6</code> peer dependency to render <code>type: \"graph\"</code>{' '}\n              components.\n            </p>\n          </div>\n        </Show>\n      }\n    >\n      <ExpandableWrapper\n        title={params().title ?? 'Graph'}\n        copyData={toJSON(params())}\n        copyLabel=\"Copy graph (JSON)\"\n        toolbarVariant={props.toolbarVariant}\n      >\n        <div\n          class={`relative w-full ${params().className ?? ''} ${\n            isExpanded() ? 'flex-1 min-h-0 flex flex-col' : ''\n          }`}\n        >\n          {/* Export menu — top-right, mirrors TableRenderer's pattern */}\n          <div class=\"absolute right-2 top-2 z-10\">\n            <button\n              ref={exportTriggerRef}\n              type=\"button\"\n              onClick={() => setExportMenuOpen((v) => !v)}\n              class=\"px-2 py-1 text-xs bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300\"\n              title=\"Export graph\"\n              aria-label=\"Export graph\"\n              aria-haspopup=\"menu\"\n              aria-expanded={exportMenuOpen()}\n            >\n              Export ▾\n            </button>\n            <PortalDropdownMenu\n              open={exportMenuOpen()}\n              onClose={() => setExportMenuOpen(false)}\n              trigger={exportTriggerRef}\n              width={176}\n              class=\"text-xs\"\n            >\n              <For\n                each={[\n                  { label: 'Download PNG', onClick: handleExportPNG, hint: 'visual snapshot' },\n                  {\n                    label: 'Download Mermaid',\n                    onClick: handleExportMermaid,\n                    hint: 'markdown / GitHub',\n                  },\n                  { label: 'Download JSON', onClick: handleExportJSON, hint: 'raw data' },\n                ]}\n              >\n                {(item) => (\n                  <button\n                    type=\"button\"\n                    onClick={item.onClick}\n                    class=\"w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 border-b border-gray-100 dark:border-gray-700 last:border-b-0\"\n                  >\n                    <div class=\"font-medium\">{item.label}</div>\n                    <div class=\"text-[10px] text-gray-500 dark:text-gray-400\">{item.hint}</div>\n                  </button>\n                )}\n              </For>\n            </PortalDropdownMenu>\n          </div>\n\n          {/* Native G6 canvas — hidden once a render error degrades us. */}\n          <div\n            ref={containerRef}\n            class={`bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden ${\n              error() ? 'hidden' : ''\n            } ${isExpanded() ? 'flex-1 min-h-0' : ''}`}\n            style={\n              isExpanded()\n                ? `height: 100%; width: ${params().width ?? '100%'};`\n                : `height: ${params().height ?? '400px'}; width: ${params().width ?? '100%'};`\n            }\n          />\n          {/* Fallback ladder (P2.5): degrade to an edge/node table on error\n              rather than showing a bare message. Export menu stays usable. */}\n          <Show when={error()}>\n            <DegradedFallback\n              message={`Graph rendering failed: ${error()}`}\n              caption=\"Showing the graph data as a table — the interactive view is unavailable.\"\n              {...graphToDegradedTable(params())}\n            />\n          </Show>\n        </div>\n      </ExpandableWrapper>\n    </Show>\n  );\n};\n\n// ─── Helpers ──────────────────────────────────────────────────────────\n\nfunction graphFilenameStem(params: GraphComponentParams): string {\n  const base = (params.title ?? 'graph').replace(/[^a-z0-9-_]+/gi, '-').replace(/^-+|-+$/g, '');\n  return base || 'graph';\n}\n\nasync function downloadDataUrl(dataUrl: string, filename: string): Promise<void> {\n  const res = await fetch(dataUrl);\n  const blob = await res.blob();\n  downloadBlob(blob, filename);\n}\n\n// Re-export for tests + consumers that want to compose their own export menu\nexport { toMermaid as graphToMermaid, toJSON as graphToJSON };\n"],"names":["g6ModulePromise","isG6Available","resolveLayout","params","layout","undefined","hasEdges","edges","length","type","options","resolveBehaviors","behaviors","enableDrag","push","enableZoom","enableSelect","mermaidDirection","layoutType","mermaidLabel","s","replace","trim","toMermaid","dir","lines","n","nodes","label","id","e","labelParts","weight","String","labelText","join","source","target","toJSON","JSON","stringify","downloadBlob","content","filename","mimeType","blob","Blob","url","URL","createObjectURL","a","document","createElement","href","download","body","appendChild","click","removeChild","revokeObjectURL","GraphRenderer","props","component","isExpanded","useExpanded","telemetry","useTelemetry","available","setAvailable","createSignal","error","setError","exportMenuOpen","setExportMenuOpen","containerRef","exportTriggerRef","graphInstance","onMount","g6Available","Graph","p","config","container","data","rendererPref","console","warn","fitView","autoFit","tooltip","plugins","getContent","_evt","items","item","escapeHtml","render","err","message","Error","dispatch","errorMessage","componentType","ts","Date","now","onCleanup","destroy","handleExportJSON","graphFilenameStem","handleExportMermaid","handleExportPNG","dataUrl","toDataURL","canvas","querySelector","downloadDataUrl","_$createComponent","Show","when","fallback","_$getNextElement","_tmpl$3","children","_tmpl$2","ExpandableWrapper","title","copyData","copyLabel","toolbarVariant","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_co$","_$getNextMarker","_el$6","_el$7","_el$8","_co$2","$$click","v","_ref$","_$use","_$insert","PortalDropdownMenu","open","onClose","trigger","width","For","each","onClick","hint","_el$1","_tmpl$4","_el$10","_el$11","_$addEventListener","_$runHydrationEvents","_ref$2","DegradedFallback","_$mergeProps","caption","graphToDegradedTable","_$effect","_p$","_v$","className","_v$2","_v$3","_v$4","height","_$className","t","_$setAttribute","o","_$style","base","res","fetch","_$delegateEvents"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"GraphRenderer.d.ts","sourceRoot":"","sources":["../../src/components/GraphRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,SAAS,EAA+C,MAAM,UAAU,CAAC;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EACV,oBAAoB,EAIrB,MAAM,wBAAwB,CAAC;AAWhC;;;;;GAKG;AACH,wBAAsB,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC,CAUtD;AAoBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAC9B,CAAC,EAAE,oBAAoB,EACvB,SAAS,CAAC,EAAE,WAAW,GACtB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAoCzB;AAqCD;;;GAGG;AACH,iBAAS,SAAS,CAAC,MAAM,EAAE,oBAAoB,GAAG,MAAM,CAoBvD;AAED,iBAAS,MAAM,CAAC,MAAM,EAAE,oBAAoB,GAAG,MAAM,CAEpD;AAeD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,kBAAkB,CAoPvD,CAAC;AAmCF,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,IAAI,WAAW,EAAE,CAAC"}
+{"version":3,"file":"GraphRenderer.d.ts","sourceRoot":"","sources":["../../src/components/GraphRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,SAAS,EAA+C,MAAM,UAAU,CAAC;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EACV,oBAAoB,EAIrB,MAAM,wBAAwB,CAAC;AAYhC;;;;;GAKG;AACH,wBAAsB,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC,CAUtD;AAoBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAC9B,CAAC,EAAE,oBAAoB,EACvB,SAAS,CAAC,EAAE,WAAW,GACtB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAoCzB;AAqCD;;;GAGG;AACH,iBAAS,SAAS,CAAC,MAAM,EAAE,oBAAoB,GAAG,MAAM,CAoBvD;AAED,iBAAS,MAAM,CAAC,MAAM,EAAE,oBAAoB,GAAG,MAAM,CAEpD;AAeD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,kBAAkB,CAoPvD,CAAC;AAgBF,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,IAAI,WAAW,EAAE,CAAC"}

package/dist/components/GraphRenderer.js

@@ -1,9 +1,10 @@
-import { delegateEvents, createComponent, getNextElement, template, getNextMarker, insert, addEventListener, runHydrationEvents, mergeProps, effect, className, setAttribute, style, use } from "solid-js/web";
+import { delegateEvents, createComponent, getNextElement, getNextMarker, insert, addEventListener, runHydrationEvents, mergeProps, effect, className, setAttribute, style, template, use } from "solid-js/web";
 import { createSignal, onMount, onCleanup, Show, For } from "solid-js";
 import { useExpanded, ExpandableWrapper } from "./ExpandableWrapper.js";
 import { PortalDropdownMenu } from "./PortalDropdownMenu.js";
 import { DegradedFallback } from "./DegradedFallback.js";
 import { graphToDegradedTable } from "../utils/degraded-projections.js";
+import { escapeHtml } from "../utils/escape-html.js";
 import { useTelemetry } from "../context/MCPUITelemetryContext.js";
 var _tmpl$ = /* @__PURE__ */ template(`<div><div class="absolute right-2 top-2 z-10"><button type=button class="px-2 py-1 text-xs bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300"title="Export graph"aria-label="Export graph"aria-haspopup=menu>Export ▾</button><!$><!/></div><div></div><!$><!/>`), _tmpl$2 = /* @__PURE__ */ template(`<div class="w-full p-4 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg"><p class="text-sm font-medium text-yellow-900 dark:text-yellow-100">Graph rendering unavailable</p><p class="text-xs text-yellow-700 dark:text-yellow-300 mt-1">Install <code>@antv/g6</code> peer dependency to render <code>type: "graph"</code> components.`), _tmpl$3 = /* @__PURE__ */ template(`<div class="w-full p-4 bg-gray-50 dark:bg-gray-800/40 border border-gray-200 dark:border-gray-700 rounded-lg animate-pulse"><div class="h-4 w-32 bg-gray-200 dark:bg-gray-700 rounded mb-2"></div><div class="h-3 w-48 bg-gray-200 dark:bg-gray-700 rounded">`), _tmpl$4 = /* @__PURE__ */ template(`<button type=button class="w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 border-b border-gray-100 dark:border-gray-700 last:border-b-0"><div class=font-medium></div><div class="text-[10px] text-gray-500 dark:text-gray-400">`);
 let g6ModulePromise;
@@ -303,24 +304,6 @@ async function downloadDataUrl(dataUrl, filename) {
   const blob = await res.blob();
   downloadBlob(blob, filename);
 }
-function escapeHtml(s) {
-  return s.replace(/[&<>"']/g, (c) => {
-    switch (c) {
-      case "&":
-        return "&amp;";
-      case "<":
-        return "&lt;";
-      case ">":
-        return "&gt;";
-      case '"':
-        return "&quot;";
-      case "'":
-        return "&#39;";
-      default:
-        return c;
-    }
-  });
-}
 delegateEvents(["click"]);
 export {
   GraphRenderer,

package/dist/components/GraphRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"GraphRenderer.js","sources":["../../src/components/GraphRenderer.tsx"],"sourcesContent":["/**\n * GraphRenderer (v6.0.0) — generic node-link visualization powered by\n * `@antv/g6 ^5` (peer-optional). Same lazy-load pattern as\n * `ChartJSRenderer` and `MapRenderer` : the heavy lib is dynamically\n * imported only on first mount, and apps that don't install the peer\n * see an informative fallback instead of a crash.\n *\n * Spec : `@seed-ship/mcp-ui-spec@5.0.4` exports `GraphComponentParamsSchema`,\n * `GraphNode`, `GraphEdge`, `GraphLayoutName`, `GraphLayout`,\n * `GraphComponentParams` — the shape consumed here. Domain semantics\n * (`weight` etc.) are opaque to this renderer ; consumers decide what\n * the values mean.\n *\n * Copy + export : the renderer ships with `<ExpandableWrapper>` (default\n * copy = JSON of `{nodes, edges}`) plus a 3-format export menu — **PNG**\n * (visual snapshot via the underlying canvas/SVG), **Mermaid** (markdown\n * / GitHub-renderable `flowchart` syntax), **JSON** (raw reimportable\n * data). All three are computed lazily on click.\n */\n\nimport { Component, createSignal, onCleanup, onMount, Show, For } from 'solid-js';\nimport type { UIComponent } from '../types';\nimport type {\n  GraphComponentParams,\n  GraphLayout,\n  GraphNode,\n  GraphEdge,\n} from '@seed-ship/mcp-ui-spec';\nimport { ExpandableWrapper, useExpanded } from './ExpandableWrapper';\nimport { PortalDropdownMenu } from './PortalDropdownMenu';\nimport { DegradedFallback } from './DegradedFallback';\nimport { graphToDegradedTable } from '../utils/degraded-projections';\nimport { useTelemetry } from '../context/MCPUITelemetryContext';\n\n// Module-scoped lazy import promise — first call triggers the dynamic\n// import, subsequent calls reuse the resolved module.\nlet g6ModulePromise: Promise<typeof import('@antv/g6')> | undefined;\n\n/**\n * Whether the `@antv/g6` peer dependency is installed and importable.\n * Resolves to `true` when the lib is available, `false` otherwise.\n *\n * Mirrors `isChartJSAvailable()` from `ChartJSRenderer`.\n */\nexport async function isG6Available(): Promise<boolean> {\n  try {\n    if (!g6ModulePromise) {\n      g6ModulePromise = import('@antv/g6');\n    }\n    await g6ModulePromise;\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Resolve the spec layout shorthand or object form into the config object\n * G6 v5 expects. When `layout` is omitted, picks `'force'` if edges are\n * present (universal default) or `'circular'` otherwise.\n */\nfunction resolveLayout(params: GraphComponentParams): { type: string; [key: string]: unknown } {\n  const layout: GraphLayout | undefined = params.layout;\n  if (layout === undefined) {\n    const hasEdges = (params.edges?.length ?? 0) > 0;\n    return { type: hasEdges ? 'force' : 'circular' };\n  }\n  if (typeof layout === 'string') {\n    return { type: layout };\n  }\n  // Object form: spread the passthrough options alongside `type`.\n  return { type: layout.type, ...(layout.options ?? {}) };\n}\n\n/**\n * Build the G6 v5 `Graph` constructor config from the component params.\n *\n * Pure (no DOM/lib side effects beyond reading `container`), so it can be\n * unit-tested directly without a jsdom render — this is the contract the\n * 2026-05-30 audit (P0.2) wants locked.\n *\n * ⚠️ G6 v5's `renderer` is a factory `(layer) => IRenderer`, NOT a string\n * (that was the v4 contract). Passing the string `'canvas'` / `'svg'` makes\n * G6 throw `renderer is not a function` — and because the default path used\n * to pass the string `'canvas'`, EVERY graph crashed, not just svg. So we\n * **omit `renderer` entirely**: G6 then uses its built-in canvas renderer\n * (documented default `() => new CanvasRenderer()`).\n *\n * `rendererPref: 'svg'` is reserved but NOT wired yet — a real G6 v5 SVG\n * renderer needs the `@antv/g-svg` factory (a transitive dep of `@antv/g6`,\n * not statically resolvable at build time). Until that's wired behind proper\n * optional-peer resolution, svg degrades to the canvas default with a\n * one-time warning. It must NEVER inject a string `renderer`.\n */\nexport function buildGraphConfig(\n  p: GraphComponentParams,\n  container?: HTMLElement\n): Record<string, unknown> {\n  const config: Record<string, unknown> = {\n    container,\n    data: { nodes: p.nodes, edges: p.edges ?? [] },\n    layout: resolveLayout(p),\n    behaviors: resolveBehaviors(p),\n  };\n\n  if (p.rendererPref === 'svg') {\n    console.warn(\n      '[MCP-UI] GraphRenderer: rendererPref \"svg\" is not yet supported; using the default canvas renderer.'\n    );\n  }\n\n  if (p.fitView !== false) {\n    config.autoFit = 'view';\n  }\n\n  if (p.tooltip !== false) {\n    config.plugins = [\n      {\n        type: 'tooltip',\n        getContent: (_evt: unknown, items: any[]) => {\n          const item = items?.[0];\n          if (!item) return '';\n          const label = item.label ?? item.id ?? '';\n          const data = item.data ? JSON.stringify(item.data) : '';\n          return `<div style=\"padding:4px 8px\"><strong>${escapeHtml(String(label))}</strong>${\n            data ? `<br><span style=\"font-size:11px;opacity:0.7\">${escapeHtml(data)}</span>` : ''\n          }</div>`;\n        },\n      },\n    ];\n  }\n\n  return config;\n}\n\n/**\n * Build the G6 v5 `behaviors` array from the params interactivity flags.\n * Defaults : drag-canvas + zoom-canvas + drag-element + click-select.\n * Any flag set to `false` opts out.\n */\nfunction resolveBehaviors(params: GraphComponentParams): string[] {\n  const behaviors: string[] = [];\n  if (params.enableDrag !== false) behaviors.push('drag-element');\n  if (params.enableZoom !== false) {\n    behaviors.push('zoom-canvas', 'drag-canvas');\n  }\n  if (params.enableSelect !== false) behaviors.push('click-select');\n  return behaviors;\n}\n\n/**\n * Pick a sensible Mermaid `flowchart` direction from the resolved layout.\n * `dagre` / `tree` / `mindmap` are top-down hierarchies → TD ; everything\n * else (force, concentric, circular, grid) → LR (default mermaid).\n */\nfunction mermaidDirection(layoutType: string): 'TD' | 'LR' {\n  return layoutType === 'dagre' || layoutType === 'tree' || layoutType === 'mindmap' ? 'TD' : 'LR';\n}\n\n/**\n * Sanitize a string for use inside a Mermaid node label. Mermaid breaks\n * on raw quotes / brackets / pipes ; we strip the worst offenders.\n */\nfunction mermaidLabel(s: string): string {\n  return s\n    .replace(/[\"[\\]|]/g, '')\n    .replace(/\\s+/g, ' ')\n    .trim();\n}\n\n/**\n * Convert the graph data to Mermaid `flowchart` syntax. The edge label\n * carries the optional `weight` prefix when present (e.g. `|3| label`).\n */\nfunction toMermaid(params: GraphComponentParams): string {\n  const layoutType = resolveLayout(params).type;\n  const dir = mermaidDirection(layoutType);\n  const lines: string[] = [`flowchart ${dir}`];\n  for (const n of params.nodes) {\n    const label = mermaidLabel(n.label ?? n.id);\n    lines.push(`  ${n.id}[\"${label}\"]`);\n  }\n  for (const e of params.edges ?? []) {\n    const labelParts: string[] = [];\n    if (e.weight !== undefined) labelParts.push(String(e.weight));\n    if (e.label) labelParts.push(mermaidLabel(e.label));\n    const labelText = labelParts.join(' · ');\n    if (labelText) {\n      lines.push(`  ${e.source} -->|${labelText}| ${e.target}`);\n    } else {\n      lines.push(`  ${e.source} --> ${e.target}`);\n    }\n  }\n  return lines.join('\\n');\n}\n\nfunction toJSON(params: GraphComponentParams): string {\n  return JSON.stringify({ nodes: params.nodes, edges: params.edges ?? [] }, null, 2);\n}\n\nfunction downloadBlob(content: string | Blob, filename: string, mimeType?: string): void {\n  const blob =\n    typeof content === 'string' ? new Blob([content], { type: mimeType ?? 'text/plain' }) : content;\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = url;\n  a.download = filename;\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(url);\n}\n\nexport interface GraphRendererProps {\n  component: UIComponent;\n  /**\n   * Forwarded to the underlying `<ExpandableWrapper>` (v6.3.1).\n   * @see ExpandableWrapperProps.toolbarVariant\n   */\n  toolbarVariant?: 'hover' | 'always-visible';\n}\n\nexport const GraphRenderer: Component<GraphRendererProps> = (props) => {\n  const params = () => props.component.params as GraphComponentParams;\n  const isExpanded = useExpanded();\n  const telemetry = useTelemetry();\n  const [available, setAvailable] = createSignal<boolean | null>(null);\n  const [error, setError] = createSignal<string | undefined>();\n  const [exportMenuOpen, setExportMenuOpen] = createSignal(false);\n  let containerRef: HTMLDivElement | undefined;\n  // v6.4.0 — trigger ref consumed by <PortalDropdownMenu> for positioning\n  let exportTriggerRef: HTMLButtonElement | undefined;\n  // Loosely typed because G6 is a peer-optional — we don't pull its\n  // types into the bundle just to type a transient local handle.\n  let graphInstance: any | undefined;\n\n  onMount(async () => {\n    const g6Available = await isG6Available();\n    setAvailable(g6Available);\n    if (!g6Available || !containerRef) return;\n\n    try {\n      const { Graph } = await g6ModulePromise!;\n      const p = params();\n      const config: Record<string, unknown> = {\n        container: containerRef,\n        data: { nodes: p.nodes, edges: p.edges ?? [] },\n        layout: resolveLayout(p),\n        behaviors: resolveBehaviors(p),\n      };\n\n      // G6 v5's `renderer` is a factory `(layer) => IRenderer`, NOT a string\n      // (that was the v4 contract). Passing the string `'canvas'` / `'svg'`\n      // makes G6 throw `renderer is not a function` — and because the default\n      // path also passed the string `'canvas'`, EVERY graph crashed, not just\n      // the svg one.\n      //\n      // Fix: omit `renderer` entirely. G6 then uses its built-in canvas\n      // renderer (documented default `() => new CanvasRenderer()`), which is\n      // what we want for every graph.\n      //\n      // `rendererPref: 'svg'` is NOT wired yet: a real G6 v5 SVG renderer\n      // needs the `@antv/g-svg` factory, which is a *transitive* dep of\n      // `@antv/g6` (not a declared peer) and isn't statically resolvable at\n      // build time. Rather than ship a fragile/unresolvable import, we treat\n      // svg as \"not yet supported\" and fall back to the canvas default with a\n      // one-time warning. Tracked for a follow-up that wires the factory\n      // behind a proper optional-peer resolution. (Never pass a string here.)\n      if (p.rendererPref === 'svg') {\n        console.warn(\n          '[MCP-UI] GraphRenderer: rendererPref \"svg\" is not yet supported; using the default canvas renderer.'\n        );\n      }\n      if (p.fitView !== false) {\n        config.autoFit = 'view';\n      }\n      if (p.tooltip !== false) {\n        // Built-in tooltip plugin — shows label + a compact dump of\n        // node.data on hover. Consumers can opt out with `tooltip: false`.\n        config.plugins = [\n          {\n            type: 'tooltip',\n            getContent: (_evt: unknown, items: any[]) => {\n              const item = items?.[0];\n              if (!item) return '';\n              const label = item.label ?? item.id ?? '';\n              const data = item.data ? JSON.stringify(item.data) : '';\n              return `<div style=\"padding:4px 8px\"><strong>${escapeHtml(String(label))}</strong>${\n                data\n                  ? `<br><span style=\"font-size:11px;opacity:0.7\">${escapeHtml(data)}</span>`\n                  : ''\n              }</div>`;\n            },\n          },\n        ];\n      }\n      graphInstance = new (Graph as any)(config);\n      await graphInstance.render();\n    } catch (err) {\n      const message = err instanceof Error ? err.message : 'Failed to render graph';\n      setError(message);\n      // Fallback ladder (P2.5): the native G6 render threw — emit telemetry\n      // so the failure is observable, then degrade to the edge/node table\n      // below instead of leaving a blank canvas.\n      telemetry?.dispatch({\n        type: 'render:error',\n        errorMessage: message,\n        id: props.component.id ?? '',\n        componentType: 'graph',\n        ts: Date.now(),\n      });\n    }\n  });\n\n  onCleanup(() => {\n    try {\n      graphInstance?.destroy();\n    } catch {\n      // G6 destroy can throw on already-destroyed instances or partial\n      // init failures — silent because the component is unmounting anyway.\n    }\n    graphInstance = undefined;\n  });\n\n  // ─── Export handlers ────────────────────────────────────────────────\n  const handleExportJSON = () => {\n    downloadBlob(toJSON(params()), `${graphFilenameStem(params())}.json`, 'application/json');\n    setExportMenuOpen(false);\n  };\n\n  const handleExportMermaid = () => {\n    downloadBlob(toMermaid(params()), `${graphFilenameStem(params())}.mmd`, 'text/plain');\n    setExportMenuOpen(false);\n  };\n\n  const handleExportPNG = async () => {\n    if (!graphInstance) return;\n    try {\n      // G6 v5 exposes `toDataURL()` on the graph instance.\n      const dataUrl: string = await graphInstance.toDataURL?.('image/png');\n      if (!dataUrl) {\n        // Fallback: try to grab the underlying canvas directly.\n        const canvas = containerRef?.querySelector('canvas');\n        if (canvas) {\n          const url = (canvas as HTMLCanvasElement).toDataURL('image/png');\n          await downloadDataUrl(url, `${graphFilenameStem(params())}.png`);\n        } else {\n          setError('PNG export not supported in current renderer mode');\n        }\n      } else {\n        await downloadDataUrl(dataUrl, `${graphFilenameStem(params())}.png`);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'PNG export failed');\n    }\n    setExportMenuOpen(false);\n  };\n\n  return (\n    <Show\n      when={available() === true}\n      fallback={\n        <Show\n          when={available() === false}\n          fallback={\n            // Loading skeleton while we determine peer availability\n            <div class=\"w-full p-4 bg-gray-50 dark:bg-gray-800/40 border border-gray-200 dark:border-gray-700 rounded-lg animate-pulse\">\n              <div class=\"h-4 w-32 bg-gray-200 dark:bg-gray-700 rounded mb-2\" />\n              <div class=\"h-3 w-48 bg-gray-200 dark:bg-gray-700 rounded\" />\n            </div>\n          }\n        >\n          <div class=\"w-full p-4 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg\">\n            <p class=\"text-sm font-medium text-yellow-900 dark:text-yellow-100\">\n              Graph rendering unavailable\n            </p>\n            <p class=\"text-xs text-yellow-700 dark:text-yellow-300 mt-1\">\n              Install <code>@antv/g6</code> peer dependency to render <code>type: \"graph\"</code>{' '}\n              components.\n            </p>\n          </div>\n        </Show>\n      }\n    >\n      <ExpandableWrapper\n        title={params().title ?? 'Graph'}\n        copyData={toJSON(params())}\n        copyLabel=\"Copy graph (JSON)\"\n        toolbarVariant={props.toolbarVariant}\n      >\n        <div\n          class={`relative w-full ${params().className ?? ''} ${\n            isExpanded() ? 'flex-1 min-h-0 flex flex-col' : ''\n          }`}\n        >\n          {/* Export menu — top-right, mirrors TableRenderer's pattern */}\n          <div class=\"absolute right-2 top-2 z-10\">\n            <button\n              ref={exportTriggerRef}\n              type=\"button\"\n              onClick={() => setExportMenuOpen((v) => !v)}\n              class=\"px-2 py-1 text-xs bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300\"\n              title=\"Export graph\"\n              aria-label=\"Export graph\"\n              aria-haspopup=\"menu\"\n              aria-expanded={exportMenuOpen()}\n            >\n              Export ▾\n            </button>\n            <PortalDropdownMenu\n              open={exportMenuOpen()}\n              onClose={() => setExportMenuOpen(false)}\n              trigger={exportTriggerRef}\n              width={176}\n              class=\"text-xs\"\n            >\n              <For\n                each={[\n                  { label: 'Download PNG', onClick: handleExportPNG, hint: 'visual snapshot' },\n                  {\n                    label: 'Download Mermaid',\n                    onClick: handleExportMermaid,\n                    hint: 'markdown / GitHub',\n                  },\n                  { label: 'Download JSON', onClick: handleExportJSON, hint: 'raw data' },\n                ]}\n              >\n                {(item) => (\n                  <button\n                    type=\"button\"\n                    onClick={item.onClick}\n                    class=\"w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 border-b border-gray-100 dark:border-gray-700 last:border-b-0\"\n                  >\n                    <div class=\"font-medium\">{item.label}</div>\n                    <div class=\"text-[10px] text-gray-500 dark:text-gray-400\">{item.hint}</div>\n                  </button>\n                )}\n              </For>\n            </PortalDropdownMenu>\n          </div>\n\n          {/* Native G6 canvas — hidden once a render error degrades us. */}\n          <div\n            ref={containerRef}\n            class={`bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden ${\n              error() ? 'hidden' : ''\n            } ${isExpanded() ? 'flex-1 min-h-0' : ''}`}\n            style={\n              isExpanded()\n                ? `height: 100%; width: ${params().width ?? '100%'};`\n                : `height: ${params().height ?? '400px'}; width: ${params().width ?? '100%'};`\n            }\n          />\n          {/* Fallback ladder (P2.5): degrade to an edge/node table on error\n              rather than showing a bare message. Export menu stays usable. */}\n          <Show when={error()}>\n            <DegradedFallback\n              message={`Graph rendering failed: ${error()}`}\n              caption=\"Showing the graph data as a table — the interactive view is unavailable.\"\n              {...graphToDegradedTable(params())}\n            />\n          </Show>\n        </div>\n      </ExpandableWrapper>\n    </Show>\n  );\n};\n\n// ─── Helpers ──────────────────────────────────────────────────────────\n\nfunction graphFilenameStem(params: GraphComponentParams): string {\n  const base = (params.title ?? 'graph').replace(/[^a-z0-9-_]+/gi, '-').replace(/^-+|-+$/g, '');\n  return base || 'graph';\n}\n\nasync function downloadDataUrl(dataUrl: string, filename: string): Promise<void> {\n  const res = await fetch(dataUrl);\n  const blob = await res.blob();\n  downloadBlob(blob, filename);\n}\n\nfunction escapeHtml(s: string): string {\n  return s.replace(/[&<>\"']/g, (c) => {\n    switch (c) {\n      case '&':\n        return '&amp;';\n      case '<':\n        return '&lt;';\n      case '>':\n        return '&gt;';\n      case '\"':\n        return '&quot;';\n      case \"'\":\n        return '&#39;';\n      default:\n        return c;\n    }\n  });\n}\n\n// Re-export for tests + consumers that want to compose their own export menu\nexport { toMermaid as graphToMermaid, toJSON as graphToJSON };\n"],"names":["g6ModulePromise","isG6Available","resolveLayout","params","layout","undefined","hasEdges","edges","length","type","options","resolveBehaviors","behaviors","enableDrag","push","enableZoom","enableSelect","mermaidDirection","layoutType","mermaidLabel","s","replace","trim","toMermaid","dir","lines","n","nodes","label","id","e","labelParts","weight","String","labelText","join","source","target","toJSON","JSON","stringify","downloadBlob","content","filename","mimeType","blob","Blob","url","URL","createObjectURL","a","document","createElement","href","download","body","appendChild","click","removeChild","revokeObjectURL","GraphRenderer","props","component","isExpanded","useExpanded","telemetry","useTelemetry","available","setAvailable","createSignal","error","setError","exportMenuOpen","setExportMenuOpen","containerRef","exportTriggerRef","graphInstance","onMount","g6Available","Graph","p","config","container","data","rendererPref","console","warn","fitView","autoFit","tooltip","plugins","getContent","_evt","items","item","escapeHtml","render","err","message","Error","dispatch","errorMessage","componentType","ts","Date","now","onCleanup","destroy","handleExportJSON","graphFilenameStem","handleExportMermaid","handleExportPNG","dataUrl","toDataURL","canvas","querySelector","downloadDataUrl","_$createComponent","Show","when","fallback","_$getNextElement","_tmpl$3","children","_tmpl$2","ExpandableWrapper","title","copyData","copyLabel","toolbarVariant","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_co$","_$getNextMarker","_el$6","_el$7","_el$8","_co$2","$$click","v","_ref$","_$use","_$insert","PortalDropdownMenu","open","onClose","trigger","width","For","each","onClick","hint","_el$1","_tmpl$4","_el$10","_el$11","_$addEventListener","_$runHydrationEvents","_ref$2","DegradedFallback","_$mergeProps","caption","graphToDegradedTable","_$effect","_p$","_v$","className","_v$2","_v$3","_v$4","height","_$className","t","_$setAttribute","o","_$style","base","res","fetch","c","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"GraphRenderer.js","sources":["../../src/components/GraphRenderer.tsx"],"sourcesContent":["/**\n * GraphRenderer (v6.0.0) — generic node-link visualization powered by\n * `@antv/g6 ^5` (peer-optional). Same lazy-load pattern as\n * `ChartJSRenderer` and `MapRenderer` : the heavy lib is dynamically\n * imported only on first mount, and apps that don't install the peer\n * see an informative fallback instead of a crash.\n *\n * Spec : `@seed-ship/mcp-ui-spec@5.0.4` exports `GraphComponentParamsSchema`,\n * `GraphNode`, `GraphEdge`, `GraphLayoutName`, `GraphLayout`,\n * `GraphComponentParams` — the shape consumed here. Domain semantics\n * (`weight` etc.) are opaque to this renderer ; consumers decide what\n * the values mean.\n *\n * Copy + export : the renderer ships with `<ExpandableWrapper>` (default\n * copy = JSON of `{nodes, edges}`) plus a 3-format export menu — **PNG**\n * (visual snapshot via the underlying canvas/SVG), **Mermaid** (markdown\n * / GitHub-renderable `flowchart` syntax), **JSON** (raw reimportable\n * data). All three are computed lazily on click.\n */\n\nimport { Component, createSignal, onCleanup, onMount, Show, For } from 'solid-js';\nimport type { UIComponent } from '../types';\nimport type {\n  GraphComponentParams,\n  GraphLayout,\n  GraphNode,\n  GraphEdge,\n} from '@seed-ship/mcp-ui-spec';\nimport { ExpandableWrapper, useExpanded } from './ExpandableWrapper';\nimport { PortalDropdownMenu } from './PortalDropdownMenu';\nimport { DegradedFallback } from './DegradedFallback';\nimport { graphToDegradedTable } from '../utils/degraded-projections';\nimport { escapeHtml } from '../utils/escape-html';\nimport { useTelemetry } from '../context/MCPUITelemetryContext';\n\n// Module-scoped lazy import promise — first call triggers the dynamic\n// import, subsequent calls reuse the resolved module.\nlet g6ModulePromise: Promise<typeof import('@antv/g6')> | undefined;\n\n/**\n * Whether the `@antv/g6` peer dependency is installed and importable.\n * Resolves to `true` when the lib is available, `false` otherwise.\n *\n * Mirrors `isChartJSAvailable()` from `ChartJSRenderer`.\n */\nexport async function isG6Available(): Promise<boolean> {\n  try {\n    if (!g6ModulePromise) {\n      g6ModulePromise = import('@antv/g6');\n    }\n    await g6ModulePromise;\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Resolve the spec layout shorthand or object form into the config object\n * G6 v5 expects. When `layout` is omitted, picks `'force'` if edges are\n * present (universal default) or `'circular'` otherwise.\n */\nfunction resolveLayout(params: GraphComponentParams): { type: string; [key: string]: unknown } {\n  const layout: GraphLayout | undefined = params.layout;\n  if (layout === undefined) {\n    const hasEdges = (params.edges?.length ?? 0) > 0;\n    return { type: hasEdges ? 'force' : 'circular' };\n  }\n  if (typeof layout === 'string') {\n    return { type: layout };\n  }\n  // Object form: spread the passthrough options alongside `type`.\n  return { type: layout.type, ...(layout.options ?? {}) };\n}\n\n/**\n * Build the G6 v5 `Graph` constructor config from the component params.\n *\n * Pure (no DOM/lib side effects beyond reading `container`), so it can be\n * unit-tested directly without a jsdom render — this is the contract the\n * 2026-05-30 audit (P0.2) wants locked.\n *\n * ⚠️ G6 v5's `renderer` is a factory `(layer) => IRenderer`, NOT a string\n * (that was the v4 contract). Passing the string `'canvas'` / `'svg'` makes\n * G6 throw `renderer is not a function` — and because the default path used\n * to pass the string `'canvas'`, EVERY graph crashed, not just svg. So we\n * **omit `renderer` entirely**: G6 then uses its built-in canvas renderer\n * (documented default `() => new CanvasRenderer()`).\n *\n * `rendererPref: 'svg'` is reserved but NOT wired yet — a real G6 v5 SVG\n * renderer needs the `@antv/g-svg` factory (a transitive dep of `@antv/g6`,\n * not statically resolvable at build time). Until that's wired behind proper\n * optional-peer resolution, svg degrades to the canvas default with a\n * one-time warning. It must NEVER inject a string `renderer`.\n */\nexport function buildGraphConfig(\n  p: GraphComponentParams,\n  container?: HTMLElement\n): Record<string, unknown> {\n  const config: Record<string, unknown> = {\n    container,\n    data: { nodes: p.nodes, edges: p.edges ?? [] },\n    layout: resolveLayout(p),\n    behaviors: resolveBehaviors(p),\n  };\n\n  if (p.rendererPref === 'svg') {\n    console.warn(\n      '[MCP-UI] GraphRenderer: rendererPref \"svg\" is not yet supported; using the default canvas renderer.'\n    );\n  }\n\n  if (p.fitView !== false) {\n    config.autoFit = 'view';\n  }\n\n  if (p.tooltip !== false) {\n    config.plugins = [\n      {\n        type: 'tooltip',\n        getContent: (_evt: unknown, items: any[]) => {\n          const item = items?.[0];\n          if (!item) return '';\n          const label = item.label ?? item.id ?? '';\n          const data = item.data ? JSON.stringify(item.data) : '';\n          return `<div style=\"padding:4px 8px\"><strong>${escapeHtml(String(label))}</strong>${\n            data ? `<br><span style=\"font-size:11px;opacity:0.7\">${escapeHtml(data)}</span>` : ''\n          }</div>`;\n        },\n      },\n    ];\n  }\n\n  return config;\n}\n\n/**\n * Build the G6 v5 `behaviors` array from the params interactivity flags.\n * Defaults : drag-canvas + zoom-canvas + drag-element + click-select.\n * Any flag set to `false` opts out.\n */\nfunction resolveBehaviors(params: GraphComponentParams): string[] {\n  const behaviors: string[] = [];\n  if (params.enableDrag !== false) behaviors.push('drag-element');\n  if (params.enableZoom !== false) {\n    behaviors.push('zoom-canvas', 'drag-canvas');\n  }\n  if (params.enableSelect !== false) behaviors.push('click-select');\n  return behaviors;\n}\n\n/**\n * Pick a sensible Mermaid `flowchart` direction from the resolved layout.\n * `dagre` / `tree` / `mindmap` are top-down hierarchies → TD ; everything\n * else (force, concentric, circular, grid) → LR (default mermaid).\n */\nfunction mermaidDirection(layoutType: string): 'TD' | 'LR' {\n  return layoutType === 'dagre' || layoutType === 'tree' || layoutType === 'mindmap' ? 'TD' : 'LR';\n}\n\n/**\n * Sanitize a string for use inside a Mermaid node label. Mermaid breaks\n * on raw quotes / brackets / pipes ; we strip the worst offenders.\n */\nfunction mermaidLabel(s: string): string {\n  return s\n    .replace(/[\"[\\]|]/g, '')\n    .replace(/\\s+/g, ' ')\n    .trim();\n}\n\n/**\n * Convert the graph data to Mermaid `flowchart` syntax. The edge label\n * carries the optional `weight` prefix when present (e.g. `|3| label`).\n */\nfunction toMermaid(params: GraphComponentParams): string {\n  const layoutType = resolveLayout(params).type;\n  const dir = mermaidDirection(layoutType);\n  const lines: string[] = [`flowchart ${dir}`];\n  for (const n of params.nodes) {\n    const label = mermaidLabel(n.label ?? n.id);\n    lines.push(`  ${n.id}[\"${label}\"]`);\n  }\n  for (const e of params.edges ?? []) {\n    const labelParts: string[] = [];\n    if (e.weight !== undefined) labelParts.push(String(e.weight));\n    if (e.label) labelParts.push(mermaidLabel(e.label));\n    const labelText = labelParts.join(' · ');\n    if (labelText) {\n      lines.push(`  ${e.source} -->|${labelText}| ${e.target}`);\n    } else {\n      lines.push(`  ${e.source} --> ${e.target}`);\n    }\n  }\n  return lines.join('\\n');\n}\n\nfunction toJSON(params: GraphComponentParams): string {\n  return JSON.stringify({ nodes: params.nodes, edges: params.edges ?? [] }, null, 2);\n}\n\nfunction downloadBlob(content: string | Blob, filename: string, mimeType?: string): void {\n  const blob =\n    typeof content === 'string' ? new Blob([content], { type: mimeType ?? 'text/plain' }) : content;\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = url;\n  a.download = filename;\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(url);\n}\n\nexport interface GraphRendererProps {\n  component: UIComponent;\n  /**\n   * Forwarded to the underlying `<ExpandableWrapper>` (v6.3.1).\n   * @see ExpandableWrapperProps.toolbarVariant\n   */\n  toolbarVariant?: 'hover' | 'always-visible';\n}\n\nexport const GraphRenderer: Component<GraphRendererProps> = (props) => {\n  const params = () => props.component.params as GraphComponentParams;\n  const isExpanded = useExpanded();\n  const telemetry = useTelemetry();\n  const [available, setAvailable] = createSignal<boolean | null>(null);\n  const [error, setError] = createSignal<string | undefined>();\n  const [exportMenuOpen, setExportMenuOpen] = createSignal(false);\n  let containerRef: HTMLDivElement | undefined;\n  // v6.4.0 — trigger ref consumed by <PortalDropdownMenu> for positioning\n  let exportTriggerRef: HTMLButtonElement | undefined;\n  // Loosely typed because G6 is a peer-optional — we don't pull its\n  // types into the bundle just to type a transient local handle.\n  let graphInstance: any | undefined;\n\n  onMount(async () => {\n    const g6Available = await isG6Available();\n    setAvailable(g6Available);\n    if (!g6Available || !containerRef) return;\n\n    try {\n      const { Graph } = await g6ModulePromise!;\n      const p = params();\n      const config: Record<string, unknown> = {\n        container: containerRef,\n        data: { nodes: p.nodes, edges: p.edges ?? [] },\n        layout: resolveLayout(p),\n        behaviors: resolveBehaviors(p),\n      };\n\n      // G6 v5's `renderer` is a factory `(layer) => IRenderer`, NOT a string\n      // (that was the v4 contract). Passing the string `'canvas'` / `'svg'`\n      // makes G6 throw `renderer is not a function` — and because the default\n      // path also passed the string `'canvas'`, EVERY graph crashed, not just\n      // the svg one.\n      //\n      // Fix: omit `renderer` entirely. G6 then uses its built-in canvas\n      // renderer (documented default `() => new CanvasRenderer()`), which is\n      // what we want for every graph.\n      //\n      // `rendererPref: 'svg'` is NOT wired yet: a real G6 v5 SVG renderer\n      // needs the `@antv/g-svg` factory, which is a *transitive* dep of\n      // `@antv/g6` (not a declared peer) and isn't statically resolvable at\n      // build time. Rather than ship a fragile/unresolvable import, we treat\n      // svg as \"not yet supported\" and fall back to the canvas default with a\n      // one-time warning. Tracked for a follow-up that wires the factory\n      // behind a proper optional-peer resolution. (Never pass a string here.)\n      if (p.rendererPref === 'svg') {\n        console.warn(\n          '[MCP-UI] GraphRenderer: rendererPref \"svg\" is not yet supported; using the default canvas renderer.'\n        );\n      }\n      if (p.fitView !== false) {\n        config.autoFit = 'view';\n      }\n      if (p.tooltip !== false) {\n        // Built-in tooltip plugin — shows label + a compact dump of\n        // node.data on hover. Consumers can opt out with `tooltip: false`.\n        config.plugins = [\n          {\n            type: 'tooltip',\n            getContent: (_evt: unknown, items: any[]) => {\n              const item = items?.[0];\n              if (!item) return '';\n              const label = item.label ?? item.id ?? '';\n              const data = item.data ? JSON.stringify(item.data) : '';\n              return `<div style=\"padding:4px 8px\"><strong>${escapeHtml(String(label))}</strong>${\n                data\n                  ? `<br><span style=\"font-size:11px;opacity:0.7\">${escapeHtml(data)}</span>`\n                  : ''\n              }</div>`;\n            },\n          },\n        ];\n      }\n      graphInstance = new (Graph as any)(config);\n      await graphInstance.render();\n    } catch (err) {\n      const message = err instanceof Error ? err.message : 'Failed to render graph';\n      setError(message);\n      // Fallback ladder (P2.5): the native G6 render threw — emit telemetry\n      // so the failure is observable, then degrade to the edge/node table\n      // below instead of leaving a blank canvas.\n      telemetry?.dispatch({\n        type: 'render:error',\n        errorMessage: message,\n        id: props.component.id ?? '',\n        componentType: 'graph',\n        ts: Date.now(),\n      });\n    }\n  });\n\n  onCleanup(() => {\n    try {\n      graphInstance?.destroy();\n    } catch {\n      // G6 destroy can throw on already-destroyed instances or partial\n      // init failures — silent because the component is unmounting anyway.\n    }\n    graphInstance = undefined;\n  });\n\n  // ─── Export handlers ────────────────────────────────────────────────\n  const handleExportJSON = () => {\n    downloadBlob(toJSON(params()), `${graphFilenameStem(params())}.json`, 'application/json');\n    setExportMenuOpen(false);\n  };\n\n  const handleExportMermaid = () => {\n    downloadBlob(toMermaid(params()), `${graphFilenameStem(params())}.mmd`, 'text/plain');\n    setExportMenuOpen(false);\n  };\n\n  const handleExportPNG = async () => {\n    if (!graphInstance) return;\n    try {\n      // G6 v5 exposes `toDataURL()` on the graph instance.\n      const dataUrl: string = await graphInstance.toDataURL?.('image/png');\n      if (!dataUrl) {\n        // Fallback: try to grab the underlying canvas directly.\n        const canvas = containerRef?.querySelector('canvas');\n        if (canvas) {\n          const url = (canvas as HTMLCanvasElement).toDataURL('image/png');\n          await downloadDataUrl(url, `${graphFilenameStem(params())}.png`);\n        } else {\n          setError('PNG export not supported in current renderer mode');\n        }\n      } else {\n        await downloadDataUrl(dataUrl, `${graphFilenameStem(params())}.png`);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'PNG export failed');\n    }\n    setExportMenuOpen(false);\n  };\n\n  return (\n    <Show\n      when={available() === true}\n      fallback={\n        <Show\n          when={available() === false}\n          fallback={\n            // Loading skeleton while we determine peer availability\n            <div class=\"w-full p-4 bg-gray-50 dark:bg-gray-800/40 border border-gray-200 dark:border-gray-700 rounded-lg animate-pulse\">\n              <div class=\"h-4 w-32 bg-gray-200 dark:bg-gray-700 rounded mb-2\" />\n              <div class=\"h-3 w-48 bg-gray-200 dark:bg-gray-700 rounded\" />\n            </div>\n          }\n        >\n          <div class=\"w-full p-4 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg\">\n            <p class=\"text-sm font-medium text-yellow-900 dark:text-yellow-100\">\n              Graph rendering unavailable\n            </p>\n            <p class=\"text-xs text-yellow-700 dark:text-yellow-300 mt-1\">\n              Install <code>@antv/g6</code> peer dependency to render <code>type: \"graph\"</code>{' '}\n              components.\n            </p>\n          </div>\n        </Show>\n      }\n    >\n      <ExpandableWrapper\n        title={params().title ?? 'Graph'}\n        copyData={toJSON(params())}\n        copyLabel=\"Copy graph (JSON)\"\n        toolbarVariant={props.toolbarVariant}\n      >\n        <div\n          class={`relative w-full ${params().className ?? ''} ${\n            isExpanded() ? 'flex-1 min-h-0 flex flex-col' : ''\n          }`}\n        >\n          {/* Export menu — top-right, mirrors TableRenderer's pattern */}\n          <div class=\"absolute right-2 top-2 z-10\">\n            <button\n              ref={exportTriggerRef}\n              type=\"button\"\n              onClick={() => setExportMenuOpen((v) => !v)}\n              class=\"px-2 py-1 text-xs bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300\"\n              title=\"Export graph\"\n              aria-label=\"Export graph\"\n              aria-haspopup=\"menu\"\n              aria-expanded={exportMenuOpen()}\n            >\n              Export ▾\n            </button>\n            <PortalDropdownMenu\n              open={exportMenuOpen()}\n              onClose={() => setExportMenuOpen(false)}\n              trigger={exportTriggerRef}\n              width={176}\n              class=\"text-xs\"\n            >\n              <For\n                each={[\n                  { label: 'Download PNG', onClick: handleExportPNG, hint: 'visual snapshot' },\n                  {\n                    label: 'Download Mermaid',\n                    onClick: handleExportMermaid,\n                    hint: 'markdown / GitHub',\n                  },\n                  { label: 'Download JSON', onClick: handleExportJSON, hint: 'raw data' },\n                ]}\n              >\n                {(item) => (\n                  <button\n                    type=\"button\"\n                    onClick={item.onClick}\n                    class=\"w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 border-b border-gray-100 dark:border-gray-700 last:border-b-0\"\n                  >\n                    <div class=\"font-medium\">{item.label}</div>\n                    <div class=\"text-[10px] text-gray-500 dark:text-gray-400\">{item.hint}</div>\n                  </button>\n                )}\n              </For>\n            </PortalDropdownMenu>\n          </div>\n\n          {/* Native G6 canvas — hidden once a render error degrades us. */}\n          <div\n            ref={containerRef}\n            class={`bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden ${\n              error() ? 'hidden' : ''\n            } ${isExpanded() ? 'flex-1 min-h-0' : ''}`}\n            style={\n              isExpanded()\n                ? `height: 100%; width: ${params().width ?? '100%'};`\n                : `height: ${params().height ?? '400px'}; width: ${params().width ?? '100%'};`\n            }\n          />\n          {/* Fallback ladder (P2.5): degrade to an edge/node table on error\n              rather than showing a bare message. Export menu stays usable. */}\n          <Show when={error()}>\n            <DegradedFallback\n              message={`Graph rendering failed: ${error()}`}\n              caption=\"Showing the graph data as a table — the interactive view is unavailable.\"\n              {...graphToDegradedTable(params())}\n            />\n          </Show>\n        </div>\n      </ExpandableWrapper>\n    </Show>\n  );\n};\n\n// ─── Helpers ──────────────────────────────────────────────────────────\n\nfunction graphFilenameStem(params: GraphComponentParams): string {\n  const base = (params.title ?? 'graph').replace(/[^a-z0-9-_]+/gi, '-').replace(/^-+|-+$/g, '');\n  return base || 'graph';\n}\n\nasync function downloadDataUrl(dataUrl: string, filename: string): Promise<void> {\n  const res = await fetch(dataUrl);\n  const blob = await res.blob();\n  downloadBlob(blob, filename);\n}\n\n// Re-export for tests + consumers that want to compose their own export menu\nexport { toMermaid as graphToMermaid, toJSON as graphToJSON };\n"],"names":["g6ModulePromise","isG6Available","resolveLayout","params","layout","undefined","hasEdges","edges","length","type","options","resolveBehaviors","behaviors","enableDrag","push","enableZoom","enableSelect","mermaidDirection","layoutType","mermaidLabel","s","replace","trim","toMermaid","dir","lines","n","nodes","label","id","e","labelParts","weight","String","labelText","join","source","target","toJSON","JSON","stringify","downloadBlob","content","filename","mimeType","blob","Blob","url","URL","createObjectURL","a","document","createElement","href","download","body","appendChild","click","removeChild","revokeObjectURL","GraphRenderer","props","component","isExpanded","useExpanded","telemetry","useTelemetry","available","setAvailable","createSignal","error","setError","exportMenuOpen","setExportMenuOpen","containerRef","exportTriggerRef","graphInstance","onMount","g6Available","Graph","p","config","container","data","rendererPref","console","warn","fitView","autoFit","tooltip","plugins","getContent","_evt","items","item","escapeHtml","render","err","message","Error","dispatch","errorMessage","componentType","ts","Date","now","onCleanup","destroy","handleExportJSON","graphFilenameStem","handleExportMermaid","handleExportPNG","dataUrl","toDataURL","canvas","querySelector","downloadDataUrl","_$createComponent","Show","when","fallback","_$getNextElement","_tmpl$3","children","_tmpl$2","ExpandableWrapper","title","copyData","copyLabel","toolbarVariant","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_co$","_$getNextMarker","_el$6","_el$7","_el$8","_co$2","$$click","v","_ref$","_$use","_$insert","PortalDropdownMenu","open","onClose","trigger","width","For","each","onClick","hint","_el$1","_tmpl$4","_el$10","_el$11","_$addEventListener","_$runHydrationEvents","_ref$2","DegradedFallback","_$mergeProps","caption","graphToDegradedTable","_$effect","_p$","_v$","className","_v$2","_v$3","_v$4","height","_$className","t","_$setAttribute","o","_$style","base","res","fetch","_$delegateEvents"],"mappings":";;;;;;;;;AAqCA,IAAIA;AAQJ,eAAsBC,gBAAkC;AACtD,MAAI;AACF,QAAI,CAACD,iBAAiB;AACpBA,wBAAkB,OAAO,yEAAU;AAAA,IACrC;AACA,UAAMA;AACN,WAAO;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAOA,SAASE,cAAcC,QAAwE;;AAC7F,QAAMC,SAAkCD,OAAOC;AAC/C,MAAIA,WAAWC,QAAW;AACxB,UAAMC,cAAYH,YAAOI,UAAPJ,mBAAcK,WAAU,KAAK;AAC/C,WAAO;AAAA,MAAEC,MAAMH,WAAW,UAAU;AAAA,IAAA;AAAA,EACtC;AACA,MAAI,OAAOF,WAAW,UAAU;AAC9B,WAAO;AAAA,MAAEK,MAAML;AAAAA,IAAAA;AAAAA,EACjB;AAEA,SAAO;AAAA,IAAEK,MAAML,OAAOK;AAAAA,IAAM,GAAIL,OAAOM,WAAW,CAAA;AAAA,EAAC;AACrD;AAoEA,SAASC,iBAAiBR,QAAwC;AAChE,QAAMS,YAAsB,CAAA;AAC5B,MAAIT,OAAOU,eAAe,MAAOD,WAAUE,KAAK,cAAc;AAC9D,MAAIX,OAAOY,eAAe,OAAO;AAC/BH,cAAUE,KAAK,eAAe,aAAa;AAAA,EAC7C;AACA,MAAIX,OAAOa,iBAAiB,MAAOJ,WAAUE,KAAK,cAAc;AAChE,SAAOF;AACT;AAOA,SAASK,iBAAiBC,YAAiC;AACzD,SAAOA,eAAe,WAAWA,eAAe,UAAUA,eAAe,YAAY,OAAO;AAC9F;AAMA,SAASC,aAAaC,GAAmB;AACvC,SAAOA,EACJC,QAAQ,YAAY,EAAE,EACtBA,QAAQ,QAAQ,GAAG,EACnBC,KAAAA;AACL;AAMA,SAASC,UAAUpB,QAAsC;AACvD,QAAMe,aAAahB,cAAcC,MAAM,EAAEM;AACzC,QAAMe,MAAMP,iBAAiBC,UAAU;AACvC,QAAMO,QAAkB,CAAC,aAAaD,GAAG,EAAE;AAC3C,aAAWE,KAAKvB,OAAOwB,OAAO;AAC5B,UAAMC,QAAQT,aAAaO,EAAEE,SAASF,EAAEG,EAAE;AAC1CJ,UAAMX,KAAK,KAAKY,EAAEG,EAAE,KAAKD,KAAK,IAAI;AAAA,EACpC;AACA,aAAWE,KAAK3B,OAAOI,SAAS,CAAA,GAAI;AAClC,UAAMwB,aAAuB,CAAA;AAC7B,QAAID,EAAEE,WAAW3B,OAAW0B,YAAWjB,KAAKmB,OAAOH,EAAEE,MAAM,CAAC;AAC5D,QAAIF,EAAEF,MAAOG,YAAWjB,KAAKK,aAAaW,EAAEF,KAAK,CAAC;AAClD,UAAMM,YAAYH,WAAWI,KAAK,KAAK;AACvC,QAAID,WAAW;AACbT,YAAMX,KAAK,KAAKgB,EAAEM,MAAM,QAAQF,SAAS,KAAKJ,EAAEO,MAAM,EAAE;AAAA,IAC1D,OAAO;AACLZ,YAAMX,KAAK,KAAKgB,EAAEM,MAAM,QAAQN,EAAEO,MAAM,EAAE;AAAA,IAC5C;AAAA,EACF;AACA,SAAOZ,MAAMU,KAAK,IAAI;AACxB;AAEA,SAASG,OAAOnC,QAAsC;AACpD,SAAOoC,KAAKC,UAAU;AAAA,IAAEb,OAAOxB,OAAOwB;AAAAA,IAAOpB,OAAOJ,OAAOI,SAAS,CAAA;AAAA,EAAA,GAAM,MAAM,CAAC;AACnF;AAEA,SAASkC,aAAaC,SAAwBC,UAAkBC,UAAyB;AACvF,QAAMC,OACJ,OAAOH,YAAY,WAAW,IAAII,KAAK,CAACJ,OAAO,GAAG;AAAA,IAAEjC,MAAMmC,YAAY;AAAA,EAAA,CAAc,IAAIF;AAC1F,QAAMK,MAAMC,IAAIC,gBAAgBJ,IAAI;AACpC,QAAMK,IAAIC,SAASC,cAAc,GAAG;AACpCF,IAAEG,OAAON;AACTG,IAAEI,WAAWX;AACbQ,WAASI,KAAKC,YAAYN,CAAC;AAC3BA,IAAEO,MAAAA;AACFN,WAASI,KAAKG,YAAYR,CAAC;AAC3BF,MAAIW,gBAAgBZ,GAAG;AACzB;AAWO,MAAMa,gBAAgDC,CAAAA,UAAU;AACrE,QAAM1D,SAASA,MAAM0D,MAAMC,UAAU3D;AACrC,QAAM4D,aAAaC,YAAAA;AACnB,QAAMC,YAAYC,aAAAA;AAClB,QAAM,CAACC,WAAWC,YAAY,IAAIC,aAA6B,IAAI;AACnE,QAAM,CAACC,OAAOC,QAAQ,IAAIF,aAAAA;AAC1B,QAAM,CAACG,gBAAgBC,iBAAiB,IAAIJ,aAAa,KAAK;AAC9D,MAAIK;AAEJ,MAAIC;AAGJ,MAAIC;AAEJC,UAAQ,YAAY;AAClB,UAAMC,cAAc,MAAM7E,cAAAA;AAC1BmE,iBAAaU,WAAW;AACxB,QAAI,CAACA,eAAe,CAACJ,aAAc;AAEnC,QAAI;AACF,YAAM;AAAA,QAAEK;AAAAA,MAAAA,IAAU,MAAM/E;AACxB,YAAMgF,IAAI7E,OAAAA;AACV,YAAM8E,SAAkC;AAAA,QACtCC,WAAWR;AAAAA,QACXS,MAAM;AAAA,UAAExD,OAAOqD,EAAErD;AAAAA,UAAOpB,OAAOyE,EAAEzE,SAAS,CAAA;AAAA,QAAA;AAAA,QAC1CH,QAAQF,cAAc8E,CAAC;AAAA,QACvBpE,WAAWD,iBAAiBqE,CAAC;AAAA,MAAA;AAoB/B,UAAIA,EAAEI,iBAAiB,OAAO;AAC5BC,gBAAQC,KACN,qGACF;AAAA,MACF;AACA,UAAIN,EAAEO,YAAY,OAAO;AACvBN,eAAOO,UAAU;AAAA,MACnB;AACA,UAAIR,EAAES,YAAY,OAAO;AAGvBR,eAAOS,UAAU,CACf;AAAA,UACEjF,MAAM;AAAA,UACNkF,YAAYA,CAACC,MAAeC,UAAiB;AAC3C,kBAAMC,OAAOD,+BAAQ;AACrB,gBAAI,CAACC,KAAM,QAAO;AAClB,kBAAMlE,QAAQkE,KAAKlE,SAASkE,KAAKjE,MAAM;AACvC,kBAAMsD,OAAOW,KAAKX,OAAO5C,KAAKC,UAAUsD,KAAKX,IAAI,IAAI;AACrD,mBAAO,wCAAwCY,WAAW9D,OAAOL,KAAK,CAAC,CAAC,YACtEuD,OACI,gDAAgDY,WAAWZ,IAAI,CAAC,YAChE,EAAE;AAAA,UAEV;AAAA,QAAA,CACD;AAAA,MAEL;AACAP,sBAAgB,IAAKG,MAAcE,MAAM;AACzC,YAAML,cAAcoB,OAAAA;AAAAA,IACtB,SAASC,KAAK;AACZ,YAAMC,UAAUD,eAAeE,QAAQF,IAAIC,UAAU;AACrD3B,eAAS2B,OAAO;AAIhBjC,6CAAWmC,SAAS;AAAA,QAClB3F,MAAM;AAAA,QACN4F,cAAcH;AAAAA,QACdrE,IAAIgC,MAAMC,UAAUjC,MAAM;AAAA,QAC1ByE,eAAe;AAAA,QACfC,IAAIC,KAAKC,IAAAA;AAAAA,MAAI;AAAA,IAEjB;AAAA,EACF,CAAC;AAEDC,YAAU,MAAM;AACd,QAAI;AACF9B,qDAAe+B;AAAAA,IACjB,QAAQ;AAAA,IAEN;AAEF/B,oBAAgBvE;AAAAA,EAClB,CAAC;AAGD,QAAMuG,mBAAmBA,MAAM;AAC7BnE,iBAAaH,OAAOnC,OAAAA,CAAQ,GAAG,GAAG0G,kBAAkB1G,QAAQ,CAAC,SAAS,kBAAkB;AACxFsE,sBAAkB,KAAK;AAAA,EACzB;AAEA,QAAMqC,sBAAsBA,MAAM;AAChCrE,iBAAalB,UAAUpB,OAAAA,CAAQ,GAAG,GAAG0G,kBAAkB1G,QAAQ,CAAC,QAAQ,YAAY;AACpFsE,sBAAkB,KAAK;AAAA,EACzB;AAEA,QAAMsC,kBAAkB,YAAY;;AAClC,QAAI,CAACnC,cAAe;AACpB,QAAI;AAEF,YAAMoC,UAAkB,QAAMpC,mBAAcqC,cAAdrC,uCAA0B;AACxD,UAAI,CAACoC,SAAS;AAEZ,cAAME,SAASxC,6CAAcyC,cAAc;AAC3C,YAAID,QAAQ;AACV,gBAAMnE,MAAOmE,OAA6BD,UAAU,WAAW;AAC/D,gBAAMG,gBAAgBrE,KAAK,GAAG8D,kBAAkB1G,OAAAA,CAAQ,CAAC,MAAM;AAAA,QACjE,OAAO;AACLoE,mBAAS,mDAAmD;AAAA,QAC9D;AAAA,MACF,OAAO;AACL,cAAM6C,gBAAgBJ,SAAS,GAAGH,kBAAkB1G,OAAAA,CAAQ,CAAC,MAAM;AAAA,MACrE;AAAA,IACF,SAAS8F,KAAK;AACZ1B,eAAS0B,eAAeE,QAAQF,IAAIC,UAAU,mBAAmB;AAAA,IACnE;AACAzB,sBAAkB,KAAK;AAAA,EACzB;AAEA,SAAA4C,gBACGC,MAAI;AAAA,IAAA,IACHC,OAAI;AAAA,aAAEpD,gBAAgB;AAAA,IAAI;AAAA,IAAA,IAC1BqD,WAAQ;AAAA,aAAAH,gBACLC,MAAI;AAAA,QAAA,IACHC,OAAI;AAAA,iBAAEpD,gBAAgB;AAAA,QAAK;AAAA,QAAA,IAC3BqD,WAAQ;AAAA;AAAA;AAAA,YACNC,eAAAC,OAAA;AAAA;AAAA,QAAA;AAAA,QAAA,IAAAC,WAAA;AAAA,iBAAAF,eAAAG,OAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,IAAA,IAAAD,WAAA;AAAA,aAAAN,gBAmBLQ,mBAAiB;AAAA,QAAA,IAChBC,QAAK;AAAA,iBAAE3H,OAAAA,EAAS2H,SAAS;AAAA,QAAO;AAAA,QAAA,IAChCC,WAAQ;AAAA,iBAAEzF,OAAOnC,QAAQ;AAAA,QAAC;AAAA,QAC1B6H,WAAS;AAAA,QAAA,IACTC,iBAAc;AAAA,iBAAEpE,MAAMoE;AAAAA,QAAc;AAAA,QAAA,IAAAN,WAAA;AAAA,cAAAO,OAAAT,eAAAU,MAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAD,MAAAE,aAAA,CAAAC,OAAAC,IAAA,IAAAC,cAAAJ,MAAAC,WAAA,GAAAI,QAAAR,MAAAI,aAAAK,QAAAD,MAAAJ,aAAA,CAAAM,OAAAC,KAAA,IAAAJ,cAAAE,MAAAL,WAAA;AAAAF,gBAAAU,UAYrB,MAAMvE,kBAAmBwE,CAAAA,MAAM,CAACA,CAAC;AAAC,cAAAC,QAFtCvE;AAAgB,iBAAAuE,UAAA,aAAAC,IAAAD,OAAAZ,KAAA,IAAhB3D,mBAAgB2D;AAAAc,iBAAAhB,OAAAf,gBAWtBgC,oBAAkB;AAAA,YAAA,IACjBC,OAAI;AAAA,qBAAE9E,eAAAA;AAAAA,YAAgB;AAAA,YACtB+E,SAASA,MAAM9E,kBAAkB,KAAK;AAAA,YACtC+E,SAAS7E;AAAAA,YACT8E,OAAO;AAAA,YAAG,SAAA;AAAA,YAAA,IAAA9B,WAAA;AAAA,qBAAAN,gBAGTqC,KAAG;AAAA,gBACFC,MAAM,CACJ;AAAA,kBAAE/H,OAAO;AAAA,kBAAgBgI,SAAS7C;AAAAA,kBAAiB8C,MAAM;AAAA,gBAAA,GACzD;AAAA,kBACEjI,OAAO;AAAA,kBACPgI,SAAS9C;AAAAA,kBACT+C,MAAM;AAAA,gBAAA,GAER;AAAA,kBAAEjI,OAAO;AAAA,kBAAiBgI,SAAShD;AAAAA,kBAAkBiD,MAAM;AAAA,gBAAA,CAAY;AAAA,gBACxElC,UAEC7B,WAAI,MAAA;AAAA,sBAAAgE,QAAArC,eAAAsC,OAAA,GAAAC,SAAAF,MAAAzB,YAAA4B,SAAAD,OAAAxB;AAAA0B,mCAAAJ,OAAA,SAGOhE,KAAK8D,SAAO,IAAA;AAAAR,yBAAAY,QAAA,MAGKlE,KAAKlE,KAAK;AAAAwH,yBAAAa,QAAA,MACuBnE,KAAK+D,IAAI;AAAAM,qCAAAA;AAAA,yBAAAL;AAAAA,gBAAA,GAAA;AAAA,cAAA,CAEvE;AAAA,YAAA;AAAA,UAAA,CAAA,GAAArB,OAAAC,IAAA;AAAA,cAAA0B,SAOA1F;AAAY,iBAAA0F,WAAA,aAAAjB,IAAAiB,QAAAxB,KAAA,IAAZlE,eAAYkE;AAAAQ,iBAAAlB,MAAAb,gBAYlBC,MAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEjD,MAAAA;AAAAA,YAAO;AAAA,YAAA,IAAAqD,WAAA;AAAA,qBAAAN,gBAChBgD,kBAAgBC,WAAA;AAAA,gBAAA,IACfpE,UAAO;AAAA,yBAAE,2BAA2B5B,OAAO;AAAA,gBAAE;AAAA,gBAC7CiG,SAAO;AAAA,cAAA,GAAA,MACHC,qBAAqBrK,OAAAA,CAAQ,CAAC,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,GAAA2I,OAAAC,KAAA;AAAA0B,iBAAAC,CAAAA,QAAA;AAAA,gBAAAC,MApE/B,mBAAmBxK,OAAAA,EAASyK,aAAa,EAAE,IAChD7G,eAAe,iCAAiC,EAAE,IAClD8G,OAYiBrG,kBAAgBsG,OAuC1B,8GACLxG,MAAAA,IAAU,WAAW,EAAE,IACrBP,eAAe,mBAAmB,EAAE,IAAEgH,OAExChH,eACI,wBAAwB5D,SAASsJ,SAAS,MAAM,MAChD,WAAWtJ,SAAS6K,UAAU,OAAO,YAAY7K,SAASsJ,SAAS,MAAM;AAAGkB,oBAAAD,IAAA5I,KAAAmJ,UAAA/C,MAAAwC,IAAA5I,IAAA6I,GAAA;AAAAE,qBAAAH,IAAAQ,KAAAC,aAAA7C,OAAA,iBAAAoC,IAAAQ,IAAAL,IAAA;AAAAC,qBAAAJ,IAAAxH,KAAA+H,UAAArC,OAAA8B,IAAAxH,IAAA4H,IAAA;AAAAJ,gBAAAU,IAAAC,MAAAzC,OAAAmC,MAAAL,IAAAU,CAAA;AAAA,mBAAAV;AAAAA,UAAA,GAAA;AAAA,YAAA5I,GAAAzB;AAAAA,YAAA6K,GAAA7K;AAAAA,YAAA6C,GAAA7C;AAAAA,YAAA+K,GAAA/K;AAAAA,UAAAA,CAAA;AAAA8J,6BAAAA;AAAA,iBAAAjC;AAAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAgB9F;AAIA,SAASrB,kBAAkB1G,QAAsC;AAC/D,QAAMmL,QAAQnL,OAAO2H,SAAS,SAASzG,QAAQ,kBAAkB,GAAG,EAAEA,QAAQ,YAAY,EAAE;AAC5F,SAAOiK,QAAQ;AACjB;AAEA,eAAelE,gBAAgBJ,SAAiBrE,UAAiC;AAC/E,QAAM4I,MAAM,MAAMC,MAAMxE,OAAO;AAC/B,QAAMnE,OAAO,MAAM0I,IAAI1I,KAAAA;AACvBJ,eAAaI,MAAMF,QAAQ;AAC7B;AAG8D8I,eAAA,CAAA,OAAA,CAAA;"}

package/dist/components/GridRenderer.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const web = require("solid-js/web");
 const solidJs = require("solid-js");
 const RenderContext = require("./RenderContext.cjs");
@@ -76,5 +76,4 @@ const GridRenderer = (props) => {
   })();
 };
 exports.GridRenderer = GridRenderer;
-exports.default = GridRenderer;
 //# sourceMappingURL=GridRenderer.cjs.map

package/dist/components/GridRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GridRenderer.cjs","sources":["../../src/components/GridRenderer.tsx"],"sourcesContent":["/**\n * GridRenderer - CSS Grid layout component for nested layouts\n * Phase 5.0: Quick Wins - Enables template builder layouts\n * Updated: Uses RenderContext to avoid circular dependencies\n */\n\nimport { Component, For, createMemo } from 'solid-js'\nimport type { UIComponent, GridPosition } from '../types'\nimport { useRenderContext } from './RenderContext'\n\n/**\n * Parameters for GridRenderer component\n */\nexport interface GridComponentParams {\n  /**\n   * Number of columns (default: 12)\n   */\n  columns?: number\n\n  /**\n   * Gap between grid items (default: '1rem')\n   */\n  gap?: string\n\n  /**\n   * Minimum row height (optional)\n   */\n  minRowHeight?: string\n\n  /**\n   * CSS Grid template areas for named regions\n   * Example: [['header', 'header'], ['sidebar', 'main'], ['footer', 'footer']]\n   */\n  areas?: string[][]\n\n  /**\n   * Child components to render within the grid\n   */\n  children: UIComponent[]\n}\n\nexport interface GridRendererProps {\n  /**\n   * Grid component with params\n   */\n  component: UIComponent\n\n  /**\n   * Error callback\n   */\n  onError?: (error: any) => void\n}\n\n/**\n * Convert grid position to CSS style string\n */\nfunction getGridItemStyle(position: GridPosition | undefined, _areas?: string[][]): string {\n  // Default to full width if no position specified\n  if (!position) {\n    return 'grid-column: 1 / -1; grid-row: auto'\n  }\n\n  const { colStart, colSpan, rowStart, rowSpan = 1 } = position\n\n  // If using named areas and component has area name, use grid-area\n  // Otherwise use explicit grid-column/grid-row\n  let style = `grid-column: ${colStart} / span ${colSpan}`\n\n  if (rowStart) {\n    style += `; grid-row: ${rowStart} / span ${rowSpan}`\n  } else {\n    style += '; grid-row: auto'\n  }\n\n  return style\n}\n\n/**\n * Build CSS grid-template-areas string from areas array\n */\nfunction buildGridTemplateAreas(areas: string[][]): string {\n  return areas.map((row) => `\"${row.join(' ')}\"`).join(' ')\n}\n\n/**\n * GridRenderer Component\n * Renders a CSS Grid container with nested UIComponents\n */\nexport const GridRenderer: Component<GridRendererProps> = (props) => {\n  // Use render context to avoid circular dependency\n  const { renderComponent } = useRenderContext()\n\n  // Extract params with defaults\n  const params = createMemo(() => {\n    const p = props.component.params as GridComponentParams\n    return {\n      columns: p.columns ?? 12,\n      gap: p.gap ?? '1rem',\n      minRowHeight: p.minRowHeight,\n      areas: p.areas,\n      children: p.children ?? [],\n    }\n  })\n\n  // Build grid container style\n  const gridContainerStyle = createMemo(() => {\n    const p = params()\n    let style = `display: grid; grid-template-columns: repeat(${p.columns}, 1fr); gap: ${p.gap}`\n\n    if (p.minRowHeight) {\n      style += `; grid-auto-rows: minmax(${p.minRowHeight}, auto)`\n    }\n\n    if (p.areas && p.areas.length > 0) {\n      style += `; grid-template-areas: ${buildGridTemplateAreas(p.areas)}`\n    }\n\n    return style\n  })\n\n  return (\n    <div\n      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      data-component-type=\"grid\"\n      data-component-id={props.component.id}\n    >\n      <div class=\"p-4 h-full\" style={gridContainerStyle()}>\n        <For each={params().children}>\n          {(child) => (\n            <div\n              style={getGridItemStyle(child.position, params().areas)}\n              class=\"min-w-0 h-full\"\n            >\n              {/* Use RenderContext for recursive rendering (avoids circular dependency) */}\n              {renderComponent(child, props.onError)}\n            </div>\n          )}\n        </For>\n      </div>\n    </div>\n  )\n}\n\nexport default GridRenderer\n"],"names":["getGridItemStyle","position","_areas","colStart","colSpan","rowStart","rowSpan","style","buildGridTemplateAreas","areas","map","row","join","GridRenderer","props","renderComponent","useRenderContext","params","createMemo","p","component","columns","gap","minRowHeight","children","gridContainerStyle","length","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_$insert","_$createComponent","For","each","child","_el$3","_tmpl$2","onError","_$effect","_$p","_$style","_p$","_v$","id","_v$2","e","_$setAttribute","t","undefined"],"mappings":";;;;;;AAwDA,SAASA,iBAAiBC,UAAoCC,QAA6B;AAEzF,MAAI,CAACD,UAAU;AACb,WAAO;AAAA,EACT;AAEA,QAAM;AAAA,IAAEE;AAAAA,IAAUC;AAAAA,IAASC;AAAAA,IAAUC,UAAU;AAAA,EAAA,IAAML;AAIrD,MAAIM,QAAQ,gBAAgBJ,QAAQ,WAAWC,OAAO;AAEtD,MAAIC,UAAU;AACZE,aAAS,eAAeF,QAAQ,WAAWC,OAAO;AAAA,EACpD,OAAO;AACLC,aAAS;AAAA,EACX;AAEA,SAAOA;AACT;AAKA,SAASC,uBAAuBC,OAA2B;AACzD,SAAOA,MAAMC,IAAKC,CAAAA,QAAQ,IAAIA,IAAIC,KAAK,GAAG,CAAC,GAAG,EAAEA,KAAK,GAAG;AAC1D;AAMO,MAAMC,eAA8CC,CAAAA,UAAU;AAEnE,QAAM;AAAA,IAAEC;AAAAA,EAAAA,IAAoBC,+BAAAA;AAG5B,QAAMC,SAASC,QAAAA,WAAW,MAAM;AAC9B,UAAMC,IAAIL,MAAMM,UAAUH;AAC1B,WAAO;AAAA,MACLI,SAASF,EAAEE,WAAW;AAAA,MACtBC,KAAKH,EAAEG,OAAO;AAAA,MACdC,cAAcJ,EAAEI;AAAAA,MAChBd,OAAOU,EAAEV;AAAAA,MACTe,UAAUL,EAAEK,YAAY,CAAA;AAAA,IAAA;AAAA,EAE5B,CAAC;AAGD,QAAMC,qBAAqBP,QAAAA,WAAW,MAAM;AAC1C,UAAMC,IAAIF,OAAAA;AACV,QAAIV,QAAQ,gDAAgDY,EAAEE,OAAO,gBAAgBF,EAAEG,GAAG;AAE1F,QAAIH,EAAEI,cAAc;AAClBhB,eAAS,4BAA4BY,EAAEI,YAAY;AAAA,IACrD;AAEA,QAAIJ,EAAEV,SAASU,EAAEV,MAAMiB,SAAS,GAAG;AACjCnB,eAAS,0BAA0BC,uBAAuBW,EAAEV,KAAK,CAAC;AAAA,IACpE;AAEA,WAAOF;AAAAA,EACT,CAAC;AAED,UAAA,MAAA;AAAA,QAAAoB,OAAAC,IAAAA,eAAAC,MAAA,GAAAC,QAAAH,KAAAI;AAAAC,eAAAF,OAAAG,IAAAA,gBAOOC,aAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAElB,SAASO;AAAAA,MAAQ;AAAA,MAAAA,UACxBY,YAAK,MAAA;AAAA,YAAAC,QAAAT,IAAAA,eAAAU,OAAA;AAAAN,YAAAA,OAAAK,OAAA,MAMFtB,gBAAgBqB,OAAOtB,MAAMyB,OAAO,CAAC;AAAAC,YAAAA,OAAAC,CAAAA,QAAAC,IAAAA,MAAAL,OAJ/BrC,iBAAiBoC,MAAMnC,UAAUgB,OAAAA,EAASR,KAAK,GAACgC,GAAA,CAAA;AAAA,eAAAJ;AAAAA,MAAA,GAAA;AAAA,IAAA,CAM1D,CAAA;AAAAG,QAAAA,OAAAG,CAAAA,QAAA;AAAA,UAAAC,MAZc9B,MAAMM,UAAUyB,IAAEC,OAENrB,mBAAAA;AAAoBmB,cAAAD,IAAAI,KAAAC,IAAAA,aAAArB,MAAA,qBAAAgB,IAAAI,IAAAH,GAAA;AAAAD,UAAAM,IAAAP,IAAAA,MAAAZ,OAAAgB,MAAAH,IAAAM,CAAA;AAAA,aAAAN;AAAAA,IAAA,GAAA;AAAA,MAAAI,GAAAG;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAAvB;AAAAA,EAAA,GAAA;AAezD;;;"}
+{"version":3,"file":"GridRenderer.cjs","sources":["../../src/components/GridRenderer.tsx"],"sourcesContent":["/**\n * GridRenderer - CSS Grid layout component for nested layouts\n * Phase 5.0: Quick Wins - Enables template builder layouts\n * Updated: Uses RenderContext to avoid circular dependencies\n */\n\nimport { Component, For, createMemo } from 'solid-js'\nimport type { UIComponent, GridPosition } from '../types'\nimport { useRenderContext } from './RenderContext'\n\n/**\n * Parameters for GridRenderer component\n */\nexport interface GridComponentParams {\n  /**\n   * Number of columns (default: 12)\n   */\n  columns?: number\n\n  /**\n   * Gap between grid items (default: '1rem')\n   */\n  gap?: string\n\n  /**\n   * Minimum row height (optional)\n   */\n  minRowHeight?: string\n\n  /**\n   * CSS Grid template areas for named regions\n   * Example: [['header', 'header'], ['sidebar', 'main'], ['footer', 'footer']]\n   */\n  areas?: string[][]\n\n  /**\n   * Child components to render within the grid\n   */\n  children: UIComponent[]\n}\n\nexport interface GridRendererProps {\n  /**\n   * Grid component with params\n   */\n  component: UIComponent\n\n  /**\n   * Error callback\n   */\n  onError?: (error: any) => void\n}\n\n/**\n * Convert grid position to CSS style string\n */\nfunction getGridItemStyle(position: GridPosition | undefined, _areas?: string[][]): string {\n  // Default to full width if no position specified\n  if (!position) {\n    return 'grid-column: 1 / -1; grid-row: auto'\n  }\n\n  const { colStart, colSpan, rowStart, rowSpan = 1 } = position\n\n  // If using named areas and component has area name, use grid-area\n  // Otherwise use explicit grid-column/grid-row\n  let style = `grid-column: ${colStart} / span ${colSpan}`\n\n  if (rowStart) {\n    style += `; grid-row: ${rowStart} / span ${rowSpan}`\n  } else {\n    style += '; grid-row: auto'\n  }\n\n  return style\n}\n\n/**\n * Build CSS grid-template-areas string from areas array\n */\nfunction buildGridTemplateAreas(areas: string[][]): string {\n  return areas.map((row) => `\"${row.join(' ')}\"`).join(' ')\n}\n\n/**\n * GridRenderer Component\n * Renders a CSS Grid container with nested UIComponents\n */\nexport const GridRenderer: Component<GridRendererProps> = (props) => {\n  // Use render context to avoid circular dependency\n  const { renderComponent } = useRenderContext()\n\n  // Extract params with defaults\n  const params = createMemo(() => {\n    const p = props.component.params as GridComponentParams\n    return {\n      columns: p.columns ?? 12,\n      gap: p.gap ?? '1rem',\n      minRowHeight: p.minRowHeight,\n      areas: p.areas,\n      children: p.children ?? [],\n    }\n  })\n\n  // Build grid container style\n  const gridContainerStyle = createMemo(() => {\n    const p = params()\n    let style = `display: grid; grid-template-columns: repeat(${p.columns}, 1fr); gap: ${p.gap}`\n\n    if (p.minRowHeight) {\n      style += `; grid-auto-rows: minmax(${p.minRowHeight}, auto)`\n    }\n\n    if (p.areas && p.areas.length > 0) {\n      style += `; grid-template-areas: ${buildGridTemplateAreas(p.areas)}`\n    }\n\n    return style\n  })\n\n  return (\n    <div\n      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      data-component-type=\"grid\"\n      data-component-id={props.component.id}\n    >\n      <div class=\"p-4 h-full\" style={gridContainerStyle()}>\n        <For each={params().children}>\n          {(child) => (\n            <div\n              style={getGridItemStyle(child.position, params().areas)}\n              class=\"min-w-0 h-full\"\n            >\n              {/* Use RenderContext for recursive rendering (avoids circular dependency) */}\n              {renderComponent(child, props.onError)}\n            </div>\n          )}\n        </For>\n      </div>\n    </div>\n  )\n}\n\nexport default GridRenderer\n"],"names":["getGridItemStyle","position","_areas","colStart","colSpan","rowStart","rowSpan","style","buildGridTemplateAreas","areas","map","row","join","GridRenderer","props","renderComponent","useRenderContext","params","createMemo","p","component","columns","gap","minRowHeight","children","gridContainerStyle","length","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_$insert","_$createComponent","For","each","child","_el$3","_tmpl$2","onError","_$effect","_$p","_$style","_p$","_v$","id","_v$2","e","_$setAttribute","t","undefined"],"mappings":";;;;;;AAwDA,SAASA,iBAAiBC,UAAoCC,QAA6B;AAEzF,MAAI,CAACD,UAAU;AACb,WAAO;AAAA,EACT;AAEA,QAAM;AAAA,IAAEE;AAAAA,IAAUC;AAAAA,IAASC;AAAAA,IAAUC,UAAU;AAAA,EAAA,IAAML;AAIrD,MAAIM,QAAQ,gBAAgBJ,QAAQ,WAAWC,OAAO;AAEtD,MAAIC,UAAU;AACZE,aAAS,eAAeF,QAAQ,WAAWC,OAAO;AAAA,EACpD,OAAO;AACLC,aAAS;AAAA,EACX;AAEA,SAAOA;AACT;AAKA,SAASC,uBAAuBC,OAA2B;AACzD,SAAOA,MAAMC,IAAKC,CAAAA,QAAQ,IAAIA,IAAIC,KAAK,GAAG,CAAC,GAAG,EAAEA,KAAK,GAAG;AAC1D;AAMO,MAAMC,eAA8CC,CAAAA,UAAU;AAEnE,QAAM;AAAA,IAAEC;AAAAA,EAAAA,IAAoBC,+BAAAA;AAG5B,QAAMC,SAASC,QAAAA,WAAW,MAAM;AAC9B,UAAMC,IAAIL,MAAMM,UAAUH;AAC1B,WAAO;AAAA,MACLI,SAASF,EAAEE,WAAW;AAAA,MACtBC,KAAKH,EAAEG,OAAO;AAAA,MACdC,cAAcJ,EAAEI;AAAAA,MAChBd,OAAOU,EAAEV;AAAAA,MACTe,UAAUL,EAAEK,YAAY,CAAA;AAAA,IAAA;AAAA,EAE5B,CAAC;AAGD,QAAMC,qBAAqBP,QAAAA,WAAW,MAAM;AAC1C,UAAMC,IAAIF,OAAAA;AACV,QAAIV,QAAQ,gDAAgDY,EAAEE,OAAO,gBAAgBF,EAAEG,GAAG;AAE1F,QAAIH,EAAEI,cAAc;AAClBhB,eAAS,4BAA4BY,EAAEI,YAAY;AAAA,IACrD;AAEA,QAAIJ,EAAEV,SAASU,EAAEV,MAAMiB,SAAS,GAAG;AACjCnB,eAAS,0BAA0BC,uBAAuBW,EAAEV,KAAK,CAAC;AAAA,IACpE;AAEA,WAAOF;AAAAA,EACT,CAAC;AAED,UAAA,MAAA;AAAA,QAAAoB,OAAAC,IAAAA,eAAAC,MAAA,GAAAC,QAAAH,KAAAI;AAAAC,eAAAF,OAAAG,IAAAA,gBAOOC,aAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAElB,SAASO;AAAAA,MAAQ;AAAA,MAAAA,UACxBY,YAAK,MAAA;AAAA,YAAAC,QAAAT,IAAAA,eAAAU,OAAA;AAAAN,YAAAA,OAAAK,OAAA,MAMFtB,gBAAgBqB,OAAOtB,MAAMyB,OAAO,CAAC;AAAAC,YAAAA,OAAAC,CAAAA,QAAAC,IAAAA,MAAAL,OAJ/BrC,iBAAiBoC,MAAMnC,UAAUgB,OAAAA,EAASR,KAAK,GAACgC,GAAA,CAAA;AAAA,eAAAJ;AAAAA,MAAA,GAAA;AAAA,IAAA,CAM1D,CAAA;AAAAG,QAAAA,OAAAG,CAAAA,QAAA;AAAA,UAAAC,MAZc9B,MAAMM,UAAUyB,IAAEC,OAENrB,mBAAAA;AAAoBmB,cAAAD,IAAAI,KAAAC,IAAAA,aAAArB,MAAA,qBAAAgB,IAAAI,IAAAH,GAAA;AAAAD,UAAAM,IAAAP,IAAAA,MAAAZ,OAAAgB,MAAAH,IAAAM,CAAA;AAAA,aAAAN;AAAAA,IAAA,GAAA;AAAA,MAAAI,GAAAG;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAAvB;AAAAA,EAAA,GAAA;AAezD;;"}

package/dist/components/GridRenderer.js

@@ -1,4 +1,4 @@
-import { getNextElement, template, insert, createComponent, effect, style, setAttribute } from "solid-js/web";
+import { getNextElement, insert, createComponent, effect, style, setAttribute, template } from "solid-js/web";
 import { createMemo, For } from "solid-js";
 import { useRenderContext } from "./RenderContext.js";
 var _tmpl$ = /* @__PURE__ */ template(`<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"data-component-type=grid><div class="p-4 h-full">`), _tmpl$2 = /* @__PURE__ */ template(`<div class="min-w-0 h-full">`);
@@ -74,7 +74,6 @@ const GridRenderer = (props) => {
   })();
 };
 export {
-  GridRenderer,
-  GridRenderer as default
+  GridRenderer
 };
 //# sourceMappingURL=GridRenderer.js.map

package/dist/components/ImageGalleryRenderer.js

@@ -1,4 +1,4 @@
-import { delegateEvents, createComponent, getNextElement, template, getNextMarker, insert, memo, effect, className, setAttribute, runHydrationEvents } from "solid-js/web";
+import { delegateEvents, createComponent, getNextElement, getNextMarker, insert, memo, effect, className, setAttribute, runHydrationEvents, template } from "solid-js/web";
 import { createSignal, Show, For } from "solid-js";
 import { LightboxOverlay } from "./LightboxOverlay.js";
 import { useExpanded, ExpandableWrapper } from "./ExpandableWrapper.js";

package/dist/components/LightboxOverlay.js

@@ -1,4 +1,4 @@
-import { delegateEvents, createComponent, Portal, getNextElement, template, getNextMarker, addEventListener, insert, runHydrationEvents, effect, setAttribute } from "solid-js/web";
+import { delegateEvents, createComponent, Portal, getNextElement, getNextMarker, addEventListener, insert, runHydrationEvents, effect, setAttribute, template } from "solid-js/web";
 import { createEffect, onCleanup, Show } from "solid-js";
 var _tmpl$ = /* @__PURE__ */ template(`<button class="absolute left-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full hover:bg-white/10 transition-colors"aria-label="Previous image"><svg class="w-8 h-8"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M15 19l-7-7 7-7">`), _tmpl$2 = /* @__PURE__ */ template(`<button class="absolute right-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full hover:bg-white/10 transition-colors"aria-label="Next image"><svg class="w-8 h-8"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$3 = /* @__PURE__ */ template(`<div class="absolute bottom-16 left-1/2 -translate-x-1/2 bg-black/60 text-white px-4 py-2 rounded-lg max-w-[80vw] text-center">`), _tmpl$4 = /* @__PURE__ */ template(`<div class="fixed inset-0 z-50 bg-black/90 flex items-center justify-center"role=dialog aria-modal=true aria-label="Image lightbox"><button class="absolute top-4 right-4 text-white/80 hover:text-white p-2 rounded-full hover:bg-white/10 transition-colors"aria-label="Close lightbox"><svg class="w-8 h-8"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12"></path></svg></button><!$><!/><!$><!/><img class="max-w-[90vw] max-h-[90vh] object-contain"><!$><!/><div class="absolute top-4 left-4 text-white/80 bg-black/40 px-3 py-1 rounded-full text-sm"><!$><!/> / <!$><!/>`);
 const LightboxOverlay = (props) => {

package/dist/components/MapRenderer.cjs

@@ -5,6 +5,7 @@ const solidJs = require("solid-js");
 const ExpandableWrapper = require("./ExpandableWrapper.cjs");
 const DegradedFallback = require("./DegradedFallback.cjs");
 const degradedProjections = require("../utils/degraded-projections.cjs");
+const escapeHtml = require("../utils/escape-html.cjs");
 const MCPUITelemetryContext = require("../context/MCPUITelemetryContext.cjs");
 var _tmpl$ = /* @__PURE__ */ web.template(`<div class=p-3>`), _tmpl$2 = /* @__PURE__ */ web.template(`<div role=alert class="m-2 rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-700/50 dark:bg-amber-900/20 dark:text-amber-200"><!$><!/> The base map is still shown.`), _tmpl$3 = /* @__PURE__ */ web.template(`<div>`), _tmpl$4 = /* @__PURE__ */ web.template(`<div><!$><!/><!$><!/>`);
 let L = null;
@@ -50,12 +51,12 @@ function buildPopupContent(feature, popup, allowHtml = false) {
   if (allowHtml && popup.template) {
     return popup.template.replace(/\{\{(\w+)\}\}/g, (_, key) => {
       const val = props[key];
-      return val != null ? escapeHtml(String(val)) : "";
+      return val != null ? escapeHtml.escapeHtml(String(val)) : "";
     });
   }
   const parts = [];
   if (popup.titleField && props[popup.titleField] != null) {
-    parts.push(`<strong>${escapeHtml(String(props[popup.titleField]))}</strong>`);
+    parts.push(`<strong>${escapeHtml.escapeHtml(String(props[popup.titleField]))}</strong>`);
   }
   const fields = popup.fields || Object.keys(props).slice(0, 8);
   for (const key of fields) {
@@ -63,16 +64,13 @@ function buildPopupContent(feature, popup, allowHtml = false) {
     const val = props[key];
     if (val == null) continue;
     const formatted = typeof val === "number" ? val.toLocaleString("fr-FR") : String(val);
-    parts.push(`<span style="color:#666;font-size:11px">${escapeHtml(key)}</span>: ${escapeHtml(formatted)}`);
+    parts.push(`<span style="color:#666;font-size:11px">${escapeHtml.escapeHtml(key)}</span>: ${escapeHtml.escapeHtml(formatted)}`);
   }
   return parts.join("<br/>");
 }
-function escapeHtml(str) {
-  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
 function popupSafeText(value, allowHtml = false) {
   if (value == null) return void 0;
-  return allowHtml ? value : escapeHtml(value);
+  return allowHtml ? value : escapeHtml.escapeHtml(value);
 }
 function bindMarkerContent(m, marker, allowHtml) {
   const tooltip = popupSafeText(marker.tooltip, allowHtml);
@@ -80,7 +78,7 @@ function bindMarkerContent(m, marker, allowHtml) {
   const popup = popupSafeText(marker.popup, allowHtml);
   if (popup) m.bindPopup(popup);
 }
-function addGeoJSONLayer(mapInst, leaflet, geojson, style, popup) {
+function addGeoJSONLayer(mapInst, leaflet, geojson, style, popup, allowHtml = false) {
   const styleFn = buildStyleFn(style);
   const layer = leaflet.geoJSON(geojson, {
     style: styleFn,
@@ -96,7 +94,7 @@ function addGeoJSONLayer(mapInst, leaflet, geojson, style, popup) {
       });
     },
     onEachFeature: (feature, featureLayer) => {
-      const html = buildPopupContent(feature, popup);
+      const html = buildPopupContent(feature, popup, allowHtml);
       if (html) {
         featureLayer.bindPopup(html, {
           maxWidth: 300
@@ -251,13 +249,13 @@ const MapRenderer = (props) => {
           allBoundsLayers.push(...markers);
         }
         if (p == null ? void 0 : p.geojson) {
-          const geoLayer = addGeoJSONLayer(mapInstance, L, p.geojson, p.geojsonStyle, p.popup);
+          const geoLayer = addGeoJSONLayer(mapInstance, L, p.geojson, p.geojsonStyle, p.popup, allowHtml());
           allBoundsLayers.push(geoLayer);
         }
         if ((p == null ? void 0 : p.layers) && p.layers.length > 0) {
           const overlays = {};
           for (const layerDef of p.layers) {
-            const geoLayer = addGeoJSONLayer(mapInstance, L, layerDef.geojson, layerDef.style || (p == null ? void 0 : p.geojsonStyle), layerDef.popup || (p == null ? void 0 : p.popup));
+            const geoLayer = addGeoJSONLayer(mapInstance, L, layerDef.geojson, layerDef.style || (p == null ? void 0 : p.geojsonStyle), layerDef.popup || (p == null ? void 0 : p.popup), allowHtml());
             overlays[layerDef.name] = geoLayer;
             allBoundsLayers.push(geoLayer);
             if (layerDef.visible === false) {
@@ -421,6 +419,7 @@ const MapRenderer = (props) => {
   });
 };
 exports.MapRenderer = MapRenderer;
+exports.addGeoJSONLayer = addGeoJSONLayer;
 exports.bindMarkerContent = bindMarkerContent;
 exports.buildPopupContent = buildPopupContent;
 exports.popupSafeText = popupSafeText;