Variable: ui

const ui: {
  codeBlock: (lang, code) => UiBlock;
  echarts: (config) => UiBlock;
  json: (data) => UiBlock;
  list: (items) => UiBlock;
  markdown: (md) => UiBlock;
  mermaid: (diagram) => UiBlock;
  summary: (text) => UiBlock;
  table: (headers, rows) => UiBlock;
};

Defined in: packages/core/src/presenter/ui.ts:245

UI block helpers for Server-Side Rendering (SSR) in Presenters.

Core helpers: echarts, mermaid, markdown, codeBlockDX helpers: table, list, json, summary

Type Declaration

Name	Type	Defined in
codeBlock()	(lang, code) => UiBlock	packages/core/src/presenter/ui.ts:247
echarts()	(config) => UiBlock	packages/core/src/presenter/ui.ts:247
json()	(data) => UiBlock	packages/core/src/presenter/ui.ts:249
list()	(items) => UiBlock	packages/core/src/presenter/ui.ts:249
markdown()	(md) => UiBlock	packages/core/src/presenter/ui.ts:247
mermaid()	(diagram) => UiBlock	packages/core/src/presenter/ui.ts:247
summary()	(text) => UiBlock	packages/core/src/presenter/ui.ts:249
table()	(headers, rows) => UiBlock	packages/core/src/presenter/ui.ts:249

Example

import { ui } from '@vinkius-core/mcp-fusion';

// Quick table from arrays
ui.table(['Name', 'Status'], [['Alice', 'Active'], ['Bob', 'Inactive']]);

// Quick list
ui.list(['Step 1: Deploy', 'Step 2: Verify']);

// Quick JSON viewer
ui.json({ config: { debug: true } });

// Charts and diagrams
ui.echarts(chartConfig);
ui.mermaid('graph TD; A-->B');