@nan0web/ui 1.9.0 → 1.10.0

package/README.md

@@ -90,9 +90,9 @@ const form = new UiForm({
 		message: 'Hello!',
 	},
 })
-const errors = form.validate()
-console.info(errors.size) // ← 1
-console.info(errors.get('email')) // ← Invalid email format
+const { isValid, errors } = form.validate()
+console.info(Object.keys(errors).length) // ← 1
+console.info(errors.email) // ← Invalid email format
 ```
 ### Components
 
@@ -148,18 +148,37 @@ const frame = new Frame({
 const rendered = frame.render()
 console.info(rendered.includes('Frame content')) // ← true
 ```
-### Models
+### Domain Models (v1.9.0)
 
-UI models are plain data objects managed by `Model` classes.
+v1.9.0 introduces a comprehensive set of domain models for layout and components.
+These models follow the **Model-as-Schema** pattern.
 
-- `User` – user data
+#### Layout Models
+- `HeaderModel` — title, logo, navigation actions
+- `FooterModel` — copyright, version, social links
+- `HeroModel` — prominent call-to-action
 
-How to use a User model?
+#### Component Models
+- `PricingModel` — plans with features and prices
+- `CommentModel` & `TestimonialModel` — social proof
+- `StatsModel` — data visualizations
+- `TimelineModel` — event history
+
+How to use the new Header and Hero models?
 ```js
 import { Model } from '@nan0web/ui'
-const user = new Model.User({ name: 'Charlie', email: 'charlie@example.com' })
-console.info(user.name) // ← Charlie
-console.info(user.email) // ← charlie@example.com
+const { HeaderModel, HeroModel } = Model
+const header = new HeaderModel({
+	title: 'NaN•Web',
+	logo: '/logo.svg',
+	actions: [{ title: 'Docs', href: '/docs' }],
+})
+const hero = new HeroModel({
+	title: 'One Logic — Many UI',
+	actions: [{ title: 'Get Started', href: '/start' }],
+})
+console.info(header.title) // ← NaN•Web
+console.info(hero.actions[0].title) // ← Get Started
 ```
 ### Testing UI
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nan0web/ui",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "NaN•Web UI. One application logic (algorithm) and many UI.",
   "main": "src/index.js",
   "types": "types/index.d.ts",
@@ -8,6 +8,7 @@
   "files": [
     "src/**/*.js",
     "!src/**/*.test.js",
+    "!src/README.md.js",
     "types/**/*.d.ts"
   ],
   "exports": {
@@ -15,17 +16,10 @@
       "import": "./src/index.js",
       "types": "./types/index.d.ts"
     },
-    "./components": {
-      "import": "./src/Component/index.js",
-      "types": "./types/Component/index.d.ts"
-    },
-    "./core": {
-      "import": "./src/core/index.js",
-      "types": "./types/core/index.d.ts"
-    },
-    "./domain": {
-      "import": "./src/domain/index.js"
-    },
+    "./components": "./src/Component/index.js",
+    "./core": "./src/core/index.js",
+    "./domain": "./src/domain/index.js",
+    "./testing": "./src/testing/index.js",
     "./cli-app": "./apps/cli/src/index.js",
     "./mobile-app": "./apps/mobile/src/index.js",
     "./web-app": "./apps/web/src/App.jsx"
@@ -73,10 +67,13 @@
     "test:release": "node --test \"releases/**/*.test.js\"",
     "test:status": "nan0test status --hide-name",
     "test:play": "node --test --test-timeout=3333 \"play/**/*.test.js\"",
+    "test:snapshots": "node src/testing/GalleryGenerator.js",
+    "test:gallery": "npm run test:snapshots && npx nan0gallery --dir=snapshots/core",
+    "test:audit": "node --test src/test/gallery_audit.test.js",
     "test:ssg": "node --test --test-timeout=5000 \"src/test/ssg.test.js\"",
     "test:e2e": "playwright test --ignore-snapshots test/e2e/components.spec.js test/e2e/debug-label.spec.js",
     "test:e2e:slow": "E2E_SLOW=1 playwright test test/e2e/visual.spec.js",
-    "test:all": "npm run test && npm run test:docs && npm run test:play && npm run test:e2e && npm run knip",
+    "test:all": "npm run test && npm run test:docs && npm run test:play && npm run test:gallery && npm run test:audit && npm run test:e2e && npm run knip",
     "knip": "knip --production",
     "precommit": "npm test",
     "prepush": "npm test",

package/src/Model/index.js

@@ -1,7 +1,36 @@
 import User from './User/User.js'
+import * as DomainModels from '../domain/index.js'
 
