test(17): wire PartCardConsumer into the VR render harness

The ::part VR cell was registered in matrix.spec.ts but the render harness
(main.ts EXAMPLES + the per-target entry.*.ts import.meta.glob brace-lists) did
not know the example, so parseQuery() fell back to Counter and the [part="body"]
settle locator never appeared (all 6 cells timed out in the baseline run).

Register PartCardConsumer in main.ts (EXAMPLES + LIT_TAGS rozie-part-card-consumer
+ DEFAULT_PROPS {}) and add PartCard,PartCardConsumer to all 6 entry globs
(matches the ThemedButtonConsumer multi-rozie precedent). Verified: all 6 target
sub-builds now bundle PartCardConsumer (+ PartCard sibling via <components>).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: serpentblade

tests/visual-regression/host/entry.angular.ts

@@ -17,7 +17,7 @@ import { createComponent, type Type } from '@angular/core';
 import { parseQuery, mountWrapper, DEFAULT_PROPS } from './main';
 
 // Two glob roots — see entry.vue.ts for rationale; demos/ wins over root.
-const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe}.rozie');
+const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe,PartCard,PartCardConsumer}.rozie');
 const demoModules = import.meta.glob('../../../examples/demos/*.rozie');
 
 /**

tests/visual-regression/host/entry.lit.ts

@@ -13,7 +13,7 @@
 import { parseQuery, mountWrapper, LIT_TAGS, DEFAULT_PROPS } from './main';
 
 // Two glob roots — see entry.vue.ts for rationale; demos/ wins over root.
-const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe}.rozie');
+const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe,PartCard,PartCardConsumer}.rozie');
 const demoModules = import.meta.glob('../../../examples/demos/*.rozie');
 
 async function main(): Promise<void> {

tests/visual-regression/host/entry.react.ts

@@ -18,7 +18,7 @@ import { parseQuery, mountWrapper, DEFAULT_PROPS, toUncontrolledProps } from './
 // canonical for visual-regression purposes (e.g. demos/Dropdown.rozie fills
 // the default panel slot so the screenshot captures menu items instead of
 // an empty 1×18 box). When both globs match, the demos/ entry wins.
-const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe}.rozie');
+const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe,PartCard,PartCardConsumer}.rozie');
 const demoModules = import.meta.glob('../../../examples/demos/*.rozie');
 
 async function main(): Promise<void> {

tests/visual-regression/host/entry.solid.ts

@@ -10,7 +10,7 @@ import { render } from 'solid-js/web';
 import { parseQuery, mountWrapper, DEFAULT_PROPS, toUncontrolledProps } from './main';
 
 // Two glob roots — see entry.vue.ts for rationale; demos/ wins over root.
-const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe}.rozie');
+const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe,PartCard,PartCardConsumer}.rozie');
 const demoModules = import.meta.glob('../../../examples/demos/*.rozie');
 
 async function main(): Promise<void> {

tests/visual-regression/host/entry.svelte.ts

@@ -10,7 +10,7 @@ import { mount } from 'svelte';
 import { parseQuery, mountWrapper, DEFAULT_PROPS } from './main';
 
 // Two glob roots — see entry.vue.ts for rationale; demos/ wins over root.
-const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe}.rozie');
+const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe,PartCard,PartCardConsumer}.rozie');
 const demoModules = import.meta.glob('../../../examples/demos/*.rozie');
 
 async function main(): Promise<void> {

tests/visual-regression/host/entry.vue.ts

@@ -22,7 +22,7 @@ import { parseQuery, mountWrapper, DEFAULT_PROPS } from './main';
 // compile gate (engine-examples.compile.test.ts) but NOT in the
 // visual-regression matrix. When BOTH globs match (demos/ vs base), the
 // demos/ entry wins per the loader below.
-const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe}.rozie');
+const baseModules = import.meta.glob('../../../examples/{Counter,SearchInput,Dropdown,TodoList,Modal,TreeNode,Card,CardHeader,ModalConsumer,WrapperModal,PortalList,PortalListStyled,FullCalendar,LineChart,CodeMirror,ThemedButton,ThemedButtonManual,ThemedButtonListenersManual,ThemedButtonAllManual,ThemedButtonConsumer,ROnProbe,PartCard,PartCardConsumer}.rozie');
 const demoModules = import.meta.glob('../../../examples/demos/*.rozie');
 
 async function main(): Promise<void> {

tests/visual-regression/host/main.ts

@@ -125,6 +125,15 @@ export const EXAMPLES = [
   'ThemedButtonListenersManual',
   'ThemedButtonAllManual',
   'ROnProbe',
+  // Phase 17 — PartCardConsumer is the `::part()` cross-shadow-DOM dogfood.
+  // A multi-rozie consumer (precedent: ThemedButtonConsumer) that embeds
+  // <PartCard> via a <components> block and styles the child's `part="body"`
+  // shadow element across the boundary with a `PartCard::part(body)` rule.
+  // Base example — loader resolves directly to examples/PartCardConsumer.rozie
+  // (no demo sibling); its <components> import of PartCard.rozie is resolved
+  // by the unplugin at build time. On Lit the styled effect is visible across
+  // the shadow boundary; on the 5 non-Lit targets the rule is a no-op.
+  'PartCardConsumer',
 ] as const;
 
 export type Example = (typeof EXAMPLES)[number];
@@ -179,6 +188,8 @@ export const LIT_TAGS: Record<Example, string> = {
   ThemedButtonListenersManual: 'rozie-themed-button-listeners-manual',
   ThemedButtonAllManual: 'rozie-themed-button-all-manual',
   ROnProbe: 'rozie-r-on-probe',
+  // Phase 17 — base example, loader resolves examples/PartCardConsumer.rozie.
+  PartCardConsumer: 'rozie-part-card-consumer',
 };
 
 export interface HostQuery {
@@ -266,6 +277,10 @@ export const DEFAULT_PROPS: Record<Example, Record<string, unknown>> = {
   ThemedButtonListenersManual: { label: 'Listeners Manual' },
   ThemedButtonAllManual: { label: 'All Manual' },
   ROnProbe: {},
+  // PartCardConsumer is self-contained — its template hardcodes
+  // `<PartCard :title="'Hello'">` and styles it via `PartCard::part(body)`.
+  // No parent-side props needed.
+  PartCardConsumer: {},
 };
 
 /**