refactor: set root layout, rename css, fix links in lint rules \ etc

docs/backlog.md

@@ -1,14 +1,5 @@
 # Backlog
 
-## lint и прочие правила
-
-- [ ] линт правило для `interface Props {...}` + `let {}: Props = $props()`
-- [ ] линт правило для `object as const`, нежелательно использовать
-      `type Kind = 'a' | 'b' | 'c'` - это приводит к дублированию описаний в
-      разных местах, и к непонятным новым типам типа `type Kind2 = 'a' | 'c'`
-- [ ] можно ли сделать правило для минимизации новых `const` определений? чтобы
-      дубли автоматически определялись? ИИ агент иногда дублирует определения
-
 ## Мелочи всякие
 
 - [ ] сгенерировать или найти файлы для ручной проверки `A. Краевые PNG-файлы`
@@ -48,13 +39,10 @@
 - [ ] придумать процесс редактирования и настройки pipeline - drag-n-drop,
       удаление, добавление инструментов. переход один инструмент - pipeline без
       перезагрузки
-- [ ] Слаги инструментов (`*-png`) — надо обдумать, возможно что ссылки\маршруты
-      должны быть с png, а названия инструментов - без. Это упростит названия
-      инструментов и сделает их более понятными
 
 ## Переезд
 
-- [x] составить план переноса preview -> корень, старый корень -> old
+- [ ] составить план переноса preview -> корень, старый корень -> old
 - [ ] добавить i18n в preview
 
 ## SEO/GEO
@@ -190,10 +178,9 @@
 
 14. ~~**Переезд старых файлов в папки `old/`**~~ — **ЗАКРЫТО.** Старые файлы
     (`lib/registry.ts`, `lib/registry/`, `lib/registry-helpers.ts`,
-    `lib/categories.ts`, `lib/tools/`, `lib/components/` кроме `kit/`)
-    перенесены в `lib/old/`. Isolation-плагин упрощён до `lib/old/**`. Все
-    импорты обновлены. svelte-check 0, тесты 618/618, lint:all чист, билд
-    проходит.
+    `lib/categories.ts`, `lib/tools/`, `lib/components/` кроме `kit/`) перенесены
+    в `lib/old/`. Isolation-плагин упрощён до `lib/old/**`. Все импорты обновлены.
+    svelte-check 0, тесты 618/618, lint:all чист, билд проходит.
 
 15. ~~**Техдолг (чинить по заведённым задачам, не игнорировать правила)**~~
     ЗАКРЫТО. Подробности: `docs/archive/plan-tech-debt.md`.

docs/plan-c17.md

@@ -26,31 +26,30 @@
    нам нужно чтобы старые страницы жили по `/v1/*`.
 2. **Корневой layout: shell нового дизайна** — TopBar, Footer, тема, хлебные
    крошки, импорт `app.css`, `@layer app, design;`.
-3. **`v1/+layout.svelte` — только импорт `app_v1.css`** — без
-   header/footer/shell.
+3. **`v1/+layout.svelte` — только импорт `app_v1.css`** — без header/footer/shell.
 4. **Тема:** использовать `theme.svelte.ts` (не дублировать локальный `$state`).
 5. **`@layer app, design;`** остаётся — design выигрывает у app везде.
 6. **`noindex` остаётся** на `tools/[id]/+page.svelte` до покупки домена.
 7. **CSS-файлы переименовываются:** `preview.css` → `app.css`, `old.css` →
    `app_v1.css`. Все ссылки обновляются.
 8. **`kit/` витрина → `/kit`** — переносится на реальный маршрут вместе с
-   остальными preview-страницами; отдельный `preview/+layout` удаляется (`/kit`
-   наследует корневой shell).
+   остальными preview-страницами; отдельный `preview/+layout` удаляется
+   (`/kit` наследует корневой shell).
 
 ## Что делать (шаги)
 
 ### 1. Rename `(old)/` → `v1/`
 
-Переименовать папку. Обновить `v1/+layout.svelte`: убрать «Preview v2» ссылку,
-обновить пути навигации, поправить импорт CSS.
+Переименовать папку. Обновить `v1/+layout.svelte`:
+убрать «Preview v2» ссылку, обновить пути навигации, поправить импорт CSS.
 
 ### 2. Новый корневой `+layout.svelte` + rename CSS
 
 Перезаписать текущий нейтральный layout содержимым из `preview/+layout.svelte`
 (с правками: тема через `theme.svelte.ts`, путь к CSS). Переименовать
-`src/preview.css` → `src/app.css`, `src/old.css` → `src/app_v1.css`. Обновить
-все ссылки на эти файлы в проекте ( layout, лайнтеры, eslint-плагины, скрипты,
-тесты).
+`src/preview.css` → `src/app.css`, `src/old.css` → `src/app_v1.css`.
+Обновить все ссылки на эти файлы в проекте ( layout, лайнтеры, eslint-плагины,
+скрипты, тесты).
 
 ### 3. Move preview pages → корень
 
@@ -58,44 +57,59 @@
 `list-tools` → `/`, `tools/[id]` → `/`, витрину `kit` → `/kit`. Удалить
 `preview/+layout.svelte` (корневой shell заменяет его).
 
-### 4. Update hardcoded `/preview/` URLs
+### 4. Flatten `kit/` → `components/`
+
+Перенести компоненты из `lib/components/kit/` в `lib/components/`, обновить
+все импорты, удалить пустую `kit/`.
+
+### 5. Update hardcoded `/preview/` URLs
 
 В компонентах с захардкоженными путями `/preview/` заменить на корневые.
 
