@xmachines/docs 5.0.0 → 5.0.2

package/examples/@xmachines/play-react-router-demo/README.md

@@ -1,18 +1,19 @@
 [Examples](../../README.md) / @xmachines/play-react-router-demo
 
-<!-- generated-by: gsd-doc-writer -->
-
 # @xmachines/play-react-router-demo
 
-React Router v7 integration demo for the XMachines Play architecture.
+React Router 7/8 integration demo for the XMachines Play architecture.
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
 ## What This Demonstrates
 
 - Shared auth machine reused without framework-specific business logic
 - `PlayRouterProvider` renderer-based integration with React Router
 - Shell-driven rendering via `PlayRenderer` with actor-authoritative navigation
-- Canonical TC39 Signals lifecycle mapped to React's rendering loop
+- Canonical atoms lifecycle mapped to React's rendering loop
 - Browser E2E coverage via a shared demo browser suite
+- Stately inspector attached at creation via `options.inspect` — the debug panel's **Show Inspector** button opens the live machine in its own window
 
 ## Running the Demo
 
@@ -34,7 +35,7 @@ Use this order to understand the implementation:
 3. `src/runtime.ts` pre-builds the `routeMap` (via `createRouteMap(authMachine)`) and exports `createPlayer`, `routeMap`, and `createRegistryResult` — keeping runtime setup separate from React lifecycle concerns.
 4. `createAppRuntime()` creates the actor, builds a `registryResult` from the registry, and constructs a React Router data router with a `RoutedShell` wrapper.
 5. `PlayRouterProvider` wires actor navigation and router changes in both directions, using the pre-built `routeMap`.
-6. `Shell` (inside `App.tsx`) receives `actor`, `router`, and `registryResult`, matching the other router demos.
+6. `Shell` (imported from the workspace-only [`@xmachines/play-react-demo`](../play-react-demo/README.md)) receives `actor`, `router`, `registryResult`, and `inspector`, matching the other router demos.
 7. The `renderer` prop renders `<RouterProvider router={currentRouter} />` directly — no intermediate `ReactRouterApp` wrapper is needed.
 8. Browser tests in `test/browser/` validate startup and auth navigation flow via a shared demo suite.
 
