@seed-ship/mcp-ui-solid 5.6.0 → 6.0.0

package/CHANGELOG.md

@@ -5,6 +5,143 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [6.0.0] - 2026-05-02
+
+Major version marker — no API breakage. Bumps to `v6` to signal a
+substantial wave : closure of B.1 (14/17 ComponentTypes spec-driven via
+v5.5.x), shipping of B.5 telemetry sink (v5.6.0), citation chips in
+table cells (v5.7.0), and now the new **`'graph'` ComponentType** below.
+Existing consumers can upgrade `5.x → 6.0.0` with **zero migration
+steps**.
+
+### Added — `'graph'` ComponentType (peer `@antv/g6 ^5`)
+
+Generic node-link visualization primitive. Domain-neutral by design —
+the renderer ships agnostic ; consumers wire meaning via `node.weight` /
+`edge.weight` / `node.data` / `edge.data` and the layout choice.
+
+- **`<GraphRenderer>`** — new component. Lazy-loads `@antv/g6 ^5` only
+  on first mount (mirrors `<ChartJSRenderer>` + `<MapRenderer>`
+  patterns). Apps that don't install the peer see an informative
+  yellow fallback ("install @antv/g6 to render type: graph") instead
+  of a crash.
+- **`isG6Available()`** exported — runtime check for the peer.
+- **7 layout enum** (`force`, `dagre`, `mindmap`, `tree`, `circular`,
+  `grid`, `concentric`) plus passthrough object form
+  `{ type, options }` for the full G6 layout knob set.
+- **Default layout heuristic** when `params.layout` is omitted :
+  `'force'` if edges present, `'circular'` otherwise.
+- **Default behaviors** : drag-canvas + zoom-canvas + drag-element +
+  click-select. Each opt-out via the corresponding `enable*` prop.
+- **Default tooltip** enabled (label + compact JSON of `node.data` on
+  hover) ; opt-out via `tooltip: false`.
+
+### Added — copy + export menu on graph (UX fluidity)
+
+Every graph mounts with a copy + 3-format export menu — same UX
+philosophy as `<TableRenderer>` :
+
+- **Copy (default, top-right CopyButton via `<ExpandableWrapper>`)** —
+  copies the structured `{ nodes, edges }` JSON to clipboard. Most
+  useful for re-emitting / debugging.
+- **Export menu** :
+  - **PNG** — visual snapshot via the underlying canvas/SVG. Click →
+    download.
+  - **Mermaid** — `flowchart LR` (or `TD` for hierarchical layouts)
+    syntax with `weight · label` edge decorations. Markdown / GitHub
+    rendering friendly.
+  - **JSON** — pretty-printed `{ nodes, edges }`, reimportable.
+
+Helpers exported for consumers building their own export menus :
+**`graphToMermaid(params)`** + **`graphToJSON(params)`**.
+
+### Spec dep bump
+
+- `@seed-ship/mcp-ui-spec` `^5.0.3` → `^5.0.4` (adds the Graph schemas
+  and `'graph'` to `ComponentTypeSchema`). All other prior schemas
+  unchanged.
+
+### Validation wiring
+
+- `'graph'` added to `KNOWN_COMPONENT_TYPES` and to `SPEC_VALIDATORS`
+  with legacy code `INVALID_GRAPH`. The spec's
+  `GraphComponentParamsSchema.nodes.min(1)` is the only structural
+  invariant ; edge `source` / `target` ids are not cross-checked
+  against nodes (LLM payloads sometimes ship dangling refs ; G6 v5
+  ignores them gracefully).
+
+### Tests
+
+- `src/components/GraphRenderer.test.tsx` — **+17 tests** (1 skipped
+  intentionally, see test file comment) :
+  - `graphToJSON` shape preservation (3)
+  - `graphToMermaid` syntax for both flowchart directions, label
+    decorations, escape handling, edge cases (9)
+  - `<UIResourceRenderer>` integration : `'graph'` recognized,
+    INVALID_GRAPH on empty nodes, valid full payload, layout object
+    form passthrough (4)
+- `src/components/GraphRenderer.fallback.test.tsx` — **+2 tests** with
+  `vi.mock('@antv/g6')` forcing the peer unimportable to verify the
+  yellow fallback UI + clean mount/unmount cycle.
+- All previous 560/560 untouched. Total : **578 passed / 1 skipped /
+  579 total**.
+
+### Telemetry integration (free)
+
+`<GraphRenderer>` mounts inside the existing `ComponentRenderer` flow,
+so the `MCPUITelemetryProvider` (v5.6.0) automatically receives
+`component:mounted` / `component:rendered` / `component:unmounted`
+events for graphs with `componentType: 'graph'` — no extra wiring
+needed.
+
+### Migration
+
+- 100% backward compatible. No existing API changed.
+- Apps not installing `@antv/g6` see a fallback message on `type:
+  'graph'` payloads ; everything else renders identically.
+- Apps installing `@antv/g6 ^5` get graph rendering immediately.
+- The major bump (5.7.0 → 6.0.0) is a milestone marker, not a
+  semver-breaking signal. No code change required to upgrade.
+
+## [5.7.0] - 2026-05-02
+
+### Added — citation chips inside table cells (opt-in)
+
+Implements `mcp-ui-solid/docs/briefs/BRIEF-citations-in-table-cells.md`. Lifts the chip-rendering responsibility out of consumer apps (deposium had a server-side bridge in `deposium_MCPs` commit `7df433ae` that this obsoletes) so any host stops mirroring chip HTML byte-for-byte.
+
+- **`TableComponentParams.citationMap`** (optional, JSON-serializable) — `Record<string|number, { page, file?, file_id? }>`. When present, `<TableRenderer>` walks each cell string and replaces LLM `[N]` / `Citation [N]` / `[CITATION N]` / `[📄 CITATION N]` markers with chip HTML carrying `data-citation-page` + `data-citation-doc` + `data-citation-verified` attrs. Hosts can route clicks via `target.closest('[data-citation-page]')` delegation — same path as inline-markdown chips.
+- **`TableComponentParams.citationRender`** (optional, function — NOT JSON-serializable, consumer-wired) — override returning sanitized chip HTML for one marker. Wins over the default chip shape.
+- **`renderCellValue(value, citationCtx?)`** — new optional 2nd arg. Standalone use (outside `<TableRenderer>`) supported : same opt-in behavior, same DOMPurify whitelist guarantees.
+- **`CitationCtx`** + **`CitationEntry`** types exported from the package root.
+- **`defaultCitationChip()`** uses neutral Tailwind classes (`bg-gray-800 text-gray-500 border-gray-600 hover:border-teal-500`) layered with the `.citation-ref` CSS class — hosts already styling `.citation-ref` for their inline chips get visual consistency for free, no per-table override needed.
+
+Markdown composition : cells like `**MSP** [1]` produce `<strong>MSP</strong>` AND a chip in the same cell. The hasMarkdown / hasHtml branches in `renderCellValue` were re-ordered + DOMPurify whitelists extended so chip HTML survives both paths.
+
+Resolution rules :
+- Resolved id (in map) → default chip shape `[file - page]` + button with citation attrs.
+- Unresolved id with **non-empty** map → marker dropped silently (likely LLM hallucination, mirrors typical host behavior).
+- Unresolved id with **empty** map → human-visible `[réf. N]` placeholder.
+- `[p.5]` page form → preserved (negative lookbehind).
+- `[text](url)` markdown link → preserved (existing branch runs first).
+
+CSV export of cells with citations : raw markers (`[1]`) flow through unchanged. The chip HTML is only injected at render time; the CSV path uses the original `row[key]` value, which is the right choice for re-importable exports.
+
+### Changed
+
+- Dep bump : `@seed-ship/mcp-ui-spec` `^5.0.2` → `^5.0.3` (adds `CitationEntrySchema` + `TableComponentParamsSchema.citationMap` for cross-stack type safety).
+
+### Tests
+
+- `src/components/TableRenderer.citation.test.tsx` — **+15 tests** covering : no-ctx regression, single + multi chip emission, unresolved id (non-empty + empty map paths), `citationRender` override, `[p.5]` skip, markdown-link skip, mixed `**bold** [1]` compose, canonical marker shortcut, DOMPurify attr survival, button element check, plus 3 integration tests on a real `<UIResourceRenderer>` mount (no map → plain text, with map → chips in DOM, render override → custom chips).
+- Existing 545/545 tests untouched, all still pass.
+- Total solid suite : **560/560 tests pass** (vs 545 on v5.6.0, +15 net).
+
+### Migration
+
+- 100% backward compatible. `citationMap` not set → cells render exactly as before.
+- Hosts opt in by adding `citationMap: gaResult.citation_map` to their table params.
+- deposium_MCPs can now revert commit `7df433ae` (server-side `renderCitationChipHTML` + `replaceCitationsInCellHTML` helpers) and emit raw `[📄 CITATION N]` markers in cells with `params.citationMap` set — chip rendering happens client-side.
+
 ## [5.6.0] - 2026-04-27
 
 Closes B.1 migration (14/17 ComponentTypes spec-driven) AND ships B.5 — UI

