@maxhealth.tech/prefab 0.1.2

package/dist/auto/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/auto/chart.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA2C,MAAM,sBAAsB,CAAA;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAoBxF;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,SAAS,CACvB,IAA+B,EAC/B,MAAqB,EACrB,OAA0B;IAE1B,MAAM,SAAS,GAAG,OAAO,EAAE,SAAS,IAAI,KAAK,CAAA;IAC7C,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,IAAI,CAAA;IAE9C,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,CAAA;IAEzC,MAAM,UAAU,GAAmB;QACjC,IAAI;QACJ,MAAM;QACN,GAAG,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC;QAC/C,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;QAChE,UAAU;KACX,CAAA;IAED,MAAM,QAAQ,GAAgB,EAAE,CAAA;IAChC,IAAI,OAAO,EAAE,KAAK;QAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IACzD,IAAI,OAAO,EAAE,QAAQ;QAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE7D,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE;YAC7B,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC;SACxE,EAAE,CAAC,CAAC,CAAA;IAEL,OAAO,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAA;AAChE,CAAC;AAED,MAAM,SAAS,GAA4D;IACzE,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,QAAQ;CACd,CAAA"}

package/dist/auto/comparison.d.ts

@@ -0,0 +1,32 @@
+/**
+ * autoComparison — Side-by-side comparison of items in a Grid of Cards.
+ *
+ * Ported from mcp-generator-3.x display_tools.py → show_comparison.
+ */
+import { type ContainerComponent } from '../core/component.js';
+export interface AutoComparisonOptions {
+    /** Heading above the comparison. */
+    title?: string;
+    /** Optional subtitle. */
+    subtitle?: string;
+    /** Key whose value gets a colored Badge for emphasis. */
+    highlightKey?: string;
+    /** Number of grid columns. Defaults to number of items (max 4). */
+    columns?: number;
+}
+/**
+ * Auto-generate a side-by-side comparison of items.
+ *
+ * Uses the first key of each item as the card heading.
+ * Remaining keys are shown as labeled rows.
+ *
+ * @example
+ * ```ts
+ * autoComparison([
+ *   { name: 'Plan A', price: '$10/mo', storage: '5GB' },
+ *   { name: 'Plan B', price: '$20/mo', storage: '50GB' },
+ * ], { title: 'Plan Comparison', highlightKey: 'price' })
+ * ```
+ */
+export declare function autoComparison(items: Record<string, unknown>[], options?: AutoComparisonOptions): ContainerComponent;
+//# sourceMappingURL=comparison.d.ts.map

package/dist/auto/comparison.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comparison.d.ts","sourceRoot":"","sources":["../../src/auto/comparison.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAM9E,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAChC,OAAO,CAAC,EAAE,qBAAqB,GAC9B,kBAAkB,CAuCpB"}

package/dist/auto/comparison.js

@@ -0,0 +1,66 @@
+/**
+ * autoComparison — Side-by-side comparison of items in a Grid of Cards.
+ *
+ * Ported from mcp-generator-3.x display_tools.py → show_comparison.
+ */
+import {} from '../core/component.js';
+import { Column, Row, Grid } from '../components/layout/index.js';
+import { Heading, Text, Muted } from '../components/typography/index.js';
+import { Card, CardHeader, CardContent } from '../components/card/index.js';
+import { Badge } from '../components/data/index.js';
+/**
+ * Auto-generate a side-by-side comparison of items.
+ *
+ * Uses the first key of each item as the card heading.
+ * Remaining keys are shown as labeled rows.
+ *
+ * @example
+ * ```ts
+ * autoComparison([
+ *   { name: 'Plan A', price: '$10/mo', storage: '5GB' },
+ *   { name: 'Plan B', price: '$20/mo', storage: '50GB' },
+ * ], { title: 'Plan Comparison', highlightKey: 'price' })
+ * ```
+ */
+export function autoComparison(items, options) {
+    const children = [];
+    if (options?.title)
+        children.push(Heading(options.title));
+    if (options?.subtitle)
+        children.push(Muted(options.subtitle));
+    if (items.length === 0) {
+        children.push(Muted('No items to compare.'));
+        return Column({ gap: 5, cssClass: 'p-6', children });
+    }
+    const keys = Object.keys(items[0]);
+    const nameKey = keys[0];
+    const detailKeys = keys.slice(1);
+    const gridColumns = options?.columns ?? Math.min(items.length, 4);
+    const cards = items.map(item => {
+        const fieldRows = detailKeys.map(key => {
+            const rawVal = item[key];
+            const val = rawVal == null ? '' : String(rawVal);
+            const valueComponent = key === options?.highlightKey
+                ? Badge(val, { variant: 'success' })
+                : Text(val, { cssClass: 'font-medium' });
+            return Row({ gap: 3, align: 'center', cssClass: 'py-1', children: [
+                    Muted(humanizeKey(key), { cssClass: 'w-28 shrink-0 text-xs' }),
+                    valueComponent,
+                ] });
+        });
+        return Card({ children: [
+                CardHeader({ children: [Heading(item[nameKey] == null ? '' : String(item[nameKey]), { level: 3 })] }),
+                CardContent({ children: fieldRows }),
+            ] });
+    });
+    children.push(Grid({ columns: gridColumns, gap: 4, children: cards }));
+    return Column({ gap: 5, cssClass: 'p-6', children });
+}
+function humanizeKey(key) {
+    return key
+        .replace(/([A-Z])/g, ' $1')
+        .replace(/[_-]/g, ' ')
+        .trim()
+        .replace(/^\w/, c => c.toUpperCase());
+}
+//# sourceMappingURL=comparison.js.map