@@ -45,23 +46,27 @@ createRoot(document.getElementById("root")!).render(<App />);
 
 ```ts
 // src/runtime.ts (shape)
-export const createPlayer = definePlayer({ machine: authMachine });
+export const inspector = createDemoInspector();
+export const createPlayer = definePlayer({
+	machine: authMachine,
+	options: { inspect: inspector.inspect },
+});
 export const routeMap = createRouteMap(authMachine);
 
 export function createRegistryResult(actor: ReturnType<typeof createPlayer>) {
 	return defineRegistry(authCatalog, {
-		components: { Home, About, Contact, Login, Dashboard /* … */ },
-		actions: {
-			login: async (args) => actor.send({ type: "auth.login", username: args.username }),
-			logout: async () => actor.send({ type: "auth.logout" }),
-			route: async (args) => actor.send({ type: "play.route", to: args.to }),
-		},
+		components: demoComponents, // from @xmachines/play-react-demo
+		actions: createAuthActionHandlers(actor),
 	});
 }
 ```
 
 ```tsx
 // src/App.tsx (shape)
+import { Shell } from "@xmachines/play-react-demo"; // shared demo shell (workspace-only package)
+
+type BrowserRouterInstance = ReturnType<typeof createBrowserRouter>;
+
 function createAppRuntime() {
 	const actor = createPlayer();
 	actor.start();
@@ -71,7 +76,14 @@ function createAppRuntime() {
 	let router!: BrowserRouterInstance;
 
 	function RoutedShell() {
-		return <Shell actor={actor} router={router} registryResult={registryResult} />;
+		return (
+			<Shell
+				actor={actor}
+				router={router}
+				registryResult={registryResult}
+				inspector={inspector}
+			/>
+		);
 	}
 
 	router = createBrowserRouter([{ path: "*", element: <RoutedShell /> }]);
@@ -104,19 +116,17 @@ The demo utilizes XMachines architectural invariants:
 
 1. **Actor Authority:** Navigation triggers URL changes, which the `PlayRouterProvider` intercepts and converts into `play.route` events. The actor evaluates these events against its internal guards and transitions.
 2. **Passive Infrastructure:** The router does not execute business logic. The actor dictates whether navigation is permitted. The React application only triggers renders.
-3. **Signal-Only Reactivity:** The bridge leverages React's `useSyncExternalStore` (internally within the hooks) to react precisely when signals update, without polluting the React component tree with `useState` or `useEffect` for business logic.
+3. **Atom-Only Reactivity:** The bridge leverages React's `useSyncExternalStore` (internally within the hooks) to react precisely when atoms update, without polluting the React component tree with `useState` or `useEffect` for business logic.
 
 ## Watcher Lifecycle and Cleanup Contract
 
-This demo follows the same watcher lifecycle used across [`@xmachines/play-signals`](../../../api/@xmachines/play-signals/README.md) and framework adapters:
+This demo follows the same watcher lifecycle used across [`@xmachines/play-atom`](../../../api/@xmachines/play-atom/README.md) and framework adapters:
 
-1. `notify`
-2. `queueMicrotask`
-3. Drain pending work with `getPending()`
-4. Read actor signals and project framework-local state
-5. Re-arm via `watch()`/`watch(...signals)`
+1. The atom notifies the subscription, synchronously, from the `set` that changed it
+2. `watchAtom` queues one microtask, and it drops each duplicate notification of that batch
+3. The microtask reads the actor atoms and projects framework-local state
 
-Watcher notifications are one-shot. Cleanup is explicit: bridge/provider teardown must call `disconnect`/`unwatch` paths, never rely on GC-only cleanup. The `PlayRouterProvider` handles this natively on component unmount.
+One subscription lives for the whole watch, and no caller arms a watcher again. Cleanup is explicit: bridge/provider teardown must call `disconnect`/`unwatch` paths, never rely on GC-only cleanup. The `PlayRouterProvider` handles this natively on component unmount.
 
 ## Adapter Boundaries
 
@@ -134,18 +144,8 @@ These commands are defined in `package.json`:
 | `pnpm --filter @xmachines/play-react-router-demo run test`         | Run Vitest test suite                          |
 | `pnpm --filter @xmachines/play-react-router-demo run test:browser` | Run browser-focused Vitest suite               |
 
-## Verification
-
-Use these checks to validate README claims against the current demo implementation:
-
-```bash
-pnpm --filter @xmachines/play-react-router-demo run test
-pnpm --filter @xmachines/play-react-router-demo run test:browser
-```
-
-Expected result: tests pass for startup and auth-flow browser scenarios.
-
 ## Learn More
 
 - [React Router](../../../api/@xmachines/play-react-router/README.md)
 - [React](../../../api/@xmachines/play-react/README.md)
+- [Inspecting a Running Actor](../../../guides/inspector.md)

package/examples/@xmachines/play-solid-demo/README.md

@@ -1,18 +1,24 @@
 [Examples](../../README.md) / @xmachines/play-solid-demo
 
-<!-- generated-by: gsd-doc-writer -->
-
 # @xmachines/play-solid-demo
 
 Solid renderer demo for [`@xmachines/play-solid`](../../../api/@xmachines/play-solid/README.md) — actor + `PlayRenderer` without a router.
 
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
 ## What This Demonstrates
 
 - Shared auth machine reused without framework-specific business logic
 - `PlayRenderer` rendering actor-projected views with a typed `defineRegistry` catalog
 - Auth machine states drive view switching via `auth.login` / `auth.logout` events only — no URL routing
-- Canonical TC39 Signals lifecycle integrated with Solid's fine-grained reactivity
+- Canonical atoms lifecycle integrated with Solid's fine-grained reactivity
 - Non-browser invariant tests plus browser renderer coverage
+- Stately inspector attached at creation via `options.inspect` — the debug panel's **Show Inspector** button opens the live machine in its own window
+- json-render 0.20 showcase pages driven purely by spec:
+    - **Overview** — two data planes side by side: `/context/tasks` (machine context via the read-only `/context` projection; `repeat` + `key`, `$item`-filtered lists, per-row actions sending inspectable machine events) next to ephemeral store state (`pushState`/`removeState`/`setState` built-ins driving filter chips and toggles that survive context updates)
+    - **Stats** — nested repeats (`repeat.statePath: { $item: "members" }`) over `/context/teams`
+    - **Settings** — declarative field validation, the `validateForm` built-in, a confirm-gated `resetForm` host action, and `onSuccess`/`onError` chains
+    - **Contact** — a chained named action: submit validates, then routes home on success or writes `"$error.message"` to state on failure
 
 ## Running the Demo
 
@@ -30,11 +36,11 @@ Then open `http://localhost:3002`.
 Use this order to understand the implementation:
 
 1. `src/main.tsx` mounts `<App />` to the DOM root via Solid's `render`.