-export { User }
-
-export default {
+const Model = {
 	User,
+	...DomainModels,
 }
+
+export { User }
+export const {
+	HeaderModel,
+	FooterModel,
+	HeroModel,
+	ButtonModel,
+	ConfirmModel,
+	InputModel,
+	SpinnerModel,
+	TableModel,
+	ToastModel,
+	SelectModel,
+	AutocompleteModel,
+	TreeModel,
+	TabsModel,
+	AccordionModel,
+	GalleryModel,
+	PriceModel,
+	PricingModel,
+	CommentModel,
+	TestimonialModel,
+	StatsItemModel,
+	StatsModel,
+	TimelineItemModel,
+	TimelineModel,
+} = DomainModels
+
+export default Model

package/src/core/Form/Form.js

@@ -106,10 +106,11 @@ export default class UIForm extends FormMessage {
 	/**
 	 * Validates the entire form.
 	 *
-	 * @returns {Map<string, string>} Map of validation errors, empty if valid.
+	 * @returns {any}
 	 */
 	validate() {
-		const errors = new Map()
+		/** @type {any} */
+		const errors = {}
 		let isValid = true
 
 		this.fields.forEach((field) => {
@@ -120,7 +121,7 @@ export default class UIForm extends FormMessage {
 				field.required &&
 				(fieldValue === '' || fieldValue === null || fieldValue === undefined)
 			) {
-				errors.set(field.name, 'This field is required')
+				errors[field.name] = 'This field is required'
 				isValid = false
 				return
 			}
@@ -132,14 +133,12 @@ export default class UIForm extends FormMessage {
 			)
 
 			if (!fieldValid) {
-				for (const [key, err] of Object.entries(fieldErrors)) {
-					errors.set(key, err)
-				}
+				Object.assign(errors, fieldErrors)
 				isValid = false
 			}
 		})
 
-		return errors
+		return { isValid, errors }
 	}
 
 	/**
@@ -239,6 +238,8 @@ export default class UIForm extends FormMessage {
 	 */
 	toJSON() {
 		return {
+			id: this.id,
+			type: this.type,
 			time: new Date(this.time).toISOString(),
 			title: this.title,
 			fields: this.fields.map((f) => (f.toJSON ? f.toJSON() : f)),

package/src/core/Form/Message.js

@@ -14,7 +14,7 @@ export default class FormMessage extends UiMessage {
 	 * @param {Object} [input={}] - Message properties.
 	 */
 	constructor(input = {}) {
-		super(input)
+		super({ type: 'form', ...input })
 		const { data = {}, schema = {} } = input
 
 		// Store data and schema for easy access

package/src/core/GeneratorRunner.js

@@ -23,6 +23,8 @@ import { IntentErrorModel } from './IntentErrorModel.js'
  *   Handler for 'progress' intents. Optional (defaults to no-op).
  * @property {(intent: import('./Intent.js').LogIntent) => void | Promise<void>} [log]
  *   Handler for 'log' intents. Optional (defaults to no-op).
+ * @property {(intent: import('./Intent.js').RenderIntent) => void | Promise<void>} [render]
+ *   Handler for 'render' intents (visual component injection). Optional.
  * @property {(intent: import('./Intent.js').ResultIntent) => void | Promise<void>} [result]
  *   Handler for the final 'result'. Optional (defaults to no-op).
  */
@@ -206,6 +208,14 @@ export async function runGenerator(generator, handlers, options = {}) {
 				break
 			}
 
+			case 'render': {
+				if (handlers.render) {
+					await handlers.render(intent)
+				}
+				nextVal = undefined
+				break
+			}
+
 			default:
 				throw IntentErrorModel.error('unhandled_intent', { type: /** @type {any} */ (intent).type })
 		}

package/src/core/Intent.js

@@ -58,9 +58,18 @@ import { IntentErrorModel } from './IntentErrorModel.js'
  * @property {*} data - The raw result data (JSON-serializable).
  */
 
+/**
+ * Model requests rendering of a pure UI component (Header, Footer, Static Map).
+ * No response expected from the logic loop.
+ * @typedef {Object} RenderIntent
+ * @property {'render'} type
+ * @property {string} component - Component name (e.g. 'App.Layout.Header').
+ * @property {object} props - Static props for the component.
+ */
+
 /**
  * Union of all possible yielded intents.
- * @typedef {AskIntent | ProgressIntent | LogIntent} Intent
+ * @typedef {AskIntent | ProgressIntent | LogIntent | RenderIntent} Intent
  */
 
 // ─── Response Types (Adapter → Model) ───
@@ -95,7 +104,7 @@ import { IntentErrorModel } from './IntentErrorModel.js'
  * @typedef {AskResponse | AbortResponse | undefined} IntentResponse
  */
 
-export const INTENT_TYPES = /** @type {const} */ (['ask', 'progress', 'log'])
+export const INTENT_TYPES = /** @type {const} */ (['ask', 'progress', 'log', 'render'])
 
 /**
  * Detects if a value is a Model-as-Schema class (has static fields with `help`).
@@ -143,6 +152,11 @@ export function validateIntent(intent) {
 			throw IntentErrorModel.error('intent_missing_message', { type: intent.type })
 		}
 	}
+	if (intent.type === 'render') {
+		if (typeof intent.component !== 'string' || !intent.component) {
+			throw IntentErrorModel.error('render_missing_component')
+		}
+	}
 	return true
 }
 
@@ -166,4 +180,5 @@ export const ask = (field, schema) => {
 
 export const progress = (message) => ({ type: 'progress', message })
 export const log = (level, message, data = {}) => ({ type: 'log', level, message, ...data })
+export const render = (component, props = {}) => ({ type: 'render', component, props })
 export const result = (data) => ({ type: 'result', data })

package/src/core/IntentErrorModel.js

@@ -39,7 +39,12 @@ export class IntentErrorModel {
 
 	static intent_missing_message = {
 		help: 'Progress and Log intents require a message',
-		error: '\'{type}\' intent requires a "message" string',
+		error: "'{type}' intent requires a \"message\" string",
+	}
+
+	static render_missing_component = {
+		help: 'Render intent requires a component name',
+		error: 'Render intent requires a non-empty "component" string',
 	}
 
 	// ─── Runner Contract Errors ───

package/src/core/Stream.js

@@ -44,19 +44,30 @@ export default class UIStream {
 	static async process(signal, generatorFn, onProgress, onError, onComplete) {
 		const iter = generatorFn()
 
+		/** @type {Promise<never>} */
+		const abortPromise = new Promise((_, reject) => {
+			const onAbort = () => reject(new DOMException('The operation was aborted', 'AbortError'))
+			if (signal.aborted) return onAbort()
+			signal.addEventListener('abort', onAbort, { once: true })
+		})
+
 		try {
-			for await (const item of iter) {
-				if (signal.aborted) {
-					throw new DOMException('Aborted', 'AbortError')
+			while (true) {
+				const { value: item, done } = await Promise.race([iter.next(), abortPromise])
+
+				if (done) {
+					if (item) onComplete?.(item)
+					break
 				}
 
 				if (item.done) {
 					onComplete?.(item)
 					break
-				} else if (item.error) {
+				}
+
+				if (item.error) {
 					onError?.(item.error, item)
 				} else {
-					// Intermediate results
 					onProgress?.(null, item)
 				}
 			}

package/src/core/index.js

@@ -41,7 +41,7 @@ export {
 export { default as Flow } from './Flow.js'
 
 // OLMUI Generator Engine — Intent-based Model→Adapter contract
-export { validateIntent, ask, progress, log, result, INTENT_TYPES, isModelSchema } from './Intent.js'
+export { validateIntent, ask, progress, log, render, result, INTENT_TYPES, isModelSchema } from './Intent.js'
 export { IntentErrorModel } from './IntentErrorModel.js'
 export { runGenerator } from './GeneratorRunner.js'
 

package/src/testing/GalleryGenerator.js

@@ -0,0 +1,85 @@
+import fs from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import yaml from 'js-yaml'
+import { LogicInspector } from './LogicInspector.js'
+import { VisualAdapter } from './VisualAdapter.js'
+import * as Models from '../domain/index.js'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const rootDir = path.resolve(__dirname, '../../')
+const dataDir = path.resolve(rootDir, 'docs/data')
+const snapshotsDir = path.resolve(rootDir, 'snapshots/core')
+
+// Clean before generation
+if (fs.existsSync(snapshotsDir)) fs.rmSync(snapshotsDir, { recursive: true, force: true })
+fs.mkdirSync(snapshotsDir, { recursive: true })
+
+const groups = {
+    Actions: ['Button', 'Toggle'],
+    Forms: ['Input', 'Select', 'Slider', 'Autocomplete', 'Color', 'Shadow'],
+    Data: ['Accordion', 'Card', 'Sortable', 'Table', 'Tree', 'CodeBlock', 'Markdown', 'Badge'],
+    Feedback: ['Alert', 'Confirm', 'Modal', 'ProgressBar', 'Spinner', 'Toast'],
+    System: ['LangSelect', 'ThemeToggle'],
+}
+
+function getCategory(comp) {
+    for (const [cat, comps] of Object.entries(groups)) {
+        if (comps.includes(comp)) return cat
+    }
+    return 'Other'
+}
+
+async function generate() {
+    const langs = fs.readdirSync(dataDir).filter(d => fs.statSync(path.join(dataDir, d)).isDirectory() && d !== '_')
+
+    for (const lang of langs) {
+        const langDir = path.join(dataDir, lang)
+        const components = fs.readdirSync(langDir).filter(f => f.endsWith('.yaml'))
+
+        for (const file of components) {
+            const compName = file.replace('.yaml', '')
+            const category = getCategory(compName)
+            const text = fs.readFileSync(path.join(langDir, file), 'utf-8')
+            const data = yaml.load(text)
+
+            // Variations are in data.content
+            const variations = data.content || []
+            
+            for (let i = 0; i < variations.length; i++) {
+                const varData = variations[i][compName] || variations[i]
+                
+                // Get variation name from 'content', 'title', 'message', or fallback to index
+                let varName = varData.content || varData.title || varData.message || `var${i + 1}`
+                if (typeof varName !== 'string') varName = `var${i + 1}`
+                
+                // Clean filename: allow Ukrainian, but replace spaces/special chars with single underscore
+                const safeVarName = varName
+                    .trim()
+                    .toLowerCase()
+                    .replace(/[./\\:]/g, '_') // Replace paths/dots
+                    .replace(/\s+/g, '_')      // Replace spaces
+                    .replace(/_{2,}/g, '_')   // No double underscores
+                    .slice(0, 50)              // Max length
+
+                // Logic Capture
+                /** @type {() => AsyncGenerator<import('../core/Intent.js').Intent, import('../core/Intent.js').ResultIntent, any>} */
+                const modelStream = async function* () {
+                    yield { type: 'render', component: `ui-${compName.toLowerCase()}`, props: varData }
+                    return { type: 'result', data: { ok: true } }
+                }
+
+                const intents = await LogicInspector.capture(modelStream())
+                const snapshot = intents.map(it => VisualAdapter.render(it)).join('\n')
+
+                const outPath = path.join(snapshotsDir, lang, category, compName)
+                if (!fs.existsSync(outPath)) fs.mkdirSync(outPath, { recursive: true })
+                
+                fs.writeFileSync(path.join(outPath, `${safeVarName}.txt`), snapshot)
+                console.log(`📸 Generated snapshot for ${lang}/${category}/${compName}/${safeVarName}`)
+            }
+        }
+    }
+}
+
+generate().catch(console.error)

package/src/testing/LogicInspector.js

@@ -0,0 +1,55 @@
+import { runGenerator } from '../core/GeneratorRunner.js'
+
+/**
+ * LogicInspector
+ * 
+ * Базовий клас для захоплення "Логічних зліпків" (Intent Stream) будь-яких моделей OLMUI.
+ * Дозволяє виконувати чисто-логічне тестування без прив'язки до рендерингу.
+ */
+export class LogicInspector {
+    /**
+     * Виконує генератор моделі та записує послідовність усіх інтенцій.
+     * @param {AsyncGenerator<import('../core/Intent.js').Intent, import('../core/Intent.js').ResultIntent, import('../core/Intent.js').IntentResponse>} modelStream - результат виклику model.run()
+     * @param {object} options 
+     * @param {Array<any> | ((locale: string) => Array<any>)} [options.inputs] - черга вхідних значень для askIntent
+     * @param {string} [options.locale] - локаль для тестів
+     * @param {function} [options.t] - функція перекладу
+     * @returns {Promise<Array<any>>} Intent Stream Log
+     */
+    static async capture(modelStream, { inputs = [], locale = 'uk', t = (k) => k } = {}) {
+        const intents = []
+        let inputIdx = 0
+        const resolvedInputs = typeof inputs === 'function' ? inputs(locale) : inputs
+
+        const recordingAdapter = {
+            /** @param {import('../core/Intent.js').AskIntent} i */
+            ask: async (i) => {
+                const value = resolvedInputs[inputIdx++]
+                const entry = { type: 'ask', field: i.field, schema: i.schema, input: value }
+                intents.push(entry)
+                return { value }
+            },
+            /** @param {import('../core/Intent.js').LogIntent} i */
+            log: async (i) => {
+                intents.push({ type: 'log', level: i.level || 'info', message: i.message })
+            },
+            /** @param {import('../core/Intent.js').ProgressIntent} i */
+            progress: async (i) => {
+                intents.push({ type: 'progress', message: i.message })
+            },
+            /** @param {import('../core/Intent.js').RenderIntent} i */
+            render: async (i) => {
+                intents.push({ type: 'render', component: i.component, props: i.props })
+            },
+            /** @param {import('../core/Intent.js').ResultIntent} i */
+            result: async (i) => {
+                intents.push({ type: 'result', data: i.data })
+            },
+            t
+        }
+
+        // Викликаємо базовий раннер з нашим записуючим адаптером
+        await runGenerator(modelStream, recordingAdapter)
+        return intents
+    }
+}

package/src/testing/SnapshotInspector.js

@@ -0,0 +1,84 @@
+import fs from 'fs'
+import path from 'path'
+
+/**
+ * SnapshotInspector
+ * 
+ * Рев'ювер для автоматичної перевірки Snapshot-зліпків на наявність артефактів,
+ * неперекладених ключів та структурних помилок.
+ * Реалізує правила "Zero-Hallucination Snapshot Validation".
+ */
+export class SnapshotInspector {
+    /**
+     * Перевіряє вміст одного снепшоту.
+     * @param {string} content - Текстовий вміст .txt файлу галереї
+     * @param {string} locale - Локаль (uk, en)
+     * @param {string} [filename] - Ім'я файлу для перевірки на "глюки" (підкреслення)
+     * @returns {object} { score, errors }
+     */
+    static inspect(content, locale = 'uk', filename = '') {
+        const errors = []
+        const lines = content.split('\n')
+
+        // 0. Перевірка імені файлу (на прохання архітектора)
+        if (filename) {
+            if (/__|--/.test(filename)) {
+                errors.push(`Filename "${filename}" has multiple consecutive separators (glitch detected).`)
+            }
+            if (filename.length < 3) {
+                errors.push(`Filename "${filename}" is too short.`)
+            }
+        }
+
+        lines.forEach((line, index) => {
+            const lineNum = index + 1
+            const trimmed = line.trim()
+
+            // 1. Неперекладені i18n ключі (крапки в словах)
+            // Виключаємо імена компонентів, атрибути RENDER-тегів, та числа з крапкою (версії, координати)
+            const isAttribute = trimmed.includes('="')
+            const isDotNumber = /^-?\d+\.\d+$/.test(trimmed)
+            
+            if (/\w+\.\w+/.test(line) && !line.includes('ui-') && !line.includes('http') && !isAttribute && !isDotNumber) {
+                errors.push(`Line ${lineNum}: Possible untranslated key found: "${trimmed}"`)
+            }
+
+            // 2. Технічні артефакти
+            if (line.includes('[object Object]')) {
+                errors.push(`Line ${lineNum}: Critical artifact "[object Object]" found.`)
+            }
+            if (line.includes('undefined')) {
+                errors.push(`Line ${lineNum}: Critical artifact "undefined" found.`)
+            }
+            if (line.includes('NaN')) {
+                errors.push(`Line ${lineNum}: Critical artifact "NaN" found.`)
+            }
+
+            // 3. Англійські слова в українській локалі (базові)
+            if (locale === 'uk') {
+                const enWords = ['Back', 'Select', 'Cancel', 'Submit', 'Confirm', 'Delete', 'Information', 'Success', 'Warning', 'Error']
+                enWords.forEach(word => {
+                    const regex = new RegExp(`\\b${word}\\b`, 'i')
+                    // Перевіряємо тільки якщо це не частина тегу <ui-...> або атрибут
+                    if (regex.test(line)) {
+                        const isTag = line.includes(`<ui-${word.toLowerCase()}`) || line.includes(`[RENDER] <ui-`)
+                        const isAsk = line.includes(`[ASK] ${word}`)
+                        if (!isTag && !isAsk && !isAttribute) {
+                            errors.push(`Line ${lineNum}: English word "${word}" found in "uk" locale.`)
+                        }
+                    }
+                })
+            }
+            
+            // 4. Помилки роутингу
+            if (line.includes('🚨 Path not found')) {
+                errors.push(`Line ${lineNum}: Routing error "Path not found".`)
+            }
+        })
+
+        return {
+            score: errors.length === 0 ? 100 : Math.max(0, 100 - errors.length * 10),
+            errors
+        }
+    }
+}

package/src/testing/VisualAdapter.js

@@ -0,0 +1,41 @@
+/**
+ * VisualAdapter (Base)
+ * 
+ * Базовий клас для візуальної трансформації інтенцій OLMUI.
+ * Використовувана у @nan0web/ui як фундамент для спеціалізованих рендерерів.
+ */
+export class VisualAdapter {
+    /**
+     * Конвертує одну інтенцію у просте текстове представлення.
+     * @param {object} intent - Intent entry from LogicInspector
+     * @param {function} [t] - i18n translate function
+     * @returns {string} Raw description
+     */
+    static render(intent, t = (k) => k) {
+        switch (intent.type) {
+            case 'ask':
+                return `[ASK] ${intent.field}: ${intent.input !== undefined ? intent.input : '...'}`
+            case 'progress':
+                return `[PROGRESS] ${intent.message || ''}`
+            case 'log':
+                return `[LOG ${intent.level?.toUpperCase() || 'INFO'}] ${typeof intent.message === 'object' ? JSON.stringify(intent.message) : intent.message}`
+            case 'render': {
+                const { content, ...propsData } = intent.props || {}
+                const props = Object.entries(propsData)
+                    .map(([k, v]) => `  ${k}="${typeof v === 'object' ? JSON.stringify(v) : v}"`)
+                    .join('\n')
+                
+                if (content) {
+                    const attrs = props ? `\n${props}\n` : ' '
+                    return `[RENDER] <${intent.component}${attrs}>${content}</${intent.component}>`
+                }
+                
+                return `[RENDER] <${intent.component}${props ? '\n' + props + '\n' : ''}>`
+            }
+            case 'result':
+                return `[RESULT] ${JSON.stringify(intent.data)}`
+            default:
+                return `[UNKNOWN: ${intent.type}] ${JSON.stringify(intent)}`
+        }
+    }
+}

package/src/testing/index.js

@@ -0,0 +1,3 @@
+export * from './LogicInspector.js'
+export * from './VisualAdapter.js'
+export * from './SnapshotInspector.js'

package/types/Model/index.d.ts

@@ -1,6 +1,64 @@
 export { User };
-declare namespace _default {
-    export { User };
-}
-export default _default;
+export const HeaderModel: typeof DomainModels.HeaderModel;
+export const FooterModel: typeof DomainModels.FooterModel;
+export const HeroModel: typeof DomainModels.HeroModel;
+export const ButtonModel: typeof DomainModels.ButtonModel;
+export const ConfirmModel: typeof DomainModels.ConfirmModel;
+export const InputModel: typeof DomainModels.InputModel;
+export const SpinnerModel: typeof DomainModels.SpinnerModel;
+export const TableModel: typeof DomainModels.TableModel;
+export const ToastModel: typeof DomainModels.ToastModel;
+export const SelectModel: typeof DomainModels.SelectModel;
+export const AutocompleteModel: typeof DomainModels.AutocompleteModel;
+export const TreeModel: typeof DomainModels.TreeModel;
+export const TabsModel: typeof DomainModels.TabsModel;
+export const AccordionModel: typeof DomainModels.AccordionModel;
+export const GalleryModel: typeof DomainModels.GalleryModel;
+export const PriceModel: typeof DomainModels.PriceModel;
+export const PricingModel: typeof DomainModels.PricingModel;
+export const CommentModel: typeof DomainModels.CommentModel;
+export const TestimonialModel: typeof DomainModels.TestimonialModel;
+export const StatsItemModel: typeof DomainModels.StatsItemModel;
+export const StatsModel: typeof DomainModels.StatsModel;
+export const TimelineItemModel: typeof DomainModels.TimelineItemModel;
+export const TimelineModel: typeof DomainModels.TimelineModel;
+export default Model;
 import User from './User/User.js';
+import * as DomainModels from '../domain/index.js';
+declare const Model: {
+    SandboxModel: typeof DomainModels.SandboxModel;
+    ShowcaseAppModel: typeof DomainModels.ShowcaseAppModel;
+    Navigation: typeof DomainModels.Navigation;
+    Language: any;
+    HeaderModel: typeof DomainModels.HeaderModel;
+    FooterModel: typeof DomainModels.FooterModel;
+    HeroModel: typeof DomainModels.HeroModel;
+    ButtonModel: typeof DomainModels.ButtonModel;
+    ConfirmModel: typeof DomainModels.ConfirmModel;
+    InputModel: typeof DomainModels.InputModel;
+    SpinnerModel: typeof DomainModels.SpinnerModel;
+    TableModel: typeof DomainModels.TableModel;
+    ToastModel: typeof DomainModels.ToastModel;
+    SelectModel: typeof DomainModels.SelectModel;
+    AutocompleteModel: typeof DomainModels.AutocompleteModel;
+    TreeModel: typeof DomainModels.TreeModel;
+    TabsModel: typeof DomainModels.TabsModel;
+    AccordionModel: typeof DomainModels.AccordionModel;
+    GalleryModel: typeof DomainModels.GalleryModel;
+    PriceModel: typeof DomainModels.PriceModel;
+    PricingModel: typeof DomainModels.PricingModel;
+    CommentModel: typeof DomainModels.CommentModel;
+    TestimonialModel: typeof DomainModels.TestimonialModel;
+    StatsItemModel: typeof DomainModels.StatsItemModel;
+    StatsModel: typeof DomainModels.StatsModel;
+    TimelineItemModel: typeof DomainModels.TimelineItemModel;
+    TimelineModel: typeof DomainModels.TimelineModel;
+    HeaderVisibilityModel: typeof DomainModels.HeaderVisibilityModel;
+    HeaderConfigModel: typeof DomainModels.HeaderConfigModel;
+    FooterVisibilityModel: typeof DomainModels.FooterVisibilityModel;
+    FooterConfigModel: typeof DomainModels.FooterConfigModel;
+    EmptyStateModel: typeof DomainModels.EmptyStateModel;
+    BannerModel: typeof DomainModels.BannerModel;
+    ProfileDropdownModel: typeof DomainModels.ProfileDropdownModel;
+    User: typeof User;
+};

package/types/core/Form/Form.d.ts

@@ -89,9 +89,9 @@ export default class UIForm extends FormMessage {
     /**
      * Validates the entire form.
      *
-     * @returns {Map<string, string>} Map of validation errors, empty if valid.
+     * @returns {any}
      */
-    validate(): Map<string, string>;
+    validate(): any;
     /**
      * Validates a single field.
      *

package/types/core/GeneratorRunner.d.ts

@@ -32,6 +32,10 @@ export type AdapterHandlers = {
      * Handler for 'log' intents. Optional (defaults to no-op).
      */
     log?: ((intent: import("./Intent.js").LogIntent) => void | Promise<void>) | undefined;
+    /**
+     * Handler for 'render' intents (visual component injection). Optional.
+     */
+    render?: ((intent: import("./Intent.js").RenderIntent) => void | Promise<void>) | undefined;
     /**
      * Handler for the final 'result'. Optional (defaults to no-op).
      */

package/types/core/Intent.d.ts

@@ -53,9 +53,17 @@ export function validateIntent(intent: any): intent is Intent;
  * @property {'result'} type
  * @property {*} data - The raw result data (JSON-serializable).
  */
+/**
+ * Model requests rendering of a pure UI component (Header, Footer, Static Map).
+ * No response expected from the logic loop.
+ * @typedef {Object} RenderIntent
+ * @property {'render'} type
+ * @property {string} component - Component name (e.g. 'App.Layout.Header').
+ * @property {object} props - Static props for the component.
+ */
 /**
  * Union of all possible yielded intents.
- * @typedef {AskIntent | ProgressIntent | LogIntent} Intent
+ * @typedef {AskIntent | ProgressIntent | LogIntent | RenderIntent} Intent
  */
 /**
  * Response to an AskIntent. Adapter provides the collected value.
@@ -82,7 +90,7 @@ export function validateIntent(intent: any): intent is Intent;
  * Union of all possible responses an Adapter can send back via iterator.next().
  * @typedef {AskResponse | AbortResponse | undefined} IntentResponse
  */
-export const INTENT_TYPES: readonly ["ask", "progress", "log"];
+export const INTENT_TYPES: readonly ["ask", "progress", "log", "render"];
 export function ask(field: string, schema: object | Function): AskIntent;
 export function progress(message: any): {
     type: string;
@@ -93,6 +101,11 @@ export function log(level: any, message: any, data?: {}): {
     level: any;
     message: any;
 };
+export function render(component: any, props?: {}): {
+    type: string;
+    component: any;
+    props: {};
+};
 export function result(data: any): {
     type: string;
     data: any;
@@ -186,10 +199,25 @@ export type ResultIntent = {
      */
     data: any;
 };
+/**
+ * Model requests rendering of a pure UI component (Header, Footer, Static Map).
+ * No response expected from the logic loop.
+ */
+export type RenderIntent = {
+    type: "render";
+    /**
+     * - Component name (e.g. 'App.Layout.Header').
+     */
+    component: string;
+    /**
+     * - Static props for the component.
+     */
+    props: object;
+};
 /**
  * Union of all possible yielded intents.
  */
-export type Intent = AskIntent | ProgressIntent | LogIntent;
+export type Intent = AskIntent | ProgressIntent | LogIntent | RenderIntent;
 /**
  * Response to an AskIntent. Adapter provides the collected value.
  * The value MUST conform to the type described in the requested FieldSchema.

package/types/core/IntentErrorModel.d.ts

@@ -19,6 +19,10 @@ export class IntentErrorModel {
         help: string;
         error: string;
     };
+    static render_missing_component: {
+        help: string;
+        error: string;
+    };
     static adapter_missing_ask: {
         help: string;
         error: string;

package/types/core/index.d.ts

@@ -13,4 +13,4 @@ import UIForm from './Form/Form.js';
 export { UIStream, UIStream as UiStream, StreamEntry, StreamEntry as UiStreamEntry, UIForm, UIForm as UiForm };
 export { default as Error, CancelError } from "./Error/index.js";
 export { runFlow, flow, View, Prompt, Stream, Alert, Toast, Badge, Text, Table, Input, Select, Confirm, Multiselect, Mask, Password, Spinner, Progress, default as Flow } from "./Flow.js";
-export { validateIntent, ask, progress, log, result, INTENT_TYPES, isModelSchema } from "./Intent.js";
+export { validateIntent, ask, progress, log, render, result, INTENT_TYPES, isModelSchema } from "./Intent.js";

package/types/testing/GalleryGenerator.d.ts

@@ -0,0 +1 @@
+export {};

package/types/testing/LogicInspector.d.ts

@@ -0,0 +1,22 @@
+/**
+ * LogicInspector
+ *
+ * Базовий клас для захоплення "Логічних зліпків" (Intent Stream) будь-яких моделей OLMUI.
+ * Дозволяє виконувати чисто-логічне тестування без прив'язки до рендерингу.
+ */
+export class LogicInspector {
+    /**
+     * Виконує генератор моделі та записує послідовність усіх інтенцій.
+     * @param {AsyncGenerator<import('../core/Intent.js').Intent, import('../core/Intent.js').ResultIntent, import('../core/Intent.js').IntentResponse>} modelStream - результат виклику model.run()
+     * @param {object} options
+     * @param {Array<any> | ((locale: string) => Array<any>)} [options.inputs] - черга вхідних значень для askIntent
+     * @param {string} [options.locale] - локаль для тестів
+     * @param {function} [options.t] - функція перекладу
+     * @returns {Promise<Array<any>>} Intent Stream Log
+     */
+    static capture(modelStream: AsyncGenerator<import("../core/Intent.js").Intent, import("../core/Intent.js").ResultIntent, import("../core/Intent.js").IntentResponse>, { inputs, locale, t }?: {
+        inputs?: any[] | ((locale: string) => Array<any>) | undefined;
+        locale?: string | undefined;
+        t?: Function | undefined;
+    }): Promise<Array<any>>;
+}

package/types/testing/SnapshotInspector.d.ts

@@ -0,0 +1,17 @@
+/**
+ * SnapshotInspector
+ *
+ * Рев'ювер для автоматичної перевірки Snapshot-зліпків на наявність артефактів,
+ * неперекладених ключів та структурних помилок.
+ * Реалізує правила "Zero-Hallucination Snapshot Validation".
+ */
+export class SnapshotInspector {
+    /**
+     * Перевіряє вміст одного снепшоту.
+     * @param {string} content - Текстовий вміст .txt файлу галереї
+     * @param {string} locale - Локаль (uk, en)
+     * @param {string} [filename] - Ім'я файлу для перевірки на "глюки" (підкреслення)
+     * @returns {object} { score, errors }
+     */
+    static inspect(content: string, locale?: string, filename?: string): object;
+}

package/types/testing/VisualAdapter.d.ts

@@ -0,0 +1,15 @@
+/**
+ * VisualAdapter (Base)
+ *
+ * Базовий клас для візуальної трансформації інтенцій OLMUI.
+ * Використовувана у @nan0web/ui як фундамент для спеціалізованих рендерерів.
+ */
+export class VisualAdapter {
+    /**
+     * Конвертує одну інтенцію у просте текстове представлення.
+     * @param {object} intent - Intent entry from LogicInspector
+     * @param {function} [t] - i18n translate function
+     * @returns {string} Raw description
+     */
+    static render(intent: object, t?: Function): string;
+}

package/types/testing/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./LogicInspector.js";
+export * from "./VisualAdapter.js";
+export * from "./SnapshotInspector.js";

package/src/README.md.js

@@ -1,436 +0,0 @@
-import { describe, it, before, beforeEach } from 'node:test'
-import assert from 'node:assert/strict'
-import FS from '@nan0web/db-fs'
-import { NoConsole } from '@nan0web/log'
-import { DatasetParser, DocsParser, runSpawn } from '@nan0web/test'
-import { Frame, Model, OutputMessage, View, FormInput, UiMessage, UiForm } from './index.js'
-import { Welcome } from './Component/index.js'
-
-const fs = new FS()
-let pkg
-
-// Load package.json once before tests
-before(async () => {
-	const doc = await fs.loadDocument('package.json', {})
-	pkg = doc || {}
-})
-
-let console = new NoConsole()
-
-beforeEach((info) => {
-	console = new NoConsole()
-})
-
-// Core test suite that also serves as the source for README generation.
-// The block comments inside each `it` block are extracted to build
-// the final `README.md`. Keeping the comments here ensures the
-// documentation stays close to the code.
-function testRender() {
-	/**
-	 * @docs
-	 * # @nan0web/ui
-	 *
-	 * 🏴󠁧󠁢󠁥󠁮󠁧󠁿 [English](./README.md) | 🇺🇦 [Українською](./docs/uk/README.md)
-	 *
-	 * <!-- %PACKAGE_STATUS% -->
-	 *
-	 * A lightweight, agnostic UI framework designed with the **nan0web philosophy**
-	 * — one application logic, many UI implementations.
-	 *
-	 * This library provides core classes and utilities for building structured user interfaces.
-	 * It supports:
-	 *
-	 * - Messaging (Input/Output)
-	 * - Forms with validation
-	 * - Progress tracking
-	 * - Component rendering
-	 * - View management with Frame rendering
-	 * - App structure with core and user apps
-	 *
-	 * Built to work in sync or async, terminal-based or web-based apps,
-	 * focusing on type safety, minimalism, and pure JavaScript design.
-	 *
-	 * ## Installation
-	 */
-	it('How to install with npm?', () => {
-		/**
-		 * ```bash
-		 * npm install @nan0web/ui
-		 * ```
-		 */
-		assert.equal(pkg.name, '@nan0web/ui')
-	})
-	/**
-	 * @docs
-	 */
-	it('How to install with pnpm?', () => {
-		/**
-		 * ```bash
-		 * pnpm add @nan0web/ui
-		 * ```
-		 */
-		assert.equal(pkg.name, '@nan0web/ui')
-	})
-	/**
-	 * @docs
-	 */
-	it('How to install with yarn?', () => {
-		/**
-		 * ```bash
-		 * yarn add @nan0web/ui
-		 * ```
-		 */
-		assert.equal(pkg.name, '@nan0web/ui')
-	})
-
-	/**
-	 * @docs
-	 * ## Concepts & Architecture
-	 *
-	 * ### Message Flow
-	 *
-	 * UI communication is built around messages:
-	 *
-	 * - **`UiMessage`** – abstract message base class
-	 * - **`OutputMessage`** – system output (content, error, priority)
-	 *
-	 * Messages are simple, serializable data containers. They help build
-	 * decoupled communication systems between UI components.
-	 */
-	it('How to create input and output messages?', () => {
-		//import { InputMessage, OutputMessage } from '@nan0web/ui'
-
-		const input = UiMessage.from({ body: 'Hello User' })
-		const output = OutputMessage.from({ content: ['Welcome to @nan0web/ui'] })
-		console.info(input) // ← Message { body: "Hello User", head: {}, id: "....", type: "" }
-		console.info(String(output)) // ← Welcome to @nan0web/ui
-		assert.deepStrictEqual(console.output()[0][1].body, 'Hello User')
-		assert.deepStrictEqual(console.output()[0][1].head, {})
-		assert.deepStrictEqual(console.output()[0][1].type, '')
-		assert.ok(console.output()[0][1].id)
-		assert.ok(console.output()[1][1].endsWith('Welcome to @nan0web/ui'))
-	})
-
-	/**
-	 * @docs
-	 * ### Forms
-	 *
-	 * `UiForm` supports field definitions, data management, and schema validation.
-	 * Every form includes a title, fields, and current state.
-	 *
-	 * Field types include:
-	 *
-	 * - `text`
-	 * - `email`
-	 * - `number`
-	 * - `select`
-	 * - `checkbox`
-	 * - `textarea`
-	 */
-	it('How to define and validate a UiForm?', () => {
-		//import { UiForm } from '@nan0web/ui'
-
-		const form = new UiForm({
-			title: 'Contact Form',
-			fields: [
-				FormInput.from({ name: 'email', label: 'Email Address', type: 'email', required: true }),
-				FormInput.from({
-					name: 'message',
-					label: 'Your Message',
-					type: 'textarea',
-					required: true,
-				}),
-			],
-			state: {
-				email: 'invalid-email',
-				message: 'Hello!',
-			},
-		})
-
-		const errors = form.validate()
-		console.info(errors.size) // ← 1
-		console.info(errors.get('email')) // ← Invalid email format
-
-		assert.equal(console.output()[0][1], 1)
-		assert.equal(console.output()[1][1], 'Invalid email format')
-	})
-
-	/**
-	 * @docs
-	 * ### Components
-	 *
-	 * Components render data as frame-ready output.
-	 *
-	 * - `Welcome` – greets user by name
-	 * - `Process` – shows progress bar and time
-	 */
-	it('How to render the Welcome component?', () => {
-		//import { Welcome } from '@nan0web/ui'
-
-		const frame = Welcome({ user: { name: 'Alice' } })
-		const firstLine = frame[0].join('')
-		console.info(firstLine) // ← Welcome Alice!
-		assert.equal(console.output()[0][1], 'Welcome Alice!')
-	})
-
-	/**
-	 * @docs
-	 * ### View Manager
-	 *
-	 * `View` combines components and renders frames.
-	 *
-	 * Every view has:
-	 *
-	 * - Locale – formatted text, numbers, currency
-	 * - StdIn / StdOut – input/output streams
-	 * - Frame – output buffer with visual properties
-	 */
-	it('How to render frame with View?', () => {
-		//import { View } from '@nan0web/ui'
-
-		const view = new View()
-		view.render(1)(['Hello, world'])
-		console.info(String(view.frame)) // ← "\rHello, world"
-		assert.ok(String(view.frame).includes('Hello, world'))
-	})
-
-	/**
-	 * @docs
-	 * ### Frame Rendering
-	 *
-	 * `Frame` manages visual rendering with width and height limits.
-	 * Useful for fixed-size terminals or UI blocks.
-	 *
-	 * Render methods:
-	 *
-	 * - `APPEND` – adds content after previous frame
-	 * - `REPLACE` – erases and replaces full frame area
-	 * - `VISIBLE` – renders only visible part of frame
-	 */
-	it('How to create a Frame with fixed size?', () => {
-		//import { Frame } from '@nan0web/ui'
-
-		const frame = new Frame({
-			value: [['Frame content']],
-			width: 20,
-			height: 5,
-			renderMethod: Frame.RenderMethod.APPEND,
-		})
-
-		const rendered = frame.render()
-		console.info(rendered.includes('Frame content')) // ← true
-		assert.ok(rendered.includes('Frame content'))
-	})
-	it('How to create a Frame with different render methods?', () => {
-		//import { Frame } from '@nan0web/ui'
-
-		const frame = new Frame({
-			value: [['Frame content']],
-			width: 20,
-			height: 5,
-		})
-
-		frame.renderMethod = Frame.RenderMethod.REPLACE
-		const renderedReplace = frame.render()
-		assert.ok(renderedReplace.includes('Frame content'))
-
-		frame.renderMethod = Frame.RenderMethod.VISIBLE
-		const renderedVisible = frame.render()
-		assert.ok(renderedVisible.includes('Frame content'))
-	})
-
-	/**
-	 * @docs
-	 * ### Models
-	 *
-	 * UI models are plain data objects managed by `Model` classes.
-	 *
-	 * - `User` – user data
-	 */
-	it('How to use a User model?', () => {
-		//import { Model } from '@nan0web/ui'
-
-		const user = new Model.User({ name: 'Charlie', email: 'charlie@example.com' })
-		console.info(user.name) // ← Charlie
-		console.info(user.email) // ← charlie@example.com
-		assert.equal(user.name, 'Charlie')
-		assert.equal(user.email, 'charlie@example.com')
-	})
-
-	/**
-	 * @docs
-	 * ### Testing UI
-	 *
-	 * Core unit-tested to ensure stability in different environments.
-	 *
-	 * All components, adapters, and models are designed to be testable
-	 * with minimal setup.
-	 */
-	it('How to test UI components with assertions?', () => {
-		//import { Welcome } from '@nan0web/ui'
-
-		const output = Welcome({ user: { name: 'Test' } })
-		console.info(output) // ← Welcome Test!
-		assert.deepStrictEqual(console.output()[0][1], [
-			['Welcome', ' ', 'Test', '!'],
-			['What can we do today great?'],
-			[''],
-		])
-	})
-
-	/**
-	 * @docs
-	 * ### Master IDE (Component Sandbox)
-	 *
-	 * The Master IDE (OlmuiInspector) provides a unified environment for testing and documenting
-	 * web components across platforms. It supports:
-	 *
-	 * - **NaN0 Spec** — a concise YAML-based shorthand for declaring component variations.
-	 * - **OlmuiInspector** — unified UI for exploring component models and props.
-	 * - **Live Preview** — real-time rendering of component states.
-	 * - **i18n UI** — fully localized interface (UK/EN) for global developers.
-	 * - **Theme Editor** — Bootstrap-like CSS variable system with live preview.
-	 *
-	 * It follows the **Olmui** core pattern: *One Logic — Many UI* (same manifest powers both CLI and Web).
-	 *
-	 * #### Theme Editor (CSS Variables)
-	 *
-	 * Professional-grade theming with live preview. Supports:
-	 *
-	 * - **Palette**: primary, secondary, success, warning, danger, info
-	 * - **Geometry**: border-radius (sm/md/lg/pill/circle), spacing (sm/md/lg)
-	 * - **Type-safe inputs**: `type="color"` for colors, number inputs for dimensions
-	 *
-	 * #### Component Rendering Architecture
-	 *
-	 * The IDE handles data transformation between YAML models and web components:
-	 *
-	 * - **Table**: `rows[][] + columns[]` → `data[]` (array of objects)
-	 * - **Tree**: `data` → `items` mapping with 4-level taxonomy
-	 * - **Markdown**: Raw markdown → HTML via `_md2html()` converter
-	 * - **ProgressBar**: Tag alias (`ui-progress-bar` → `ui-progress`), variant colors
-	 * - **LangSelect**: `string[]` → `{code,title}[]` conversion
-	 * - **Hyphenated props**: Auto `camelCase` conversion (`show-label` → `showLabel`)
-	 *
-	 * #### NaN0 Spec (YAML)
-	 *
-	 * Concise format for defining variations:
-	 */
-	it('How to define a component variation using NaN0 Spec?', () => {
-		/**
-		 * ```yaml
-		 * - Button: Primary
-		 *   $variant: brand
-		 *   $outline: true
-		 * ```
-		 */
-		assert.ok(pkg.name === '@nan0web/ui')
-	})
-
-	/**
-	 * @docs
-	 * #### Documentation Site
-	 *
-	 * The IDE includes an auto-generated documentation site.
-	 * HTML pages are generated from `ide.html` template via `generate-pages.js`:
-	 *
-	 * - Per-language pages (`/uk/Data/Table.html`, `/en/Feedback/Alert.html`)
-	 * - SEO-optimized with `<title>` and `<meta>` per component
-	 * - Category-based URL routing (`/Data/`, `/Feedback/`, `/Forms/`, `/Actions/`, `/System/`)
-	 * - i18n navbar with `data-i18n` attributes
-	 */
-	it('How to run the documentation site?', () => {
-		/**
-		 * ```bash
-		 * npm run docs:dev
-		 * ```
-		 */
-		assert.ok(pkg.scripts?.['docs:dev'])
-	})
-
-	/**
-	 * @docs
-	 * ## Playground Demos
-	 *
-	 * The library includes rich playground demos:
-	 *
-	 * - [Registration Form](./play/registration.form.js)
-	 * - [Currency Exchange](./play/currency.exchange.js)
-	 * - [Mobile Top-up](./play/topup.telephone.js)
-	 * - [Language Selector](./play/language.form.js)
-	 *
-	 * Run to explore live functionality:
-	 */
-	it('How to run the playground?', async () => {
-		/**
-		 * ```bash
-		 * # Clone repository and run playground
-		 * git clone https://github.com/nan0web/ui.git
-		 * cd ui
-		 * npm install
-		 * npm run play
-		 * ```
-		 */
-		assert.ok(String(pkg.scripts?.play).includes('node play'))
-		const response = await runSpawn('git', ['remote', 'get-url', 'origin'])
-		assert.ok(response.code === 0, 'git command fails (e.g., not in a git repo)')
-		assert.ok(response.text.trim().endsWith(':nan0web/ui.git'))
-	})
-
-	/**
-	 * @docs
-	 * ## API Documentation
-	 *
-	 * Detailed API docs are available in each class JSDoc.
-	 * Explore:
-	 *
-	 * - [Messages](./src/core/Message/)
-	 * - [Forms](./src/core/Form/)
-	 * - [Stream](./src/core/Stream.js)
-	 * - [Components](./src/Component/)
-	 * - [View](./src/View/)
-	 * - [App](./src/App/)
-	 * - [Models](./src/Model/)
-	 *
-	 * ## Project Architecture & Specs
-	 *
-	 * How the universal block spec is designed? - [check Universal Blocks Spec (`project.md`)](./project.md)
-	 *
-	 * ## Contributing
-	 */
-	it('How to contribute? - [check here](./CONTRIBUTING.md)', async () => {
-		assert.equal(pkg.scripts?.precommit, 'npm test')
-		assert.equal(pkg.scripts?.prepush, 'npm test')
-		assert.equal(pkg.scripts?.prepare, 'husky')
-		const str = await fs.loadDocumentAs('.txt', 'CONTRIBUTING.md')
-		assert.ok(str.includes('# Contributing'))
-	})
-
-	/**
-	 * @docs
-	 * ## License
-	 */
-	it('How to license ISC? - [check here](./LICENSE)', async () => {
-		/** @docs */
-		const text = await fs.loadDocumentAs('.txt', 'LICENSE')
-		assert.ok(text.includes('ISC'))
-	})
-}
-
-describe('README.md testing', testRender)
-
-describe('Rendering README.md', async () => {
-	let text = ''
-	const format = new Intl.NumberFormat('en-US').format
-	const parser = new DocsParser()
-	const source = await fs.loadDocument('src/README.md.js')
-	text = String(parser.decode(source))
-	await fs.saveDocument('README.md', { content: text })
-	const dataset = DatasetParser.parse(text, pkg?.name ?? '@nan0web/ui')
-	await fs.saveDocument('.datasets/README.dataset.jsonl', dataset)
-
-	it(`document is rendered in README.md [${format(Buffer.byteLength(text))}b]`, async () => {
-		const text = await fs.loadDocumentAs('.txt', 'README.md')
-		assert.ok(text.includes('## License'))
-	})
-})