package/dist/auto/comparison.js.map

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

package/dist/auto/form.d.ts

@@ -0,0 +1,50 @@
+/**
+ * autoForm — Generates a Form from field definitions that submits to an MCP tool.
+ *
+ * Ported from mcp-generator-3.x display_tools.py → show_form.
+ */
+import { type ContainerComponent } from '../core/component.js';
+import type { Action } from '../actions/types.js';
+export interface AutoFormField {
+    /** Field name (used as the key in submitted data). */
+    name: string;
+    /** Display label. Defaults to humanized name. */
+    label?: string;
+    /** Input type: 'text', 'email', 'number', 'password', 'url', etc. */
+    type?: string;
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Whether the field is required. */
+    required?: boolean;
+}
+export interface AutoFormOptions {
+    /** Form heading. */
+    title?: string;
+    /** Optional subtitle. */
+    subtitle?: string;
+    /** Submit button text. Default 'Submit'. */
+    submitLabel?: string;
+    /** Custom onSubmit action. Overrides submitTool. */
+    onSubmit?: Action | Action[];
+    /** Success toast message. */
+    successMessage?: string;
+    /** Error toast message. */
+    errorMessage?: string;
+}
+/**
+ * Auto-generate a Form that submits to an MCP tool.
+ *
+ * @example
+ * ```ts
+ * autoForm(
+ *   [
+ *     { name: 'email', label: 'Email', type: 'email', required: true },
+ *     { name: 'name', label: 'Full Name', required: true },
+ *   ],
+ *   'create_user',
+ *   { title: 'Create User', submitLabel: 'Create' },
+ * )
+ * ```
+ */
+export declare function autoForm(fields: AutoFormField[], submitTool: string, options?: AutoFormOptions): ContainerComponent;
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/auto/form.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAO9E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,WAAW,aAAa;IAC5B,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,6BAA6B;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CACtB,MAAM,EAAE,aAAa,EAAE,EACvB,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,eAAe,GACxB,kBAAkB,CAoCpB"}

package/dist/auto/form.js