-2. `src/App.tsx` creates the actor at module scope via `definePlayer({ machine: authMachine })` then calls the returned factory to produce the actor and starts it.
+2. `src/App.tsx` creates the page's inspector with `createDemoInspector()`, then at module scope calls `definePlayer({ machine: authMachine, options: { inspect: inspector.inspect }, actor: compose(PlayerActor, withRouting, withView) })`, invokes the returned factory to produce the actor, and starts it.
 3. `defineRegistry(authCatalog, { components, actions })` builds the typed `registryResult` inside `createMemo` — real async action handlers dispatching to `actor.send()`.
 4. `<PlayUIProvider actor={actor} registryResult={registryResult()}><PlayRenderer /></PlayUIProvider>` observes `actor.currentView` and renders the active spec.
-5. A `NavBar` component observes `actor` signals directly for nav visibility.
-6. `<DebugPanel actor={actor} />` shows live state, auth status, and current route.
+5. A `NavBar` component observes `actor` atoms directly for nav visibility.
+6. `<DebugPanel actor={actor} inspector={inspector} />` shows live state, auth status, and current route, plus the **Show Inspector** button.
 7. Browser tests in `test/browser/` validate startup and interaction behavior.
 
 ```tsx
@@ -44,42 +50,20 @@ render(() => <App />, document.getElementById("app")!);
 
 ```tsx
 // src/App.tsx (shape)
-const createPlayer = definePlayer({ machine: authMachine });
+const inspector = createDemoInspector();
+const createPlayer = definePlayer({
+	machine: authMachine,
+	options: { inspect: inspector.inspect },
+	actor: compose(PlayerActor, withRouting, withView),
+});
 const actor = createPlayer() as AuthActor;
 actor.start();
 
 export function App() {
 	const registryResult = createMemo(() =>
 		defineRegistry(authCatalog, {
-			components: {
-				Home,
-				About,
-				Contact,
-				Login,
-				Dashboard,
-				Overview,
-				Stats,
-				Profile,
-				Settings,
-				Navigation,
-				NavBar: NavBarView,
-			},
-			actions: {
-				login: async (args) =>
-					actor.send({
-						type: "auth.login",
-						username: assertNonNullable(args, "args").username,
-					}),
-				logout: async () => actor.send({ type: "auth.logout" }),
-				route: async (args) => {
-					const { to, params } = assertNonNullable(args, "args");
-					actor.send({
-						type: "play.route",
-						to,
-						...(params != null && { params }),
-					});
-				},
-			},
+			components: demoComponents, // one shared map — Home…NavBar plus the 0.20 Panel/Field/Button leaves
+			actions: createAuthActionHandlers(actor), // login/logout/route + task events + form actions
 		}),
 	);
 
@@ -94,7 +78,7 @@ export function App() {
 					<PlayRenderer />
 				</PlayUIProvider>
 			</main>
-			<DebugPanel actor={actor} />
+			<DebugPanel actor={actor} inspector={inspector} />
 		</div>
 	);
 }