-### 5. Flatten `kit/` → `components/`
-
-Перенести компоненты из `lib/components/kit/` в `lib/components/`, обновить все
-импорты, удалить пустую `kit/`.
-
-### 6. Flatten `preview/` → `lib/`
-
-Перенести код из `lib/previw/` в `lib/`, обновить все импорты, удалить пустую
-`preview/`.
-
-### 7. Перенести `old/` → `v1/`
-
-- `$lib/old/` — переименовать в `lib/v1/`, обновить все импорты
-
-### 8. E2E тесты + playwright config
+### 6. E2E тесты + playwright config
 
 Заменить `/preview/...` на `/...` во всех e2e файлах и конфиге playwright.
 
-### 9. ESLint config + AGENTS.md
+### 7. ESLint config + AGENTS.md
 
-Обновить glob-паттерны: `routes/preview/**` → `routes/**`, `components/kit/**` →
-`components/**`. Обновить `AGENTS.md`.
+Обновить glob-паттерны: `routes/preview/**` → `routes/**`,
+`components/kit/**` → `components/**`. Обновить `AGENTS.md`.
 
-### 10. Isolation plugin
+### 8. Isolation plugin
 
-Обновить `DEFAULT_OLD`: `routes/(old)/**` → `routes/v1/**`. Убрать
-`routes/preview/**` из `DEFAULT_NEW`.
+Обновить `DEFAULT_OLD`: `routes/(old)/**` → `routes/v1/**`.
+Убрать `routes/preview/**` из `DEFAULT_NEW`.
 
-### 11. Archive audit scripts
+### 9. Archive audit scripts
 
 Перенести скрипты аудита в `scripts/archive/`, убрать вызовы из манифестов.
 
+## Порядок коммитов
+
+| #   | Описание                                        | Зависит от |
+| --- | ----------------------------------------------- | ---------- |
+| 1   | Rename `(old)/` → `v1/`, правки v1/layout       | —          |
+| 2   | Новый корневой layout + rename CSS              | —          |
+| 3   | Move preview pages → корень (+ `/preview/kit` →  | 2          |
+|     | `/kit`, удалить `preview/+layout`)              |            |
+| 4   | Flatten kit/ → components/, обновить импорты    | —          |
+| 5   | TopNav + ToolCard: убрать `/preview/` из URL    | 3          |
+| 6   | E2E тесты + playwright config                   | 3          |
+| 7   | ESLint config + AGENTS.md                       | 3, 4       |
+| 8   | Isolation plugin                                | 1          |
+| 9   | Archive audit scripts + убрать из манифестов    | —          |
+
+> **3+5 делаются вместе (один коммит):** после переноса страниц в корень
+> `ToolCard`/`TopNav` продолжают линковать `/preview/...`, prerender падает на
+> 404 — между шагами 3 и 5 билд не зелёный.
+
+После каждого коммита: `pnpm --dir web lint` + `pnpm --dir web build` (+
+`pnpm --dir web test` если затронуты e2e).
+
 ## Что НЕ меняется
 
+- `$lib/preview/`, `$lib/registry-new/` — без изменений
+- `$lib/old/components/` — без изменений (каждая сторона хранит свою копию)
 - `routes/+layout.ts` — prerender = true остаётся
 - Слаги инструментов (`*-png`) — без изменений
 - `/kit` — витрина дизайна остаётся (в стадии тестирования)

package.json

@@ -4,12 +4,14 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "test": "pnpm --dir web test",
+    "test": "echo \"Error: no test specified\" && exit 1",
     "dev": "pnpm --dir web dev",
     "build": "pnpm --dir web build",
     "format": "pnpm format:docs && pnpm --dir web format",
     "format:docs": "prettier --write docs --log-level warn",
-    "check:docs": "prettier --check docs"
+    "check:docs": "prettier --check docs",
+    "html": "pnpm --dir refs build && node scripts/extract-static.mjs refs/.next/server/app refs-html",
+    "cdp-audit": "pnpm --dir web refs-cdp-audit:large"
   },
   "keywords": [],
   "author": "Ku6epXBOCTuK",

web/e2e/catalog.spec.ts

@@ -1,19 +1,19 @@
 import { expect, test } from "playwright/test";
