@daltonr/pathwrite-solid 0.11.0 → 0.13.0

package/README.md

@@ -10,6 +10,21 @@ npm install @daltonr/pathwrite-core @daltonr/pathwrite-solid
 
 Peer dependencies: `solid-js >= 1.8.0`
 
+### `tsconfig.json` — required `jsxImportSource`
+
+Solid JSX requires `"jsxImportSource": "solid-js"` in your `tsconfig.json`. Using the wrong value (a common mistake is `"solid-js/h"`) produces a cryptic TypeScript error that does not mention Solid or JSX at all.
+
+```json
+{
+  "compilerOptions": {
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js"
+  }
+}
+```
+
+If you see a type error about JSX elements being `Element | null | undefined` when they should be `JSX.Element`, check this value first.
+
 ---
 
 ## Quick start
@@ -74,6 +89,8 @@ export function DetailsStep() {
 
 Step components call `usePathContext()` to access engine state. `<PathShell>` provides the context automatically via `createContext` / `useContext`.
 
+Each step render function runs once, when its step becomes current, and the component it returns lives until the path moves to a different step. Engine events that leave the step unchanged (`setData` on every keystroke, `validate()`, guard and hook status changes) do not re-create it, so inputs keep their DOM node, focus and local state. Live state reaches the step reactively either through `usePathContext().snapshot()` or through the `snapshot` argument of the render function, whose properties read the current snapshot: `(snap) => <DetailsStep snapshot={snap} />` with `createMemo(() => props.snapshot.data)` inside stays up to date.
+
 ---
 
 ## usePath
@@ -82,7 +99,7 @@ Step components call `usePathContext()` to access engine state. `<PathShell>` pr
 
 | Return value | Type | Description |
 |---|---|---|
-| `snapshot` | `Accessor<PathSnapshot \| null>` | Current snapshot. Call `snapshot()` to read. `null` when no path is active. Tracked reactively when read inside JSX or effects. |
+| `snapshot` | `Accessor<PathSnapshot \| null>` | Current snapshot. Call `snapshot()` to read. `null` when no path is active or when `completionBehaviour: "dismiss"` is used. With the default `"stayOnFinal"`, the accessor returns a snapshot with `status === "completed"` after the path finishes. Tracked reactively when read inside JSX or effects. |
 | `start(definition, data?)` | function | Start or re-start a path. |
 | `next()` | function | Advance one step. Completes the path on the last step. |
 | `previous()` | function | Go back one step. No-op on the first step of a top-level path. |
@@ -90,11 +107,11 @@ Step components call `usePathContext()` to access engine state. `<PathShell>` pr
 | `goToStep(stepId)` | function | Jump to a step by ID, bypassing guards and `shouldSkip`. |
 | `goToStepChecked(stepId)` | function | Jump to a step by ID, checking the relevant navigation guard first. |
 | `setData(key, value)` | function | Update a single data field. Type-checked when `TData` is provided. |
-| `resetStep()` | function | Re-run `onEnter` for the current step without changing step index. |
+| `resetStep()` | function | Restore the current step's data to what it was when the step was entered. Emits `stateChanged` with cause `"resetStep"`; no hooks run. |
 | `startSubPath(definition, data?, meta?)` | function | Push a sub-path. `meta` is echoed back to `onSubPathComplete` / `onSubPathCancel`. |
-| `suspend()` | function | Suspend an async step while work completes. |
-| `retry()` | function | Retry the current step after a suspension or error. |
-| `restart()` | function | Tear down the active path without firing hooks and start fresh. |
+| `suspend()` | function | Pause the path with intent to return. Emits `suspended`; all state and data are preserved. |
+| `retry()` | function | Re-run the operation that set `snapshot().error`. Increments `retryCount` on repeated failure. No-op when there is no pending error. |
+| `restart()` | function | Tear down the active path without firing hooks and restart the root path with the `initialData` from the original `start()`. Takes no arguments; rejects if nothing has been started. |
 | `validate()` | function | Set `snapshot().hasValidated` without navigating. Used to trigger inline errors across all tabs in a nested shell. |
 
 ---
@@ -118,17 +135,26 @@ Step components call `usePathContext()` to access engine state. `<PathShell>` pr
 | `path` | `PathDefinition` | required | The path to run. |
 | `steps` | `Record<string, (snapshot: PathSnapshot) => JSX.Element>` | — | Step render functions keyed by step ID (or `formId` for `StepChoice` steps). |
 | `initialData` | `PathData` | `{}` | Initial data passed to `engine.start()`. |
-| `engine` | `PathEngine` | — | An externally-managed engine. When provided, `PathShell` skips its own `start()`. |
+| `engine` | `PathEngine` | — | An externally-managed engine. When provided, `PathShell` skips its own `start()`. May be provided after mount (e.g. once an async `restoreOrStart()` resolves): the shell adopts it, re-subscribing and re-seeding from the new engine. Set `autoStart` to `false` if the shell should not start its own path in the meantime. |
 | `autoStart` | `boolean` | `true` | Start the path automatically on mount. Ignored when `engine` is provided. |
 | `validationDisplay` | `"summary" \| "inline" \| "both"` | `"summary"` | Where `fieldErrors` are rendered. Use `"inline"` to suppress the summary and handle errors inside step components. |
-| `footerLayout` | `"wizard" \| "form" \| "auto"` | `"auto"` | `"wizard"`: Back on left, Cancel+Submit on right. `"form"`: Cancel on left, Submit on right, no Back. `"auto"` picks `"form"` for single-step paths. |
+| `layout` | `"wizard" \| "form" \| "auto" \| "tabs"` | `"auto"` | `"wizard"`: Back on left, Cancel+Submit on right. `"form"`: Cancel on left, Submit on right, no Back. `"tabs"`: No progress header or footer — for tabbed interfaces. `"auto"` picks `"form"` for single-step paths. |
+| `progressLayout` | `"merged" \| "split" \| "rootOnly" \| "activeOnly"` | `"merged"` | How the root and sub-path progress bars are arranged while a sub-path is active. |
 | `hideProgress` | `boolean` | `false` | Hide the progress indicator. Also hidden automatically for single-step top-level paths. |
 | `hideFooter` | `boolean` | `false` | Hide the footer entirely. The error panel is still shown on async failure. |
 | `hideCancel` | `boolean` | `false` | Hide the Cancel button. |
+| `backLabel` | `string` | `"Previous"` | Previous button label. |
+| `nextLabel` | `string` | `"Next"` | Next button label. |
+| `completeLabel` | `string` | `"Complete"` | Complete button label (last step). |
+| `loadingLabel` | `string` | `undefined` | Label for the Next/Complete button while an async operation is in progress. When unset, the button keeps its label and shows a CSS spinner. |
+| `cancelLabel` | `string` | `"Cancel"` | Cancel button label. |
+| `class` | `string` | — | Extra CSS class on the root element. |
 | `validateWhen` | `boolean` | `false` | When it becomes `true`, calls `validate()` on the engine. Bind to the outer shell's `hasAttemptedNext` for nested shells. |
 | `services` | `object \| null` | `null` | Services object passed through context to all step components. |
-| `renderHeader` | `(snapshot) => JSX.Element` | — | Replace the default progress header. |
-| `renderFooter` | `(snapshot, actions) => JSX.Element` | — | Replace the default navigation buttons. |
+| `restoreKey` | `string` | — | When set, the shell automatically saves its full state (data + active step) into the nearest outer `PathShell`'s data under this key on every change, and restores from it on remount. No-op on a top-level shell. The stored value also carries the inner engine's serialized state, so a remount restores in place: no `onEnter` / `onLeave` re-run, attempted / visited state kept. |
+| `renderHeader` | `(snapshot) => JSX.Element` | — | Replace the default progress header. A custom header is shown even for single-step paths, and hidden under `hideProgress` or `layout="tabs"`. |
+| `renderFooter` | `(snapshot, actions) => JSX.Element` | — | Replace the default navigation buttons. `actions` contains `next`, `previous`, `cancel`, `goToStep`, `goToStepChecked`, `setData`, `restart`, `retry`, `suspend`. |
+| `completionContent` | `(snapshot: PathSnapshot) => JSX.Element` | — | Custom content rendered when `snapshot().status === "completed"` (`completionBehaviour: "stayOnFinal"`). Receives the completed snapshot. If omitted, a default "All done." panel is shown. |
 | `onComplete` | `(data: PathData) => void` | — | Called when the path completes. |
 | `onCancel` | `(data: PathData) => void` | — | Called when the path is cancelled. |
 | `onEvent` | `(event: PathEvent) => void` | — | Called for every engine event. |
@@ -156,6 +182,38 @@ function DetailsStep() {
 }
 ```
 
+### Avoid repeated `snapshot()` calls — use `createMemo`
+
+Each call to `snapshot()` is a separate signal read. In a step component with several fields, calling it inline six times creates six subscriptions and six potential re-renders per update.
+
+Wrap it in a `createMemo` to read the signal once and share the result:
+
+```tsx
+import { createMemo } from "solid-js";
+import { usePathContext } from "@daltonr/pathwrite-solid";
+
+function DetailsStep() {
+  const { snapshot, setData } = usePathContext<ApplicationData>();
+  const data = createMemo(() => snapshot()?.data as ApplicationData | undefined);
+  const errors = createMemo(() => snapshot()?.fieldErrors);
+  const attempted = createMemo(() => snapshot()?.hasAttemptedNext ?? false);
+
+  return (
+    <div>
+      <input
+        value={data()?.name ?? ""}
+        onInput={(e) => setData("name", e.currentTarget.value)}
+      />
+      <Show when={attempted() && errors()?.name}>
+        <p class="error">{errors()?.name}</p>
+      </Show>
+    </div>
+  );
+}
+```
+
+`createMemo` caches the derived value and only recomputes when the underlying signal changes, so all reads within the component share one subscription.
+
 ---
 
 ## Complete example
@@ -202,21 +260,25 @@ export const applicationPath: PathDefinition<ApplicationData> = {
 
 ```tsx
 // DetailsStep.tsx
+import { createMemo } from "solid-js";
 import { usePathContext } from "@daltonr/pathwrite-solid";
 import type { ApplicationData } from "./application-path";
 
 export function DetailsStep() {
   const { snapshot, setData } = usePathContext<ApplicationData>();
+  const data = createMemo(() => snapshot()?.data as ApplicationData | undefined);
+  const errors = createMemo(() => snapshot()?.fieldErrors);
+  const attempted = createMemo(() => snapshot()?.hasAttemptedNext ?? false);
 
   return (
     <div>
       <label>First name</label>
       <input
-        value={snapshot()?.data.firstName ?? ""}
+        value={data()?.firstName ?? ""}
         onInput={(e) => setData("firstName", e.currentTarget.value)}
       />
-      <Show when={snapshot()?.hasAttemptedNext && snapshot()?.fieldErrors.firstName}>
-        <p class="error">{snapshot()?.fieldErrors.firstName}</p>
+      <Show when={attempted() && errors()?.firstName}>
+        <p class="error">{errors()?.firstName}</p>
       </Show>
     </div>
   );
@@ -225,23 +287,27 @@ export function DetailsStep() {
 
 ```tsx
 // CoverNoteStep.tsx
+import { createMemo } from "solid-js";
 import { usePathContext } from "@daltonr/pathwrite-solid";
 import type { ApplicationData } from "./application-path";
 
 export function CoverNoteStep() {
   const { snapshot, setData } = usePathContext<ApplicationData>();
+  const data = createMemo(() => snapshot()?.data as ApplicationData | undefined);
+  const errors = createMemo(() => snapshot()?.fieldErrors);
+  const attempted = createMemo(() => snapshot()?.hasAttemptedNext ?? false);
 
   return (
     <div>
       <label>Cover note</label>
       <textarea
-        value={snapshot()?.data.coverNote ?? ""}
+        value={data()?.coverNote ?? ""}
         onInput={(e) => setData("coverNote", e.currentTarget.value)}
         rows="6"
         placeholder="Tell us why you're a great fit..."
       />
-      <Show when={snapshot()?.hasAttemptedNext && snapshot()?.fieldErrors.coverNote}>
-        <p class="error">{snapshot()?.fieldErrors.coverNote}</p>
+      <Show when={attempted() && errors()?.coverNote}>
+        <p class="error">{errors()?.coverNote}</p>
       </Show>
     </div>
   );
@@ -343,7 +409,7 @@ function App() {
 ## Further reading
 
 - [SolidJS getting started guide](../../docs/getting-started/frameworks/solidjs.md)
-- [Navigation guide](../../docs/guides/navigation.md)
+- [Navigation guide](../../docs/developer-guide/04-navigation.md)
 - [Full docs](../../docs/README.md)
 
 ---

package/dist/index.css

@@ -77,6 +77,31 @@
   font-size: 14px;
 }
 
+/* ------------------------------------------------------------------ */
+/* Completion panel                                                    */
+/* ------------------------------------------------------------------ */
+.pw-shell__completion {
+  text-align: center;
+  padding: 40px 16px;
+}
+
+.pw-shell__completion-message {
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--pw-color-text);
+  margin: 0 0 20px;
+}
+
+.pw-shell__completion-restart {
+  border: 1px solid var(--pw-color-btn-border);
+  background: var(--pw-color-btn-bg);
+  color: var(--pw-color-text);
+  padding: var(--pw-btn-padding);
+  border-radius: var(--pw-btn-radius);
+  cursor: pointer;
+  font-size: 14px;
+}
+
 /* ------------------------------------------------------------------ */
 /* Root progress — persistent top-level bar visible during sub-paths   */
 /* ------------------------------------------------------------------ */
@@ -332,6 +357,23 @@
   content: ":";
 }
 
+/* ------------------------------------------------------------------ */
+/* Inline field-level errors and warnings (<FieldError /> component)  */
+/* ------------------------------------------------------------------ */
+.pw-field-error {
+  display: block;
+  font-size: 12px;
+  color: var(--pw-color-error);
+  margin-top: 4px;
+}
+
+.pw-field-warning {
+  display: block;
+  font-size: 12px;
+  color: var(--pw-color-warning);
+  margin-top: 4px;
+}
+
 /* ------------------------------------------------------------------ */
 /* Footer — navigation buttons                                        */
 /* ------------------------------------------------------------------ */

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { PathData, PathDefinition, PathEngine, PathEvent, PathSnapshot, Progress
 export interface UsePathOptions {
     /**
      * An externally-managed `PathEngine` to subscribe to — for example, the engine
-     * returned by `createPersistedEngine()` from `@daltonr/pathwrite-store`.
+     * returned by `restoreOrStart()` from `@daltonr/pathwrite-store`.
      *
      * When provided:
      * - `usePath` will **not** create its own engine.
@@ -11,7 +11,13 @@ export interface UsePathOptions {
      * - The engine lifecycle (start / cleanup) is the **caller's responsibility**.
      * - `PathShell` will skip its own `autoStart` call.
      */
-    engine?: PathEngine;
+    /**
+     * An externally managed engine — a plain engine or an accessor. With an
+     * accessor the hook tracks it, so an engine that arrives later (e.g. from an
+     * async `restoreOrStart()`) or is swapped is adopted — the hook
+     * re-subscribes and re-seeds its snapshot from the new engine.
+     */
+    engine?: PathEngine | Accessor<PathEngine | undefined>;
     /** Called for every engine event (stateChanged, completed, cancelled, resumed). */
     onEvent?: (event: PathEvent) => void;
 }
@@ -31,17 +37,22 @@ export interface UsePathReturn<TData extends PathData = PathData> {
     previous: () => Promise<void>;
     /** Cancel the active path (or sub-path). */
     cancel: () => Promise<void>;
-    /** Jump directly to a step by ID. Calls onLeave / onEnter but bypasses guards and shouldSkip. */
-    goToStep: (stepId: string) => Promise<void>;
+    /** Jump directly to a step by ID. Calls onLeave / onEnter but bypasses guards and shouldSkip. Pass `{ validateOnLeave: true }` to mark the departing step as attempted before navigating. */
+    goToStep: (stepId: string, options?: {
+        validateOnLeave?: boolean;
+    }) => Promise<void>;
     /** Jump directly to a step by ID, checking the current step's canMoveNext (forward) or canMovePrevious (backward) guard first. Navigation is blocked if the guard returns false. */
-    goToStepChecked: (stepId: string) => Promise<void>;
+    goToStepChecked: (stepId: string, options?: {
+        validateOnLeave?: boolean;
+    }) => Promise<void>;
     /** Update a single data value; triggers re-renders via stateChanged. When `TData` is specified, `key` and `value` are type-checked against your data shape. */
     setData: <K extends string & keyof TData>(key: K, value: TData[K]) => Promise<void>;
     /** Reset the current step's data to what it was when the step was entered. Useful for "Clear" or "Reset" buttons. */
     resetStep: () => Promise<void>;
     /**
-     * Tear down any active path (without firing hooks) and immediately start the
-     * given path fresh. Safe to call whether or not a path is currently active.
+     * Tear down any active path (without firing hooks) and immediately restart
+     * the root path with the `initialData` from the original `start()` call.
+     * Takes no arguments; rejects if the engine has never been started.
      * Use for "Start over" / retry flows without remounting the component.
      */
     restart: () => Promise<void>;
@@ -69,8 +80,12 @@ export interface PathShellActions {
     next: () => Promise<void>;
     previous: () => Promise<void>;
     cancel: () => Promise<void>;
-    goToStep: (stepId: string) => Promise<void>;
-    goToStepChecked: (stepId: string) => Promise<void>;
+    goToStep: (stepId: string, options?: {
+        validateOnLeave?: boolean;
+    }) => Promise<void>;
+    goToStepChecked: (stepId: string, options?: {
+        validateOnLeave?: boolean;
+    }) => Promise<void>;
     setData: (key: string, value: unknown) => Promise<void>;
     restart: () => Promise<void>;
     retry: () => Promise<void>;
@@ -80,24 +95,38 @@ export interface PathShellProps {
     path: PathDefinition<any>;
     /**
      * An externally-managed engine — for example, the engine returned by
-     * `createPersistedEngine()`. When supplied, `PathShell` will skip its own
+     * `restoreOrStart()` from `@daltonr/pathwrite-store`. When supplied, `PathShell` will skip its own
      * `start()` call and drive the UI from the provided engine instead.
      */
     engine?: PathEngine;
     initialData?: PathData;
+    /**
+     * When set, this shell automatically saves its state into the nearest outer `PathShell`'s
+     * data under this key on every change, and restores from that stored state on remount.
+     * No-op when used on a top-level shell with no outer `PathShell` ancestor.
+     */
+    restoreKey?: string;
     autoStart?: boolean;
     /**
      * Step render functions keyed by step ID (or `formId` for StepChoice steps).
      * ```tsx
      * <PathShell steps={{ details: (snap) => <DetailsStep snapshot={snap} />, review: (snap) => <ReviewStep snapshot={snap} /> }} />
      * ```
+     * Each function is called once when its step becomes current, and the
+     * component it returns lives until the path moves to a different step —
+     * engine events that leave the step unchanged (`setData`, `validate`,
+     * guard / hook status changes) do not re-create it, so inputs keep their
+     * DOM node, focus and local state. The `snapshot` argument is live: its
+     * properties read the current snapshot reactively, so
+     * `createMemo(() => props.snapshot.data)` stays up to date. Reading
+     * `usePathContext().snapshot()` inside the step works the same way.
      */
-    steps?: Record<string, (snapshot: PathSnapshot) => JSX.Element>;
+    steps?: Record<string, (snapshot: PathSnapshot) => ReturnType<Component>>;
     onComplete?: (data: PathData) => void;
     onCancel?: (data: PathData) => void;
     onEvent?: (event: PathEvent) => void;
-    renderHeader?: (snapshot: PathSnapshot) => JSX.Element;
-    renderFooter?: (snapshot: PathSnapshot, actions: PathShellActions) => JSX.Element;
+    renderHeader?: (snapshot: PathSnapshot) => ReturnType<Component>;
+    renderFooter?: (snapshot: PathSnapshot, actions: PathShellActions) => ReturnType<Component>;
     backLabel?: string;
     nextLabel?: string;
     completeLabel?: string;
@@ -108,12 +137,13 @@ export interface PathShellProps {
     /** If true, hide the footer (navigation buttons). The error panel is still shown on async failure regardless of this prop. */
     hideFooter?: boolean;
     /**
-     * Footer layout mode:
+     * Shell layout mode:
      * - `"auto"` (default): Uses "form" for single-step top-level paths, "wizard" otherwise.
-     * - `"wizard"`: Back button on left, Cancel and Submit together on right.
-     * - `"form"`: Cancel on left, Submit alone on right. Back button never shown.
+     * - `"wizard"`: Progress header + Back button on left, Cancel and Submit together on right.
+     * - `"form"`: Progress header + Cancel on left, Submit alone on right. Back button never shown.
+     * - `"tabs"`: No progress header, no footer. Use for tabbed interfaces with a custom tab bar inside the step body.
      */
-    footerLayout?: "wizard" | "form" | "auto";
+    layout?: "wizard" | "form" | "auto" | "tabs";
     /**
      * Controls whether the shell renders its auto-generated field-error summary box.
      * - `"summary"` (default): Shell renders the labeled error list below the step body.
@@ -137,6 +167,12 @@ export interface PathShellProps {
     /** When true, calls `validate()` on the engine so all steps show inline errors simultaneously. Useful when this shell is nested inside a step of an outer shell: bind to the outer snapshot's `hasAttemptedNext`. */
     validateWhen?: boolean;
     class?: string;
+    /**
+     * Content rendered when `snapshot.status === "completed"` (i.e. after the path
+     * finishes with `completionBehaviour: "stayOnFinal"`). Defaults to a simple
+     * "All done." panel with a Restart button.
+     */
+    completionContent?: (snapshot: PathSnapshot) => JSX.Element;
 }
 export declare const PathShell: Component<PathShellProps>;
 export type { PathData, FieldErrors, PathDefinition, PathEvent, PathSnapshot, PathStep, PathStepContext, ProgressLayout, RootProgress, SerializedPathState, } from "@daltonr/pathwrite-core";

package/dist/index.js

@@ -1,31 +1,46 @@
-import { jsx as _jsx, jsxs as _jsxs } from "solid-js/jsx-runtime";
-import { createSignal, onCleanup, onMount, createContext, useContext, createEffect, For, Show, } from "solid-js";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "solid-js/jsx-runtime";
+import { createSignal, createMemo, untrack, onCleanup, onMount, createContext, useContext, createEffect, on, For, Show, } from "solid-js";
 import { PathEngine, formatFieldKey, errorPhaseMessage, } from "@daltonr/pathwrite-core";
 // ---------------------------------------------------------------------------
 // usePath composable
 // ---------------------------------------------------------------------------
 export function usePath(options) {
-    const engine = options?.engine ?? new PathEngine();
+    let ownEngine = null;
+    const resolveEngine = () => {
+        const external = typeof options?.engine === "function" ? options.engine() : options?.engine;
+        return external ?? (ownEngine ??= new PathEngine());
+    };
+    let engine = resolveEngine();
     const [snapshot, setSnapshot] = createSignal(engine.snapshot(), 
     // always notify — PathEngine produces new snapshot objects on every event
     { equals: false });
-    const unsubscribe = engine.subscribe((event) => {
+    const onEngineEvent = (event) => {
         if (event.type === "stateChanged" || event.type === "resumed") {
             setSnapshot(event.snapshot);
         }
         else if (event.type === "completed" || event.type === "cancelled") {
-            setSnapshot(null);
+            setSnapshot(engine.snapshot());
         }
         options?.onEvent?.(event);
-    });
-    onCleanup(unsubscribe);
+    };
+    let unsubscribe = engine.subscribe(onEngineEvent);
+    // Adopt a late or swapped engine: re-subscribe and re-seed the snapshot.
+    createEffect(on(resolveEngine, (next) => {
+        if (next === engine)
+            return;
+        unsubscribe();
+        engine = next;
+        setSnapshot(engine.snapshot());
+        unsubscribe = engine.subscribe(onEngineEvent);
+    }, { defer: true }));
+    onCleanup(() => unsubscribe());
     const start = (path, initialData = {}) => engine.start(path, initialData);
     const startSubPath = (path, initialData = {}, meta) => engine.startSubPath(path, initialData, meta);
     const next = () => engine.next();
     const previous = () => engine.previous();
     const cancel = () => engine.cancel();
-    const goToStep = (stepId) => engine.goToStep(stepId);
-    const goToStepChecked = (stepId) => engine.goToStepChecked(stepId);
+    const goToStep = (stepId, options) => engine.goToStep(stepId, options);
+    const goToStepChecked = (stepId, options) => engine.goToStepChecked(stepId, options);
     const setData = ((key, value) => engine.setData(key, value));
     const resetStep = () => engine.resetStep();
     const restart = () => engine.restart();
@@ -54,20 +69,58 @@ export function usePathContext() {
     };
 }
 export const PathShell = (props) => {
+    // Read outer PathShell context BEFORE providing our own.
+    const outerCtx = useContext(PathContext);
+    // When remounting under restoreKey, rebuild the inner engine from the state the
+    // previous instance exported, instead of starting the path and jumping to the
+    // step (which re-ran onEnter/onLeave and lost attempted / visited state).
+    const restoredEngine = (() => {
+        if (props.engine || !props.restoreKey || !outerCtx)
+            return null;
+        const stored = outerCtx.path.snapshot()?.data[props.restoreKey];
+        if (!stored || typeof stored !== "object" || !stored.serializedState)
+            return null;
+        try {
+            return PathEngine.fromState(stored.serializedState, { [props.path.id]: props.path });
+        }
+        catch {
+            return null; // unusable state (e.g. the path definition changed): start fresh below
+        }
+    })();
+    // The shell's own engine is created once; an `engine` prop — present at
+    // mount or arriving later — always takes precedence and is adopted by usePath.
+    const ownEngine = restoredEngine ?? new PathEngine();
+    const currentEngine = () => props.engine ?? ownEngine;
     const pathReturn = usePath({
-        engine: props.engine,
+        engine: currentEngine,
         onEvent(event) {
             props.onEvent?.(event);
             if (event.type === "completed")
                 props.onComplete?.(event.data);
             if (event.type === "cancelled")
                 props.onCancel?.(event.data);
+            if (props.restoreKey && outerCtx && event.type === "stateChanged") {
+                outerCtx.path.setData(props.restoreKey, { ...event.snapshot, serializedState: currentEngine().exportState() });
+            }
         },
     });
     const { snapshot, start, next, previous, cancel, goToStep, goToStepChecked, setData, restart, retry, suspend, validate } = pathReturn;
     onMount(() => {
-        if (props.autoStart !== false && !props.engine) {
-            start(props.path, props.initialData ?? {});
+        if (props.autoStart !== false && !props.engine && !restoredEngine) {
+            let startData = props.initialData ?? {};
+            let restoreStepId;
+            if (props.restoreKey && outerCtx) {
+                const stored = outerCtx.path.snapshot()?.data[props.restoreKey];
+                if (stored != null && typeof stored === "object" && "stepId" in stored) {
+                    startData = stored.data;
+                    if (stored.stepIndex > 0)
+                        restoreStepId = stored.stepId;
+                }
+            }
+            const p = start(props.path, startData);
+            if (restoreStepId) {
+                p.then(() => goToStep(restoreStepId));
+            }
         }
     });
     createEffect(() => {
@@ -90,13 +143,60 @@ export const PathShell = (props) => {
         const mod = layout && layout !== "merged" ? ` pw-shell--progress-${layout}` : "";
         return props.class ? `${base}${mod} ${props.class}` : `${base}${mod}`;
     };
-    const showRoot = () => !props.hideProgress && !!snap().rootProgress && props.progressLayout !== "activeOnly";
-    const showActive = () => !props.hideProgress && (snap().stepCount > 1 || snap().nestingLevel > 0) && props.progressLayout !== "rootOnly";
-    const stepContent = () => {
-        const s = snap();
-        const key = s.formId ?? s.stepId;
-        const render = props.steps?.[key];
-        return render ? render(s) : null;
+    const effectiveHideProgress = () => props.hideProgress || props.layout === "tabs";
+    const effectiveHideFooter = () => props.hideFooter || props.layout === "tabs";
+    const showRoot = () => !effectiveHideProgress() && !!snap().rootProgress && props.progressLayout !== "activeOnly";
+    // A custom header is the consumer's decision: show it whenever progress is
+    // not hidden, even for a single-step path. Only the *default* header hides
+    // for one step (same rule as the React / Vue shells).
+    const showActive = () => !effectiveHideProgress() && (props.renderHeader
+        ? true
+        : (snap().stepCount > 1 || snap().nestingLevel > 0) && props.progressLayout !== "rootOnly");
+    // The step render function must only run when the *step* changes. The
+    // snapshot signal is `{ equals: false }` (a new object on every engine
+    // event), so reading it in a tracked render position would tear the step
+    // component down and re-create it on every setData — losing the input's
+    // DOM node and focus on each keystroke. Key the rendered content on the
+    // step's identity and create it untracked; live state reaches the step
+    // through the reactive snapshot proxy below or `usePathContext()`.
+    // Which key of `props.steps` renders the current step: the StepChoice's
+    // inner step id (`formId`) when content is registered under it, otherwise
+    // the slot's own id — the same fallback the React / Vue / Svelte shells use.
+    const stepLookupKey = createMemo(() => {
+        const s = snapshot();
+        if (!s)
+            return null;
+        if (s.formId && props.steps?.[s.formId])
+            return s.formId;
+        return s.stepId;
+    });
+    const stepIdentity = createMemo(() => {
+        const s = snapshot();
+        return s ? `${s.nestingLevel}:${s.pathId}:${s.formId ?? s.stepId}` : null;
+    });
+    // A snapshot whose property reads go through the signal, so a step that
+    // received it as a prop (`(snap) => <Step snapshot={snap} />`) sees the
+    // current values reactively even though the step itself is created once.
+    const liveSnapshot = new Proxy({}, {
+        get: (_target, key) => snapshot()?.[key],
+        has: (_target, key) => { const s = snapshot(); return s ? key in s : false; },
+        ownKeys: () => { const s = snapshot(); return s ? Reflect.ownKeys(s) : []; },
+        getOwnPropertyDescriptor: (_target, key) => {
+            const s = snapshot();
+            const d = s ? Object.getOwnPropertyDescriptor(s, key) : undefined;
+            return d ? { ...d, configurable: true } : undefined;
+        },
+    });
+    // Rendered inside <PathContext.Provider>, so the memo (and the step it
+    // creates) is owned by the provider and `usePathContext()` resolves.
+    const StepContent = () => {
+        const content = createMemo(() => {
+            if (stepIdentity() === null)
+                return null;
+            const render = props.steps?.[untrack(stepLookupKey)];
+            return render ? untrack(() => render(liveSnapshot)) : null;
+        });
+        return _jsx(_Fragment, { children: content() });
     };
     const showValidation = () => props.validationDisplay !== "inline" &&
         (snap().hasAttemptedNext || snap().hasValidated) &&
@@ -107,16 +207,18 @@ export const PathShell = (props) => {
         (snap().hasAttemptedNext || snap().hasValidated) &&
         !!snap().blockingError;
     const resolvedFooterLayout = () => {
-        const fl = props.footerLayout ?? "auto";
-        if (fl !== "auto")
+        const fl = props.layout ?? "auto";
+        if (fl !== "auto" && fl !== "tabs")
             return fl;
         return snap().stepCount === 1 && snap().nestingLevel === 0 ? "form" : "wizard";
     };
     return (_jsx(PathContext.Provider, { value: contextValue, children: _jsx(Show, { when: snapshot(), fallback: _jsx("div", { class: "pw-shell", children: _jsxs("div", { class: "pw-shell__empty", children: [_jsx("p", { children: "No active path." }), _jsx(Show, { when: props.autoStart === false, children: _jsx("button", { type: "button", class: "pw-shell__start-btn", onClick: () => start(props.path, props.initialData ?? {}), children: "Start" }) })] }) }), children: _jsxs("div", { class: shellClass(), children: [_jsx(Show, { when: showRoot(), children: _jsx(SolidRootProgress, { root: snap().rootProgress }) }), _jsx(Show, { when: showActive(), children: props.renderHeader
                             ? props.renderHeader(snap())
-                            : _jsx(SolidHeader, { snapshot: snap() }) }), _jsx("div", { class: "pw-shell__body", children: stepContent() }), _jsx(Show, { when: showValidation(), children: _jsx("ul", { class: "pw-shell__validation", children: _jsx(For, { each: Object.entries(snap().fieldErrors), children: ([key, msg]) => (_jsxs("li", { class: "pw-shell__validation-item", children: [_jsx(Show, { when: key !== "_", children: _jsx("span", { class: "pw-shell__validation-label", children: formatFieldKey(key) }) }), msg] })) }) }) }), _jsx(Show, { when: showWarnings(), children: _jsx("ul", { class: "pw-shell__warnings", children: _jsx(For, { each: Object.entries(snap().fieldWarnings), children: ([key, msg]) => (_jsxs("li", { class: "pw-shell__warnings-item", children: [_jsx(Show, { when: key !== "_", children: _jsx("span", { class: "pw-shell__warnings-label", children: formatFieldKey(key) }) }), msg] })) }) }) }), _jsx(Show, { when: showBlockingError(), children: _jsx("p", { class: "pw-shell__blocking-error", children: snap().blockingError }) }), _jsx(Show, { when: snap().status === "error" && snap().error, fallback: _jsx(Show, { when: !props.hideFooter, children: props.renderFooter
-                                ? props.renderFooter(snap(), actions)
-                                : _jsx(SolidFooter, { snapshot: snap(), actions: actions, backLabel: props.backLabel ?? "Previous", nextLabel: props.nextLabel ?? "Next", completeLabel: props.completeLabel ?? "Complete", loadingLabel: props.loadingLabel, cancelLabel: props.cancelLabel ?? "Cancel", hideCancel: props.hideCancel ?? false, footerLayout: resolvedFooterLayout() }) }), children: _jsx(SolidErrorPanel, { snapshot: snap(), actions: actions }) })] }) }) }));
+                            : _jsx(SolidHeader, { snapshot: snap() }) }), _jsx(Show, { when: snap().status === "completed", children: _jsx("div", { class: "pw-shell__body", children: props.completionContent
+                                ? props.completionContent(snap())
+                                : (_jsxs("div", { class: "pw-shell__completion", children: [_jsx("p", { class: "pw-shell__completion-message", children: "All done." }), _jsx("button", { type: "button", class: "pw-shell__completion-restart", onClick: () => restart(), children: "Start over" })] })) }) }), _jsxs(Show, { when: snap().status !== "completed", children: [_jsx("div", { class: "pw-shell__body", children: _jsx(StepContent, {}) }), _jsx(Show, { when: showValidation(), children: _jsx("ul", { class: "pw-shell__validation", children: _jsx(For, { each: Object.entries(snap().fieldErrors), children: ([key, msg]) => (_jsxs("li", { class: "pw-shell__validation-item", children: [_jsx(Show, { when: key !== "_", children: _jsx("span", { class: "pw-shell__validation-label", children: formatFieldKey(key) }) }), msg] })) }) }) }), _jsx(Show, { when: showWarnings(), children: _jsx("ul", { class: "pw-shell__warnings", children: _jsx(For, { each: Object.entries(snap().fieldWarnings), children: ([key, msg]) => (_jsxs("li", { class: "pw-shell__warnings-item", children: [_jsx(Show, { when: key !== "_", children: _jsx("span", { class: "pw-shell__warnings-label", children: formatFieldKey(key) }) }), msg] })) }) }) }), _jsx(Show, { when: showBlockingError(), children: _jsx("p", { class: "pw-shell__blocking-error", children: snap().blockingError }) }), _jsx(Show, { when: snap().status === "error" && snap().error, fallback: _jsx(Show, { when: !effectiveHideFooter(), children: props.renderFooter
+                                        ? props.renderFooter(snap(), actions)
+                                        : _jsx(SolidFooter, { snapshot: snap(), actions: actions, backLabel: props.backLabel ?? "Previous", nextLabel: props.nextLabel ?? "Next", completeLabel: props.completeLabel ?? "Complete", loadingLabel: props.loadingLabel, cancelLabel: props.cancelLabel ?? "Cancel", hideCancel: props.hideCancel ?? false, layout: resolvedFooterLayout() }) }), children: _jsx(SolidErrorPanel, { snapshot: snap(), actions: actions }) })] })] }) }) }));
 };
 // ---------------------------------------------------------------------------
 // Root progress
@@ -144,7 +246,7 @@ function SolidErrorPanel(props) {
 // Default footer (navigation buttons)
 // ---------------------------------------------------------------------------
 function SolidFooter(props) {
-    const isFormMode = () => props.footerLayout === "form";
+    const isFormMode = () => props.layout === "form";
     const isLoading = () => props.snapshot.status !== "idle";
     const submitLabel = () => isLoading() && props.loadingLabel
         ? props.loadingLabel

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EACZ,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,EACV,YAAY,EACZ,EAAE,EACF,GAAG,EACH,IAAI,GAIL,MAAM,UAAU,CAAC;AAClB,OAAO,EAGL,UAAU,EAMV,cAAc,EACd,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AAmEjC,8EAA8E;AAC9E,qBAAqB;AACrB,8EAA8E;AAE9E,MAAM,UAAU,OAAO,CAAoC,OAAwB;IACjF,IAAI,SAAS,GAAsB,IAAI,CAAC;IACxC,MAAM,aAAa,GAAG,GAAe,EAAE;QACrC,MAAM,QAAQ,GAAG,OAAO,OAAO,EAAE,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC;QAC5F,OAAO,QAAQ,IAAI,CAAC,SAAS,KAAK,IAAI,UAAU,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;IACF,IAAI,MAAM,GAAG,aAAa,EAAE,CAAC;IAE7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,YAAY,CAC1C,MAAM,CAAC,QAAQ,EAAgC;IAC/C,0EAA0E;IAC1E,EAAE,MAAM,EAAE,KAAK,EAAE,CAClB,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAQ,EAAE;QAC/C,IAAI,KAAK,CAAC,IAAI,KAAK,cAAc,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC9D,WAAW,CAAC,KAAK,CAAC,QAA+B,CAAC,CAAC;QACrD,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;YACpE,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAgC,CAAC,CAAC;QAC/D,CAAC;QACD,OAAO,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IACF,IAAI,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAElD,yEAAyE;IACzE,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;QACtC,IAAI,IAAI,KAAK,MAAM;YAAE,OAAO;QAC5B,WAAW,EAAE,CAAC;QACd,MAAM,GAAG,IAAI,CAAC;QACd,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAgC,CAAC,CAAC;QAC7D,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAChD,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;IAE/B,MAAM,KAAK,GAAG,CAAC,IAAyB,EAAE,cAAwB,EAAE,EAAiB,EAAE,CACrF,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAElC,MAAM,YAAY,GAAG,CAAC,IAAyB,EAAE,cAAwB,EAAE,EAAE,IAA8B,EAAiB,EAAE,CAC5H,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,GAAkB,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAChD,MAAM,QAAQ,GAAG,GAAkB,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACxD,MAAM,MAAM,GAAG,GAAkB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACpD,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAE,OAAuC,EAAiB,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9H,MAAM,eAAe,GAAG,CAAC,MAAc,EAAE,OAAuC,EAAiB,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE5I,MAAM,OAAO,GAAG,CAAC,CAAiC,GAAM,EAAE,KAAe,EAAiB,EAAE,CAC1F,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,KAAgB,CAAC,CAAoC,CAAC;IAE5E,MAAM,SAAS,GAAG,GAAkB,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IAC1D,MAAM,OAAO,GAAG,GAAkB,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IACtD,MAAM,KAAK,GAAG,GAAkB,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IAClD,MAAM,OAAO,GAAG,GAAkB,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IACtD,MAAM,QAAQ,GAAG,GAAS,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IAE/C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AACrJ,CAAC;AAWD,MAAM,WAAW,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE3E;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,GAAG,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;IAC/E,CAAC;IACD,OAAO;QACL,GAAI,GAAG,CAAC,IAAwG;QAChH,QAAQ,EAAE,GAAG,CAAC,QAAqB;KACpC,CAAC;AACJ,CAAC;AAsGD,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC5D,yDAAyD;IACzD,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEzC,gFAAgF;IAChF,8EAA8E;IAC9E,0EAA0E;IAC1E,MAAM,cAAc,GAAsB,CAAC,GAAG,EAAE;QAC9C,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAChE,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAA0D,CAAC;QACzH,IAAI,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,eAAe;YAAE,OAAO,IAAI,CAAC;QAClF,IAAI,CAAC;YACH,OAAO,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;QACvF,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,CAAC,CAAC,uEAAuE;QACtF,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IACL,wEAAwE;IACxE,+EAA+E;IAC/E,MAAM,SAAS,GAAG,cAAc,IAAI,IAAI,UAAU,EAAE,CAAC;IACrD,MAAM,aAAa,GAAG,GAAe,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;IAElE,MAAM,UAAU,GAAG,OAAO,CAAC;QACzB,MAAM,EAAE,aAAa;QACrB,OAAO,CAAC,KAAK;YACX,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW;gBAAE,KAAK,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,IAAgB,CAAC,CAAC;YAC3E,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW;gBAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAgB,CAAC,CAAC;YACzE,IAAI,KAAK,CAAC,UAAU,IAAI,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;gBACjE,QAAQ,CAAC,IAAI,CAAC,OAA4D,CACzE,KAAK,CAAC,UAAU,EAAE,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,WAAW,EAAE,EAAE,CACxF,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC;IAEtI,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,SAAS,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAClE,IAAI,SAAS,GAAa,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;YAClD,IAAI,aAAiC,CAAC;YACtC,IAAI,KAAK,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC;gBACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAA6B,CAAC;gBAC5F,IAAI,MAAM,IAAI,IAAI,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;oBACvE,SAAS,GAAG,MAAM,CAAC,IAAgB,CAAC;oBACpC,IAAI,MAAM,CAAC,SAAS,GAAG,CAAC;wBAAE,aAAa,GAAG,MAAM,CAAC,MAAgB,CAAC;gBACpE,CAAC;YACH,CAAC;YACD,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;YACvC,IAAI,aAAa,EAAE,CAAC;gBAClB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAc,CAAC,CAAC,CAAC;YACzC,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,YAAY,CAAC,GAAG,EAAE;QAChB,IAAI,KAAK,CAAC,YAAY;YAAE,QAAQ,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAqB,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,EAAE,CAAC;IAE9F,MAAM,OAAO,GAAqB;QAChC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe;QACjD,OAAO,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,GAAU,EAAE,KAAY,CAAC;QAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE;QACxB,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE;QACpB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE;KACzB,CAAC;IAEF,8EAA8E;IAC9E,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,QAAQ,EAAG,CAAC;IAE/B,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,IAAI,GAAG,UAAU,CAAC;QACxB,MAAM,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC;QACpC,MAAM,GAAG,GAAG,MAAM,IAAI,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjF,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;IACxE,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC;IAClF,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC;IAC9E,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,YAAY,IAAI,KAAK,CAAC,cAAc,KAAK,YAAY,CAAC;IAClH,2EAA2E;IAC3E,2EAA2E;IAC3E,sDAAsD;IACtD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;QACtE,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,SAAS,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,cAAc,KAAK,UAAU,CAAC,CAAC;IAE9F,sEAAsE;IACtE,uEAAuE;IACvE,yEAAyE;IACzE,wEAAwE;IACxE,wEAAwE;IACxE,uEAAuE;IACvE,mEAAmE;IACnE,wEAAwE;IACxE,0EAA0E;IAC1E,6EAA6E;IAC7E,MAAM,aAAa,GAAG,UAAU,CAAgB,GAAG,EAAE;QACnD,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAC;QACrB,IAAI,CAAC,CAAC;YAAE,OAAO,IAAI,CAAC;QACpB,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC;QACzD,OAAO,CAAC,CAAC,MAAM,CAAC;IAClB,CAAC,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,UAAU,CAAgB,GAAG,EAAE;QAClD,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAC;QACrB,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,wEAAwE;IACxE,wEAAwE;IACxE,yEAAyE;IACzE,MAAM,YAAY,GAAG,IAAI,KAAK,CAAC,EAAkB,EAAE;QACjD,GAAG,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAE,QAAQ,EAAqD,EAAE,CAAC,GAAG,CAAC;QAC5F,GAAG,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7E,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5E,wBAAwB,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;YACzC,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAC;YACrB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAClE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACtD,CAAC;KACF,CAAC,CAAC;IAEH,uEAAuE;IACvE,qEAAqE;IACrE,MAAM,WAAW,GAAc,GAAG,EAAE;QAClC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,IAAI,YAAY,EAAE,KAAK,IAAI;gBAAE,OAAO,IAAI,CAAC;YACzC,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,aAAa,CAAE,CAAC,CAAC;YACtD,OAAO,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC7D,CAAC,CAAC,CAAC;QACH,OAAO,4BAAG,OAAO,EAAE,GAAI,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE,CAC1B,KAAK,CAAC,iBAAiB,KAAK,QAAQ;QACpC,CAAC,IAAI,EAAE,CAAC,gBAAgB,IAAI,IAAI,EAAE,CAAC,YAAY,CAAC;QAChD,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,MAAM,YAAY,GAAG,GAAG,EAAE,CACxB,KAAK,CAAC,iBAAiB,KAAK,QAAQ;QACpC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAE/C,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAC7B,KAAK,CAAC,iBAAiB,KAAK,QAAQ;QACpC,CAAC,IAAI,EAAE,CAAC,gBAAgB,IAAI,IAAI,EAAE,CAAC,YAAY,CAAC;QAChD,CAAC,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC;IAEzB,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC;QAClC,IAAI,EAAE,KAAK,MAAM,IAAI,EAAE,KAAK,MAAM;YAAE,OAAO,EAAE,CAAC;QAC9C,OAAO,IAAI,EAAE,CAAC,SAAS,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IACjF,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,KAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EAAE,EAChB,QAAQ,EACN,cAAK,KAAK,EAAC,UAAU,YACnB,eAAK,KAAK,EAAC,iBAAiB,aAC1B,0CAAsB,EACtB,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,YACnC,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,sBAGlD,GACJ,IACH,GACF,YAGR,eAAK,KAAK,EAAE,UAAU,EAAE,aAEtB,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,YACpB,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,CAAC,YAAa,GAAI,GAC5C,EAEP,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,YACrB,KAAK,CAAC,YAAY;4BACjB,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;4BAC5B,CAAC,CAAC,KAAC,WAAW,IAAC,QAAQ,EAAE,IAAI,EAAE,GAAI,GAChC,EAEP,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,KAAK,WAAW,YACvC,cAAK,KAAK,EAAC,gBAAgB,YACxB,KAAK,CAAC,iBAAiB;gCACtB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;gCACjC,CAAC,CAAC,CACA,eAAK,KAAK,EAAC,sBAAsB,aAC/B,YAAG,KAAK,EAAC,8BAA8B,0BAAc,EACrD,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,2BAGjB,IACL,CACP,GAEC,GACD,EAEP,MAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,KAAK,WAAW,aACzC,cAAK,KAAK,EAAC,gBAAgB,YAAC,KAAC,WAAW,KAAG,GAAM,EAEjD,KAAC,IAAI,IAAC,IAAI,EAAE,cAAc,EAAE,YAC1B,aAAI,KAAK,EAAC,sBAAsB,YAC9B,KAAC,GAAG,IAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,YAC1C,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CACf,cAAI,KAAK,EAAC,2BAA2B,aACnC,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,KAAK,GAAG,YACrB,eAAM,KAAK,EAAC,4BAA4B,YAAE,cAAc,CAAC,GAAG,CAAC,GAAQ,GAChE,EACN,GAAG,IACD,CACN,GACG,GACH,GACA,EAEP,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,YACxB,aAAI,KAAK,EAAC,oBAAoB,YAC5B,KAAC,GAAG,IAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC,YAC5C,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CACf,cAAI,KAAK,EAAC,yBAAyB,aACjC,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,KAAK,GAAG,YACrB,eAAM,KAAK,EAAC,0BAA0B,YAAE,cAAc,CAAC,GAAG,CAAC,GAAQ,GAC9D,EACN,GAAG,IACD,CACN,GACG,GACH,GACA,EAEP,KAAC,IAAI,IAAC,IAAI,EAAE,iBAAiB,EAAE,YAC7B,YAAG,KAAK,EAAC,0BAA0B,YAAE,IAAI,EAAE,CAAC,aAAa,GAAK,GACzD,EAEP,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,KAAK,OAAO,IAAI,IAAI,EAAE,CAAC,KAAK,EAC/C,QAAQ,EACN,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,mBAAmB,EAAE,YAC/B,KAAK,CAAC,YAAY;wCACjB,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC;wCACrC,CAAC,CAAC,KAAC,WAAW,IACV,QAAQ,EAAE,IAAI,EAAE,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,UAAU,EACxC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,MAAM,EACpC,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,UAAU,EAChD,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,EAC1C,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,EACrC,MAAM,EAAE,oBAAoB,EAAE,GAC9B,GAED,YAGT,KAAC,eAAe,IAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,GAAI,GAClD,IACA,IACH,GACD,GACc,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,8EAA8E;AAC9E,gBAAgB;AAChB,8EAA8E;AAE9E,SAAS,iBAAiB,CAAC,KAA6B;IACtD,OAAO,CACL,eAAK,KAAK,EAAC,yBAAyB,aAClC,cAAK,KAAK,EAAC,iBAAiB,YAC1B,KAAC,GAAG,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,YACxB,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,kCAAkC,IAAI,CAAC,MAAM,EAAE,aACzD,eAAM,KAAK,EAAC,oBAAoB,YAC7B,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAC/C,EACP,eAAM,KAAK,EAAC,sBAAsB,YAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,GAAQ,IAC7D,CACP,GACG,GACF,EACN,cAAK,KAAK,EAAC,iBAAiB,YAC1B,cAAK,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,EAAE,GAAI,GACnF,IACF,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,sCAAsC;AACtC,8EAA8E;AAE9E,SAAS,WAAW,CAAC,KAAiC;IACpD,OAAO,CACL,eAAK,KAAK,EAAC,kBAAkB,aAC3B,cAAK,KAAK,EAAC,iBAAiB,YAC1B,KAAC,GAAG,IAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,YAC5B,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,kCAAkC,IAAI,CAAC,MAAM,EAAE,aACzD,eAAM,KAAK,EAAC,oBAAoB,YAC7B,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAC/C,EACP,eAAM,KAAK,EAAC,sBAAsB,YAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,GAAQ,IAC7D,CACP,GACG,GACF,EACN,cAAK,KAAK,EAAC,iBAAiB,YAC1B,cAAK,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,GAAG,GAAG,GAAG,EAAE,GAAI,GACvF,IACF,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,cAAc;AACd,8EAA8E;AAE9E,SAAS,eAAe,CAAC,KAA4D;IACnF,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAM,CAAC;IAC1C,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,IAAI,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,CAAC;IACpF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,eAAK,KAAK,EAAC,iBAAiB,aAC1B,cAAK,KAAK,EAAC,uBAAuB,YAAE,KAAK,EAAE,GAAO,EAClD,eAAK,KAAK,EAAC,yBAAyB,aACjC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IACrD,EACN,eAAK,KAAK,EAAC,yBAAyB,aAClC,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,SAAS,EAAE,YACtB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,oCAAoC,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,0BAEpF,GACJ,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,YACvC,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,iBAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB,EAAE,EACzF,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,yCAGvB,GACJ,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,YACvD,iBAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,oCAAoC,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,0BAEpF,GACJ,IACH,IACF,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,sCAAsC;AACtC,8EAA8E;AAE9E,SAAS,WAAW,CAAC,KAUpB;IACC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC;IACjD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,MAAM,CAAC;IACzD,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,SAAS,EAAE,IAAI,KAAK,CAAC,YAAY;QAC/B,CAAC,CAAC,KAAK,CAAC,YAAY;QACpB,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU;YACzB,CAAC,CAAC,KAAK,CAAC,aAAa;YACrB,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;IAExB,OAAO,CACL,eAAK,KAAK,EAAC,kBAAkB,aAC3B,eAAK,KAAK,EAAC,uBAAuB,aAEhC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,qCAAqC,EAC3C,QAAQ,EAAE,SAAS,EAAE,EACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,YAE5B,KAAK,CAAC,WAAW,GACX,GACJ,EAEP,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,YACtD,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,mCAAmC,EACzC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,EACxD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,YAE9B,KAAK,CAAC,SAAS,GACT,GACJ,IACH,EACN,eAAK,KAAK,EAAC,wBAAwB,aAEjC,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC5C,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,qCAAqC,EAC3C,QAAQ,EAAE,SAAS,EAAE,EACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,YAE5B,KAAK,CAAC,WAAW,GACX,GACJ,EAEP,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,oCAAoC,SAAS,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,EACzF,QAAQ,EAAE,SAAS,EAAE,EACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,YAE1B,WAAW,EAAE,GACP,IACL,IACF,CACP,CAAC;AACJ,CAAC;AAmBD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daltonr/pathwrite-solid",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "type": "module",
   "license": "MIT",
   "description": "SolidJS adapter for @daltonr/pathwrite-core — reactive usePath() composable and optional PathShell component.",
@@ -47,7 +47,7 @@
     "solid-js": ">=1.8.0"
   },
   "dependencies": {
-    "@daltonr/pathwrite-core": "^0.11.0"
+    "@daltonr/pathwrite-core": "^0.13.0"
   },
   "devDependencies": {
     "solid-js": "^1.9.0"

package/src/index.tsx

@@ -1,10 +1,13 @@
 import {
   createSignal,
+  createMemo,
+  untrack,
   onCleanup,
   onMount,
   createContext,
   useContext,
   createEffect,
+  on,
   For,
   Show,
   type Component,
@@ -17,6 +20,7 @@ import {
   PathEngine,
   PathEvent,
   PathSnapshot,
+  SerializedPathState,
   ProgressLayout,
   RootProgress,
   formatFieldKey,
@@ -30,7 +34,7 @@ import {
 export interface UsePathOptions {
   /**
    * An externally-managed `PathEngine` to subscribe to — for example, the engine
-   * returned by `createPersistedEngine()` from `@daltonr/pathwrite-store`.
+   * returned by `restoreOrStart()` from `@daltonr/pathwrite-store`.
    *
    * When provided:
    * - `usePath` will **not** create its own engine.
@@ -38,7 +42,13 @@ export interface UsePathOptions {
    * - The engine lifecycle (start / cleanup) is the **caller's responsibility**.
    * - `PathShell` will skip its own `autoStart` call.
    */
-  engine?: PathEngine;
+  /**
+   * An externally managed engine — a plain engine or an accessor. With an
+   * accessor the hook tracks it, so an engine that arrives later (e.g. from an
+   * async `restoreOrStart()`) or is swapped is adopted — the hook
+   * re-subscribes and re-seeds its snapshot from the new engine.
+   */
+  engine?: PathEngine | Accessor<PathEngine | undefined>;
   /** Called for every engine event (stateChanged, completed, cancelled, resumed). */
   onEvent?: (event: PathEvent) => void;
 }
@@ -59,17 +69,18 @@ export interface UsePathReturn<TData extends PathData = PathData> {
   previous: () => Promise<void>;
   /** Cancel the active path (or sub-path). */
   cancel: () => Promise<void>;
-  /** Jump directly to a step by ID. Calls onLeave / onEnter but bypasses guards and shouldSkip. */
-  goToStep: (stepId: string) => Promise<void>;
+  /** Jump directly to a step by ID. Calls onLeave / onEnter but bypasses guards and shouldSkip. Pass `{ validateOnLeave: true }` to mark the departing step as attempted before navigating. */
+  goToStep: (stepId: string, options?: { validateOnLeave?: boolean }) => Promise<void>;
   /** Jump directly to a step by ID, checking the current step's canMoveNext (forward) or canMovePrevious (backward) guard first. Navigation is blocked if the guard returns false. */
-  goToStepChecked: (stepId: string) => Promise<void>;
+  goToStepChecked: (stepId: string, options?: { validateOnLeave?: boolean }) => Promise<void>;
   /** Update a single data value; triggers re-renders via stateChanged. When `TData` is specified, `key` and `value` are type-checked against your data shape. */
   setData: <K extends string & keyof TData>(key: K, value: TData[K]) => Promise<void>;
   /** Reset the current step's data to what it was when the step was entered. Useful for "Clear" or "Reset" buttons. */
   resetStep: () => Promise<void>;
   /**
-   * Tear down any active path (without firing hooks) and immediately start the
-   * given path fresh. Safe to call whether or not a path is currently active.
+   * Tear down any active path (without firing hooks) and immediately restart
+   * the root path with the `initialData` from the original `start()` call.
+   * Takes no arguments; rejects if the engine has never been started.
    * Use for "Start over" / retry flows without remounting the component.
    */
   restart: () => Promise<void>;
@@ -86,7 +97,12 @@ export interface UsePathReturn<TData extends PathData = PathData> {
 // ---------------------------------------------------------------------------
 
 export function usePath<TData extends PathData = PathData>(options?: UsePathOptions): UsePathReturn<TData> {
-  const engine = options?.engine ?? new PathEngine();
+  let ownEngine: PathEngine | null = null;
+  const resolveEngine = (): PathEngine => {
+    const external = typeof options?.engine === "function" ? options.engine() : options?.engine;
+    return external ?? (ownEngine ??= new PathEngine());
+  };
+  let engine = resolveEngine();
 
   const [snapshot, setSnapshot] = createSignal<PathSnapshot<TData> | null>(
     engine.snapshot() as PathSnapshot<TData> | null,
@@ -94,16 +110,26 @@ export function usePath<TData extends PathData = PathData>(options?: UsePathOpti
     { equals: false }
   );
 
-  const unsubscribe = engine.subscribe((event: PathEvent) => {
+  const onEngineEvent = (event: PathEvent): void => {
     if (event.type === "stateChanged" || event.type === "resumed") {
       setSnapshot(event.snapshot as PathSnapshot<TData>);
     } else if (event.type === "completed" || event.type === "cancelled") {
-      setSnapshot(null);
+      setSnapshot(engine.snapshot() as PathSnapshot<TData> | null);
     }
     options?.onEvent?.(event);
-  });
+  };
+  let unsubscribe = engine.subscribe(onEngineEvent);
+
+  // Adopt a late or swapped engine: re-subscribe and re-seed the snapshot.
+  createEffect(on(resolveEngine, (next) => {
+    if (next === engine) return;
+    unsubscribe();
+    engine = next;
+    setSnapshot(engine.snapshot() as PathSnapshot<TData> | null);
+    unsubscribe = engine.subscribe(onEngineEvent);
+  }, { defer: true }));
 
-  onCleanup(unsubscribe);
+  onCleanup(() => unsubscribe());
 
   const start = (path: PathDefinition<any>, initialData: PathData = {}): Promise<void> =>
     engine.start(path, initialData);
@@ -114,8 +140,8 @@ export function usePath<TData extends PathData = PathData>(options?: UsePathOpti
   const next = (): Promise<void> => engine.next();
   const previous = (): Promise<void> => engine.previous();
   const cancel = (): Promise<void> => engine.cancel();
-  const goToStep = (stepId: string): Promise<void> => engine.goToStep(stepId);
-  const goToStepChecked = (stepId: string): Promise<void> => engine.goToStepChecked(stepId);
+  const goToStep = (stepId: string, options?: { validateOnLeave?: boolean }): Promise<void> => engine.goToStep(stepId, options);
+  const goToStepChecked = (stepId: string, options?: { validateOnLeave?: boolean }): Promise<void> => engine.goToStepChecked(stepId, options);
 
   const setData = (<K extends string & keyof TData>(key: K, value: TData[K]): Promise<void> =>
     engine.setData(key, value as unknown)) as UsePathReturn<TData>["setData"];
@@ -167,8 +193,8 @@ export interface PathShellActions {
   next: () => Promise<void>;
   previous: () => Promise<void>;
   cancel: () => Promise<void>;
-  goToStep: (stepId: string) => Promise<void>;
-  goToStepChecked: (stepId: string) => Promise<void>;
+  goToStep: (stepId: string, options?: { validateOnLeave?: boolean }) => Promise<void>;
+  goToStepChecked: (stepId: string, options?: { validateOnLeave?: boolean }) => Promise<void>;
   setData: (key: string, value: unknown) => Promise<void>;
   restart: () => Promise<void>;
   retry: () => Promise<void>;
@@ -179,24 +205,38 @@ export interface PathShellProps {
   path: PathDefinition<any>;
   /**
    * An externally-managed engine — for example, the engine returned by
-   * `createPersistedEngine()`. When supplied, `PathShell` will skip its own
+   * `restoreOrStart()` from `@daltonr/pathwrite-store`. When supplied, `PathShell` will skip its own
    * `start()` call and drive the UI from the provided engine instead.
    */
   engine?: PathEngine;
   initialData?: PathData;
+  /**
+   * When set, this shell automatically saves its state into the nearest outer `PathShell`'s
+   * data under this key on every change, and restores from that stored state on remount.
+   * No-op when used on a top-level shell with no outer `PathShell` ancestor.
+   */
+  restoreKey?: string;
   autoStart?: boolean;
   /**
    * Step render functions keyed by step ID (or `formId` for StepChoice steps).
    * ```tsx
    * <PathShell steps={{ details: (snap) => <DetailsStep snapshot={snap} />, review: (snap) => <ReviewStep snapshot={snap} /> }} />
    * ```
+   * Each function is called once when its step becomes current, and the
+   * component it returns lives until the path moves to a different step —
+   * engine events that leave the step unchanged (`setData`, `validate`,
+   * guard / hook status changes) do not re-create it, so inputs keep their
+   * DOM node, focus and local state. The `snapshot` argument is live: its
+   * properties read the current snapshot reactively, so
+   * `createMemo(() => props.snapshot.data)` stays up to date. Reading
+   * `usePathContext().snapshot()` inside the step works the same way.
    */
-  steps?: Record<string, (snapshot: PathSnapshot) => JSX.Element>;
+  steps?: Record<string, (snapshot: PathSnapshot) => ReturnType<Component>>;
   onComplete?: (data: PathData) => void;
   onCancel?: (data: PathData) => void;
   onEvent?: (event: PathEvent) => void;
-  renderHeader?: (snapshot: PathSnapshot) => JSX.Element;
-  renderFooter?: (snapshot: PathSnapshot, actions: PathShellActions) => JSX.Element;
+  renderHeader?: (snapshot: PathSnapshot) => ReturnType<Component>;
+  renderFooter?: (snapshot: PathSnapshot, actions: PathShellActions) => ReturnType<Component>;
   backLabel?: string;
   nextLabel?: string;
   completeLabel?: string;
@@ -207,12 +247,13 @@ export interface PathShellProps {
   /** If true, hide the footer (navigation buttons). The error panel is still shown on async failure regardless of this prop. */
   hideFooter?: boolean;
   /**
-   * Footer layout mode:
+   * Shell layout mode:
    * - `"auto"` (default): Uses "form" for single-step top-level paths, "wizard" otherwise.
-   * - `"wizard"`: Back button on left, Cancel and Submit together on right.
-   * - `"form"`: Cancel on left, Submit alone on right. Back button never shown.
+   * - `"wizard"`: Progress header + Back button on left, Cancel and Submit together on right.
+   * - `"form"`: Progress header + Cancel on left, Submit alone on right. Back button never shown.
+   * - `"tabs"`: No progress header, no footer. Use for tabbed interfaces with a custom tab bar inside the step body.
    */
-  footerLayout?: "wizard" | "form" | "auto";
+  layout?: "wizard" | "form" | "auto" | "tabs";
   /**
    * Controls whether the shell renders its auto-generated field-error summary box.
    * - `"summary"` (default): Shell renders the labeled error list below the step body.
@@ -236,23 +277,67 @@ export interface PathShellProps {
   /** When true, calls `validate()` on the engine so all steps show inline errors simultaneously. Useful when this shell is nested inside a step of an outer shell: bind to the outer snapshot's `hasAttemptedNext`. */
   validateWhen?: boolean;
   class?: string;
+  /**
+   * Content rendered when `snapshot.status === "completed"` (i.e. after the path
+   * finishes with `completionBehaviour: "stayOnFinal"`). Defaults to a simple
+   * "All done." panel with a Restart button.
+   */
+  completionContent?: (snapshot: PathSnapshot) => JSX.Element;
 }
 
 export const PathShell: Component<PathShellProps> = (props) => {
+  // Read outer PathShell context BEFORE providing our own.
+  const outerCtx = useContext(PathContext);
+
+  // When remounting under restoreKey, rebuild the inner engine from the state the
+  // previous instance exported, instead of starting the path and jumping to the
+  // step (which re-ran onEnter/onLeave and lost attempted / visited state).
+  const restoredEngine: PathEngine | null = (() => {
+    if (props.engine || !props.restoreKey || !outerCtx) return null;
+    const stored = outerCtx.path.snapshot()?.data[props.restoreKey] as { serializedState?: SerializedPathState } | undefined;
+    if (!stored || typeof stored !== "object" || !stored.serializedState) return null;
+    try {
+      return PathEngine.fromState(stored.serializedState, { [props.path.id]: props.path });
+    } catch {
+      return null; // unusable state (e.g. the path definition changed): start fresh below
+    }
+  })();
+  // The shell's own engine is created once; an `engine` prop — present at
+  // mount or arriving later — always takes precedence and is adopted by usePath.
+  const ownEngine = restoredEngine ?? new PathEngine();
+  const currentEngine = (): PathEngine => props.engine ?? ownEngine;
+
   const pathReturn = usePath({
-    engine: props.engine,
+    engine: currentEngine,
     onEvent(event) {
       props.onEvent?.(event);
       if (event.type === "completed") props.onComplete?.(event.data as PathData);
       if (event.type === "cancelled") props.onCancel?.(event.data as PathData);
+      if (props.restoreKey && outerCtx && event.type === "stateChanged") {
+        (outerCtx.path.setData as unknown as (key: string, value: unknown) => void)(
+          props.restoreKey, { ...event.snapshot, serializedState: currentEngine().exportState() }
+        );
+      }
     },
   });
 
   const { snapshot, start, next, previous, cancel, goToStep, goToStepChecked, setData, restart, retry, suspend, validate } = pathReturn;
 
   onMount(() => {
-    if (props.autoStart !== false && !props.engine) {
-      start(props.path, props.initialData ?? {});
+    if (props.autoStart !== false && !props.engine && !restoredEngine) {
+      let startData: PathData = props.initialData ?? {};
+      let restoreStepId: string | undefined;
+      if (props.restoreKey && outerCtx) {
+        const stored = outerCtx.path.snapshot()?.data[props.restoreKey] as PathSnapshot | undefined;
+        if (stored != null && typeof stored === "object" && "stepId" in stored) {
+          startData = stored.data as PathData;
+          if (stored.stepIndex > 0) restoreStepId = stored.stepId as string;
+        }
+      }
+      const p = start(props.path, startData);
+      if (restoreStepId) {
+        p.then(() => goToStep(restoreStepId!));
+      }
     }
   });
 
@@ -280,14 +365,60 @@ export const PathShell: Component<PathShellProps> = (props) => {
     return props.class ? `${base}${mod} ${props.class}` : `${base}${mod}`;
   };
 
-  const showRoot = () => !props.hideProgress && !!snap().rootProgress && props.progressLayout !== "activeOnly";
-  const showActive = () => !props.hideProgress && (snap().stepCount > 1 || snap().nestingLevel > 0) && props.progressLayout !== "rootOnly";
+  const effectiveHideProgress = () => props.hideProgress || props.layout === "tabs";
+  const effectiveHideFooter = () => props.hideFooter || props.layout === "tabs";
+  const showRoot = () => !effectiveHideProgress() && !!snap().rootProgress && props.progressLayout !== "activeOnly";
+  // A custom header is the consumer's decision: show it whenever progress is
+  // not hidden, even for a single-step path. Only the *default* header hides
+  // for one step (same rule as the React / Vue shells).
+  const showActive = () => !effectiveHideProgress() && (props.renderHeader
+    ? true
+    : (snap().stepCount > 1 || snap().nestingLevel > 0) && props.progressLayout !== "rootOnly");
+
+  // The step render function must only run when the *step* changes. The
+  // snapshot signal is `{ equals: false }` (a new object on every engine
+  // event), so reading it in a tracked render position would tear the step
+  // component down and re-create it on every setData — losing the input's
+  // DOM node and focus on each keystroke. Key the rendered content on the
+  // step's identity and create it untracked; live state reaches the step
+  // through the reactive snapshot proxy below or `usePathContext()`.
+  // Which key of `props.steps` renders the current step: the StepChoice's
+  // inner step id (`formId`) when content is registered under it, otherwise
+  // the slot's own id — the same fallback the React / Vue / Svelte shells use.
+  const stepLookupKey = createMemo<string | null>(() => {
+    const s = snapshot();
+    if (!s) return null;
+    if (s.formId && props.steps?.[s.formId]) return s.formId;
+    return s.stepId;
+  });
+  const stepIdentity = createMemo<string | null>(() => {
+    const s = snapshot();
+    return s ? `${s.nestingLevel}:${s.pathId}:${s.formId ?? s.stepId}` : null;
+  });
 
-  const stepContent = () => {
-    const s = snap();
-    const key = s.formId ?? s.stepId;
-    const render = props.steps?.[key];
-    return render ? render(s) : null;
+  // A snapshot whose property reads go through the signal, so a step that
+  // received it as a prop (`(snap) => <Step snapshot={snap} />`) sees the
+  // current values reactively even though the step itself is created once.
+  const liveSnapshot = new Proxy({} as PathSnapshot, {
+    get: (_target, key) => (snapshot() as unknown as Record<PropertyKey, unknown> | null)?.[key],
+    has: (_target, key) => { const s = snapshot(); return s ? key in s : false; },
+    ownKeys: () => { const s = snapshot(); return s ? Reflect.ownKeys(s) : []; },
+    getOwnPropertyDescriptor: (_target, key) => {
+      const s = snapshot();
+      const d = s ? Object.getOwnPropertyDescriptor(s, key) : undefined;
+      return d ? { ...d, configurable: true } : undefined;
+    },
+  });
+
+  // Rendered inside <PathContext.Provider>, so the memo (and the step it
+  // creates) is owned by the provider and `usePathContext()` resolves.
+  const StepContent: Component = () => {
+    const content = createMemo(() => {
+      if (stepIdentity() === null) return null;
+      const render = props.steps?.[untrack(stepLookupKey)!];
+      return render ? untrack(() => render(liveSnapshot)) : null;
+    });
+    return <>{content()}</>;
   };
 
   const showValidation = () =>
@@ -305,8 +436,8 @@ export const PathShell: Component<PathShellProps> = (props) => {
     !!snap().blockingError;
 
   const resolvedFooterLayout = () => {
-    const fl = props.footerLayout ?? "auto";
-    if (fl !== "auto") return fl;
+    const fl = props.layout ?? "auto";
+    if (fl !== "auto" && fl !== "tabs") return fl;
     return snap().stepCount === 1 && snap().nestingLevel === 0 ? "form" : "wizard";
   };
 
@@ -342,8 +473,29 @@ export const PathShell: Component<PathShellProps> = (props) => {
               ? props.renderHeader(snap())
               : <SolidHeader snapshot={snap()} />}
           </Show>
-          {/* Body — step content */}
-          <div class="pw-shell__body">{stepContent()}</div>
+          {/* Completion panel — shown when path finishes with stayOnFinal */}
+          <Show when={snap().status === "completed"}>
+            <div class="pw-shell__body">
+              {props.completionContent
+                ? props.completionContent(snap())
+                : (
+                  <div class="pw-shell__completion">
+                    <p class="pw-shell__completion-message">All done.</p>
+                    <button
+                      type="button"
+                      class="pw-shell__completion-restart"
+                      onClick={() => restart()}
+                    >
+                      Start over
+                    </button>
+                  </div>
+                )
+              }
+            </div>
+          </Show>
+          {/* Body — step content (hidden when completed) */}
+          <Show when={snap().status !== "completed"}>
+          <div class="pw-shell__body"><StepContent /></div>
           {/* Validation messages */}
           <Show when={showValidation()}>
             <ul class="pw-shell__validation">
@@ -382,7 +534,7 @@ export const PathShell: Component<PathShellProps> = (props) => {
           <Show
             when={snap().status === "error" && snap().error}
             fallback={
-              <Show when={!props.hideFooter}>
+              <Show when={!effectiveHideFooter()}>
                 {props.renderFooter
                   ? props.renderFooter(snap(), actions)
                   : <SolidFooter
@@ -394,7 +546,7 @@ export const PathShell: Component<PathShellProps> = (props) => {
                       loadingLabel={props.loadingLabel}
                       cancelLabel={props.cancelLabel ?? "Cancel"}
                       hideCancel={props.hideCancel ?? false}
-                      footerLayout={resolvedFooterLayout()}
+                      layout={resolvedFooterLayout()}
                     />
                 }
               </Show>
@@ -402,6 +554,7 @@ export const PathShell: Component<PathShellProps> = (props) => {
           >
             <SolidErrorPanel snapshot={snap()} actions={actions} />
           </Show>
+          </Show>{/* end status !== completed */}
         </div>
       </Show>
     </PathContext.Provider>
@@ -514,9 +667,9 @@ function SolidFooter(props: {
   loadingLabel?: string;
   cancelLabel: string;
   hideCancel: boolean;
-  footerLayout: "wizard" | "form";
+  layout: "wizard" | "form";
 }) {
-  const isFormMode = () => props.footerLayout === "form";
+  const isFormMode = () => props.layout === "form";
   const isLoading = () => props.snapshot.status !== "idle";
   const submitLabel = () =>
     isLoading() && props.loadingLabel