@@ -0,0 +1,68 @@
+/**
+ * autoForm — Generates a Form from field definitions that submits to an MCP tool.
+ *
+ * Ported from mcp-generator-3.x display_tools.py → show_form.
+ */
+import {} from '../core/component.js';
+import { Column } from '../components/layout/index.js';
+import { Heading, Muted } from '../components/typography/index.js';
+import { Card, CardContent } from '../components/card/index.js';
+import { Form, Input, Button } from '../components/form/index.js';
+import { CallTool } from '../actions/mcp.js';
+import { ShowToast } from '../actions/client.js';
+/**
+ * Auto-generate a Form that submits to an MCP tool.
+ *
+ * @example
+ * ```ts
+ * autoForm(
+ *   [
+ *     { name: 'email', label: 'Email', type: 'email', required: true },
+ *     { name: 'name', label: 'Full Name', required: true },
+ *   ],
+ *   'create_user',
+ *   { title: 'Create User', submitLabel: 'Create' },
+ * )
+ * ```
+ */
+export function autoForm(fields, submitTool, options) {
+    const submitLabel = options?.submitLabel ?? 'Submit';
+    const successMsg = options?.successMessage ?? 'Success!';
+    const errorMsg = options?.errorMessage ?? 'Something went wrong';
+    const onSubmit = options?.onSubmit ?? new CallTool(submitTool, {
+        onSuccess: new ShowToast(successMsg, { variant: 'success' }),
+        onError: new ShowToast(errorMsg, { variant: 'error' }),
+    });
+    const inputComponents = fields.map(f => Input({
+        name: f.name,
+        label: f.label ?? humanizeFieldName(f.name),
+        ...(f.type && { inputType: f.type }),
+        ...(f.placeholder && { placeholder: f.placeholder }),
+        ...(f.required && { required: true }),
+    }));
+    const formChildren = [
+        Column({ gap: 4, children: [
+                ...inputComponents,
+                Button(submitLabel, { submit: true, cssClass: 'w-full' }),
+            ] }),
+    ];
+    const children = [];
+    if (options?.title)
+        children.push(Heading(options.title));
+    if (options?.subtitle)
+        children.push(Muted(options.subtitle));
+    children.push(Card({ children: [
+            CardContent({ cssClass: 'py-4', children: [
+                    Form({ onSubmit, children: formChildren }),
+                ] }),
+        ] }));
+    return Column({ gap: 5, cssClass: 'p-6 max-w-2xl', children });
+}
+function humanizeFieldName(name) {
+    return name
+        .replace(/([A-Z])/g, ' $1')
+        .replace(/[_-]/g, ' ')
+        .trim()
+        .replace(/^\w/, c => c.toUpperCase());
+}
+//# sourceMappingURL=form.js.map

package/dist/auto/form.js.map

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

package/dist/auto/index.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Auto-rendering utilities — smart component generation from raw data.
+ *
+ * Ported from mcp-generator-3.x display_renderers.py and display_tools.py.
+ * These helpers let you render API responses as rich UIs without
+ * manually building component trees.
+ */
+import { type ContainerComponent } from '../core/component.js';
+import type { DataTableColumnDef, BadgeVariant } from '../components/data/index.js';
+export { autoChart } from './chart.js';
+export type { AutoChartOptions, ChartType } from './chart.js';
+export { autoForm } from './form.js';
+export type { AutoFormField, AutoFormOptions } from './form.js';
+export { autoComparison } from './comparison.js';
+export type { AutoComparisonOptions } from './comparison.js';
+export { autoMetrics } from './metrics.js';
+export type { AutoMetricDef, AutoMetricsOptions } from './metrics.js';
+export { autoTimeline } from './timeline.js';
+export type { AutoTimelineEvent, AutoTimelineOptions } from './timeline.js';
+export { autoProgress } from './progress.js';
+export type { AutoProgressStep, AutoProgressOptions } from './progress.js';
+/**
+ * Get a Badge variant for a status string.
+ * Falls back to 'outline' for unknown statuses.
+ */
+export declare function statusVariant(status: string): BadgeVariant;
+/**
+ * Register additional status→variant mappings.
+ */
+export declare function registerStatusVariants(mappings: Record<string, BadgeVariant>): void;
+export interface AutoDetailOptions {
+    /** Title shown at the top of the card. Defaults to auto-detect from data. */
+    title?: string;
+    /** Fields to exclude from the detail view. */
+    exclude?: string[];
+    /** Fields to include (if set, only these are shown). */
+    include?: string[];
+    /** Max nested depth to render (default 1). */
+    maxDepth?: number;
+}
+/**
+ * Auto-generate a detail Card from a data object.
+ *
+ * Inspects value types and renders:
+ * - Booleans → Badge (Yes/No)
+ * - Status-like strings → Badge with variant
+ * - Dates → Text with tabular-nums class
+ * - Nested objects → sub-section
+ * - Everything else → Text
+ *
+ * @example
+ * ```ts
+ * autoDetail({ name: 'John', status: 'active', createdAt: '2024-01-01' })
+ * ```
+ */
+export declare function autoDetail(data: Record<string, unknown>, options?: AutoDetailOptions): ContainerComponent;
+export interface AutoTableOptions {
+    /** Title shown above the table. */
+    title?: string;
+    /** Override column definitions. If not set, auto-inferred from first row. */
+    columns?: DataTableColumnDef[];
+    /** Fields to exclude from auto-generated columns. */
+    exclude?: string[];
+    /** Enable search. Default true. */
+    search?: boolean;
+    /** Make all columns sortable. Default true. */
+    sortable?: boolean;
+}
+/**
+ * Auto-generate a DataTable from an array of objects.
+ *
+ * Infers columns from the first row's keys, skipping nested objects/arrays.
+ * Wraps in a Column with a title and record count badge.
+ *
+ * @example
+ * ```ts
+ * autoTable([
+ *   { name: 'John', email: 'john@example.com', age: 30 },
+ *   { name: 'Jane', email: 'jane@example.com', age: 25 },
+ * ], { title: 'Users' })
+ * ```
+ */
+export declare function autoTable(rows: Record<string, unknown>[], options?: AutoTableOptions): ContainerComponent;
+//# sourceMappingURL=index.d.ts.map

