@mcp-html-bridge/ui-engine 0.5.0 → 0.5.2

package/dist/renderer.js

@@ -0,0 +1,345 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderJSON = renderJSON;
+exports.getRendererCSS = getRendererCSS;
+exports.getRendererJS = getRendererJS;
+/**
+ * Universal JSON → HTML renderer.
+ *
+ * No hardcoded business logic. No status badges, no price formatting,
+ * no regex-based field type guessing. Just clean structural rendering
+ * that handles any JSON shape gracefully:
+ *
+ *   Array<Object>  → sortable <table> (union of all keys)
+ *   Object         → <dl> key-value pairs (recursive for nesting)
+ *   Array<mixed>   → <ul> list with recursive items
+ *   string         → text (auto-links URLs)
+ *   number         → number
+ *   boolean        → true/false
+ *   null           → placeholder
+ *   empty          → explicit empty indicator
+ *
+ * All formatting decisions are the caller's responsibility (LLM or user).
+ */
+const html_builder_js_1 = require("./html-builder.js");
+// ── Constants ──
+const MAX_DEPTH = 30;
+const MAX_TABLE_ROWS = 500;
+const MAX_LIST_ITEMS = 200;
+const URL_REGEX = /^https?:\/\/[^\s<>"{}|\\^`[\]]+$/;
+const IMAGE_EXT_REGEX = /\.(png|jpe?g|gif|webp|svg|ico|bmp)(\?[^\s]*)?$/i;
+// ── Structural detection ──
+function isArrayOfObjects(data) {
+    if (!Array.isArray(data) || data.length === 0)
+        return false;
+    // At least 80% must be non-null objects (tolerates a few nulls in the array)
+    let objCount = 0;
+    for (const item of data) {
+        if (item !== null && typeof item === 'object' && !Array.isArray(item)) {
+            objCount++;
+        }
+    }
+    return objCount / data.length >= 0.8 && objCount >= 1;
+}
+function isFlatObject(data) {
+    if (data === null || typeof data !== 'object' || Array.isArray(data))
+        return false;
+    const values = Object.values(data);
+    if (values.length === 0)
+        return true;
+    return values.every(v => v === null || typeof v !== 'object');
+}
+function humanizeKey(key) {
+    return key
+        .replace(/([A-Z])/g, ' $1')
+        .replace(/[_-]/g, ' ')
+        .replace(/^\w/, c => c.toUpperCase())
+        .trim();
+}
+function isUrl(value) {
+    return URL_REGEX.test(value);
+}
+function isImageUrl(value) {
+    return IMAGE_EXT_REGEX.test(value);
+}
+// ── Render primitives ──
+function renderValue(value, depth) {
+    if (value === null || value === undefined) {
+        return '<span class="mcp-null">\u2014</span>';
+    }
+    if (typeof value === 'boolean') {
+        return `<span class="mcp-bool mcp-bool-${value}">${value}</span>`;
+    }
+    if (typeof value === 'number') {
+        return `<span class="mcp-num">${value}</span>`;
+    }
+    if (typeof value === 'string') {
+        if (value.length === 0) {
+            return '<span class="mcp-null">(empty)</span>';
+        }
+        // Auto-link URLs
+        if (isUrl(value)) {
+            const escaped = (0, html_builder_js_1.escapeHtml)(value);
+            if (isImageUrl(value)) {
+                return `<a href="${escaped}" target="_blank" rel="noopener"><img class="mcp-img" src="${escaped}" alt="" loading="lazy"></a>`;
+            }
+            return `<a class="mcp-link" href="${escaped}" target="_blank" rel="noopener">${escaped}</a>`;
+        }
+        if (value.length > 300) {
+            return `<div class="mcp-text">${(0, html_builder_js_1.escapeHtml)(value)}</div>`;
+        }
+        return (0, html_builder_js_1.escapeHtml)(value);
+    }
+    // Recurse into objects/arrays
+    return renderAny(value, depth + 1);
+}
+// ── Core recursive renderer ──
+/** Collect union of all keys across an array of objects, preserving order */
+function collectColumns(rows) {
+    const seen = new Set();
+    const columns = [];
+    for (const row of rows) {
+        for (const key of Object.keys(row)) {
+            if (!seen.has(key)) {
+                seen.add(key);
+                columns.push(key);
+            }
+        }
+    }
+    return columns;
+}
+function renderTable(rows, tableId) {
+    const columns = collectColumns(rows);
+    const truncated = rows.length > MAX_TABLE_ROWS;
+    const displayRows = truncated ? rows.slice(0, MAX_TABLE_ROWS) : rows;
+    const headerCells = columns
+        .map((col, i) => `<th onclick="__mcpSort('${(0, html_builder_js_1.escapeHtml)(tableId)}',${i})" class="mcp-sortable">${(0, html_builder_js_1.escapeHtml)(humanizeKey(col))}<span class="mcp-sort-icon">\u21C5</span></th>`)
+        .join('');
+    const bodyRows = displayRows
+        .map(row => {
+        const cells = columns.map(col => {
+            const val = Object.prototype.hasOwnProperty.call(row, col) ? row[col] : undefined;
+            return `<td>${renderValue(val, 1)}</td>`;
+        }).join('');
+        return `<tr>${cells}</tr>`;
+    })
+        .join('\n');
+    const meta = truncated
+        ? `${rows.length} rows \u00D7 ${columns.length} columns (showing first ${MAX_TABLE_ROWS})`
+        : `${rows.length} rows \u00D7 ${columns.length} columns`;
+    return `<div class="mcp-table-wrap">
+  <div class="mcp-table-meta">${meta}</div>
+  <div class="mcp-table-scroll">
+    <table class="mcp-table" id="${(0, html_builder_js_1.escapeHtml)(tableId)}">
+      <thead><tr>${headerCells}</tr></thead>
+      <tbody>${bodyRows}</tbody>
+    </table>
+  </div>
+</div>`;
+}
+function renderKeyValue(obj, depth) {
+    const entries = Object.entries(obj);
+    if (entries.length === 0) {
+        return '<div class="mcp-empty">(empty object)</div>';
+    }
+    const items = entries.map(([key, val]) => {
+        const rendered = renderValue(val, depth);
+        return `<div class="mcp-kv">
+      <dt class="mcp-key">${(0, html_builder_js_1.escapeHtml)(humanizeKey(key))}</dt>
+      <dd class="mcp-val">${rendered}</dd>
+    </div>`;
+    }).join('\n');
+    return `<dl class="mcp-dl">${items}</dl>`;
+}
+function renderList(arr, depth) {
+    if (arr.length === 0) {
+        return '<div class="mcp-empty">(empty array)</div>';
+    }
+    const truncated = arr.length > MAX_LIST_ITEMS;
+    const displayItems = truncated ? arr.slice(0, MAX_LIST_ITEMS) : arr;
+    const items = displayItems.map(item => `<li>${renderValue(item, depth)}</li>`).join('\n');
+    const suffix = truncated
+        ? `<li class="mcp-truncated">\u2026 and ${arr.length - MAX_LIST_ITEMS} more items</li>`
+        : '';
+    return `<ul class="mcp-list">${items}\n${suffix}</ul>`;
+}
+function renderCollapsible(label, content, open = true) {
+    return `<details class="mcp-details" ${open ? 'open' : ''}>
+  <summary class="mcp-summary">${(0, html_builder_js_1.escapeHtml)(label)}</summary>
+  <div class="mcp-details-body">${content}</div>
+</details>`;
+}
+// Global table counter for unique IDs
+let tableCounter = 0;
+function renderAny(data, depth) {
+    // Depth guard
+    if (depth > MAX_DEPTH) {
+        return '<span class="mcp-null">(max depth reached)</span>';
+    }
+    // Primitive
+    if (data === null || data === undefined || typeof data !== 'object') {
+        return renderValue(data, depth);
+    }
+    // Array of objects → table
+    if (isArrayOfObjects(data)) {
+        // Filter to only objects for the table, skip non-objects
+        const objectRows = data.filter((item) => item !== null && typeof item === 'object' && !Array.isArray(item));
+        const tableId = `mcp-grid-${tableCounter++}`;
+        const content = renderTable(objectRows, tableId);
+        return depth > 0 ? renderCollapsible(`Array (${data.length} items)`, content) : content;
+    }
+    // Generic array → list or collapsible
+    if (Array.isArray(data)) {
+        const content = renderList(data, depth);
+        return depth > 0 ? renderCollapsible(`Array (${data.length})`, content) : content;
+    }
+    // Flat object → key-value pairs
+    const obj = data;
+    if (isFlatObject(obj)) {
+        return renderKeyValue(obj, depth);
+    }
+    // Nested object → grouped sections
+    const entries = Object.entries(obj);
+    if (entries.length === 0) {
+        return '<div class="mcp-empty">(empty object)</div>';
+    }
+    const sections = entries.map(([key, val]) => {
+        if (val !== null && typeof val === 'object') {
+            return renderCollapsible(humanizeKey(key), renderAny(val, depth + 1), depth < 2);
+        }
+        return `<div class="mcp-kv">
+      <dt class="mcp-key">${(0, html_builder_js_1.escapeHtml)(humanizeKey(key))}</dt>
+      <dd class="mcp-val">${renderValue(val, depth)}</dd>
+    </div>`;
+    });
+    // If all entries are primitives at this level, use dl
+    const allPrimitive = entries.every(([, v]) => v === null || typeof v !== 'object');
+    if (allPrimitive) {
+        return renderKeyValue(obj, depth);
+    }
+    return `<div class="mcp-section">${sections.join('\n')}</div>`;
+}
+// ── Public API ──
+/** Render any JSON data as an HTML fragment. No business logic, pure structure. */
+function renderJSON(data) {
+    tableCounter = 0; // Reset per render call
+    return `<div class="mcp-root">${renderAny(data, 0)}</div>`;
+}
+/** Get the CSS for the universal renderer */
+function getRendererCSS() {
+    return `
+.mcp-root { max-width: 960px; margin: 0 auto; }
+
+/* Table */
+.mcp-table-wrap { overflow: hidden; }
+.mcp-table-meta {
+  font-size: var(--text-xs); color: var(--text-tertiary);
+  padding-bottom: var(--sp-2); margin-bottom: var(--sp-2);
+  border-bottom: 1px solid var(--border);
+}
+.mcp-table-scroll { overflow-x: auto; }
+.mcp-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
+.mcp-table th {
+  text-align: left; padding: var(--sp-2) var(--sp-3);
+  font-weight: 600; color: var(--text-secondary); font-size: var(--text-xs);
+  text-transform: uppercase; letter-spacing: 0.05em;
+  border-bottom: 2px solid var(--border);
+  white-space: nowrap; user-select: none;
+  position: sticky; top: 0; background: var(--bg-primary); z-index: 1;
+}
+.mcp-sortable { cursor: pointer; }
+.mcp-sortable:hover { color: var(--accent); }
+.mcp-sort-icon { margin-left: 4px; opacity: 0.3; font-size: 10px; }
+.mcp-table td {
+  padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--border);
+  vertical-align: top; max-width: 400px;
+}
+.mcp-table tbody tr:hover { background: var(--accent-subtle); }
+
+/* Key-Value */
+.mcp-dl { display: grid; grid-template-columns: 1fr; gap: 0; }
+.mcp-kv {
+  display: grid; grid-template-columns: minmax(120px, auto) 1fr;
+  gap: var(--sp-3); padding: var(--sp-2) 0;
+  border-bottom: 1px solid var(--border);
+}
+.mcp-kv:last-child { border-bottom: none; }
+.mcp-key {
+  font-weight: 600; font-size: var(--text-sm); color: var(--text-secondary);
+  word-break: break-word;
+}
+.mcp-val { font-size: var(--text-sm); word-break: break-word; }
+
+/* List */
+.mcp-list {
+  list-style: none; padding: 0; margin: 0;
+  display: flex; flex-direction: column; gap: var(--sp-1);
+}
+.mcp-list li {
+  padding: var(--sp-1) var(--sp-2); font-size: var(--text-sm);
+  border-left: 2px solid var(--border); margin-left: var(--sp-2);
+}
+
+/* Collapsible sections */
+.mcp-details {
+  border: 1px solid var(--border); border-radius: var(--radius-sm);
+  margin-bottom: var(--sp-2);
+}
+.mcp-summary {
+  padding: var(--sp-2) var(--sp-3); font-weight: 600; font-size: var(--text-sm);
+  cursor: pointer; user-select: none;
+}
+.mcp-summary:hover { color: var(--accent); }
+.mcp-details-body { padding: var(--sp-3); border-top: 1px solid var(--border); }
+
+/* Sections */
+.mcp-section { display: flex; flex-direction: column; gap: var(--sp-3); }
+
+/* Primitives */
+.mcp-null { color: var(--text-tertiary); font-style: italic; }
+.mcp-bool { font-weight: 600; }
+.mcp-bool-true { color: var(--success); }
+.mcp-bool-false { color: var(--danger); }
+.mcp-num { font-variant-numeric: tabular-nums; }
+.mcp-text { white-space: pre-wrap; line-height: 1.6; }
+.mcp-empty { color: var(--text-tertiary); font-style: italic; padding: var(--sp-2) 0; }
+.mcp-truncated { color: var(--text-tertiary); font-style: italic; }
+
+/* Links & images */
+.mcp-link { color: var(--accent); text-decoration: none; word-break: break-all; }
+.mcp-link:hover { text-decoration: underline; }
+.mcp-img { max-width: 200px; max-height: 150px; border-radius: var(--radius-sm); border: 1px solid var(--border); }
+
+/* Nested table styling */
+.mcp-details .mcp-table-wrap { margin: 0; }
+.mcp-details .mcp-table th { position: static; }
+`;
+}
+/** Get the JS for table sorting (supports multiple tables) */
+function getRendererJS() {
+    return `
+function __mcpSort(tableId, colIdx) {
+  var table = document.getElementById(tableId);
+  if (!table) return;
+  var tbody = table.tBodies[0];
+  var rows = Array.from(tbody.rows);
+  var key = tableId + '_' + colIdx;
+  var dir = table.dataset.sortKey === key && table.dataset.sortDir === 'asc' ? 'desc' : 'asc';
+  table.dataset.sortDir = dir;
+  table.dataset.sortKey = key;
+
+  rows.sort(function(a, b) {
+    var ac = a.cells[colIdx], bc = b.cells[colIdx];
+    if (!ac || !bc) return 0;
+    var av = ac.textContent.trim();
+    var bv = bc.textContent.trim();
+    var an = parseFloat(av.replace(/[^\\d.-]/g, ''));
+    var bn = parseFloat(bv.replace(/[^\\d.-]/g, ''));
+    if (!isNaN(an) && !isNaN(bn)) return dir === 'asc' ? an - bn : bn - an;
+    return dir === 'asc' ? av.localeCompare(bv) : bv.localeCompare(av);
+  });
+
+  rows.forEach(function(row) { tbody.appendChild(row); });
+}`;
+}
+//# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"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"}

package/dist/renderers/form.d.ts

@@ -0,0 +1,4 @@
+import type { JSONSchema } from '../types.js';
+export declare function renderForm(schema: JSONSchema, metadata: Record<string, unknown>): string;
+export declare function getFormCSS(): string;
+//# sourceMappingURL=form.d.ts.map

package/dist/renderers/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/renderers/form.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAyG9C,wBAAgB,UAAU,CACxB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAChC,MAAM,CAoBR;AAED,wBAAgB,UAAU,IAAI,MAAM,CAoEnC"}

package/dist/renderers/form.js

@@ -0,0 +1,181 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderForm = renderForm;
+exports.getFormCSS = getFormCSS;
+const html_builder_js_1 = require("../html-builder.js");
+function renderField(name, schema, required) {
+    const label = schema.title ?? name;
+    const desc = schema.description ? `<div class="field-desc">${(0, html_builder_js_1.escapeHtml)(schema.description)}</div>` : '';
+    const requiredAttr = required ? 'required' : '';
+    const requiredMark = required ? '<span class="required">*</span>' : '';
+    // Enum → capsule select
+    if (schema.enum && schema.enum.length > 0) {
+        const capsules = schema.enum
+            .map((v) => {
+            const val = (0, html_builder_js_1.escapeHtml)(String(v));
+            return `<label class="capsule"><input type="radio" name="${(0, html_builder_js_1.escapeHtml)(name)}" value="${val}"><span>${val}</span></label>`;
+        })
+            .join('\n');
+        return `<div class="field animate-in">
+  <label class="field-label">${(0, html_builder_js_1.escapeHtml)(label)}${requiredMark}</label>
+  ${desc}
+  <div class="capsule-group">${capsules}</div>
+</div>`;
+    }
+    // Boolean → toggle
+    if (schema.type === 'boolean') {
+        const checked = schema.default === true ? 'checked' : '';
+        return `<div class="field animate-in">
+  <label class="toggle-label">
+    <input type="checkbox" name="${(0, html_builder_js_1.escapeHtml)(name)}" ${checked}>
+    <span class="toggle-switch"></span>
+    <span>${(0, html_builder_js_1.escapeHtml)(label)}${requiredMark}</span>
+  </label>
+  ${desc}
+</div>`;
+    }
+    // Nested object → collapsible section
+    if (schema.type === 'object' && schema.properties) {
+        const inner = renderProperties(schema.properties, schema.required ?? []);
+        return `<details class="nested-section animate-in" open>
+  <summary class="section-title">${(0, html_builder_js_1.escapeHtml)(label)}${requiredMark}</summary>
+  ${desc}
+  <div class="nested-fields">${inner}</div>
+</details>`;
+    }
+    // Array → textarea hint
+    if (schema.type === 'array') {
+        return `<div class="field animate-in">
+  <label class="field-label" for="f-${(0, html_builder_js_1.escapeHtml)(name)}">${(0, html_builder_js_1.escapeHtml)(label)}${requiredMark}</label>
+  ${desc}
+  <textarea id="f-${(0, html_builder_js_1.escapeHtml)(name)}" name="${(0, html_builder_js_1.escapeHtml)(name)}" class="input textarea" placeholder="JSON array..." ${requiredAttr}>${(0, html_builder_js_1.escapeHtml)(String(schema.default ?? ''))}</textarea>
+</div>`;
+    }
+    // Number/integer
+    if (schema.type === 'number' || schema.type === 'integer') {
+        const min = schema.minimum !== undefined ? `min="${schema.minimum}"` : '';
+        const max = schema.maximum !== undefined ? `max="${schema.maximum}"` : '';
+        const step = schema.type === 'integer' ? 'step="1"' : '';
+        const def = schema.default !== undefined ? `value="${(0, html_builder_js_1.escapeHtml)(String(schema.default))}"` : '';
+        return `<div class="field animate-in">
+  <label class="field-label" for="f-${(0, html_builder_js_1.escapeHtml)(name)}">${(0, html_builder_js_1.escapeHtml)(label)}${requiredMark}</label>
+  ${desc}
+  <input type="number" id="f-${(0, html_builder_js_1.escapeHtml)(name)}" name="${(0, html_builder_js_1.escapeHtml)(name)}" class="input" ${min} ${max} ${step} ${def} ${requiredAttr}>
+</div>`;
+    }
+    // String (default)
+    const inputType = schema.format === 'email' ? 'email'
+        : schema.format === 'uri' ? 'url'
+            : schema.format === 'date' ? 'date'
+                : schema.format === 'date-time' ? 'datetime-local'
+                    : schema.format === 'password' ? 'password'
+                        : 'text';
+    const isLong = (schema.maxLength && schema.maxLength > 200) || schema.format === 'textarea';
+    const def = schema.default !== undefined ? (0, html_builder_js_1.escapeHtml)(String(schema.default)) : '';
+    if (isLong) {
+        return `<div class="field animate-in">
+  <label class="field-label" for="f-${(0, html_builder_js_1.escapeHtml)(name)}">${(0, html_builder_js_1.escapeHtml)(label)}${requiredMark}</label>
+  ${desc}
+  <textarea id="f-${(0, html_builder_js_1.escapeHtml)(name)}" name="${(0, html_builder_js_1.escapeHtml)(name)}" class="input textarea" ${requiredAttr}>${def}</textarea>
+</div>`;
+    }
+    return `<div class="field animate-in">
+  <label class="field-label" for="f-${(0, html_builder_js_1.escapeHtml)(name)}">${(0, html_builder_js_1.escapeHtml)(label)}${requiredMark}</label>
+  ${desc}
+  <input type="${inputType}" id="f-${(0, html_builder_js_1.escapeHtml)(name)}" name="${(0, html_builder_js_1.escapeHtml)(name)}" class="input" value="${def}" ${requiredAttr}>
+</div>`;
+}
+function renderProperties(properties, required) {
+    const reqSet = new Set(required);
+    return Object.entries(properties)
+        .map(([name, schema]) => renderField(name, schema, reqSet.has(name)))
+        .join('\n');
+}
+function renderForm(schema, metadata) {
+    const toolName = metadata['toolName'];
+    const toolDesc = metadata['toolDescription'];
+    const header = toolName
+        ? `<div class="form-header"><h2>${(0, html_builder_js_1.escapeHtml)(toolName)}</h2>${toolDesc ? `<p class="form-desc">${(0, html_builder_js_1.escapeHtml)(toolDesc)}</p>` : ''}</div>`
+        : '';
+    const fields = schema.properties
+        ? renderProperties(schema.properties, schema.required ?? [])
+        : '<p class="text-secondary">No input parameters required.</p>';
+    return `${header}
+<form id="mcp-form" class="mcp-form card" onsubmit="return __mcpSubmit(event)">
+${fields}
+<div class="form-actions">
+  <button type="submit" class="btn btn-primary">Execute Tool</button>
+  <button type="reset" class="btn btn-ghost">Reset</button>
+</div>
+</form>`;
+}
+function getFormCSS() {
+    return `
+.mcp-form { display: flex; flex-direction: column; gap: var(--sp-5); max-width: 640px; }
+.form-header h2 { font-size: var(--text-2xl); font-weight: 700; }
+.form-desc { color: var(--text-secondary); margin-top: var(--sp-1); }
+
+.field { display: flex; flex-direction: column; gap: var(--sp-1); }
+.field-label { font-weight: 600; font-size: var(--text-sm); color: var(--text-primary); }
+.field-desc { font-size: var(--text-xs); color: var(--text-tertiary); }
+.required { color: var(--danger); margin-left: 2px; }
+
+.input {
+  padding: var(--sp-2) var(--sp-3);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  font-size: var(--text-sm);
+  font-family: var(--font-sans);
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  transition: border-color var(--duration-fast) var(--ease-out),
+              box-shadow var(--duration-fast) var(--ease-out);
+}
+.input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-subtle); }
+.textarea { min-height: 80px; resize: vertical; }
+
+.capsule-group { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
+.capsule input { display: none; }
+.capsule span {
+  display: inline-block;
+  padding: var(--sp-1) var(--sp-3);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-full);
+  font-size: var(--text-sm);
+  cursor: pointer;
+  transition: all var(--duration-fast) var(--ease-out);
+}
+.capsule input:checked + span { background: var(--accent); color: var(--accent-text); border-color: var(--accent); }
+.capsule span:hover { border-color: var(--accent); }
+
+.toggle-label { display: flex; align-items: center; gap: var(--sp-2); cursor: pointer; font-weight: 600; font-size: var(--text-sm); }
+.toggle-label input { display: none; }
+.toggle-switch {
+  width: 36px; height: 20px; background: var(--border-strong); border-radius: 10px;
+  position: relative; transition: background var(--duration-fast) var(--ease-out);
+}
+.toggle-switch::after {
+  content: ''; position: absolute; top: 2px; left: 2px;
+  width: 16px; height: 16px; background: white; border-radius: 50%;
+  transition: transform var(--duration-fast) var(--ease-out);
+}
+.toggle-label input:checked + .toggle-switch { background: var(--accent); }
+.toggle-label input:checked + .toggle-switch::after { transform: translateX(16px); }
+
+.nested-section { border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--sp-4); }
+.nested-section summary { cursor: pointer; user-select: none; }
+.nested-fields { margin-top: var(--sp-4); display: flex; flex-direction: column; gap: var(--sp-4); }
+
+.form-actions { display: flex; gap: var(--sp-3); margin-top: var(--sp-2); }
+.btn {
+  padding: var(--sp-2) var(--sp-5); border-radius: var(--radius-sm);
+  font-weight: 600; font-size: var(--text-sm); cursor: pointer; border: none;
+  transition: all var(--duration-fast) var(--ease-out);
+}
+.btn-primary { background: var(--accent); color: var(--accent-text); }
+.btn-primary:hover { background: var(--accent-hover); }
+.btn-ghost { background: transparent; color: var(--text-secondary); border: 1px solid var(--border); }
+.btn-ghost:hover { background: var(--bg-tertiary); }
+`;
+}
+//# sourceMappingURL=form.js.map

package/dist/renderers/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/renderers/form.ts"],"names":[],"mappings":"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"}

package/dist/theme.d.ts

@@ -0,0 +1,2 @@
+export declare function generateThemeCSS(): string;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,IAAI,MAAM,CAqLzC"}

package/{src/theme.ts → dist/theme.js}

@@ -1,7 +1,9 @@
+"use strict";
 // ── Theme system: CSS variables + dark mode + glassmorphism ──
-
-export function generateThemeCSS(): string {
-  return `
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateThemeCSS = generateThemeCSS;
+function generateThemeCSS() {
+    return `
 /* ── Reset ── */
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
@@ -182,3 +184,4 @@ body {
 }
 `;
 }
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":";AAAA,gEAAgE;;AAEhE,4CAqLC;AArLD,SAAgB,gBAAgB;IAC9B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmLR,CAAC;AACF,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,50 @@
+export interface RenderOptions {
+    darkMode?: boolean;
+    debug?: boolean;
+    title?: string;
+}
+export interface SchemaInput {
+    mode: 'schema';
+    schema: JSONSchema;
+    toolName?: string;
+    toolDescription?: string;
+}
+export interface DataInput {
+    mode: 'data';
+    data: unknown;
+    toolName?: string;
+    toolDescription?: string;
+}
+export type EngineInput = SchemaInput | DataInput;
+export interface JSONSchema {
+    type?: string | string[];
+    properties?: Record<string, JSONSchema>;
+    required?: string[];
+    items?: JSONSchema;
+    enum?: unknown[];
+    description?: string;
+    default?: unknown;
+    title?: string;
+    format?: string;
+    minimum?: number;
+    maximum?: number;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    oneOf?: JSONSchema[];
+    anyOf?: JSONSchema[];
+    allOf?: JSONSchema[];
+    $ref?: string;
+    additionalProperties?: boolean | JSONSchema;
+}
+export interface MCPToolDefinition {
+    name: string;
+    description?: string;
+    inputSchema: JSONSchema;
+}
+export interface MCPServerInfo {
+    name: string;
+    version: string;
+    tools: MCPToolDefinition[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,SAAS,CAAC;AAGlD,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAC7C;AAGD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;CACzB;AAGD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B"}

package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}