package/dist/_virtual/index2.cjs

@@ -0,0 +1,7 @@
+"use strict";
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const index = require("../node_modules/.pnpm/eventemitter3@5.0.4/node_modules/eventemitter3/index2.cjs");
+var eventemitter3Exports = index.__require();
+const EventEmitter = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(eventemitter3Exports);
+module.exports = EventEmitter;
+//# sourceMappingURL=index2.cjs.map

package/dist/_virtual/index2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/_virtual/index2.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+import { __require as requireEventemitter3 } from "../node_modules/.pnpm/eventemitter3@5.0.4/node_modules/eventemitter3/index2.js";
+var eventemitter3Exports = requireEventemitter3();
+const EventEmitter = /* @__PURE__ */ getDefaultExportFromCjs(eventemitter3Exports);
+export {
+  EventEmitter as default
+};
+//# sourceMappingURL=index2.js.map

package/dist/_virtual/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index3.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var eventemitter3 = { exports: {} };
+exports.__module = eventemitter3;
+//# sourceMappingURL=index3.cjs.map

package/dist/_virtual/index3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index3.js

@@ -0,0 +1,5 @@
+var eventemitter3 = { exports: {} };
+export {
+  eventemitter3 as __module
+};
+//# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index4.cjs

@@ -0,0 +1,7 @@
+"use strict";
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const index = require("../node_modules/.pnpm/color-string@1.9.1/node_modules/color-string/index.cjs");
+var colorStringExports = index.__require();
+const colorString = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(colorStringExports);
+module.exports = colorString;
+//# sourceMappingURL=index4.cjs.map