package/dist/auto/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/auto/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAK9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAInF,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACpC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,YAAY,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AA8C1E;;;GAGG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,CAG1D;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,IAAI,CAInF;AA2BD,MAAM,WAAW,iBAAiB;IAChC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,GAAG,kBAAkB,CAczG;AAuFD,MAAM,WAAW,gBAAgB;IAC/B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC9B,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,CAoBzG"}

package/dist/auto/index.js

@@ -0,0 +1,240 @@
+/**
+ * Auto-rendering utilities — smart component generation from raw data.
+ *
+ * Ported from mcp-generator-3.x display_renderers.py and display_tools.py.
+ * These helpers let you render API responses as rich UIs without
+ * manually building component trees.
+ */
+import {} from '../core/component.js';
+import { Column, Row } from '../components/layout/index.js';
+import { Heading, Text, Muted } from '../components/typography/index.js';
+import { Card, CardContent } from '../components/card/index.js';
+import { DataTable, col, Badge, Separator } from '../components/data/index.js';
+// ── Re-export sub-modules ───────────────────────────────────────────────────
+export { autoChart } from './chart.js';
+export { autoForm } from './form.js';
+export { autoComparison } from './comparison.js';
+export { autoMetrics } from './metrics.js';
+export { autoTimeline } from './timeline.js';
+export { autoProgress } from './progress.js';
+// ── Status → Badge variant mapping ──────────────────────────────────────────
+const STATUS_VARIANTS = {
+    // Success
+    available: 'success',
+    active: 'success',
+    enabled: 'success',
+    approved: 'success',
+    delivered: 'success',
+    complete: 'success',
+    completed: 'success',
+    resolved: 'success',
+    verified: 'success',
+    published: 'success',
+    open: 'success',
+    healthy: 'success',
+    connected: 'success',
+    // Warning
+    pending: 'warning',
+    processing: 'warning',
+    in_progress: 'warning',
+    in_review: 'warning',
+    placed: 'warning',
+    waiting: 'warning',
+    queued: 'warning',
+    draft: 'warning',
+    partial: 'warning',
+    // Destructive / Error
+    sold: 'destructive',
+    inactive: 'destructive',
+    disabled: 'destructive',
+    deleted: 'destructive',
+    cancelled: 'destructive',
+    rejected: 'destructive',
+    failed: 'destructive',
+    error: 'destructive',
+    expired: 'destructive',
+    blocked: 'destructive',
+    closed: 'destructive',
+    revoked: 'destructive',
+    suspended: 'destructive',
+    disconnected: 'destructive',
+};
+/**
+ * Get a Badge variant for a status string.
+ * Falls back to 'outline' for unknown statuses.
+ */
+export function statusVariant(status) {
+    const normalized = status.toLowerCase().replace(/[\s-]/g, '_');
+    return STATUS_VARIANTS[normalized] ?? 'outline';
+}
+/**
+ * Register additional status→variant mappings.
+ */
+export function registerStatusVariants(mappings) {
+    for (const [key, variant] of Object.entries(mappings)) {
+        STATUS_VARIANTS[key.toLowerCase().replace(/[\s-]/g, '_')] = variant;
+    }
+}
+// ── Type detection helpers ──────────────────────────────────────────────────
+function isDateString(value) {
+    if (typeof value !== 'string')
+        return false;
+    return /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2})?/.test(value);
+}
+function isStatusLike(key, value) {
+    if (typeof value !== 'string')
+        return false;
+    const statusKeys = ['status', 'state', 'phase', 'condition', 'mode'];
+    return statusKeys.some(sk => key.toLowerCase().includes(sk))
+        || value.toLowerCase().replace(/[\s-]/g, '_') in STATUS_VARIANTS;
+}
+function humanizeKey(key) {
+    return key
+        .replace(/([A-Z])/g, ' $1')
+        .replace(/[_-]/g, ' ')
+        .replace(/\bid\b/gi, 'ID')
+        .trim()
+        .replace(/^\w/, c => c.toUpperCase());
+}
+/**
+ * Auto-generate a detail Card from a data object.
+ *
+ * Inspects value types and renders:
+ * - Booleans → Badge (Yes/No)
+ * - Status-like strings → Badge with variant
+ * - Dates → Text with tabular-nums class
+ * - Nested objects → sub-section
+ * - Everything else → Text
+ *
+ * @example
+ * ```ts
+ * autoDetail({ name: 'John', status: 'active', createdAt: '2024-01-01' })
+ * ```
+ */
+export function autoDetail(data, options) {
+    const title = options?.title ?? detectTitle(data);
+    const exclude = new Set(options?.exclude ?? []);
+    const include = options?.include ? new Set(options.include) : null;
+    const maxDepth = options?.maxDepth ?? 1;
+    const fieldRows = buildDetailFields(data, exclude, include, 0, maxDepth);
+    return Column({ gap: 5, cssClass: 'p-6 max-w-2xl', children: [
+            ...(title ? [Heading(title)] : []),
+            Card({ children: [
+                    CardContent({ cssClass: 'py-4', children: fieldRows }),
+                ] }),
+        ] });
+}
+function detectTitle(data) {
+    const titleFields = ['name', 'title', 'username', 'displayName', 'display_name', 'label', 'email'];
+    for (const field of titleFields) {
+        if (typeof data[field] === 'string' && data[field]) {
+            return data[field];
+        }
+    }
+    return undefined;
+}
+function buildDetailFields(data, exclude, include, depth, maxDepth) {
+    const entries = Object.entries(data).filter(([key]) => {
+        if (exclude.has(key))
+            return false;
+        if (include && !include.has(key))
+            return false;
+        return true;
+    });
+    const components = [];
+    let shown = 0;
+    for (const [key, value] of entries) {
+        // Skip nested objects/arrays at top level (handle below)
+        if (typeof value === 'object' && value !== null && !Array.isArray(value))
+            continue;
+        if (Array.isArray(value))
+            continue;
+        if (shown > 0)
+            components.push(Separator());
+        const label = humanizeKey(key);
+        const valueComponent = renderFieldValue(key, value);
+        components.push(Row({ gap: 4, align: 'center', cssClass: 'py-2', children: [
+                Text(label, { cssClass: 'font-medium text-muted-foreground w-40 shrink-0' }),
+                valueComponent,
+            ] }));
+        shown++;
+    }
+    // Nested objects as sub-sections
+    if (depth < maxDepth) {
+        for (const [key, value] of entries) {
+            if (typeof value !== 'object' || value === null || Array.isArray(value))
+                continue;
+            if (shown > 0)
+                components.push(Separator());
+            const label = humanizeKey(key);
+            const nestedFields = buildDetailFields(value, exclude, null, depth + 1, maxDepth);
+            components.push(Column({ gap: 2, cssClass: 'py-2', children: [
+                    Text(label, { bold: true, cssClass: 'text-muted-foreground' }),
+                    ...nestedFields,
+                ] }));
+            shown++;
+        }
+    }
+    return components;
+}
+function renderFieldValue(key, value) {
+    if (value === null || value === undefined) {
+        return Muted('—');
+    }
+    if (typeof value === 'boolean') {
+        return Badge(value ? 'Yes' : 'No', { variant: value ? 'success' : 'outline' });
+    }
+    if (isStatusLike(key, value)) {
+        return Badge(value, { variant: statusVariant(value) });
+    }
+    if (isDateString(value)) {
+        return Text(value, { cssClass: 'font-medium tabular-nums' });
+    }
+    return Text(typeof value === 'string' ? value : String(value), { cssClass: 'font-medium' });
+}
+/**
+ * Auto-generate a DataTable from an array of objects.
+ *
+ * Infers columns from the first row's keys, skipping nested objects/arrays.
+ * Wraps in a Column with a title and record count badge.
+ *
+ * @example
+ * ```ts
+ * autoTable([
+ *   { name: 'John', email: 'john@example.com', age: 30 },
+ *   { name: 'Jane', email: 'jane@example.com', age: 25 },
+ * ], { title: 'Users' })
+ * ```
+ */
+export function autoTable(rows, options) {
+    const title = options?.title;
+    const search = options?.search ?? true;
+    const sortable = options?.sortable ?? true;
+    const exclude = new Set(options?.exclude ?? []);
+    const columns = options?.columns ?? inferColumns(rows, exclude, sortable);
+    const children = [];
+    if (title) {
+        children.push(Heading(title));
+        children.push(Row({ gap: 2, align: 'center', children: [
+                Badge(`${rows.length} records`, { variant: 'outline' }),
+            ] }));
+    }
+    children.push(DataTable({ rows, columns, search }));
+    return Column({ gap: 5, cssClass: 'p-6 max-w-4xl', children });
+}
+function inferColumns(rows, exclude, sortable) {
+    if (rows.length === 0)
+        return [];
+    const firstRow = rows[0];
+    const columns = [];
+    for (const [key, value] of Object.entries(firstRow)) {
+        if (exclude.has(key))
+            continue;
+        // Skip nested objects and arrays — they don't render well in tables
+        if (typeof value === 'object' && value !== null)
+            continue;
+        columns.push(col(key, humanizeKey(key), sortable ? { sortable: true } : undefined));
+    }
+    return columns;
+}
+//# sourceMappingURL=index.js.map