-import { expectNoErrors, trackErrors } from "./helpers/page";
+import { trackErrors, expectNoErrors } from "./helpers/page";
 
 const TOTAL = 121;
 const GROUPS = 8;
 
 test("catalog shows total and all groups", async ({ page }) => {
 	const sink = trackErrors(page);
-	await page.goto("/list-tools");
+	await page.goto("/preview/list-tools");
 	await expect(page.locator(".catalog-total b")).toHaveText(String(TOTAL));
 	await expect(page.locator(".catalog-group")).toHaveCount(GROUPS);
 	expectNoErrors(sink);
 });
 
 test("catalog search narrows results", async ({ page }) => {
-	await page.goto("/list-tools");
+	await page.goto("/preview/list-tools");
 	await expect(async () => {
 		await page.getByRole("textbox", { name: "Search tools" }).fill("resize");
 		await expect(page.locator(".tool-card")).toHaveCount(1);
@@ -24,7 +24,7 @@ test("catalog search narrows results", async ({ page }) => {
 test("category filter shows only matching group and resets on ALL", async ({
 	page,
 }) => {
-	await page.goto("/list-tools");
+	await page.goto("/preview/list-tools");
 	const allButtons = page.locator(".tool-card");
 	const allCount = await allButtons.count();
 	expect(allCount).toBe(TOTAL);
@@ -46,7 +46,7 @@ test("category filter shows only matching group and resets on ALL", async ({
 });
 
 test("workspace search matches a tool by title", async ({ page }) => {
-	await page.goto("/");
+	await page.goto("/preview");
 	await expect(async () => {
 		await page.getByRole("textbox", { name: "Search tools" }).fill("flip");
 		await expect(page.locator(".tool-card")).toHaveCount(1);

web/e2e/generators.spec.ts

@@ -1,8 +1,8 @@
 import { expect, test } from "playwright/test";
-import { expectNoErrors, openTool, trackErrors } from "./helpers/page";
+import { trackErrors, openTool, expectNoErrors } from "./helpers/page";
 
 test.describe("generators — known UI gap (#checklist, п.1)", () => {
-	// FIXME: Генераторы (21/121) открываются, но в UI нет ни полей схемы, ни кнопки
+	// Генераторы (21/121) открываются, но в UI нет ни полей схемы, ни кнопки
 	// «Generate» — только RU/EN/Reset. Пока баг открыт — fixme с ожидаемым
 	// сценарием; после фикса убрать fixme.
 	test.fixme("single-color-png renders Generate controls and produces a result", async ({

web/e2e/helpers/page.ts

@@ -13,7 +13,7 @@ export function trackErrors(page: Page): ErrorSink {
 }
 
 export async function openTool(page: Page, id: string): Promise<void> {
-	await page.goto(`/tools/${id}`);
+	await page.goto(`/preview/tools/${id}`);
 	await expect(page.locator(".schema-tool h1")).toBeVisible();
 }
 

web/e2e/known-issues.spec.ts

@@ -2,7 +2,7 @@ import { expect, test } from "playwright/test";
 import { opaquePng } from "./helpers/fixtures";
 import { openTool, uploadImage } from "./helpers/page";
 
-// FIXME: Весь файл — зарегистрированные баги preview (см. docs/checklist-manual-testing.md
+// Весь файл — зарегистрированные баги preview (см. docs/checklist-manual-testing.md
 // → «Известные баги preview»). Тела assert'ят ОЖИДАЕМОЕ поведение. Статус fixme
 // означает «мы знаем, что сейчас падает»; когда баг починят — убрать fixme и
 // тест станет зелёным «сам по себе».

web/e2e/navigation.spec.ts

@@ -1,7 +1,12 @@
 import { expect, test } from "playwright/test";
-import { expectNoErrors, trackErrors } from "./helpers/page";
+import { trackErrors, expectNoErrors } from "./helpers/page";
 
-const ROUTES = ["/", "/list-tools", "/kit", "/tools/flip-png"];
+const ROUTES = [
+	"/preview",
+	"/preview/list-tools",
+	"/preview/kit",
+	"/preview/tools/flip-png",
+];
 
 for (const route of ROUTES) {
 	test(`page ${route} loads without errors`, async ({ page }) => {
@@ -14,23 +19,14 @@ for (const route of ROUTES) {
 }
 
 test("unknown tool route responds 404 on static build", async ({ page }) => {
-	const resp = await page.goto("/tools/definitely-not-a-tool");
+	const resp = await page.goto("/preview/tools/definitely-not-a-tool");
 	expect(resp?.status()).toBe(404);
 });
 
-// FIXME:
-// Error: expect(received).toBe(expected) // Object.is equality
-
-//     Expected: "dark"
-//     Received: null
-
-//       36 |      expect(["light", "dark"]).toContain(before);
-//       37 |      expect(["light", "dark"]).toContain(after);
-//     > 38 |      expect(stored).toBe(after);
 test("theme toggle flips preview theme and persists to localStorage", async ({
 	page,
 }) => {
-	await page.goto("/");
+	await page.goto("/preview");
 	const root = page.locator("main.preview-root");
 	const before = await root.getAttribute("data-theme");
 	await expect(async () => {
@@ -48,7 +44,7 @@ test("theme toggle flips preview theme and persists to localStorage", async ({
 });
 
 test("language toggle marks the active button", async ({ page }) => {
-	await page.goto("/");
+	await page.goto("/preview");
 	const group = page.getByRole("group", { name: "Language" });
 	await expect(async () => {
 		await group.getByRole("button", { name: "EN" }).click();

web/eslint-plugins/isolation/no-mixed-imports.js

@@ -17,16 +17,13 @@
 import fs from "node:fs";
 import path from "node:path";
 
-// FIXME: change paths to new ones
-// TODO: test case for this lint rules
-
-const DEFAULT_OLD = ["routes/v1/**", "lib/v1/**"];
+const DEFAULT_OLD = ["routes/(old)/**", "lib/old/**"];
 
 const DEFAULT_NEW = [
-	"routes/**",
+	"routes/preview/**",
 	"lib/components/kit/**",
-	"lib/**",
-	"lib/registry/**",
+	"lib/preview/**",
+	"lib/registry-new/**",
 	"lib/registry-schema.ts",
 	"lib/registry-schema.test.ts",
 ];

web/eslint.config.js

@@ -1,18 +1,16 @@
 import js from "@eslint/js";
 import prettier from "eslint-config-prettier";
 import svelte from "eslint-plugin-svelte";
+import designTokens from "./eslint-plugins/index.js";
+import isolationPlugin from "./eslint-plugins/isolation/index.js";
 import globals from "globals";
 import svelteParser from "svelte-eslint-parser";
 import tseslint from "typescript-eslint";
-import designTokens from "./eslint-plugins/index.js";
-import isolationPlugin from "./eslint-plugins/isolation/index.js";
 
-// FIXME: надо игнорировать старые файлы, после переноса пути новых компонентов включают старые
 // Новый код редизайна: к нему применяем полные recommended-наборы уже сейчас.
 // Когда старый дизайн удалим (C19), этот scoped-блок убирается и recommended
 // включается на весь код (см. план-redesign §10, шаг 6).
-const newCode = ["**/src/lib/components/**", "**/src/routes/**"];
-const oldCode = ["**/src/lib/v1/**", "**/src/routes/v1/**"];
+const newCode = ["**/src/lib/components/kit/**", "**/src/routes/preview/**"];
 
 // Полные recommended-наборы — только на новый код (см. ниже, блок перед prettier).
 const jsRecommended = Array.isArray(js.configs.recommended)
@@ -23,19 +21,10 @@ const svelteRecommended = Array.isArray(svelte.configs["flat/recommended"])
 	: [svelte.configs["flat/recommended"]];
 // Svelte-рекомендации применяем только к .svelte-файлам нового кода, иначе
 // svelte-eslint-parser "съедает" обычные .ts в тех же папках (напр. +page.ts).
-const newSvelteFiles = [
-	"**/src/lib/components/**/*.svelte",
-	"**/src/routes/**/*.svelte",
+const svelteFiles = [
+	"**/src/lib/components/kit/**/*.svelte",
+	"**/src/routes/preview/**/*.svelte",
 ];
-const oldSvelteFiles = [
-	"**/src/lib/v1/**/*.svelte",
-	"**/src/routes/v1/**/*.svelte",
-];
-
-// FIXME:
-// The signature '(...configs: InfiniteDepthConfigWithExtends[]): ConfigArray' of 'tseslint.config' is deprecated.ts
-// Migrate to defineConfig(...)
-// The core defineConfig(...) helper is a nearly exact clone of tseslint.config(...)
 
 export default tseslint.config(
 	{
@@ -111,8 +100,7 @@ export default tseslint.config(
 	// Применяется к новому коду редизайна (см. newCode выше). Когда старый дизайн
 	// удалят, расширить glob на весь код, исключив (old)/.
 	{
-		files: newSvelteFiles,
-		ignores: oldSvelteFiles,
+		files: svelteFiles,
 		plugins: {
 			"design-tokens": designTokens,
 		},
@@ -125,21 +113,9 @@ export default tseslint.config(
 	},
 	// Полные recommended-наборы — только на новый код.
 	...[
-		...jsRecommended.map((cfg) => ({
-			...cfg,
-			files: newCode,
-			ignores: oldCode,
-		})),
-		...tseslint.configs.recommended.map((cfg) => ({
-			...cfg,
-			files: newCode,
-			ignores: oldCode,
-		})),
-		...svelteRecommended.map((cfg) => ({
-			...cfg,
-			files: newSvelteFiles,
-			ignores: oldSvelteFiles,
-		})),
+		...jsRecommended.map((cfg) => ({ ...cfg, files: newCode })),
+		...tseslint.configs.recommended.map((cfg) => ({ ...cfg, files: newCode })),
+		...svelteRecommended.map((cfg) => ({ ...cfg, files: svelteFiles })),
 	],
 
 	// В Svelte 5 пропсы деструктурируются через `let` (конвенция документации и

web/package.json

@@ -16,7 +16,12 @@
 		"lint": "eslint .",
 		"lint:css": "stylelint \"./src/**/*.css\"",
 		"lint:all": "node scripts/lint-all.mjs",
-		"lint:tokens": "node scripts/check-tokens.mjs"
+		"lint:tokens": "node scripts/check-tokens.mjs",
+		"refs-cdp-audit": "node scripts/audit-cdp.mjs",
+		"refs-cdp-audit:large": "node scripts/audit-cdp.mjs --viewport 2560x1440",
+		"refs-cdp-audit:responsive": "node scripts/audit-cdp-responsive.mjs",
+		"refs-css-audit": "node scripts/audit-css.mjs",
+		"refs-dom-audit": "node scripts/audit-dom.mjs"
 	},
 	"devDependencies": {
 		"@csstools/postcss-global-data": "^4.0.0",
@@ -25,7 +30,6 @@
 		"@sveltejs/adapter-static": "^3.0.10",
 		"@sveltejs/kit": "^2.63.0",
 		"@sveltejs/vite-plugin-svelte": "^7.1.2",
-		"@types/node": "^26.5.0",
 		"diff": "^9.0.0",
 		"eslint": "^10.9.0",
 		"eslint-config-prettier": "^10.1.8",

web/playwright.config.ts

@@ -22,7 +22,7 @@ export default defineConfig({
 	],
 	webServer: {
 		command: "pnpm build && node scripts/serve-static.mjs --port 4173",
-		url: "http://127.0.0.1:4173/",
+		url: "http://127.0.0.1:4173/preview",
 		reuseExistingServer: !process.env.CI,
 		timeout: 180_000,
 	},

web/pnpm-lock.yaml

@@ -29,16 +29,13 @@ importers:
         version: 0.4.2
       '@sveltejs/adapter-static':
         specifier: ^3.0.10
-        version: 3.0.10(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1(@types/node@26.5.0)))(svelte@5.56.9(@typescript-eslint/types@8.67.0))(typescript@6.0.3)(vite@8.2.1(@types/node@26.5.0)))
+        version: 3.0.10(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1))(svelte@5.56.9(@typescript-eslint/types@8.67.0))(typescript@6.0.3)(vite@8.2.1))
       '@sveltejs/kit':
         specifier: ^2.63.0
-        version: 2.70.3(@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1(@types/node@26.5.0)))(svelte@5.56.9(@typescript-eslint/types@8.67.0))(typescript@6.0.3)(vite@8.2.1(@types/node@26.5.0))
+        version: 2.70.3(@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1))(svelte@5.56.9(@typescript-eslint/types@8.67.0))(typescript@6.0.3)(vite@8.2.1)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.1.2
-        version: 7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1(@types/node@26.5.0))
-      '@types/node':
-        specifier: ^26.5.0
-        version: 26.5.0
+        version: 7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1)
       diff:
         specifier: ^9.0.0
         version: 9.0.0
@@ -92,10 +89,10 @@ importers:
         version: 8.67.0(eslint@10.9.0(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
       vite:
         specifier: ^8.0.16
-        version: 8.2.1(@types/node@26.5.0)
+        version: 8.2.1
       vitest:
         specifier: ^4.1.11
-        version: 4.1.11(@types/node@26.5.0)(vite@8.2.1(@types/node@26.5.0))
+        version: 4.1.11(vite@8.2.1)
 
 packages:
 
@@ -442,9 +439,6 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
-  '@types/node@26.5.0':
-    resolution: {integrity: sha512-dVSGpriSoCgz8WnDNTuSSuSv1PC/ALXihO4ulRZt7Md8k9mlbdin3lGOcDE8SnWOgf513ByWlXd7BK4azmyg/A==}
-
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
@@ -1456,9 +1450,6 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  undici-types@8.9.0:
-    resolution: {integrity: sha512-KTDyRTYX8sWmKXAikPHHSyc63CRPETMctyjKFupcC6OBLXT3xsN0e9aF7m+mIXutFWpUXuedtowG7iLOzp0kQg==}
-
   unicorn-magic@0.4.0:
     resolution: {integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==}
     engines: {node: '>=20'}
@@ -1808,15 +1799,15 @@ snapshots:
     dependencies:
       acorn: 8.18.0
 
-  '@sveltejs/adapter-static@3.0.10(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1(@types/node@26.5.0)))(svelte@5.56.9(@typescript-eslint/types@8.67.0))(typescript@6.0.3)(vite@8.2.1(@types/node@26.5.0)))':
+  '@sveltejs/adapter-static@3.0.10(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1))(svelte@5.56.9(@typescript-eslint/types@8.67.0))(typescript@6.0.3)(vite@8.2.1))':
     dependencies:
-      '@sveltejs/kit': 2.70.3(@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1(@types/node@26.5.0)))(svelte@5.56.9(@typescript-eslint/types@8.67.0))(typescript@6.0.3)(vite@8.2.1(@types/node@26.5.0))
+      '@sveltejs/kit': 2.70.3(@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1))(svelte@5.56.9(@typescript-eslint/types@8.67.0))(typescript@6.0.3)(vite@8.2.1)
 
-  '@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1(@types/node@26.5.0)))(svelte@5.56.9(@typescript-eslint/types@8.67.0))(typescript@6.0.3)(vite@8.2.1(@types/node@26.5.0))':
+  '@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1))(svelte@5.56.9(@typescript-eslint/types@8.67.0))(typescript@6.0.3)(vite@8.2.1)':
     dependencies:
       '@standard-schema/spec': 1.1.0
       '@sveltejs/acorn-typescript': 1.0.13(acorn@8.18.0)
-      '@sveltejs/vite-plugin-svelte': 7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1(@types/node@26.5.0))
+      '@sveltejs/vite-plugin-svelte': 7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1)
       '@types/cookie': 0.6.0
       acorn: 8.18.0
       cookie: 0.6.0
@@ -1828,20 +1819,20 @@ snapshots:
       set-cookie-parser: 3.1.2
       sirv: 3.0.2
       svelte: 5.56.9(@typescript-eslint/types@8.67.0)
-      vite: 8.2.1(@types/node@26.5.0)
+      vite: 8.2.1
     optionalDependencies:
       typescript: 6.0.3
 
   '@sveltejs/load-config@0.2.3': {}
 
-  '@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1(@types/node@26.5.0))':
+  '@sveltejs/vite-plugin-svelte@7.3.0(svelte@5.56.9(@typescript-eslint/types@8.67.0))(vite@8.2.1)':
     dependencies:
       deepmerge: 4.3.1
       magic-string: 1.2.0
       obug: 2.1.4
       svelte: 5.56.9(@typescript-eslint/types@8.67.0)
-      vite: 8.2.1(@types/node@26.5.0)
-      vitefu: 1.1.3(vite@8.2.1(@types/node@26.5.0))
+      vite: 8.2.1
+      vitefu: 1.1.3(vite@8.2.1)
 
   '@types/chai@5.2.3':
     dependencies:
@@ -1858,10 +1849,6 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
-  '@types/node@26.5.0':
-    dependencies:
-      undici-types: 8.9.0
-
   '@types/trusted-types@2.0.7': {}
 
   '@typescript-eslint/eslint-plugin@8.67.0(@typescript-eslint/parser@8.67.0(eslint@10.9.0(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
@@ -1964,13 +1951,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.1
 
-  '@vitest/mocker@4.1.11(vite@8.2.1(@types/node@26.5.0))':
+  '@vitest/mocker@4.1.11(vite@8.2.1)':
     dependencies:
       '@vitest/spy': 4.1.11
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.2.1(@types/node@26.5.0)
+      vite: 8.2.1
 
   '@vitest/pretty-format@4.1.11':
     dependencies:
@@ -2860,8 +2847,6 @@ snapshots:
 
   typescript@6.0.3: {}
 
-  undici-types@8.9.0: {}
-
   unicorn-magic@0.4.0: {}
 
   uri-js@4.4.1:
@@ -2870,7 +2855,7 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  vite@8.2.1(@types/node@26.5.0):
+  vite@8.2.1:
     dependencies:
       lightningcss: 1.33.0
       picomatch: 4.0.5
@@ -2878,17 +2863,16 @@ snapshots:
       rolldown: 1.2.4
       tinyglobby: 0.2.17
     optionalDependencies:
-      '@types/node': 26.5.0
       fsevents: 2.3.3
 
-  vitefu@1.1.3(vite@8.2.1(@types/node@26.5.0)):
+  vitefu@1.1.3(vite@8.2.1):
     optionalDependencies:
-      vite: 8.2.1(@types/node@26.5.0)
+      vite: 8.2.1
 
-  vitest@4.1.11(@types/node@26.5.0)(vite@8.2.1(@types/node@26.5.0)):
+  vitest@4.1.11(vite@8.2.1):
     dependencies:
       '@vitest/expect': 4.1.11
-      '@vitest/mocker': 4.1.11(vite@8.2.1(@types/node@26.5.0))
+      '@vitest/mocker': 4.1.11(vite@8.2.1)
       '@vitest/pretty-format': 4.1.11
       '@vitest/runner': 4.1.11
       '@vitest/snapshot': 4.1.11
@@ -2905,10 +2889,8 @@ snapshots:
       tinyexec: 1.3.0
       tinyglobby: 0.2.17
       tinyrainbow: 3.1.1
-      vite: 8.2.1(@types/node@26.5.0)
+      vite: 8.2.1
       why-is-node-running: 2.3.0
-    optionalDependencies:
-      '@types/node': 26.5.0
     transitivePeerDependencies:
       - msw
 

web/src/lib/components/kit/SchemaPreview.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-	import MetaList from "$lib/components/MetaList.svelte";
-	import SchemaActions from "$lib/components/SchemaActions.svelte";
-	import SchemaResultTile from "$lib/components/SchemaResultTile.svelte";
-	import SchemaSourceTile from "$lib/components/SchemaSourceTile.svelte";
+	import MetaList from "$lib/components/kit/MetaList.svelte";
+	import SchemaActions from "$lib/components/kit/SchemaActions.svelte";
+	import SchemaResultTile from "$lib/components/kit/SchemaResultTile.svelte";
+	import SchemaSourceTile from "$lib/components/kit/SchemaSourceTile.svelte";
 	import type { PixelImage } from "$lib/core/types";
-	import type { InputMode, ResultKind } from "$lib/registry";
+	import type { InputMode, ResultKind } from "$lib/registry-new";
 
 	interface Props {
 		inputMode: InputMode;

web/src/lib/components/kit/SchemaSourceTile.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { toDataUrl } from "$lib/core/io";
 	import type { PixelImage } from "$lib/core/types";
-	import type { InputMode } from "$lib/registry";
+	import type { InputMode } from "$lib/registry-new";
 	import SchemaTextSource from "./SchemaTextSource.svelte";
 
 	interface Props {

web/src/lib/components/kit/SchemaToolView.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-	import SchemaFields from "$lib/components/SchemaFields.svelte";
-	import SchemaPreview from "$lib/components/SchemaPreview.svelte";
+	import SchemaFields from "$lib/components/kit/SchemaFields.svelte";
+	import SchemaPreview from "$lib/components/kit/SchemaPreview.svelte";
 	import { debounce } from "$lib/core/debounce";
 	import { ToolError } from "$lib/core/errors";
 	import { decodeFile, encode } from "$lib/core/io";
 	import type { PixelImage } from "$lib/core/types";
-	import { execute } from "$lib/executor";
 	import { t } from "$lib/i18n/t";
-	import type { ToolEntry } from "$lib/registry";
+	import { execute } from "$lib/preview/executor";
+	import type { ToolEntry } from "$lib/registry-new";
 	import {
 		defaultSchemaParams,
 		sanitizeSchemaParams,

web/src/lib/components/kit/ToolCard.svelte

@@ -14,7 +14,7 @@
 	let { title, id, description, index, icon }: Props = $props();
 </script>
 
-<a class="tool-card" href={resolve("/tools/[id]", { id })}>
+<a class="tool-card" href={resolve("/preview/tools/[id]", { id })}>
 	{#if icon}<span class="tool-icon"><Icon {icon} size={19} /></span>{/if}
 	<span class="tool-copy">
 		<strong>{title}</strong>

web/src/lib/components/kit/ui/LangToggle.svelte

@@ -35,6 +35,10 @@
 		padding: var(--space-s) var(--space-m);
 		cursor: pointer;
 	}
+	.lang-div {
+		color: var(--color-text);
+		font-family: var(--font-sans);
+	}
 	.lang-btn.active {
 		background: var(--color-text);
 		color: var(--color-background);

web/src/lib/components/kit/ui/TopNav.svelte

@@ -3,9 +3,9 @@
 </script>
 
 <nav class="nav">
-	<a href={resolve("/")}>Home page</a>
-	<a href={resolve("/list-tools")}>Catalog</a>
-	<a href={resolve("/kit")}> UI Kit </a>
+	<a href={resolve("/preview")}>Home page</a>
+	<a href={resolve("/preview/list-tools")}>Catalog</a>
+	<a href={resolve("/preview/kit")}> UI Kit </a>
 </nav>
 
 <style>

web/src/lib/i18n/dict.ts

@@ -1,4 +1,4 @@
-import type { CategoryId } from "../v1/categories";
+import type { CategoryId } from "../old/categories";
 
 export const LOCALES = ["ru", "en"] as const;
 export type Locale = (typeof LOCALES)[number];

web/src/lib/i18n/matching.test.ts

@@ -1,7 +1,7 @@
 import { describe, expect, it } from "vitest";
-import { TOOLS } from "../v1/registry";
-import { setLocale } from "./locale.svelte";
+import { TOOLS } from "../old/registry";
 import { normalizeForSearch, scoreDoc, type SearchDoc } from "./matching";
+import { setLocale } from "./locale.svelte";
 import { toolSearchDoc } from "./tool-strings";
 
 describe("normalizeForSearch", () => {

web/src/lib/i18n/search-coverage.test.ts

@@ -1,7 +1,8 @@
 import { describe, expect, it } from "vitest";
-import { isChainable, TOOLS } from "../v1/registry";
+import { TOOLS } from "../old/registry";
 import { normalizeForSearch, scoreDoc } from "./matching";
 import { toolSearchDoc } from "./tool-strings";
+import { isChainable } from "../old/registry";
 
 function hits(q: string): string[] {
 	const nq = normalizeForSearch(q);

web/src/lib/i18n/smoke-i18n.test.ts

@@ -1,10 +1,10 @@
 import { afterEach, describe, expect, it, vi } from "vitest";
-import { TOOLS } from "../v1/registry";
-import { LOCALE_TAGS } from "./dict";
 import { setLocale } from "./locale.svelte";
-import { normalizeForSearch, scoreDoc } from "./matching";
 import { t } from "./t";
+import { LOCALE_TAGS } from "./dict";
+import { normalizeForSearch, scoreDoc } from "./matching";
 import { toolSearchDoc } from "./tool-strings";
+import { TOOLS } from "../old/registry";
 
 afterEach(() => {
 	setLocale("ru");

web/src/lib/i18n/tool-strings.ts

@@ -1,6 +1,6 @@
-import type { ParamDef, ToolEntry } from "$lib/v1/registry";
-import { getMergedDict } from "./locale.svelte";
+import type { ParamDef, ToolEntry } from "$lib/old/registry";
 import type { SearchDoc } from "./matching";
+import { getMergedDict } from "./locale.svelte";
 import { ru } from "./ru";
 
 /**

web/src/lib/i18n/tools-i18n.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { TOOLS } from "../v1/registry";
+import { TOOLS } from "../old/registry";
 import { en } from "./en";
 import { ru } from "./ru";
 

web/src/lib/old/components/DownloadButton.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
+	import Button from "./ui/Button.svelte";
 	import { downloadBlob, encode } from "$lib/core/io";
 	import type { PixelImage } from "$lib/core/types";
+	import type { OutputFormat } from "$lib/old/registry";
 	import { t } from "$lib/i18n/t";
-	import type { OutputFormat } from "$lib/v1/registry";
-	import Button from "./ui/Button.svelte";
 
 	interface Props {
 		image: PixelImage | null;

web/src/lib/old/components/ParamForm.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { t } from "$lib/i18n/t";
-	import { optionLabel, paramLabel } from "$lib/i18n/tool-strings";
-	import type { ParamDef, ToolEntry } from "$lib/v1/registry";
 	import CheckboxField from "./ui/CheckboxField.svelte";
 	import ColorField from "./ui/ColorField.svelte";
 	import SelectField from "./ui/SelectField.svelte";
 	import SliderField from "./ui/SliderField.svelte";
 	import TextField from "./ui/TextField.svelte";
+	import type { ParamDef, ToolEntry } from "$lib/old/registry";
+	import { optionLabel, paramLabel } from "$lib/i18n/tool-strings";
+	import { t } from "$lib/i18n/t";
 
 	interface Props {
 		tool: ToolEntry;

web/src/lib/old/components/ToolPage.svelte

@@ -7,27 +7,34 @@
 		unsupportedImageError,
 	} from "$lib/core/io";
 	import type { PixelImage } from "$lib/core/types";
-	import { t } from "$lib/i18n/t";
-	import { toolDescription, toolTitle } from "$lib/i18n/tool-strings";
 	import {
 		defaultParams,
 		getTool,
+		outputOf,
 		sanitizeParams,
 		type ToolEntry,
-	} from "$lib/v1/registry";
-	import { createAutoRunner } from "$lib/v1/tools/auto-run";
-	import { executeStep } from "$lib/v1/tools/executor";
-	import { clearOverlay, setOverlay } from "$lib/v1/tools/overlay-store.svelte";
+	} from "$lib/old/registry";
 	import {
 		loadStoredSteps,
 		newStepId,
 		saveSteps,
 		type PipelineStep,
-	} from "$lib/v1/tools/pipeline";
-	import { TOOL_ICONS } from "$lib/v1/tools/tool-icons";
-	import ChainToolBlock from "./chain/ChainToolBlock.svelte";
+	} from "$lib/old/tools/pipeline";
+	import { TOOL_ICONS } from "$lib/old/tools/tool-icons";
+	import DownloadButton from "./DownloadButton.svelte";
+	import ParamForm from "./ParamForm.svelte";
+	import Preview from "./Preview.svelte";
 	import ToolSearch from "./search/ToolSearch.svelte";
+	import { createAutoRunner } from "$lib/old/tools/auto-run";
+	import { executeStep } from "$lib/old/tools/executor";
+	import {
+		clearOverlay,
+		setOverlay,
+	} from "$lib/old/tools/overlay-store.svelte";
+	import { t } from "$lib/i18n/t";
+	import { toolDescription, toolTitle } from "$lib/i18n/tool-strings";
 	import type { StageStatus } from "./stage/stage-props";
+	import ChainToolBlock from "./chain/ChainToolBlock.svelte";
 	import ToolStage from "./stage/ToolStage.svelte";
 	import ToolStageClassic from "./stage/ToolStageClassic.svelte";
 

web/src/lib/old/components/chain/ChainToolBlock.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
+	import { outputOf, sanitizeParams, type ToolEntry } from "$lib/old/registry";
 	import type { PixelImage } from "$lib/core/types";
 	import { t } from "$lib/i18n/t";
 	import { toolTitle } from "$lib/i18n/tool-strings";
-	import { outputOf, sanitizeParams, type ToolEntry } from "$lib/v1/registry";
-	import { TOOL_ICONS } from "$lib/v1/tools/tool-icons";
 	import DownloadButton from "../DownloadButton.svelte";
-	import Preview from "../Preview.svelte";
-	import ParamsCard from "../tool/ParamsCard.svelte";
 	import Button from "../ui/Button.svelte";
 	import EmptyState from "../ui/EmptyState.svelte";
+	import ParamsCard from "../tool/ParamsCard.svelte";
+	import Preview from "../Preview.svelte";
+	import { TOOL_ICONS } from "$lib/old/tools/tool-icons";
 
 	interface Props {
 		index: number;

web/src/lib/old/components/search/ToolCard.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { TOOL_ICONS } from "$lib/v1/tools/tool-icons";
+	import { TOOL_ICONS } from "$lib/old/tools/tool-icons";
 
 	interface Props {
 		toolId: string;

web/src/lib/old/components/search/ToolSearch.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { isChainable, TOOLS } from "$lib/old/registry";
 	import { LOCALE_TAGS } from "$lib/i18n/dict";
 	import { getLocale } from "$lib/i18n/locale.svelte";
 	import { normalizeForSearch, scoreDoc } from "$lib/i18n/matching";
@@ -8,7 +9,6 @@
 		toolSearchDoc,
 		toolTitle,
 	} from "$lib/i18n/tool-strings";
-	import { isChainable, TOOLS } from "$lib/v1/registry";
 	import ToolCard from "./ToolCard.svelte";
 
 	interface Props {

web/src/lib/old/components/stage/ToolStage.svelte

@@ -1,19 +1,20 @@
 <script lang="ts">
+	import type { Snippet } from "svelte";
+	import { outputOf, sanitizeParams, type ToolEntry } from "$lib/old/registry";
 	import type { ImageInfo } from "$lib/core/analyze";
 	import type { PixelImage } from "$lib/core/types";
 	import { t } from "$lib/i18n/t";
-	import { outputOf, sanitizeParams, type ToolEntry } from "$lib/v1/registry";
-	import { TOOL_ICONS } from "$lib/v1/tools/tool-icons";
-	import type { Snippet } from "svelte";
+	import { toolTitle } from "$lib/i18n/tool-strings";
+	import { TOOL_ICONS } from "$lib/old/tools/tool-icons";
 	import DownloadButton from "../DownloadButton.svelte";
-	import Preview from "../Preview.svelte";
+	import Button from "../ui/Button.svelte";
+	import EmptyState from "../ui/EmptyState.svelte";
 	import OverlayCard from "../tool/OverlayCard.svelte";
 	import ParamsCard from "../tool/ParamsCard.svelte";
 	import ResultCard from "../tool/ResultCard.svelte";
 	import SourceCard from "../tool/SourceCard.svelte";
 	import TextInputCard from "../tool/TextInputCard.svelte";
-	import Button from "../ui/Button.svelte";
-	import EmptyState from "../ui/EmptyState.svelte";
+	import Preview from "../Preview.svelte";
 	import type { StageStatus } from "./stage-props";
 
 	interface Props {

web/src/lib/old/components/stage/stage-props.ts

@@ -1,6 +1,6 @@
 import type { ImageInfo } from "$lib/core/analyze";
 import type { PixelImage } from "$lib/core/types";
-import type { ToolEntry } from "$lib/v1/registry";
+import type { ToolEntry } from "$lib/old/registry";
 
 export type StageStatus = "idle" | "loaded" | "processing" | "error";
 

web/src/lib/old/components/tool/ParamsCard.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { t } from "$lib/i18n/t";
-	import type { ParamDef, ToolEntry } from "$lib/v1/registry";
 	import ParamForm from "../ParamForm.svelte";
+	import type { ParamDef, ToolEntry } from "$lib/old/registry";
+	import { t } from "$lib/i18n/t";
 
 	interface Props {
 		tool: ToolEntry;