package/dist/_virtual/index4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index4.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/_virtual/index4.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+import { __require as requireColorString } from "../node_modules/.pnpm/color-string@1.9.1/node_modules/color-string/index.js";
+var colorStringExports = requireColorString();
+const colorString = /* @__PURE__ */ getDefaultExportFromCjs(colorStringExports);
+export {
+  colorString as default
+};
+//# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index5.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var colorString = { exports: {} };
+exports.__module = colorString;
+//# sourceMappingURL=index5.cjs.map

package/dist/_virtual/index5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index5.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index5.js

@@ -0,0 +1,5 @@
+var colorString = { exports: {} };
+export {
+  colorString as __module
+};
+//# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index6.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var simpleSwizzle = { exports: {} };
+exports.__module = simpleSwizzle;
+//# sourceMappingURL=index6.cjs.map

package/dist/_virtual/index6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index6.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index6.js

@@ -0,0 +1,5 @@
+var simpleSwizzle = { exports: {} };
+export {
+  simpleSwizzle as __module
+};
+//# sourceMappingURL=index6.js.map

package/dist/_virtual/index6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/GraphRenderer.cjs

@@ -0,0 +1,302 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+const ExpandableWrapper = require("./ExpandableWrapper.cjs");
+var _tmpl$ = /* @__PURE__ */ web.template(`<div class="absolute right-0 mt-1 w-44 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded shadow-lg text-xs">`), _tmpl$2 = /* @__PURE__ */ web.template(`<p class="text-xs text-red-600 dark:text-red-400 mt-1">Render error: <!$><!/>`), _tmpl$3 = /* @__PURE__ */ web.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">Export ▾</button><!$><!/></div><div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"></div><!$><!/>`), _tmpl$4 = /* @__PURE__ */ web.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$5 = /* @__PURE__ */ web.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$6 = /* @__PURE__ */ web.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;
+async function isG6Available() {
+  try {
+    if (!g6ModulePromise) {
+      g6ModulePromise = Promise.resolve().then(() => require("../node_modules/.pnpm/@antv_g6@5.1.0/node_modules/@antv/g6/esm/index.cjs"));
+    }
+    await g6ModulePromise;
+    return true;
+  } catch {
+    return false;
+  }
+}
+function resolveLayout(params) {
+  var _a;
+  const layout = params.layout;
+  if (layout === void 0) {
+    const hasEdges = (((_a = params.edges) == null ? void 0 : _a.length) ?? 0) > 0;
+    return {
+      type: hasEdges ? "force" : "circular"
+    };
+  }
+  if (typeof layout === "string") {
+    return {
+      type: layout
+    };
+  }
+  return {
+    type: layout.type,
+    ...layout.options ?? {}
+  };
+}
+function resolveBehaviors(params) {
+  const behaviors = [];
+  if (params.enableDrag !== false) behaviors.push("drag-element");
+  if (params.enableZoom !== false) {
+    behaviors.push("zoom-canvas", "drag-canvas");
+  }
+  if (params.enableSelect !== false) behaviors.push("click-select");
+  return behaviors;
+}
+function mermaidDirection(layoutType) {
+  return layoutType === "dagre" || layoutType === "tree" || layoutType === "mindmap" ? "TD" : "LR";
+}
+function mermaidLabel(s) {
+  return s.replace(/["[\]|]/g, "").replace(/\s+/g, " ").trim();
+}
+function toMermaid(params) {
+  const layoutType = resolveLayout(params).type;
+  const dir = mermaidDirection(layoutType);
+  const lines = [`flowchart ${dir}`];
+  for (const n of params.nodes) {
+    const label = mermaidLabel(n.label ?? n.id);
+    lines.push(`  ${n.id}["${label}"]`);
+  }
+  for (const e of params.edges ?? []) {
+    const labelParts = [];
+    if (e.weight !== void 0) labelParts.push(String(e.weight));
+    if (e.label) labelParts.push(mermaidLabel(e.label));
+    const labelText = labelParts.join(" · ");
+    if (labelText) {
+      lines.push(`  ${e.source} -->|${labelText}| ${e.target}`);
+    } else {
+      lines.push(`  ${e.source} --> ${e.target}`);
+    }
+  }
+  return lines.join("\n");
+}
+function toJSON(params) {
+  return JSON.stringify({
+    nodes: params.nodes,
+    edges: params.edges ?? []
+  }, null, 2);
+}
+function downloadBlob(content, filename, mimeType) {
+  const blob = typeof content === "string" ? new Blob([content], {
+    type: mimeType ?? "text/plain"
+  }) : content;
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename;
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  URL.revokeObjectURL(url);
+}
+const GraphRenderer = (props) => {
+  const params = () => props.component.params;
+  const [available, setAvailable] = solidJs.createSignal(null);
+  const [error, setError] = solidJs.createSignal();
+  const [exportMenuOpen, setExportMenuOpen] = solidJs.createSignal(false);
+  let containerRef;
+  let graphInstance;
+  solidJs.onMount(async () => {
+    const g6Available = await isG6Available();
+    setAvailable(g6Available);
+    if (!g6Available || !containerRef) return;
+    try {
+      const {
+        Graph
+      } = await g6ModulePromise;
+      const p = params();
+      const config = {
+        container: containerRef,
+        data: {
+          nodes: p.nodes,
+          edges: p.edges ?? []
+        },
+        layout: resolveLayout(p),
+        behaviors: resolveBehaviors(p),
+        renderer: p.rendererPref === "svg" ? "svg" : "canvas"
+      };
+      if (p.fitView !== false) {
+        config.autoFit = "view";
+      }
+      if (p.tooltip !== false) {
+        config.plugins = [{
+          type: "tooltip",
+          getContent: (_evt, items) => {
+            const item = items == null ? void 0 : items[0];
+            if (!item) return "";
+            const label = item.label ?? item.id ?? "";
+            const data = item.data ? JSON.stringify(item.data) : "";
+            return `<div style="padding:4px 8px"><strong>${escapeHtml(String(label))}</strong>${data ? `<br><span style="font-size:11px;opacity:0.7">${escapeHtml(data)}</span>` : ""}</div>`;
+          }
+        }];
+      }
+      graphInstance = new Graph(config);
+      await graphInstance.render();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to render graph");
+    }
+  });
+  solidJs.onCleanup(() => {
+    try {
+      graphInstance == null ? void 0 : graphInstance.destroy();
+    } catch {
+    }
+    graphInstance = void 0;
+  });
+  const handleExportJSON = () => {
+    downloadBlob(toJSON(params()), `${graphFilenameStem(params())}.json`, "application/json");
+    setExportMenuOpen(false);
+  };
+  const handleExportMermaid = () => {
+    downloadBlob(toMermaid(params()), `${graphFilenameStem(params())}.mmd`, "text/plain");
+    setExportMenuOpen(false);
+  };
+  const handleExportPNG = async () => {
+    var _a;
+    if (!graphInstance) return;
+    try {
+      const dataUrl = await ((_a = graphInstance.toDataURL) == null ? void 0 : _a.call(graphInstance, "image/png"));
+      if (!dataUrl) {
+        const canvas = containerRef == null ? void 0 : containerRef.querySelector("canvas");
+        if (canvas) {
+          const url = canvas.toDataURL("image/png");
+          await downloadDataUrl(url, `${graphFilenameStem(params())}.png`);
+        } else {
+          setError("PNG export not supported in current renderer mode");
+        }
+      } else {
+        await downloadDataUrl(dataUrl, `${graphFilenameStem(params())}.png`);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "PNG export failed");
+    }
+    setExportMenuOpen(false);
+  };
+  return web.createComponent(solidJs.Show, {
+    get when() {
+      return available() === true;
+    },
+    get fallback() {
+      return web.createComponent(solidJs.Show, {
+        get when() {
+          return available() === false;
+        },
+        get fallback() {
+          return (
+            // Loading skeleton while we determine peer availability
+            web.getNextElement(_tmpl$5)
+          );
+        },
+        get children() {
+          return web.getNextElement(_tmpl$4);
+        }
+      });
+    },
+    get children() {
+      return web.createComponent(ExpandableWrapper.ExpandableWrapper, {
+        get title() {
+          return params().title ?? "Graph";
+        },
+        get copyData() {
+          return toJSON(params());
+        },
+        copyLabel: "Copy graph (JSON)",
+        get children() {
+          var _el$ = web.getNextElement(_tmpl$3), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling, [_el$6, _co$] = web.getNextMarker(_el$5.nextSibling), _el$7 = _el$2.nextSibling, _el$10 = _el$7.nextSibling, [_el$11, _co$3] = web.getNextMarker(_el$10.nextSibling);
+          _el$3.$$click = () => setExportMenuOpen((v) => !v);
+          web.insert(_el$2, web.createComponent(solidJs.Show, {
+            get when() {
+              return exportMenuOpen();
+            },
+            get children() {
+              var _el$4 = web.getNextElement(_tmpl$);
+              web.insert(_el$4, web.createComponent(solidJs.For, {
+                each: [{
+                  label: "Download PNG",
+                  onClick: handleExportPNG,
+                  hint: "visual snapshot"
+                }, {
+                  label: "Download Mermaid",
+                  onClick: handleExportMermaid,
+                  hint: "markdown / GitHub"
+                }, {
+                  label: "Download JSON",
+                  onClick: handleExportJSON,
+                  hint: "raw data"
+                }],
+                children: (item) => (() => {
+                  var _el$14 = web.getNextElement(_tmpl$6), _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling;
+                  web.addEventListener(_el$14, "click", item.onClick, true);
+                  web.insert(_el$15, () => item.label);
+                  web.insert(_el$16, () => item.hint);
+                  web.runHydrationEvents();
+                  return _el$14;
+                })()
+              }));
+              return _el$4;
+            }
+          }), _el$6, _co$);
+          var _ref$ = containerRef;
+          typeof _ref$ === "function" ? web.use(_ref$, _el$7) : containerRef = _el$7;
+          web.insert(_el$, web.createComponent(solidJs.Show, {
+            get when() {
+              return error();
+            },
+            get children() {
+              var _el$8 = web.getNextElement(_tmpl$2), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling, [_el$1, _co$2] = web.getNextMarker(_el$0.nextSibling);
+              web.insert(_el$8, error, _el$1, _co$2);
+              return _el$8;
+            }
+          }), _el$11, _co$3);
+          web.effect((_p$) => {
+            var _v$ = `relative w-full ${params().className ?? ""}`, _v$2 = exportMenuOpen(), _v$3 = `height: ${params().height ?? "400px"}; width: ${params().width ?? "100%"};`;
+            _v$ !== _p$.e && web.className(_el$, _p$.e = _v$);
+            _v$2 !== _p$.t && web.setAttribute(_el$3, "aria-expanded", _p$.t = _v$2);
+            _p$.a = web.style(_el$7, _v$3, _p$.a);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+          });
+          web.runHydrationEvents();
+          return _el$;
+        }
+      });
+    }
+  });
+};
+function graphFilenameStem(params) {
+  const base = (params.title ?? "graph").replace(/[^a-z0-9-_]+/gi, "-").replace(/^-+|-+$/g, "");
+  return base || "graph";
+}
+async function downloadDataUrl(dataUrl, filename) {
+  const res = await fetch(dataUrl);
+  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;
+    }
+  });
+}
+web.delegateEvents(["click"]);
+exports.GraphRenderer = GraphRenderer;
+exports.graphToJSON = toJSON;
+exports.graphToMermaid = toMermaid;
+exports.isG6Available = isG6Available;
+//# sourceMappingURL=GraphRenderer.cjs.map

package/dist/components/GraphRenderer.cjs.map

@@ -0,0 +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 { GraphComponentParams, GraphLayout, GraphNode, GraphEdge } from '@seed-ship/mcp-ui-spec'\nimport { ExpandableWrapper } from './ExpandableWrapper'\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 `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.replace(/[\"[\\]|]/g, '').replace(/\\s+/g, ' ').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 = 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 const GraphRenderer: Component<{ component: UIComponent }> = (props) => {\n  const params = () => props.component.params as GraphComponentParams\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  // 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        renderer: p.rendererPref === 'svg' ? 'svg' : 'canvas',\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 ? `<br><span style=\"font-size:11px;opacity:0.7\">${escapeHtml(data)}</span>` : ''\n              }</div>`\n            },\n          },\n        ]\n      }\n      graphInstance = new (Graph as any)(config)\n      await graphInstance.render()\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to render graph')\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> 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      >\n        <div class={`relative w-full ${params().className ?? ''}`}>\n          {/* Export menu — top-right, mirrors TableRenderer's pattern */}\n          <div class=\"absolute right-2 top-2 z-10\">\n            <button\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-expanded={exportMenuOpen()}\n            >\n              Export ▾\n            </button>\n            <Show when={exportMenuOpen()}>\n              <div class=\"absolute right-0 mt-1 w-44 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded shadow-lg text-xs\">\n                <For each={[\n                  { label: 'Download PNG', onClick: handleExportPNG, hint: 'visual snapshot' },\n                  { label: 'Download Mermaid', onClick: handleExportMermaid, hint: 'markdown / GitHub' },\n                  { label: 'Download JSON', onClick: handleExportJSON, hint: 'raw data' },\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              </div>\n            </Show>\n          </div>\n\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            style={`height: ${params().height ?? '400px'}; width: ${params().width ?? '100%'};`}\n          />\n          <Show when={error()}>\n            <p class=\"text-xs text-red-600 dark:text-red-400 mt-1\">Render error: {error()}</p>\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 '&': return '&amp;'\n      case '<': return '&lt;'\n      case '>': return '&gt;'\n      case '\"': return '&quot;'\n      case \"'\": return '&#39;'\n      default: 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","available","setAvailable","createSignal","error","setError","exportMenuOpen","setExportMenuOpen","containerRef","graphInstance","onMount","g6Available","Graph","p","config","container","data","renderer","rendererPref","fitView","autoFit","tooltip","plugins","getContent","_evt","items","item","escapeHtml","render","err","Error","message","onCleanup","destroy","handleExportJSON","graphFilenameStem","handleExportMermaid","handleExportPNG","dataUrl","toDataURL","canvas","querySelector","downloadDataUrl","_$createComponent","Show","when","fallback","_$getNextElement","_tmpl$5","children","_tmpl$4","ExpandableWrapper","title","copyData","copyLabel","_el$","_tmpl$3","_el$2","firstChild","_el$3","_el$5","nextSibling","_el$6","_co$","_$getNextMarker","_el$7","_el$10","_el$11","_co$3","$$click","v","_$insert","_el$4","_tmpl$","For","each","onClick","hint","_el$14","_tmpl$6","_el$15","_el$16","_$addEventListener","_$runHydrationEvents","_ref$","_$use","_el$8","_tmpl$2","_el$9","_el$0","_el$1","_co$2","_$effect","_p$","_v$","className","_v$2","_v$3","height","width","_$className","t","_$setAttribute","_$style","base","res","fetch","c","_$delegateEvents"],"mappings":"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"}