id3-cli 0.9.1

package/dist/src/preview/mockup-generator.js

@@ -0,0 +1,402 @@
+import { escapeHtml } from './renderer.js';
+// ── Entity -> Screen derivation (9 rules) ──────────────
+function pluralize(name) {
+    const lower = name.toLowerCase();
+    if (lower.endsWith('s'))
+        return lower + 'es';
+    if (lower.endsWith('y') && !/[aeiou]y$/i.test(name))
+        return lower.slice(0, -1) + 'ies';
+    return lower + 's';
+}
+export function deriveScreensFromEntities(entities) {
+    const screens = [];
+    for (const entity of entities) {
+        const plural = pluralize(entity.name);
+        const hasPk = entity.attributes.some(a => a.constraints.includes('PK'));
+        const hasNotNull = entity.attributes.some(a => a.constraints.includes('NOT NULL') && !a.constraints.includes('PK')
+            && !['created_at', 'updated_at', 'deleted_at'].includes(a.name));
+        const hasMutable = entity.attributes.some(a => !a.constraints.includes('PK')
+            && !['created_at', 'updated_at', 'deleted_at'].includes(a.name));
+        const hasStateTransitions = entity.stateTransitions.length > 0;
+        // Rule 1: Entity exists -> List View
+        screens.push({
+            name: `${entity.name} List`,
+            url: `/${plural}`,
+            entity: entity.name,
+            pattern: 'list',
+            priority: 'P1',
+            source: 'auto-derived',
+        });
+        // Rule 2: PK exists -> Detail View
+        if (hasPk) {
+            screens.push({
+                name: `${entity.name} Detail`,
+                url: `/${plural}/:id`,
+                entity: entity.name,
+                pattern: 'detail',
+                priority: 'P1',
+                source: 'auto-derived',
+            });
+        }
+        // Rule 3: NOT NULL attributes -> Create Form
+        if (hasNotNull) {
+            screens.push({
+                name: `Create ${entity.name}`,
+                url: `/${plural}/new`,
+                entity: entity.name,
+                pattern: 'create',
+                priority: 'P1',
+                source: 'auto-derived',
+            });
+        }
+        // Rule 4: Mutable attributes -> Edit Form
+        if (hasMutable) {
+            screens.push({
+                name: `Edit ${entity.name}`,
+                url: `/${plural}/:id/edit`,
+                entity: entity.name,
+                pattern: 'edit',
+                priority: 'P2',
+                source: 'auto-derived',
+            });
+        }
+        // Rule 5: State Transition -> Status Dashboard
+        if (hasStateTransitions) {
+            screens.push({
+                name: `${entity.name} Dashboard`,
+                url: `/${plural}/dashboard`,
+                entity: entity.name,
+                pattern: 'dashboard',
+                priority: 'P2',
+                source: 'auto-derived',
+            });
+        }
+        // Rule 6: 1:N FK (parent side) -> Child Tab
+        for (const rel of entity.relationships) {
+            if (rel.type === '1:N') {
+                screens.push({
+                    name: `${entity.name} ${rel.target} Tab`,
+                    url: `/${plural}/:id/${pluralize(rel.target)}`,
+                    entity: entity.name,
+                    pattern: 'child-tab',
+                    priority: 'P2',
+                    source: 'auto-derived',
+                    relatedEntity: rel.target,
+                });
+            }
+            // Rule 7: N:M -> Association Manager
+            if (rel.type === 'N:M') {
+                screens.push({
+                    name: `${entity.name} ${rel.target} Manager`,
+                    url: `/${plural}/:id/${pluralize(rel.target)}/manage`,
+                    entity: entity.name,
+                    pattern: 'association-manager',
+                    priority: 'P3',
+                    source: 'auto-derived',
+                    relatedEntity: rel.target,
+                });
+            }
+        }
+    }
+    return screens;
+}
+// ── Attribute -> Widget mapping (12 rules) ──────────────
+export function mapAttributeToWidget(attr) {
+    // Rule 10: UUID PK -> hidden
+    if (attr.type === 'UUID' && attr.constraints.includes('PK'))
+        return 'hidden';
+    // Rule 12: Specialized input (email/url/phone)
+    if (attr.subtype && ['email', 'url', 'phone'].includes(attr.subtype))
+        return 'specialized-input';
+    // Rule 11: File -> file-upload
+    if (attr.type === 'FILE')
+        return 'file-upload';
+    // Rule 3: ENUM -> select
+    if (attr.type === 'ENUM')
+        return 'select';
+    // Rule 4: BOOLEAN -> toggle
+    if (attr.type === 'BOOLEAN')
+        return 'toggle';
+    // Rule 5-6: INTEGER/DECIMAL -> number-input
+    if (attr.type === 'INTEGER' || attr.type === 'DECIMAL')
+        return 'number-input';
+    // Rule 7: DATE -> date-picker
+    if (attr.type === 'DATE')
+        return 'date-picker';
+    // Rule 8: TIMESTAMP -> datetime-picker
+    if (attr.type === 'TIMESTAMP')
+        return 'datetime-picker';
+    // Rule 9: FK -> autocomplete
+    if (attr.type === 'FK')
+        return 'autocomplete';
+    // Rule: JSONB -> json-editor
+    if (attr.type === 'JSONB')
+        return 'json-editor';
+    // Rule 1-2: VARCHAR/TEXT based on length
+    if (attr.type === 'TEXT' || (attr.type === 'VARCHAR' && (attr.maxLength === undefined || attr.maxLength > 200))) {
+        return 'textarea';
+    }
+    return 'text-input';
+}
+// ── Sample data generation ────────────────────────────
+const SAMPLE_NAMES = ['Alice Johnson', 'Bob Smith', 'Carol Williams', 'David Brown', 'Eve Davis'];
+const SAMPLE_EMAILS = ['alice@example.com', 'bob@example.com', 'carol@example.com', 'david@example.com', 'eve@example.com'];
+const SAMPLE_ORGS = ['Acme Corp', 'Globex Inc', 'Initech', 'Umbrella Corp', 'Stark Industries'];
+const SAMPLE_TIMESTAMPS = ['2026-04-05 14:30', '2026-03-28 09:15', '2026-02-14 16:45', '2026-01-10 11:00', '2025-12-25 08:30'];
+const SAMPLE_INTS = [42, 128, 7, 256, 1024];
+export function generateSampleData(attr, count) {
+    const results = [];
+    for (let i = 0; i < count; i++) {
+        if (attr.type === 'BOOLEAN') {
+            results.push(i % 2 === 0);
+        }
+        else if (attr.type === 'INTEGER' || attr.type === 'DECIMAL') {
+            results.push(SAMPLE_INTS[i % SAMPLE_INTS.length]);
+        }
+        else if (attr.type === 'ENUM' && attr.enumValues) {
+            results.push(attr.enumValues[i % attr.enumValues.length]);
+        }
+        else if (attr.type === 'TIMESTAMP') {
+            results.push(SAMPLE_TIMESTAMPS[i % SAMPLE_TIMESTAMPS.length]);
+        }
+        else if (attr.type === 'DATE') {
+            results.push(SAMPLE_TIMESTAMPS[i % SAMPLE_TIMESTAMPS.length].split(' ')[0]);
+        }
+        else if (attr.type === 'FK') {
+            results.push(SAMPLE_ORGS[i % SAMPLE_ORGS.length]);
+        }
+        else if (attr.subtype === 'email' || attr.name.includes('email')) {
+            results.push(SAMPLE_EMAILS[i % SAMPLE_EMAILS.length]);
+        }
+        else if (attr.name.includes('name') || attr.name.includes('title')) {
+            results.push(SAMPLE_NAMES[i % SAMPLE_NAMES.length]);
+        }
+        else {
+            results.push(`Sample ${attr.name} ${i + 1}`);
+        }
+    }
+    return results;
+}
+// ── Mockup Index HTML (left menu + full screen list) ─────
+export function renderMockupIndexHtml(screens, title) {
+    // Group screens by entity
+    const byEntity = new Map();
+    for (const s of screens) {
+        if (!byEntity.has(s.entity))
+            byEntity.set(s.entity, []);
+        byEntity.get(s.entity).push(s);
+    }
+    const navItems = Array.from(byEntity.entries())
+        .map(([entity, entityScreens]) => {
+        const links = entityScreens
+            .map(s => `        <li><a href="mockup-${entity.toLowerCase()}.html#${s.pattern}">${escapeHtml(s.name)}</a></li>`)
+            .join('\n');
+        return `      <li class="nav-group">
+        <strong>${escapeHtml(entity)}</strong>
+        <ul>
+${links}
+        </ul>
+      </li>`;
+    })
+        .join('\n');
+    const cards = screens
+        .map(s => `      <div class="card">
+        <div class="card-header">${escapeHtml(s.name)}</div>
+        <div class="card-url">${escapeHtml(s.url)}</div>
+        <div class="card-meta">Entity: ${escapeHtml(s.entity)} | Pattern: ${escapeHtml(s.pattern)} | Priority: ${escapeHtml(s.priority)}</div>
+      </div>`)
+        .join('\n');
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${escapeHtml(title)}</title>
+  <style>
+    :root { --bg: #ffffff; --text: #1a1a2e; --card: #f8f9fa; --border: #dee2e6; --accent: #3b82f6; --nav-bg: #f1f5f9; }
+    @media (prefers-color-scheme: dark) {
+      :root { --bg: #1a1a2e; --text: #e0e0e0; --card: #16213e; --border: #334155; --nav-bg: #0f172a; }
+    }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: -apple-system, system-ui, sans-serif; background: var(--bg); color: var(--text); display: flex; min-height: 100vh; }
+    nav { width: 260px; background: var(--nav-bg); border-right: 1px solid var(--border); padding: 1rem; overflow-y: auto; position: fixed; top: 0; bottom: 0; }
+    nav h2 { font-size: 1.1rem; margin-bottom: 1rem; }
+    nav ul { list-style: none; }
+    nav .nav-group { margin-bottom: 0.75rem; }
+    nav .nav-group ul { margin-top: 0.25rem; padding-left: 1rem; }
+    nav a { color: var(--accent); text-decoration: none; font-size: 0.9rem; }
+    nav a:hover { text-decoration: underline; }
+    main { margin-left: 260px; padding: 2rem; flex: 1; }
+    h1 { font-size: 1.5rem; border-bottom: 2px solid var(--border); padding-bottom: 0.5rem; margin-bottom: 1.5rem; }
+    .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; }
+    .card { background: var(--card); border: 1px solid var(--border); border-radius: 8px; padding: 1rem; }
+    .card-header { font-weight: bold; font-size: 1.1rem; }
+    .card-url { font-family: monospace; color: #6c757d; margin: 0.25rem 0; }
+    .card-meta { font-size: 0.85rem; color: #6c757d; }
+    .meta { font-size: 0.85rem; color: #6c757d; margin-top: 2rem; }
+  </style>
+</head>
+<body>
+  <nav>
+    <h2>Screens</h2>
+    <ul>
+${navItems}
+    </ul>
+  </nav>
+  <main>
+    <h1>${escapeHtml(title)}</h1>
+    <div class="grid">
+${cards}
+    </div>
+    <p class="meta">Generated by IDDD Phase 2.5 -- ${new Date().toISOString().split('T')[0]}</p>
+  </main>
+</body>
+</html>`;
+}
+// ── Entity Mockup HTML (3 fidelity levels + traceability) ──
+export function renderEntityMockupHtml(entity, tokens) {
+    const visibleAttrs = entity.attributes.filter(a => !a.constraints.includes('PK')
+        && !['created_at', 'updated_at', 'deleted_at'].includes(a.name));
+    // Generate wireframe tab content
+    const wireframeRows = visibleAttrs
+        .map(a => {
+        const widget = mapAttributeToWidget(a);
+        const required = a.constraints.includes('NOT NULL') ? ' *' : '';
+        return `        <tr><td>${escapeHtml(a.name)}${required}</td><td>[${escapeHtml(widget)}]</td></tr>`;
+    })
+        .join('\n');
+    const wireframeHtml = `
+      <table class="wireframe-table">
+        <tr><th>Field</th><th>Widget</th></tr>
+${wireframeRows}
+      </table>`;
+    // Generate styled tab content (design tokens applied)
+    const styledRows = visibleAttrs
+        .map(a => {
+        const widget = mapAttributeToWidget(a);
+        const required = a.constraints.includes('NOT NULL') ? '<span class="required">*</span>' : '';
+        return `        <div class="form-group" style="margin-bottom: ${tokens.spacing.base * 2}px;">
+          <label style="font-size: ${tokens.typography.body.size}; font-weight: ${tokens.typography.body.weight};">${escapeHtml(a.name)}${required}</label>
+          <div class="widget" data-type="${escapeHtml(widget)}">${escapeHtml(widget)}</div>
+        </div>`;
+    })
+        .join('\n');
+    const styledHtml = `
+      <div class="styled-form" style="background: ${tokens.colors.surface}; padding: ${tokens.spacing.base * 3}px;">
+${styledRows}
+        <button style="background: ${tokens.colors.accent}; color: white; border: none; padding: ${tokens.spacing.base}px ${tokens.spacing.base * 2}px; border-radius: 4px;">Save</button>
+      </div>`;
+    // Generate interactive tab content (sample data)
+    const sampleCount = 3;
+    const headerCells = visibleAttrs.map(a => `<th>${escapeHtml(a.name)}</th>`).join('');
+    const bodyRows = [];
+    for (let row = 0; row < sampleCount; row++) {
+        const cells = visibleAttrs
+            .map(a => {
+            const samples = generateSampleData(a, sampleCount);
+            return `<td>${escapeHtml(String(samples[row]))}</td>`;
+        })
+            .join('');
+        bodyRows.push(`        <tr>${cells}</tr>`);
+    }
+    const interactiveHtml = `
+      <table class="interactive-table">
+        <thead><tr>${headerCells}</tr></thead>
+        <tbody>
+${bodyRows.join('\n')}
+        </tbody>
+      </table>`;
+    // Generate traceability panel
+    const traceRows = entity.attributes
+        .map(a => {
+        const widget = mapAttributeToWidget(a);
+        const constraints = a.constraints.join(', ') || '-';
+        return `        <tr>
+          <td>${escapeHtml(entity.name)}</td>
+          <td>${escapeHtml(a.name)}</td>
+          <td>${escapeHtml(a.type)}</td>
+          <td>${escapeHtml(widget)}</td>
+          <td>${escapeHtml(constraints)}</td>
+        </tr>`;
+    })
+        .join('\n');
+    const traceHtml = `
+      <div class="traceability">
+        <h3>Traceability</h3>
+        <table>
+          <thead><tr><th>Entity</th><th>Attribute</th><th>Type</th><th>Widget</th><th>Constraints</th></tr></thead>
+          <tbody>
+${traceRows}
+          </tbody>
+        </table>
+      </div>`;
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Mockup: ${escapeHtml(entity.name)}</title>
+  <style>
+    :root { --bg: #ffffff; --text: #1a1a2e; --card: #f8f9fa; --border: #dee2e6; --accent: ${tokens.colors.accent}; }
+    @media (prefers-color-scheme: dark) {
+      :root { --bg: #1a1a2e; --text: #e0e0e0; --card: #16213e; --border: #334155; }
+    }
+    body { font-family: -apple-system, system-ui, sans-serif; background: var(--bg); color: var(--text); margin: 0; padding: 2rem; }
+    h1 { font-size: 1.5rem; border-bottom: 2px solid var(--border); padding-bottom: 0.5rem; }
+    .tabs { display: flex; gap: 0; margin: 1.5rem 0 0; border-bottom: 2px solid var(--border); }
+    .tab { padding: 0.5rem 1.5rem; cursor: pointer; border: 1px solid transparent; border-bottom: none; background: transparent; font-size: 1rem; color: var(--text); }
+    .tab.active { background: var(--card); border-color: var(--border); border-bottom: 2px solid var(--bg); margin-bottom: -2px; font-weight: bold; }
+    .tab-content { display: none; padding: 1.5rem; background: var(--card); border: 1px solid var(--border); border-top: none; }
+    .tab-content.active { display: block; }
+    table { width: 100%; border-collapse: collapse; }
+    th, td { padding: 0.5rem; border: 1px solid var(--border); text-align: left; }
+    th { background: var(--card); font-weight: 600; }
+    .wireframe-table { font-family: monospace; }
+    .form-group label { display: block; margin-bottom: 4px; }
+    .widget { padding: 8px; border: 1px dashed var(--border); border-radius: 4px; color: ${tokens.colors.secondary}; }
+    .required { color: #ef4444; margin-left: 2px; }
+    .traceability { margin-top: 2rem; padding-top: 1rem; border-top: 2px solid var(--border); }
+    .traceability h3 { margin-bottom: 0.5rem; }
+    .meta { font-size: 0.85rem; color: #6c757d; margin-top: 1rem; }
+  </style>
+</head>
+<body>
+  <h1>Mockup: ${escapeHtml(entity.name)}</h1>
+
+  <div class="tabs">
+    <button class="tab active" onclick="switchTab('wireframe')">Wireframe</button>
+    <button class="tab" onclick="switchTab('styled')">Styled</button>
+    <button class="tab" onclick="switchTab('interactive')">Interactive</button>
+  </div>
+
+  <div id="wireframe" class="tab-content active">
+    <h2>Wireframe</h2>
+${wireframeHtml}
+  </div>
+
+  <div id="styled" class="tab-content">
+    <h2>Styled</h2>
+${styledHtml}
+  </div>
+
+  <div id="interactive" class="tab-content">
+    <h2>Interactive</h2>
+${interactiveHtml}
+  </div>
+
+${traceHtml}
+
+  <p class="meta">Generated by IDDD Phase 2.5 -- ${new Date().toISOString().split('T')[0]}</p>
+
+  <script>
+    function switchTab(tabId) {
+      document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
+      document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
+      document.getElementById(tabId).classList.add('active');
+      document.querySelector('[onclick="switchTab(\\'' + tabId + '\\')"]').classList.add('active');
+    }
+  </script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=mockup-generator.js.map

package/dist/src/preview/mockup-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockup-generator.js","sourceRoot":"","sources":["../../../src/preview/mockup-generator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkD3C,0DAA0D;AAE1D,SAAS,SAAS,CAAC,IAAY;IAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IACjC,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;QAAE,OAAO,KAAK,GAAG,IAAI,CAAC;IAC7C,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;IACvF,OAAO,KAAK,GAAG,GAAG,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,QAAqB;IAC7D,MAAM,OAAO,GAAuB,EAAE,CAAC;IAEvC,KAAK,MAAM,MAAM,IAAI,QAAQ,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QACxE,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAC5C,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;eAChE,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAChE,CAAC;QACF,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAC5C,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;eAC1B,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAChE,CAAC;QACF,MAAM,mBAAmB,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC;QAE/D,qCAAqC;QACrC,OAAO,CAAC,IAAI,CAAC;YACX,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,OAAO;YAC3B,GAAG,EAAE,IAAI,MAAM,EAAE;YACjB,MAAM,EAAE,MAAM,CAAC,IAAI;YACnB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,cAAc;SACvB,CAAC,CAAC;QAEH,mCAAmC;QACnC,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CAAC,IAAI,CAAC;gBACX,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,SAAS;gBAC7B,GAAG,EAAE,IAAI,MAAM,MAAM;gBACrB,MAAM,EAAE,MAAM,CAAC,IAAI;gBACnB,OAAO,EAAE,QAAQ;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,cAAc;aACvB,CAAC,CAAC;QACL,CAAC;QAED,6CAA6C;QAC7C,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC;gBACX,IAAI,EAAE,UAAU,MAAM,CAAC,IAAI,EAAE;gBAC7B,GAAG,EAAE,IAAI,MAAM,MAAM;gBACrB,MAAM,EAAE,MAAM,CAAC,IAAI;gBACnB,OAAO,EAAE,QAAQ;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,cAAc;aACvB,CAAC,CAAC;QACL,CAAC;QAED,0CAA0C;QAC1C,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC;gBACX,IAAI,EAAE,QAAQ,MAAM,CAAC,IAAI,EAAE;gBAC3B,GAAG,EAAE,IAAI,MAAM,WAAW;gBAC1B,MAAM,EAAE,MAAM,CAAC,IAAI;gBACnB,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,cAAc;aACvB,CAAC,CAAC;QACL,CAAC;QAED,+CAA+C;QAC/C,IAAI,mBAAmB,EAAE,CAAC;YACxB,OAAO,CAAC,IAAI,CAAC;gBACX,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,YAAY;gBAChC,GAAG,EAAE,IAAI,MAAM,YAAY;gBAC3B,MAAM,EAAE,MAAM,CAAC,IAAI;gBACnB,OAAO,EAAE,WAAW;gBACpB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,cAAc;aACvB,CAAC,CAAC;QACL,CAAC;QAED,4CAA4C;QAC5C,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;YACvC,IAAI,GAAG,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBACvB,OAAO,CAAC,IAAI,CAAC;oBACX,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,GAAG,CAAC,MAAM,MAAM;oBACxC,GAAG,EAAE,IAAI,MAAM,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;oBAC9C,MAAM,EAAE,MAAM,CAAC,IAAI;oBACnB,OAAO,EAAE,WAAW;oBACpB,QAAQ,EAAE,IAAI;oBACd,MAAM,EAAE,cAAc;oBACtB,aAAa,EAAE,GAAG,CAAC,MAAM;iBAC1B,CAAC,CAAC;YACL,CAAC;YAED,qCAAqC;YACrC,IAAI,GAAG,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBACvB,OAAO,CAAC,IAAI,CAAC;oBACX,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,GAAG,CAAC,MAAM,UAAU;oBAC5C,GAAG,EAAE,IAAI,MAAM,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS;oBACrD,MAAM,EAAE,MAAM,CAAC,IAAI;oBACnB,OAAO,EAAE,qBAAqB;oBAC9B,QAAQ,EAAE,IAAI;oBACd,MAAM,EAAE,cAAc;oBACtB,aAAa,EAAE,GAAG,CAAC,MAAM;iBAC1B,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,2DAA2D;AAE3D,MAAM,UAAU,oBAAoB,CAAC,IAAkB;IACrD,6BAA6B;IAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,QAAQ,CAAC;IAE7E,+CAA+C;IAC/C,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;QAAE,OAAO,mBAAmB,CAAC;IAEjG,+BAA+B;IAC/B,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;QAAE,OAAO,aAAa,CAAC;IAE/C,yBAAyB;IACzB,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;QAAE,OAAO,QAAQ,CAAC;IAE1C,4BAA4B;IAC5B,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC;IAE7C,4CAA4C;IAC5C,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,cAAc,CAAC;IAE9E,8BAA8B;IAC9B,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;QAAE,OAAO,aAAa,CAAC;IAE/C,uCAAuC;IACvC,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW;QAAE,OAAO,iBAAiB,CAAC;IAExD,6BAA6B;IAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;QAAE,OAAO,cAAc,CAAC;IAE9C,6BAA6B;IAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,aAAa,CAAC;IAEhD,yCAAyC;IACzC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC;QAChH,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,yDAAyD;AAEzD,MAAM,YAAY,GAAG,CAAC,eAAe,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;AAClG,MAAM,aAAa,GAAG,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;AAC5H,MAAM,WAAW,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAAC;AAChG,MAAM,iBAAiB,GAAG,CAAC,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;AAC/H,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;AAE5C,MAAM,UAAU,kBAAkB,CAAC,IAAkB,EAAE,KAAa;IAClE,MAAM,OAAO,GAAkC,EAAE,CAAC;IAClD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC5B,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5B,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC9D,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;QACpD,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACnD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;QAC5D,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;YACrC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAChE,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAChC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9E,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YAC9B,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;QACpD,CAAC;aAAM,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACnE,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;QACxD,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACrE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;QACtD,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,4DAA4D;AAE5D,MAAM,UAAU,qBAAqB,CAAC,OAA2B,EAAE,KAAa;IAC9E,0BAA0B;IAC1B,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA8B,CAAC;IACvD,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC;QACxB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACxD,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClC,CAAC;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;SAC5C,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,EAAE;QAC/B,MAAM,KAAK,GAAG,aAAa;aACxB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,+BAA+B,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;aACjH,IAAI,CAAC,IAAI,CAAC,CAAC;QACd,OAAO;kBACK,UAAU,CAAC,MAAM,CAAC;;EAElC,KAAK;;YAEK,CAAC;IACT,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,KAAK,GAAG,OAAO;SAClB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;mCACqB,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;gCACrB,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;yCACR,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;aAC1H,CAAC;SACT,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,OAAO;;;;;WAKE,UAAU,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6B1B,QAAQ;;;;UAIA,UAAU,CAAC,KAAK,CAAC;;EAEzB,KAAK;;qDAE8C,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;;QAGnF,CAAC;AACT,CAAC;AAED,8DAA8D;AAE9D,MAAM,UAAU,sBAAsB,CAAC,MAAiB,EAAE,MAAoB;IAC5E,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAChD,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;WAC1B,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAChE,CAAC;IAEF,iCAAiC;IACjC,MAAM,aAAa,GAAG,YAAY;SAC/B,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,MAAM,MAAM,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,QAAQ,GAAG,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAChE,OAAO,mBAAmB,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,QAAQ,aAAa,UAAU,CAAC,MAAM,CAAC,aAAa,CAAC;IACtG,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,aAAa,GAAG;;;EAGtB,aAAa;eACA,CAAC;IAEd,sDAAsD;IACtD,MAAM,UAAU,GAAG,YAAY;SAC5B,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,MAAM,MAAM,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,QAAQ,GAAG,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7F,OAAO,yDAAyD,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;qCACxD,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,kBAAkB,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,MAAM,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,QAAQ;2CACvG,UAAU,CAAC,MAAM,CAAC,KAAK,UAAU,CAAC,MAAM,CAAC;eACrE,CAAC;IACZ,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG;oDAC+B,MAAM,CAAC,MAAM,CAAC,OAAO,cAAc,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;EAC5G,UAAU;qCACyB,MAAM,CAAC,MAAM,CAAC,MAAM,0CAA0C,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;aACtI,CAAC;IAEZ,iDAAiD;IACjD,MAAM,WAAW,GAAG,CAAC,CAAC;IACtB,MAAM,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACrF,MAAM,QAAQ,GAAa,EAAE,CAAC;IAC9B,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,WAAW,EAAE,GAAG,EAAE,EAAE,CAAC;QAC3C,MAAM,KAAK,GAAG,YAAY;aACvB,GAAG,CAAC,CAAC,CAAC,EAAE;YACP,MAAM,OAAO,GAAG,kBAAkB,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;YACnD,OAAO,OAAO,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;QACxD,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,QAAQ,CAAC,IAAI,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM,eAAe,GAAG;;qBAEL,WAAW;;EAE9B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;eAEN,CAAC;IAEd,8BAA8B;IAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU;SAChC,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,MAAM,MAAM,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;QACpD,OAAO;gBACG,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC;gBACvB,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;gBAClB,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;gBAClB,UAAU,CAAC,MAAM,CAAC;gBAClB,UAAU,CAAC,WAAW,CAAC;cACzB,CAAC;IACX,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG;;;;;;EAMlB,SAAS;;;aAGE,CAAC;IAEZ,OAAO;;;;;mBAKU,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC;;4FAEkD,MAAM,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;2FAgBrB,MAAM,CAAC,MAAM,CAAC,SAAS;;;;;;;;gBAQlG,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC;;;;;;;;;;EAUrC,aAAa;;;;;EAKb,UAAU;;;;;EAKV,eAAe;;;EAGf,SAAS;;mDAEwC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;QAWjF,CAAC;AACT,CAAC"}

package/dist/src/preview/renderer.d.ts

@@ -0,0 +1,30 @@
+export declare function extractMermaidBlock(markdown: string): string;
+export declare function renderErdHtml(mermaidCode: string, title: string): string;
+export interface ScreenDef {
+    name: string;
+    url: string;
+    entity: string;
+    pattern: string;
+}
+export declare function renderMockupHtml(screens: ScreenDef[], title: string): string;
+export interface AuditData {
+    version: string;
+    lastVerified: string;
+    entities: {
+        defined: number;
+        implemented: number;
+        missing: number;
+    };
+    rules: {
+        defined: number;
+        implemented: number;
+        missing: number;
+    };
+    screens: {
+        defined: number;
+        implemented: number;
+        missing: number;
+    };
+}
+export declare function renderAuditHtml(data: AuditData): string;
+export declare function escapeHtml(str: string): string;

package/dist/src/preview/renderer.js

@@ -0,0 +1,145 @@
+export function extractMermaidBlock(markdown) {
+    const match = markdown.match(/```mermaid\n([\s\S]*?)```/);
+    return match ? match[1].trim() : '';
+}
+export function renderErdHtml(mermaidCode, title) {
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${escapeHtml(title)}</title>
+  <style>
+    :root { --bg: #ffffff; --text: #1a1a2e; --card: #f8f9fa; --border: #dee2e6; }
+    @media (prefers-color-scheme: dark) {
+      :root { --bg: #1a1a2e; --text: #e0e0e0; --card: #16213e; --border: #334155; }
+    }
+    body { font-family: -apple-system, system-ui, sans-serif; background: var(--bg); color: var(--text); margin: 0; padding: 2rem; }
+    h1 { font-size: 1.5rem; border-bottom: 2px solid var(--border); padding-bottom: 0.5rem; }
+    .mermaid { background: var(--card); border-radius: 8px; padding: 2rem; border: 1px solid var(--border); }
+    .meta { font-size: 0.85rem; color: #6c757d; margin-top: 1rem; }
+    #theme-toggle { position: fixed; top: 1rem; right: 1rem; cursor: pointer; font-size: 1.5rem; background: none; border: none; }
+  </style>
+</head>
+<body>
+  <button id="theme-toggle" onclick="toggleTheme()">🌓</button>
+  <h1>${escapeHtml(title)}</h1>
+  <div class="mermaid">
+${mermaidCode}
+  </div>
+  <p class="meta">Generated by IDDD Preview — ${new Date().toISOString().split('T')[0]}</p>
+  <script type="module">
+    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
+    mermaid.initialize({
+      startOnLoad: false,
+      theme: window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'default',
+      maxTextSize: 200000,
+    });
+    await mermaid.run({ querySelector: '.mermaid' });
+  </script>
+  <script>
+    function toggleTheme() {
+      document.documentElement.style.colorScheme = document.documentElement.style.colorScheme === 'dark' ? 'light' : 'dark';
+      location.reload();
+    }
+  </script>
+</body>
+</html>`;
+}
+export function renderMockupHtml(screens, title) {
+    const cards = screens
+        .map((s) => `
+    <div class="card">
+      <div class="card-header">${escapeHtml(s.name)}</div>
+      <div class="card-url">${escapeHtml(s.url)}</div>
+      <div class="card-meta">Entity: ${escapeHtml(s.entity)} | Pattern: ${escapeHtml(s.pattern)}</div>
+      <div class="card-wireframe">${wireframe(s.pattern)}</div>
+    </div>`)
+        .join('\n');
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>${escapeHtml(title)}</title>
+  <style>
+    :root { --bg: #ffffff; --text: #1a1a2e; --card: #f8f9fa; --border: #dee2e6; }
+    @media (prefers-color-scheme: dark) { :root { --bg: #1a1a2e; --text: #e0e0e0; --card: #16213e; --border: #334155; } }
+    body { font-family: -apple-system, system-ui, sans-serif; background: var(--bg); color: var(--text); margin: 0; padding: 2rem; }
+    h1 { font-size: 1.5rem; border-bottom: 2px solid var(--border); padding-bottom: 0.5rem; }
+    .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
+    .card { background: var(--card); border: 1px solid var(--border); border-radius: 8px; padding: 1rem; }
+    .card-header { font-weight: bold; font-size: 1.1rem; }
+    .card-url { font-family: monospace; color: #6c757d; margin: 0.25rem 0; }
+    .card-meta { font-size: 0.85rem; color: #6c757d; margin-bottom: 0.75rem; }
+    .card-wireframe { background: var(--bg); border: 1px dashed var(--border); border-radius: 4px; padding: 1rem; font-family: monospace; font-size: 0.8rem; white-space: pre; }
+  </style>
+</head>
+<body>
+  <h1>${escapeHtml(title)}</h1>
+  <div class="grid">${cards}</div>
+</body>
+</html>`;
+}
+function wireframe(pattern) {
+    switch (pattern) {
+        case 'list':
+            return '┌─────────────────────┐\n│ [Search...]  [+New] │\n├───┬───────┬─────────┤\n│ # │ Name  │ Status  │\n├───┼───────┼─────────┤\n│ 1 │ ████  │ ██████  │\n│ 2 │ ████  │ ██████  │\n│ 3 │ ████  │ ██████  │\n└───┴───────┴─────────┘';
+        case 'detail':
+            return '┌─────────────────────┐\n│ ← Back     [Edit]   │\n├─────────────────────┤\n│ Title: ████████████ │\n│ Status: ██████      │\n│ Created: ██████████ │\n├─────────────────────┤\n│ [Related Items Tab] │\n└─────────────────────┘';
+        case 'form':
+            return '┌─────────────────────┐\n│ Create / Edit       │\n├─────────────────────┤\n│ Name:  [________]   │\n│ Email: [________]   │\n│ Role:  [▼ Select ]  │\n│                     │\n│ [Cancel] [Save]     │\n└─────────────────────┘';
+        default:
+            return '┌─────────────────────┐\n│ [Screen Wireframe]  │\n└─────────────────────┘';
+    }
+}
+export function renderAuditHtml(data) {
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>IDDD Audit Report</title>
+  <style>
+    :root { --bg: #ffffff; --text: #1a1a2e; --card: #f8f9fa; --border: #dee2e6; --green: #28a745; --yellow: #ffc107; --red: #dc3545; }
+    @media (prefers-color-scheme: dark) { :root { --bg: #1a1a2e; --text: #e0e0e0; --card: #16213e; --border: #334155; } }
+    body { font-family: -apple-system, system-ui, sans-serif; background: var(--bg); color: var(--text); margin: 0; padding: 2rem; }
+    h1 { font-size: 1.5rem; }
+    .summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 1.5rem 0; }
+    .stat { background: var(--card); border: 1px solid var(--border); border-radius: 8px; padding: 1.5rem; text-align: center; }
+    .stat-value { font-size: 2rem; font-weight: bold; }
+    .stat-label { font-size: 0.85rem; color: #6c757d; }
+    .ok { color: var(--green); }
+    .warn { color: var(--yellow); }
+    .err { color: var(--red); }
+    .bar { height: 8px; border-radius: 4px; background: var(--border); margin-top: 0.5rem; overflow: hidden; }
+    .bar-fill { height: 100%; border-radius: 4px; }
+  </style>
+</head>
+<body>
+  <h1>IDDD Audit Report</h1>
+  <p>Model version: ${escapeHtml(data.version)} | Last verified: ${escapeHtml(data.lastVerified)}</p>
+  <div class="summary">
+    ${auditCard('Entities', data.entities)}
+    ${auditCard('Business Rules', data.rules)}
+    ${auditCard('UI Screens', data.screens)}
+  </div>
+</body>
+</html>`;
+}
+function auditCard(label, data) {
+    const pct = data.defined > 0 ? Math.round((data.implemented / data.defined) * 100) : 0;
+    const color = pct === 100 ? 'var(--green)' : pct >= 80 ? 'var(--yellow)' : 'var(--red)';
+    return `<div class="stat">
+    <div class="stat-value" style="color:${color}">${data.implemented}/${data.defined}</div>
+    <div class="stat-label">${escapeHtml(label)}</div>
+    <div class="bar"><div class="bar-fill" style="width:${pct}%;background:${color}"></div></div>
+    ${data.missing > 0 ? `<div class="stat-label err">${data.missing} missing</div>` : ''}
+  </div>`;
+}
+export function escapeHtml(str) {
+    return str
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+//# sourceMappingURL=renderer.js.map

package/dist/src/preview/renderer.js.map

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

package/dist/src/preview/server.d.ts

@@ -0,0 +1,9 @@
+export interface PreviewServerResult {
+    port: number;
+    close: () => void;
+}
+export declare function startPreviewServer(previewDir: string): Promise<PreviewServerResult>;
+export declare function printPreviewReady(port: number, files: Array<{
+    name: string;
+    path: string;
+}>): void;