@@ -113,20 +97,18 @@ export function App() {
 The demo utilizes XMachines architectural invariants:
 
 1. **Actor Authority:** View components dispatch `auth.login` and `auth.logout` events to the actor. The actor evaluates guards and transitions — Solid never decides which view to render.
-2. **Passive Infrastructure:** `PlayRenderer` observes `actor.currentView` signals only. It holds no business state and makes no routing decisions.
-3. **Signal-Only Reactivity:** Instead of React-like re-renders, Solid uses fine-grained `createEffect` internally within the renderer to react precisely when actor signals update.
+2. **Passive Infrastructure:** `PlayRenderer` observes `actor.currentView` atoms only. It holds no business state and makes no routing decisions.
+3. **Atom-Only Reactivity:** Instead of React-like re-renders, Solid uses fine-grained `createEffect` internally within the renderer to react precisely when actor atoms update.
 
 ## Watcher Lifecycle and Cleanup Contract
 
 This demo follows the canonical watcher lifecycle used across all `@xmachines` framework adapters:
 
-1. `notify`
-2. `queueMicrotask`
-3. `getPending()`
-4. Read actor signals and project Solid-local render state
-5. Re-arm with `watch()`/`watch(...signals)`
+1. The atom notifies the subscription, synchronously, from the `set` that changed it
+2. `watchAtom` queues one microtask, and it drops each duplicate notification of that batch
+3. The microtask reads the actor atoms and projects Solid-local render state
 
-Watcher notifications are one-shot. Cleanup is explicit and lifecycle-bound: Solid teardown uses `onCleanup`, and `PlayRenderer` handles internal watcher teardown natively on disposal.
+One subscription lives for the whole watch, and no caller arms a watcher again. Cleanup is explicit and lifecycle-bound: Solid teardown uses `onCleanup`, and `PlayRenderer` handles internal watcher teardown natively on disposal.
 
 ## Adapter Boundaries
 
@@ -144,21 +126,11 @@ These commands are defined in `package.json`:
 | `pnpm --filter @xmachines/play-solid-demo run test`         | Run Vitest test suite                          |
 | `pnpm --filter @xmachines/play-solid-demo run test:browser` | Run browser-focused Vitest suite               |
 
-## Verification
-
-Use these checks to validate README claims against the current demo implementation:
-
-```bash
-pnpm --filter @xmachines/play-solid-demo run test
-pnpm --filter @xmachines/play-solid-demo run test:browser
-```
-
-Expected result: library-pattern invariant tests pass and the browser renderer suite completes.
-
 ## Learn More
 
 - [SolidJS](../../../api/@xmachines/play-solid/README.md)
 - [Solid Router](../play-solid-router-demo/README.md)
+- [Inspecting a Running Actor](../../../guides/inspector.md)
 
 ## Type Aliases
 
@@ -168,15 +140,19 @@ Expected result: library-pattern invariant tests pass and the browser renderer s
 
 - [About](variables/About.md)
 - [authCatalog](variables/authCatalog.md)
+- [Button](variables/Button.md)
 - [Contact](variables/Contact.md)
 - [Dashboard](variables/Dashboard.md)
 - [DebugPanel](variables/DebugPanel.md)
+- [demoComponents](variables/demoComponents.md)
+- [Field](variables/Field.md)
 - [Home](variables/Home.md)
 - [Login](variables/Login.md)
 - [NavBar](variables/NavBar.md)
 - [NavBarView](variables/NavBarView.md)
 - [Navigation](variables/Navigation.md)
 - [Overview](variables/Overview.md)
+- [Panel](variables/Panel.md)
 - [Profile](variables/Profile.md)
 - [Settings](variables/Settings.md)
 - [Shell](variables/Shell.md)
@@ -184,4 +160,4 @@ Expected result: library-pattern invariant tests pass and the browser renderer s
 
 ## Functions
 
-- [App](functions/App.md)
+- [createAuthActionHandlers](functions/createAuthActionHandlers.md)

package/examples/@xmachines/play-solid-demo/functions/createAuthActionHandlers.md

@@ -0,0 +1,35 @@
+[Examples](../../../README.md) / [@xmachines/play-solid-demo](../README.md) / createAuthActionHandlers
+
+# Function: createAuthActionHandlers()
+
+```ts
+function createAuthActionHandlers(actor): object;
+```
+
+Defined in: [packages/play-actor/examples/shared/src/actions.ts:48](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-actor/examples/shared/src/actions.ts#L48)
+
+Build the demo action handler map for one actor.
+
+Returned functions use the `(params, setState) => Promise<void>` shape every
+framework's `defineRegistry` accepts; spread the result into its `actions`.
+
+## Parameters
+
+| Parameter | Type        |
+| --------- | ----------- |
+| `actor`   | `AuthActor` |
+
+## Returns
+
+`object`
+
+| Name             | Type                                                    | Defined in                                                                                                                                                               |
+| ---------------- | ------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `addTask()`      | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:65](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-actor/examples/shared/src/actions.ts#L65) |
+| `completeTask()` | (`params`, `_setState`, `state`) => `Promise`\<`void`\> | [packages/play-actor/examples/shared/src/actions.ts:72](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-actor/examples/shared/src/actions.ts#L72) |
+| `login()`        | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:50](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-actor/examples/shared/src/actions.ts#L50) |
+| `logout()`       | () => `Promise`\<`void`\>                               | [packages/play-actor/examples/shared/src/actions.ts:54](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-actor/examples/shared/src/actions.ts#L54) |
+| `removeTask()`   | (`params`, `_setState`, `state`) => `Promise`\<`void`\> | [packages/play-actor/examples/shared/src/actions.ts:81](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-actor/examples/shared/src/actions.ts#L81) |
+| `resetForm()`    | (`params`, `setState`) => `Promise`\<`void`\>           | [packages/play-actor/examples/shared/src/actions.ts:99](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-actor/examples/shared/src/actions.ts#L99) |
+| `route()`        | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:55](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-actor/examples/shared/src/actions.ts#L55) |
+| `submitForm()`   | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:92](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-actor/examples/shared/src/actions.ts#L92) |

package/examples/@xmachines/play-solid-demo/type-aliases/AuthCatalog.md

@@ -6,4 +6,4 @@
 type AuthCatalog = typeof authCatalog;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/catalog.ts:6](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/catalog.ts#L6)
+Defined in: [packages/play-solid/examples/demo/src/catalog.ts:6](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/catalog.ts#L6)

package/examples/@xmachines/play-solid-demo/variables/About.md

@@ -6,4 +6,4 @@
 const About: ComponentFn<AuthCatalog, "About">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/About.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/About.tsx#L9)
+Defined in: [packages/play-solid/examples/demo/src/components/About.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/About.tsx#L9)

package/examples/@xmachines/play-solid-demo/variables/Button.md

@@ -0,0 +1,11 @@
+[Examples](../../../README.md) / [@xmachines/play-solid-demo](../README.md) / Button
+
+# Variable: Button
+
+```ts
+const Button: ComponentFn<AuthCatalog, "Button">;
+```
+
+Defined in: [packages/play-solid/examples/demo/src/components/Button.tsx:10](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Button.tsx#L10)
+
+Button — 0.20 showcase action leaf: emits 'press'; the spec binding decides what happens.

package/examples/@xmachines/play-solid-demo/variables/Contact.md

@@ -6,4 +6,4 @@
 const Contact: ComponentFn<AuthCatalog, "Contact">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/Contact.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/Contact.tsx#L9)
+Defined in: [packages/play-solid/examples/demo/src/components/Contact.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Contact.tsx#L9)

package/examples/@xmachines/play-solid-demo/variables/Dashboard.md

@@ -6,4 +6,4 @@
 const Dashboard: ComponentFn<AuthCatalog, "Dashboard">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/Dashboard.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/Dashboard.tsx#L9)
+Defined in: [packages/play-solid/examples/demo/src/components/Dashboard.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Dashboard.tsx#L9)

package/examples/@xmachines/play-solid-demo/variables/DebugPanel.md

@@ -5,11 +5,13 @@
 ```ts
 const DebugPanel: Component<{
 	actor: AuthActor;
+	inspector: DemoInspector;
 }>;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/DebugPanel.tsx:10](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/DebugPanel.tsx#L10)
+Defined in: [packages/play-solid/examples/demo/src/components/DebugPanel.tsx:12](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/DebugPanel.tsx#L12)
 
 DebugPanel — Live debug footer.
-Observes actor.state and actor.currentRoute via watchSignal;
-cleans up via onCleanup.
+Observes actor.state and actor.currentRoute via watchAtom;
+cleans up via onCleanup. Also renders the button that opens the Stately
+inspector window.

package/examples/@xmachines/play-solid-demo/variables/Field.md

@@ -0,0 +1,11 @@
+[Examples](../../../README.md) / [@xmachines/play-solid-demo](../README.md) / Field
+
+# Variable: Field
+
+```ts
+const Field: ComponentFn<AuthCatalog, "Field">;
+```
+
+Defined in: [packages/play-solid/examples/demo/src/components/Field.tsx:20](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Field.tsx#L20)
+
+Field — 0.20 showcase input leaf: $bindState two-way binding + declarative validation checks; errors read from formErrors.

package/examples/@xmachines/play-solid-demo/variables/Home.md

@@ -6,4 +6,4 @@
 const Home: ComponentFn<AuthCatalog, "Home">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/Home.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/Home.tsx#L9)
+Defined in: [packages/play-solid/examples/demo/src/components/Home.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Home.tsx#L9)

package/examples/@xmachines/play-solid-demo/variables/Login.md

@@ -6,4 +6,4 @@
 const Login: ComponentFn<AuthCatalog, "Login">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/Login.tsx:12](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/Login.tsx#L12)
+Defined in: [packages/play-solid/examples/demo/src/components/Login.tsx:12](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Login.tsx#L12)

package/examples/@xmachines/play-solid-demo/variables/NavBar.md

@@ -8,4 +8,4 @@ const NavBar: Component<{
 }>;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/NavBar.tsx:15](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/NavBar.tsx#L15)
+Defined in: [packages/play-solid/examples/demo/src/components/NavBar.tsx:15](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/NavBar.tsx#L15)

package/examples/@xmachines/play-solid-demo/variables/NavBarView.md

@@ -6,7 +6,7 @@
 const NavBarView: ComponentFn<AuthCatalog, "NavBar">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/NavBarView.tsx:11](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/NavBarView.tsx#L11)
+Defined in: [packages/play-solid/examples/demo/src/components/NavBarView.tsx:11](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/NavBarView.tsx#L11)
 
 NavBarView — Catalog-typed NavBar for use in defineRegistry components map.
 

package/examples/@xmachines/play-solid-demo/variables/Navigation.md

@@ -6,4 +6,4 @@
 const Navigation: ComponentFn<AuthCatalog, "Navigation">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/Navigation.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/Navigation.tsx#L9)
+Defined in: [packages/play-solid/examples/demo/src/components/Navigation.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Navigation.tsx#L9)

package/examples/@xmachines/play-solid-demo/variables/Overview.md

@@ -6,4 +6,4 @@
 const Overview: ComponentFn<AuthCatalog, "Overview">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/Overview.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/Overview.tsx#L9)
+Defined in: [packages/play-solid/examples/demo/src/components/Overview.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Overview.tsx#L9)

package/examples/@xmachines/play-solid-demo/variables/Panel.md

@@ -0,0 +1,11 @@
+[Examples](../../../README.md) / [@xmachines/play-solid-demo](../README.md) / Panel
+
+# Variable: Panel
+
+```ts
+const Panel: ComponentFn<AuthCatalog, "Panel">;
+```
+
+Defined in: [packages/play-solid/examples/demo/src/components/Panel.tsx:15](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Panel.tsx#L15)
+
+Panel — 0.20 showcase container leaf: titled section rendering its spec children (also the repeat container/row).

package/examples/@xmachines/play-solid-demo/variables/Profile.md

@@ -6,4 +6,4 @@
 const Profile: ComponentFn<AuthCatalog, "Profile">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/Profile.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/Profile.tsx#L9)
+Defined in: [packages/play-solid/examples/demo/src/components/Profile.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Profile.tsx#L9)

package/examples/@xmachines/play-solid-demo/variables/Settings.md

@@ -6,4 +6,4 @@
 const Settings: ComponentFn<AuthCatalog, "Settings">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/Settings.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/Settings.tsx#L9)
+Defined in: [packages/play-solid/examples/demo/src/components/Settings.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Settings.tsx#L9)

package/examples/@xmachines/play-solid-demo/variables/Shell.md

@@ -5,12 +5,13 @@
 ```ts
 const Shell: Component<{
 	actor: AuthActor;
+	inspector: DemoInspector;
 	registryResult: DefineRegistryResult;
 	router?: unknown;
 }>;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/Shell.tsx:13](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/Shell.tsx#L13)
+Defined in: [packages/play-solid/examples/demo/src/components/Shell.tsx:13](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Shell.tsx#L13)
 
 Shell — Demo shell layout component.
 Renders standard demo chrome (header + PlayUIProvider/PlayRenderer + DebugPanel).

package/examples/@xmachines/play-solid-demo/variables/Stats.md

@@ -6,4 +6,4 @@
 const Stats: ComponentFn<AuthCatalog, "Stats">;
 ```
 
-Defined in: [packages/play-solid/examples/demo/src/components/Stats.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.56/packages/play-solid/examples/demo/src/components/Stats.tsx#L9)
+Defined in: [packages/play-solid/examples/demo/src/components/Stats.tsx:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v5.0.2/packages/play-solid/examples/demo/src/components/Stats.tsx#L9)