package/dist/auto/index.js.map

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

package/dist/auto/metrics.d.ts

@@ -0,0 +1,44 @@
+/**
+ * autoMetrics — KPI dashboard grid with Metric cards and optional Sparklines.
+ *
+ * Ported from mcp-generator-3.x display_tools.py → show_metrics.
+ */
+import { type ContainerComponent } from '../core/component.js';
+export interface AutoMetricDef {
+    /** Metric label (e.g. 'Revenue'). */
+    label: string;
+    /** Metric value (e.g. '$42K'). */
+    value: string;
+    /** Delta string (e.g. '+12%'). */
+    delta?: string;
+    /** Trend direction. */
+    trend?: 'up' | 'down' | 'flat';
+    /** Trend sentiment (positive = green, negative = red). */
+    trendSentiment?: 'positive' | 'negative' | 'neutral';
+    /** Description text below the metric. */
+    description?: string;
+    /** Sparkline data points. */
+    sparkline?: number[];
+}
+export interface AutoMetricsOptions {
+    /** Dashboard heading. */
+    title?: string;
+    /** Optional subtitle. */
+    subtitle?: string;
+    /** Number of grid columns. Default 4. */
+    columns?: number;
+}
+/**
+ * Auto-generate a KPI dashboard grid.
+ *
+ * @example
+ * ```ts
+ * autoMetrics([
+ *   { label: 'Revenue', value: '$42K', delta: '+12%', trend: 'up', trendSentiment: 'positive', sparkline: [10, 25, 18, 30, 42] },
+ *   { label: 'Users', value: '1,234', delta: '+5%', trend: 'up', trendSentiment: 'positive' },
+ *   { label: 'Errors', value: '3', delta: '-80%', trend: 'down', trendSentiment: 'positive' },
+ * ], { title: 'Dashboard', columns: 3 })
+ * ```
+ */
+export declare function autoMetrics(metrics: AutoMetricDef[], options?: AutoMetricsOptions): ContainerComponent;
+//# sourceMappingURL=metrics.d.ts.map

package/dist/auto/metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics.d.ts","sourceRoot":"","sources":["../../src/auto/metrics.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAO9E,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IAC9B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAA;IACpD,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,aAAa,EAAE,EACxB,OAAO,CAAC,EAAE,kBAAkB,GAC3B,kBAAkB,CAiCpB"}