fix(vr): render Angular SortableList cell after Phase-20 source move

Moving SortableList.rozie out of examples/ into @rozie-ui/sortable-list left the
VR Angular cell empty (0 items): the analogjs AOT prebuild + NgtscProgram were
scoped to examples/ only, so the moved component never got AOT-compiled — the
demo's imports:[SortableList] collapsed to any[], no ɵcmp emitted, JIT fallback
→ empty mount (DEBUG.md 'vr Angular JIT compiler unavailable').

Two coordinated changes make it render without contaminating other targets:
- vite.config.ts + tsconfig.app.json: add packages/ui/sortable-list/src to the
  Angular prebuildExtraRoots + resolveCrossTreeBareImports + NgtscProgram include
  so the moved SortableList AOT-compiles (ɵcmp emitted).
- build-cells.mjs: extend cleanupCrossTreeAngularArtifacts() to sweep the
  Angular .rozie.ts disk-cache + SortableList.ts shim from the package src after
  the Angular sub-build — mirroring the existing examples/ + demos/ sweep — so
  the later solid/lit sub-builds don't pick up the @angular/core-importing
  leftover (which otherwise fails with 'Rollup failed to resolve import lit').

Verified in the pinned CI Playwright container (vr.sh -g '[Ss]ortable'):
32 passed, 0 failed (was 27 passed / 5 angular failed). All 5 Angular sortable
cells render (matrix + drag + cross + multi + keyboard); no Lit contamination.
VR-harness only — zero emitter/compiler/IR change; dist-parity unaffected.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: serpentblade

tests/visual-regression/scripts/build-cells.mjs

@@ -21,6 +21,21 @@ const ROOT = resolve(HERE, '..');
 // → tests → repo.
 const REPO_ROOT = resolve(HERE, '..', '..', '..');
 const EXAMPLES_DIR = resolve(REPO_ROOT, 'examples');
+// Phase 20: SortableList.rozie moved out of examples/ into the
+// @rozie-ui/sortable-list package. The Angular sub-build now walks this dir via
+// `prebuildExtraRoots` (vite.config.ts) and emits the same cross-tree disk-cache
+// artefacts here (`SortableList.rozie.ts` + the `SortableList.ts` composition
+// shim) that it drops in examples/. They must be swept after the Angular build
+// for the same reason — the @angular/core-importing files poison the later
+// solid/lit sub-builds (and unrelated workspace typechecks). See
+// cleanupCrossTreeAngularArtifacts().
+const SORTABLE_LIST_SRC = resolve(
+  REPO_ROOT,
+  'packages',
+  'ui',
+  'sortable-list',
+  'src',
+);
 const REFERENCE_BASENAMES = [
   'Counter',
   'SearchInput',
@@ -120,6 +135,24 @@ function cleanupCrossTreeAngularArtifacts() {
   } catch {
     // demos dir may not exist in some checkouts — ignore
   }
+  // Phase 20: the Angular sub-build also walks `packages/ui/sortable-list/src/`
+  // (the moved SortableList canonical source) via `prebuildExtraRoots`. It emits
+  // `SortableList.rozie.ts` (D-70 disk-cache, imports @angular/core) and the
+  // `SortableList.ts` cross-rozie composition shim there. Without sweeping them
+  // between sub-builds, the later solid/lit `vite build` resolves the leftover
+  // `.rozie.ts` (it shadows the `.rozie` virtual module) and fails with
+  // "Rollup failed to resolve import 'lit'/'solid-js'" — the same cross-tree
+  // contamination the examples/ + demos/ sweeps above prevent.
+  try {
+    for (const entry of readdirSync(SORTABLE_LIST_SRC)) {
+      if (entry.endsWith('.rozie.ts')) {
+        rmSync(resolve(SORTABLE_LIST_SRC, entry), { force: true });
+      }
+    }
+  } catch {
+    // sortable-list src always exists post-Phase-20 — defensive only
+  }
+  rmSync(resolve(SORTABLE_LIST_SRC, 'SortableList.ts'), { force: true });
 }
 
 const TARGETS = ['vue', 'react', 'svelte', 'angular', 'solid', 'lit'];

tests/visual-regression/tsconfig.app.json

@@ -18,5 +18,5 @@
       "tslib": ["node_modules/tslib"]
     }
   },
-  "include": ["host/**/*.ts", "../../examples/**/*.rozie.ts"]
+  "include": ["host/**/*.ts", "../../examples/**/*.rozie.ts", "../../packages/ui/sortable-list/src/**/*.rozie.ts"]
 }

tests/visual-regression/vite.config.ts

@@ -108,6 +108,24 @@ async function frameworkPlugins(target: Target) {
 
 export default defineConfig(async () => {
   const examplesRoot = resolve(__dirname, '..', '..', 'examples');
+  // Phase 20: SortableList.rozie moved out of `examples/` into the
+  // `@rozie-ui/sortable-list` package. The Angular AOT prebuild + NgtscProgram
+  // must also walk the package src so the moved component's `.rozie.ts`
+  // disk-cache artifact is generated and type-resolved — otherwise the demo's
+  // `imports: [SortableList]` collapses to `any[]`, `ɵcmp` is skipped, and the
+  // cell falls back to JIT → empty mount. The matching disk-cache sweep lives
+  // in scripts/build-cells.mjs `cleanupCrossTreeAngularArtifacts()` so the
+  // emitted `.rozie.ts` here doesn't poison the later solid/lit sub-builds.
+  // See DEBUG.md "vr Angular JIT compiler unavailable".
+  const sortableListSrc = resolve(
+    __dirname,
+    '..',
+    '..',
+    'packages',
+    'ui',
+    'sortable-list',
+    'src',
+  );
   return {
   // Sub-builds are served from dist/<target>/; the host router lives at dist root.
   base: `/${TARGET}/`,
@@ -147,10 +165,10 @@ export default defineConfig(async () => {
     // The other targets' `.rozie.ts/.tsx` virtual modules go through Vite's
     // own resolver, which honors `browser` via vite-plugin-solid's
     // `configEnvironment` hook (and the equivalent for other plugins).
-    ...(TARGET === 'angular' ? [resolveCrossTreeBareImports([examplesRoot])] : []),
+    ...(TARGET === 'angular' ? [resolveCrossTreeBareImports([examplesRoot, sortableListSrc])] : []),
     Rozie({
       target: TARGET,
-      ...(TARGET === 'angular' ? { prebuildExtraRoots: [examplesRoot] } : {}),
+      ...(TARGET === 'angular' ? { prebuildExtraRoots: [examplesRoot, sortableListSrc] } : {}),
     }),
     ...(await frameworkPlugins(TARGET)),
   ],