From 8400e0b382522cffe94554ab80155ee2f0ee046b Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Tue, 12 May 2026 15:07:32 -0700
Subject: [PATCH 01/17] docs: update README.md for project to major versioned
 doc links (#7513)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Pull Request

## 📖 Description

Incorrect links as indicated by #7510, however we are currently on stable 2.x. This change directs the links to the appropriate stable major versioned pages.

### 🎫 Issues

See #7510 big thanks to @banzalik for discovering this issue!

## ✅ Checklist

### General

- [ ] I have included a change request file using `$ npm run change`
- [ ] I have added tests for my changes.
- [x] I have tested my changes.
- [x] I have updated the project documentation to reflect my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.

(cherry picked from commit 1f4c612cf4660c5b6a4475875f3f9653fb776129)
---
 README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 62a143a7ea7..ae9ed061c2b 100644
--- a/README.md
+++ b/README.md
@@ -30,7 +30,7 @@ For an in-depth explanation of FAST [see our docs introduction](https://fast.des
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![npm version](https://badge.fury.io/js/%40microsoft%2Ffast-element.svg)](https://badge.fury.io/js/%40microsoft%2Ffast-element)
 
-The `@microsoft/fast-element` library is a lightweight means to easily build performant, memory-efficient, standards-compliant Web Components. FAST Elements work in every major browser and can be used in combination with any front-end framework or even without a framework. To get up and running with `@microsoft/fast-element` see [the Getting Started guide](https://fast.design/docs/fast-element/getting-started).
+The `@microsoft/fast-element` library is a lightweight means to easily build performant, memory-efficient, standards-compliant Web Components. FAST Elements work in every major browser and can be used in combination with any front-end framework or even without a framework. To get up and running with `@microsoft/fast-element` see [the Getting Started guide](https://fast.design/docs/2.x/getting-started/quick-start/).
 
 ### `@fluentui/web-components`
 
@@ -46,13 +46,13 @@ The source for `@fluentui/web-components` is hosted in [the Fluent UI monorepo](
 We hope you're excited by the possibilities that FAST presents. But, you may be wondering where to start. Here are a few statements that describe various members of our community. We recommend that you pick the statement you most identify with and follow the links where they lead. You can always come back and explore another topic at any time.
 
 * "I just want ready-made components!"
-  * [Check out the FluentUI Web Components.](https://docs.microsoft.com/en-us/fluent-ui/web-components/)
+  * [Check out the FluentUI Web Components.](https://learn.microsoft.com/en-us/fluent-ui/web-components/)
 * "I want to build my own components."
-  * [Jump to the fast-element docs.](https://fast.design/docs/getting-started/quick-start)
+  * [Jump to the fast-element docs.](https://fast.design/docs/2.x/getting-started/quick-start/)
 * "I need to integrate FAST with another framework or build system."
-  * [Jump to the integration docs.](https://fast.design/docs/integrations)
+  * [Jump to the integration docs.](https://fast.design/docs/2.x/integrations/)
 * "I want to look at a quick reference."
-  * [Jump to the Cheat Sheet](https://fast.design/docs/1.x/resources/cheat-sheet)
+  * [Jump to the Cheat Sheet](https://fast.design/docs/1.x/resources/cheat-sheet) *(only available in 1.x)*
 
 ## Roadmap
 

From 71eff8a9dfe4e411dd64bb8ce26489c17ec246c8 Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Wed, 20 May 2026 14:44:05 -0700
Subject: [PATCH 02/17] feat: propagate <f-template> host attributes onto
 rendered host element (#7521)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds support for propagating host attributes declared on the inner `<template>` of an `<f-template>` definition onto the rendered host element opening tag during SSR.

Today the build-time renderer drops every attribute on the source `<template>`, so authors cannot pre-declare host attributes (e.g. `tabindex`, `role`, `aria-*`) on a component's declarative template. After this change, the following template:

```html
<f-template name="host-autofocus">
    <template tabindex="0">
        <span>{{text}}</span>
    </template>
</f-template>
```

Now renders as `<host-autofocus autofocus tabindex="0">…</host-autofocus>` when the author writes `<host-autofocus autofocus></host-autofocus>` — both the author-provided `autofocus` and the template-provided `tabindex="0"` survive SSR.

**Resolution rules:**

- Static `name="value"`, dynamic `name="{{expr}}"`, and boolean `?name="{{expr}}"` bindings on the template's `<template>` are propagated.
- Author-provided host attributes win on conflict (dedupe on lowercased name; `?name` dedupes against bare `name`).
- Client-only attribute prefixes are skipped: `@event`, `:property`, `f-ref`, `f-slotted`, `f-children`.
- `{{expr}}` resolves against the same state used to render the shadow root; non-primitive / null values are stripped.

**Breaking change (prerelease):** `Locator::add_template_with_shadowroot_attrs` was renamed and widened to `add_template_with_attrs(name, content, shadowroot_attrs, host_attrs)`. `Locator::from_template_definitions` is now `pub` and accepts a 3-tuple metadata value `(content, shadowroot_attrs, host_attrs)`. The WASM/JSON shape `templatesMap[name]` now includes a `hostAttributes` array. No external callers existed inside the monorepo.

- `crates/microsoft-fast-build/src/directive.rs` is where the actual splice happens. `merge_template_host_attrs` formats and joins filtered attrs before the rightmost `>` of the host opening tag.
- The skip list is intentionally hand-rolled (no shared constant with the existing client-side dispatch in `fast-html`); see the `is_client_only_attr` helper for the canonical list.
- The host-bindings fixture (`packages/fast-html/test/fixtures/host-bindings`) gained an intentional `autofocus` usage; a `biome-ignore lint/a11y/noAutofocus` HTML comment documents the rationale and survives `npm run build:fixtures` regeneration of `index.html`.

- 16 new Rust unit/integration tests in `crates/microsoft-fast-build` (`tests/host_attributes.rs` + `locator.rs` unit tests + 2 WASM tests) — all 87 cargo tests pass.
- 1 new Playwright assertion in `packages/fast-html/test/fixtures/host-bindings/host-bindings.spec.ts` verifying both `autofocus` (author) and `tabindex="0"` (propagated) survive SSR + hydration.
- Full repo acceptance: `npm run build` ✓, `npm run test` ✓ (301/301 fast-html chromium, no regressions in other fixtures), `npm run biome:check` ✓, `npm run checkchange` ✓.

- [x] I have included a change request file using `$ npm run change`
- [x] I have added tests for my changes.
- [x] I have tested my changes.
- [x] I have updated the project documentation to reflect my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.

(cherry picked from commit 89c18a1dd8e6787d56e4f399f7950e0fbc6e3d1f)
---
 ...-b3bddb40-ecab-4fd0-b47f-780c158e9dd7.json |   7 +
 crates/microsoft-fast-build/DESIGN.md         |  30 +-
 crates/microsoft-fast-build/src/directive.rs  | 161 ++++++++++
 crates/microsoft-fast-build/src/locator.rs    | 189 +++++++++--
 crates/microsoft-fast-build/src/wasm.rs       | 104 +++++-
 .../microsoft-fast-build/tests/common/mod.rs  |  28 ++
 .../tests/host_attributes.rs                  | 295 ++++++++++++++++++
 packages/fast-build/DESIGN.md                 |   5 +-
 packages/fast-build/bin/fast.js               |  17 +-
 .../fixtures/bindings/host/entry.html         |  62 ++--
 .../fixtures/bindings/host/host.spec.ts       |  20 ++
 .../fixtures/bindings/host/index.html         |  43 ++-
 .../fixtures/bindings/host/main.ts            |  10 +
 .../fixtures/bindings/host/templates.html     |   6 +
 14 files changed, 878 insertions(+), 99 deletions(-)
 create mode 100644 change/@microsoft-fast-build-b3bddb40-ecab-4fd0-b47f-780c158e9dd7.json
 create mode 100644 crates/microsoft-fast-build/tests/host_attributes.rs

diff --git a/change/@microsoft-fast-build-b3bddb40-ecab-4fd0-b47f-780c158e9dd7.json b/change/@microsoft-fast-build-b3bddb40-ecab-4fd0-b47f-780c158e9dd7.json
new file mode 100644
index 00000000000..079d9a7433f
--- /dev/null
+++ b/change/@microsoft-fast-build-b3bddb40-ecab-4fd0-b47f-780c158e9dd7.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: propagate host attributes from inner <template> of <f-template> onto the rendered host element opening tag during SSR (static, {{expr}}, and ?name=\"{{expr}}\" bindings; author-provided host attributes win on conflict; client-only attribute prefixes @, :, f-ref, f-slotted, f-children are skipped)",
+  "packageName": "@microsoft/fast-build",
+  "email": "7559015+janechu@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/crates/microsoft-fast-build/DESIGN.md b/crates/microsoft-fast-build/DESIGN.md
index cc18d314d15..8d7717977e7 100644
--- a/crates/microsoft-fast-build/DESIGN.md
+++ b/crates/microsoft-fast-build/DESIGN.md
@@ -52,7 +52,7 @@ render_template(template, state_str)
 | `expression.rs` | Boolean expression evaluator for `<f-when value="{{…}}">` |
 | `hydration.rs` | `HydrationScope` — binding index tracking and named marker generation per template scope |
 | `json.rs` | Hand-rolled JSON parser producing `JsonValue` |
-| `locator.rs` | `Locator` struct — maps element names to template strings; glob scanner; `<f-template>` parser |
+| `locator.rs` | `Locator` struct — maps element names to template strings; glob scanner; `<f-template>` parser. Also captures the inner `<template>` element's attributes as **host attributes** for propagation onto the rendered host element opening tag. |
 | `error.rs` | `RenderError` enum with `Display` impl and helpers |
 | `wasm.rs` | WASM bindings (`#[cfg(target_arch = "wasm32")]`) — exposes `render`, `render_with_templates`, `render_entry_with_templates`, and `parse_f_templates` to JavaScript |
 
@@ -247,8 +247,28 @@ A custom element is any opening tag whose name contains a hyphen, excluding `f-w
      - **Client-only attrs** (`@event`, `:prop`, attribute directives) — stripped as usual.
      - No `data-fe` marker is added — root elements at entry level have no parent hydration scope.
    - **Nested custom elements** (`is_entry: false`): `strip_client_only_attrs` removes client-only attrs after binding resolution. If the element carries `{{expr}}` or `{expr}` attribute bindings and is inside a parent hydration scope, those bindings are counted and `data-fe="N"` is injected.
-8. **Strip client-only binding attributes** (`@attr` event bindings, `:attr` property bindings, and `f-ref`/`f-slotted`/`f-children` attribute directives) from all tags inside the rendered shadow template. `:attr` bindings contribute to child state in step 4 but are still removed from the rendered HTML — they are resolved by the FAST client runtime. The `data-fe` binding count is preserved — these bindings are still counted so the FAST client runtime allocates the correct number of binding slots.
-9. **Emit Declarative Shadow DOM** with hydration attributes:
+8. **Template host attribute propagation.** Attributes declared on the inner `<template>` element of the source `<f-template>` are merged onto the rendered host opening tag built in step 7. `merge_template_host_attrs` (in `directive.rs`) splices the surviving attributes in just before the closing `>`, resolving any bindings against `child_root` — the same child state used to render the shadow template (the root state with the host element's HTML attributes overlaid).
+   - **Client-only attrs are skipped**: any template host attr whose name starts with `@` (event) or `:` (property binding), or whose lowercased name is `f-ref`, `f-slotted`, or `f-children`, is dropped — none of these have any meaning on a server-rendered host element.
+   - **Author attributes win.** Attributes already present on the host element opening tag (the author markup) are preserved verbatim. Template host attrs whose lowercased name matches an existing author attribute are skipped. For `?name="{{expr}}"` template attrs, the dedupe key is the bare `name` (without the leading `?`).
+   - **Static `name="value"`** → emitted verbatim with the value HTML-escaped. **Static boolean `name`** (no `=`) → emitted bare.
+   - **`name="{{expr}}"`** → resolved against `child_root`. `String` / `Number` / `Bool` values are emitted as `name="value"` (HTML-escaped); `Array` / `Object` / `Null` and missing values are stripped.
+   - **`?name="{{expr}}"`** → evaluated as a boolean against `child_root`; the bare `name` (without the leading `?`) is emitted when truthy and skipped when falsy.
+   - Applies to **both** root entry-level custom elements (`is_entry: true`) and nested custom elements (`is_entry: false`).
+   - **No `data-fe` hydration marker is allocated** for propagated template host attrs — they are static or initial-render-only attributes on the host element, not client-side bindings.
+
+   *Worked example.* Given the template
+   ```html
+   <f-template name="my-el">
+       <template tabindex="0" ?disabled="{{isDisabled}}">…</template>
+   </f-template>
+   ```
+   the author markup `<my-el disabled></my-el>` and state `{"isDisabled": false}` render as
+   ```html
+   <my-el disabled tabindex="0">…</my-el>
+   ```
+   — the author's `disabled` is preserved verbatim, the template's `?disabled` is dropped by the dedupe rule, and `tabindex="0"` is appended.
+9. **Strip client-only binding attributes** (`@attr` event bindings, `:attr` property bindings, and `f-ref`/`f-slotted`/`f-children` attribute directives) from all tags inside the rendered shadow template. `:attr` bindings contribute to child state in step 4 but are still removed from the rendered HTML — they are resolved by the FAST client runtime. The `data-fe` binding count is preserved — these bindings are still counted so the FAST client runtime allocates the correct number of binding slots.
+10. **Emit Declarative Shadow DOM** with hydration attributes:
    ```html
    <my-button label="Hi">
      <template shadowrootmode="open" shadowroot="open">[shadow DOM]</template>
@@ -448,9 +468,9 @@ For each glob pattern:
 - Uses `parse_element_attributes` to get the `name` attribute value (supports both `"` and `'` quoting).
 - Collects all unique `shadowroot`-prefixed attributes from the `<f-template>` opening tag, preserving boolean attributes as `None` and lowercasing attribute names.
 - Extracts the inner HTML between `>` and `</f-template>`.
-- Calls `extract_template_content` on the inner HTML to get the content inside the `<template>` element.
+- Calls `extract_template_content` on the inner HTML to get the content **and the attributes** declared on the inner `<template>` element. The returned attribute list is preserved as the template's **host attributes**, available later via `Locator::get_host_attributes` and merged onto the rendered host opening tag by `merge_template_host_attrs` (see the **Custom elements** section above).
 
-Returns a `Vec<FTemplate>` containing the optional name, template content, and the collected shadowroot attributes. The locator stores those attributes with the template definition so custom-element rendering can apply them to the emitted Declarative Shadow DOM `<template>`.
+Returns a `Vec<FTemplate>` containing the optional name, template content, the collected shadowroot attributes, and the inner `<template>` element's host attributes. The locator stores the shadowroot attributes with the template definition so custom-element rendering can apply them to the emitted Declarative Shadow DOM `<template>`, and stores the host attributes so they can be merged onto the rendered host element opening tag.
 
 ### Glob matching
 
diff --git a/crates/microsoft-fast-build/src/directive.rs b/crates/microsoft-fast-build/src/directive.rs
index c3bd5e42ca5..742466babaa 100644
--- a/crates/microsoft-fast-build/src/directive.rs
+++ b/crates/microsoft-fast-build/src/directive.rs
@@ -358,6 +358,18 @@ pub fn render_custom_element(
     // Build the final opening tag, resolving {{expr}} attrs and injecting hydration attrs.
     let element_open = build_element_open_tag(&open_tag_base, open_tag_content, root, loop_vars, parent_hydration, is_entry);
 
+    // Merge attributes declared on the template's inner `<template>` element
+    // onto the rendered host opening tag. Author attributes on the host element
+    // always win on conflicts; client-only template attrs (`@`, `:`, `f-ref`,
+    // `f-slotted`, `f-children`) are skipped; `{{expr}}` / `?name="{{expr}}"`
+    // bindings resolve against `child_root` (the same state used for the shadow
+    // template).
+    let element_open = merge_template_host_attrs(
+        element_open,
+        locator.get_host_attributes(&tag_name),
+        child_root,
+    );
+
     // Extract the light DOM children (for non-self-closing elements).
     let (children, after) = if is_self_closing {
         (String::new(), tag_end)
@@ -377,6 +389,155 @@ pub fn render_custom_element(
     Ok((output, after))
 }
 
+/// Merge `template_host_attrs` (parsed from the inner `<template …>` element)
+/// onto the already-built host opening tag string `element_open`.
+///
+/// Behaviour:
+/// - Skip client-only template attrs (`@event`, `:prop`, `f-ref`, `f-slotted`,
+///   `f-children`); these have no meaning on a server-rendered host element.
+/// - Skip any template attr whose dedupe key already appears as an author
+///   attribute on the host element — author attributes always win. The dedupe
+///   key for `?name="{{expr}}"` is the bare `name` (lowercased); for everything
+///   else it is the lowercased attribute name.
+/// - Static `name="value"` → emit ` name="html-escaped(value)"`.
+/// - `name="{{expr}}"` → resolve via `resolve_value` against `child_root`;
+///   emit ` name="resolved"` for `String` / `Number` / `Bool`; skip otherwise.
+/// - `?name="{{expr}}"` → evaluate via `evaluate` against `child_root`; emit
+///   bare ` name` when truthy; skip when falsy.
+/// - Static boolean attribute `name` → emit ` name` (no value).
+///
+/// Returns `element_open` unchanged when no attributes survive the filter.
+fn merge_template_host_attrs(
+    element_open: String,
+    template_host_attrs: &[(String, Option<String>)],
+    child_root: &JsonValue,
+) -> String {
+    if template_host_attrs.is_empty() {
+        return element_open;
+    }
+
+    // Author attribute names already present on the rendered opening tag.
+    // `element_open` always ends with `>` and never `/>` (custom elements are
+    // always rendered as non-self-closing here), so parsing the full string
+    // gives the complete attribute set including any `data-fe-c-*` marker.
+    let author_attrs = parse_element_attributes(&element_open);
+    let author_names: Vec<String> = author_attrs
+        .into_iter()
+        .map(|(name, _)| name.to_lowercase())
+        .collect();
+
+    let mut injected = String::new();
+    for (name, value) in template_host_attrs {
+        if is_client_only_attr(name) {
+            continue;
+        }
+        let dedupe_key = if let Some(bare) = name.strip_prefix('?') {
+            bare.to_lowercase()
+        } else {
+            name.to_lowercase()
+        };
+        if author_names.contains(&dedupe_key) {
+            continue;
+        }
+        format_template_host_attr(&mut injected, name, value.as_deref(), child_root);
+    }
+
+    if injected.is_empty() {
+        return element_open;
+    }
+
+    // `element_open` always ends with `>`; splice the new attrs just before it.
+    let gt_pos = match element_open.rfind('>') {
+        Some(p) => p,
+        None => return element_open,
+    };
+    let mut out = String::with_capacity(element_open.len() + injected.len());
+    out.push_str(&element_open[..gt_pos]);
+    out.push_str(&injected);
+    out.push_str(&element_open[gt_pos..]);
+    out
+}
+
+fn is_client_only_attr(name: &str) -> bool {
+    name.starts_with('@')
+        || name.starts_with(':')
+        || name.eq_ignore_ascii_case("f-ref")
+        || name.eq_ignore_ascii_case("f-slotted")
+        || name.eq_ignore_ascii_case("f-children")
+}
+
+/// Append the formatted representation of a single template-host attribute to
+/// `out`. Each emitted attribute is prefixed with a single space so it slots in
+/// before the closing `>` of the host opening tag.
+fn format_template_host_attr(
+    out: &mut String,
+    name: &str,
+    value: Option<&str>,
+    child_root: &JsonValue,
+) {
+    if let Some(bare) = name.strip_prefix('?') {
+        let expr = value
+            .and_then(|v| v.trim().strip_prefix("{{").and_then(|v| v.strip_suffix("}}")))
+            .map(|e| e.trim());
+        if let Some(expr) = expr {
+            if evaluate(expr, child_root, &[]) {
+                out.push(' ');
+                out.push_str(bare);
+            }
+        }
+        return;
+    }
+
+    match value {
+        None => {
+            // Static boolean attribute on the template element.
+            out.push(' ');
+            out.push_str(name);
+        }
+        Some(v) => {
+            let trimmed = v.trim();
+            if let Some(expr) = trimmed
+                .strip_prefix("{{")
+                .and_then(|s| s.strip_suffix("}}"))
+            {
+                let resolved = resolve_value(expr.trim(), child_root, &[])
+                    .unwrap_or(JsonValue::Null);
+                match resolved {
+                    JsonValue::String(s) => {
+                        out.push(' ');
+                        out.push_str(name);
+                        out.push_str("=\"");
+                        out.push_str(&html_escape(&s));
+                        out.push('"');
+                    }
+                    JsonValue::Number(n) => {
+                        out.push(' ');
+                        out.push_str(name);
+                        out.push_str("=\"");
+                        out.push_str(&n.to_string());
+                        out.push('"');
+                    }
+                    JsonValue::Bool(b) => {
+                        out.push(' ');
+                        out.push_str(name);
+                        out.push_str("=\"");
+                        out.push_str(if b { "true" } else { "false" });
+                        out.push('"');
+                    }
+                    // Array / Object / Null → cannot be expressed as an HTML attribute value.
+                    _ => {}
+                }
+            } else {
+                out.push(' ');
+                out.push_str(name);
+                out.push_str("=\"");
+                out.push_str(&html_escape(v));
+                out.push('"');
+            }
+        }
+    }
+}
+
 fn build_shadowroot_template_attrs(attrs: &[(String, Option<String>)]) -> String {
     let mut mode: Option<Option<String>> = None;
     let mut legacy_shadowroot: Option<Option<String>> = None;
diff --git a/crates/microsoft-fast-build/src/locator.rs b/crates/microsoft-fast-build/src/locator.rs
index be5ec4f2ef5..8081fe58e60 100644
--- a/crates/microsoft-fast-build/src/locator.rs
+++ b/crates/microsoft-fast-build/src/locator.rs
@@ -8,12 +8,14 @@ pub(crate) struct FTemplate {
     pub name: Option<String>,
     pub content: String,
     pub shadowroot_attributes: Vec<(String, Option<String>)>,
+    pub host_attributes: Vec<(String, Option<String>)>,
 }
 
 #[derive(Debug, Clone, PartialEq, Eq)]
 struct TemplateDefinition {
     content: String,
     shadowroot_attributes: Vec<(String, Option<String>)>,
+    host_attributes: Vec<(String, Option<String>)>,
 }
 
 pub struct Locator {
@@ -83,6 +85,7 @@ impl Locator {
             templates.insert(element, TemplateDefinition {
                 content: template.content,
                 shadowroot_attributes: template.shadowroot_attributes,
+                host_attributes: template.host_attributes,
             });
         }
 
@@ -92,22 +95,48 @@ impl Locator {
     /// Create a Locator from an explicit map (useful for testing without filesystem).
     ///
     /// This API only carries template content. Shadowroot-prefixed attributes for
-    /// Declarative Shadow DOM are empty for these entries. Use [`Locator::from_patterns`]
-    /// with `<f-template>` metadata, or call [`Locator::add_template_with_shadowroot_attrs`]
-    /// for templates that need shadowroot attributes.
+    /// Declarative Shadow DOM and host attributes are empty for these entries. Use
+    /// [`Locator::from_patterns`] with `<f-template>` metadata, or call
+    /// [`Locator::add_template_with_attrs`] for templates that need shadowroot
+    /// or host attributes.
     pub fn from_templates(templates: HashMap<String, String>) -> Self {
         let templates = templates
             .into_iter()
-            .map(|(name, content)| (name, TemplateDefinition { content, shadowroot_attributes: Vec::new() }))
+            .map(|(name, content)| (name, TemplateDefinition {
+                content,
+                shadowroot_attributes: Vec::new(),
+                host_attributes: Vec::new(),
+            }))
             .collect();
         Locator { templates }
     }
 
-    #[cfg_attr(not(target_arch = "wasm32"), allow(dead_code))]
-    pub(crate) fn from_template_definitions(templates: HashMap<String, (String, Vec<(String, Option<String>)>)>) -> Self {
+    /// Create a Locator from explicit template metadata.
+    ///
+    /// Each map value is `(content, shadowroot_attributes, host_attributes)`.
+    /// `shadowroot_attributes` are forwarded to the Declarative Shadow DOM
+    /// `<template>` tag; `host_attributes` are merged onto the rendered host
+    /// element's opening tag (author attributes win on conflicts).
+    pub fn from_template_definitions(
+        templates: HashMap<
+            String,
+            (
+                String,
+                Vec<(String, Option<String>)>,
+                Vec<(String, Option<String>)>,
+            ),
+        >,
+    ) -> Self {
         let templates = templates
             .into_iter()
-            .map(|(name, (content, shadowroot_attributes))| (name, TemplateDefinition { content, shadowroot_attributes }))
+            .map(|(name, (content, shadowroot_attributes, host_attributes))| (
+                name,
+                TemplateDefinition {
+                    content,
+                    shadowroot_attributes,
+                    host_attributes,
+                },
+            ))
             .collect();
         Locator { templates }
     }
@@ -115,30 +144,41 @@ impl Locator {
     /// Add a template directly.
     ///
     /// This only stores template content. Shadowroot-prefixed attributes for
-    /// Declarative Shadow DOM are empty for this entry. Use
-    /// [`Locator::add_template_with_shadowroot_attrs`] when the rendered shadow
-    /// `<template>` needs attributes such as `shadowrootmode`.
+    /// Declarative Shadow DOM and host attributes are empty for this entry.
+    /// Use [`Locator::add_template_with_attrs`] when the rendered shadow
+    /// `<template>` needs attributes such as `shadowrootmode`, or when host
+    /// attributes from the source `<f-template>`'s inner `<template>` should
+    /// be merged onto the host element opening tag.
     pub fn add_template(&mut self, element_name: &str, content: &str) {
         self.templates.insert(element_name.to_string(), TemplateDefinition {
             content: content.to_string(),
             shadowroot_attributes: Vec::new(),
+            host_attributes: Vec::new(),
         });
     }
 
-    /// Add a template directly with shadowroot-prefixed attributes.
+    /// Add a template directly with shadowroot-prefixed attributes and host
+    /// attributes that should be merged onto the rendered host element.
+    ///
+    /// `shadowroot_attrs` are filtered by [`collect_shadowroot_attributes`]:
+    /// only attributes whose names begin with `shadowroot` are retained, names
+    /// are normalized to lowercase, and duplicates are ignored. Use `None` for
+    /// boolean attributes.
     ///
-    /// Only attributes whose names begin with `shadowroot` are retained. Names
-    /// are normalized to lowercase and duplicate names are ignored, matching
-    /// `<f-template>` parsing. Use `None` for boolean attributes.
-    pub fn add_template_with_shadowroot_attrs(
+    /// `host_attrs` are stored verbatim in source order — the renderer is
+    /// responsible for filtering client-only attributes and resolving any
+    /// `{{expr}}` / `?name="{{expr}}"` bindings against the child state.
+    pub fn add_template_with_attrs(
         &mut self,
         element_name: &str,
         content: &str,
-        attrs: &[(String, Option<String>)],
+        shadowroot_attrs: &[(String, Option<String>)],
+        host_attrs: &[(String, Option<String>)],
     ) {
         self.templates.insert(element_name.to_string(), TemplateDefinition {
             content: content.to_string(),
-            shadowroot_attributes: collect_shadowroot_attributes(attrs),
+            shadowroot_attributes: collect_shadowroot_attributes(shadowroot_attrs),
+            host_attributes: host_attrs.to_vec(),
         });
     }
 
@@ -153,6 +193,13 @@ impl Locator {
             .unwrap_or(&[])
     }
 
+    pub fn get_host_attributes(&self, element_name: &str) -> &[(String, Option<String>)] {
+        self.templates
+            .get(element_name)
+            .map(|template| template.host_attributes.as_slice())
+            .unwrap_or(&[])
+    }
+
     pub fn has_template(&self, element_name: &str) -> bool {
         self.templates.contains_key(element_name)
     }
@@ -194,12 +241,13 @@ pub(crate) fn parse_f_templates(html: &str) -> Vec<FTemplate> {
             None => break,
         };
         let inner_html = &html[inner_start..inner_end];
-        let content = extract_template_content(inner_html);
+        let (content, host_attributes) = extract_template_content(inner_html);
 
         results.push(FTemplate {
             name,
             content,
             shadowroot_attributes,
+            host_attributes,
         });
         search_start = inner_end + end_tag.len();
     }
@@ -220,22 +268,27 @@ fn collect_shadowroot_attributes(attrs: &[(String, Option<String>)]) -> Vec<(Str
     results
 }
 
-/// Extract the inner content of the first `<template>` element found in `html`.
-/// Returns the trimmed content between `<template ...>` and `</template>`.
-fn extract_template_content(html: &str) -> String {
+/// Extract the inner content and the opening-tag attributes of the first
+/// `<template>` element found in `html`. Returns the trimmed inner content
+/// and the attributes parsed from the inner `<template …>` opening tag.
+///
+/// If no `<template>` element is found, returns the trimmed input with an
+/// empty attribute list.
+fn extract_template_content(html: &str) -> (String, Vec<(String, Option<String>)>) {
     let open = match html.find("<template") {
         Some(i) => i,
-        None => return html.trim().to_string(),
+        None => return (html.trim().to_string(), Vec::new()),
     };
-    let tag_end = match html[open..].find('>') {
-        Some(i) => open + i + 1,
-        None => return html.trim().to_string(),
+    let tag_end = match find_tag_end(html, open) {
+        Some(i) => i,
+        None => return (html.trim().to_string(), Vec::new()),
     };
     let close = match html[tag_end..].find("</template>") {
         Some(i) => tag_end + i,
-        None => return html.trim().to_string(),
+        None => return (html.trim().to_string(), Vec::new()),
     };
-    html[tag_end..close].trim().to_string()
+    let attrs = parse_element_attributes(&html[open..tag_end]);
+    (html[tag_end..close].trim().to_string(), attrs)
 }
 
 
@@ -401,6 +454,7 @@ mod tests {
         assert_eq!(results[0].name, Some("my-button".to_string()));
         assert_eq!(results[0].content, "<button>{{label}}</button>");
         assert!(results[0].shadowroot_attributes.is_empty());
+        assert!(results[0].host_attributes.is_empty());
     }
 
     #[test]
@@ -415,8 +469,10 @@ mod tests {
         assert_eq!(results.len(), 2);
         assert_eq!(results[0].name, Some("my-a".to_string()));
         assert_eq!(results[0].content, "<span>A</span>");
+        assert!(results[0].host_attributes.is_empty());
         assert_eq!(results[1].name, Some("my-b".to_string()));
         assert_eq!(results[1].content, "<div>B</div>");
+        assert!(results[1].host_attributes.is_empty());
     }
 
     #[test]
@@ -427,6 +483,7 @@ mod tests {
         let results = parse_f_templates(html);
         assert_eq!(results.len(), 1);
         assert_eq!(results[0].name, None);
+        assert!(results[0].host_attributes.is_empty());
     }
 
     #[test]
@@ -444,10 +501,43 @@ mod tests {
                 ("shadowrootclonable".to_string(), Some("true".to_string())),
             ]
         );
+        assert!(results[0].host_attributes.is_empty());
+    }
+
+    #[test]
+    fn test_parse_f_templates_host_attributes() {
+        let html = r#"<f-template name="my-el">
+    <template tabindex="0" @click="{handle()}" attr="{{val}}"><span>x</span></template>
+</f-template>"#;
+        let results = parse_f_templates(html);
+        assert_eq!(results.len(), 1);
+        assert_eq!(
+            results[0].host_attributes,
+            vec![
+                ("tabindex".to_string(), Some("0".to_string())),
+                ("@click".to_string(), Some("{handle()}".to_string())),
+                ("attr".to_string(), Some("{{val}}".to_string())),
+            ]
+        );
     }
 
     #[test]
-    fn test_add_template_with_shadowroot_attrs_preserves_attrs() {
+    fn test_parse_f_templates_host_attributes_with_quoted_gt() {
+        // A `>` inside a quoted attribute value must not terminate the opening tag.
+        let html = r#"<f-template name="my-el">
+    <template data-x="a>b"><span>x</span></template>
+</f-template>"#;
+        let results = parse_f_templates(html);
+        assert_eq!(results.len(), 1);
+        assert_eq!(results[0].content, "<span>x</span>");
+        assert_eq!(
+            results[0].host_attributes,
+            vec![("data-x".to_string(), Some("a>b".to_string()))]
+        );
+    }
+
+    #[test]
+    fn test_add_template_with_attrs_shadowroot_only() {
         let mut locator = Locator::from_templates(std::collections::HashMap::new());
         let attrs = vec![
             ("shadowrootmode".to_string(), Some("closed".to_string())),
@@ -455,16 +545,55 @@ mod tests {
             ("shadowrootclonable".to_string(), Some("true".to_string())),
         ];
 
-        locator.add_template_with_shadowroot_attrs("my-el", "<span>shadow</span>", &attrs);
+        locator.add_template_with_attrs("my-el", "<span>shadow</span>", &attrs, &[]);
 
         assert_eq!(locator.get_template("my-el"), Some("<span>shadow</span>"));
         assert_eq!(locator.get_shadowroot_attributes("my-el"), attrs.as_slice());
+        assert!(locator.get_host_attributes("my-el").is_empty());
+    }
+
+    #[test]
+    fn test_add_template_with_attrs_shadowroot_and_host() {
+        let mut locator = Locator::from_templates(std::collections::HashMap::new());
+        let shadowroot_attrs = vec![
+            ("shadowrootmode".to_string(), Some("closed".to_string())),
+        ];
+        let host_attrs = vec![
+            ("tabindex".to_string(), Some("0".to_string())),
+            ("?disabled".to_string(), Some("{{isDisabled}}".to_string())),
+        ];
+
+        locator.add_template_with_attrs(
+            "my-el",
+            "<span>x</span>",
+            &shadowroot_attrs,
+            &host_attrs,
+        );
+
+        assert_eq!(locator.get_template("my-el"), Some("<span>x</span>"));
+        assert_eq!(locator.get_shadowroot_attributes("my-el"), shadowroot_attrs.as_slice());
+        assert_eq!(locator.get_host_attributes("my-el"), host_attrs.as_slice());
     }
 
     #[test]
     fn test_extract_template_content_basic() {
         let html = "    <template>\n        <button>click</button>\n    </template>\n";
-        let content = extract_template_content(html);
+        let (content, attrs) = extract_template_content(html);
         assert_eq!(content, "<button>click</button>");
+        assert!(attrs.is_empty());
+    }
+
+    #[test]
+    fn test_extract_template_content_with_attrs() {
+        let html = "<template tabindex=\"0\" ?disabled=\"{{isDisabled}}\"><span>x</span></template>";
+        let (content, attrs) = extract_template_content(html);
+        assert_eq!(content, "<span>x</span>");
+        assert_eq!(
+            attrs,
+            vec![
+                ("tabindex".to_string(), Some("0".to_string())),
+                ("?disabled".to_string(), Some("{{isDisabled}}".to_string())),
+            ]
+        );
     }
 }
diff --git a/crates/microsoft-fast-build/src/wasm.rs b/crates/microsoft-fast-build/src/wasm.rs
index 07ffafea4b0..aa8d8ac0dbc 100644
--- a/crates/microsoft-fast-build/src/wasm.rs
+++ b/crates/microsoft-fast-build/src/wasm.rs
@@ -90,16 +90,17 @@ pub fn parse_f_templates(html: &str) -> String {
             None => "null".to_string(),
         };
         parts.push(format!(
-            "{{\"name\":{},\"content\":\"{}\",\"shadowrootAttributes\":{}}}",
+            "{{\"name\":{},\"content\":\"{}\",\"shadowrootAttributes\":{},\"hostAttributes\":{}}}",
             name_json,
             escape_json_str(&template.content),
-            shadowroot_attributes_json(&template.shadowroot_attributes)
+            attribute_pairs_json(&template.shadowroot_attributes),
+            attribute_pairs_json(&template.host_attributes)
         ));
     }
     format!("[{}]", parts.join(","))
 }
 
-fn shadowroot_attributes_json(attrs: &[(String, Option<String>)]) -> String {
+fn attribute_pairs_json(attrs: &[(String, Option<String>)]) -> String {
     let mut parts = Vec::with_capacity(attrs.len());
     for (name, value) in attrs {
         let value_json = match value {
@@ -132,7 +133,17 @@ fn escape_json_str(s: &str) -> String {
 
 fn parse_templates_map(
     templates_json: &str,
-) -> Result<HashMap<String, (String, Vec<(String, Option<String>)>)>, JsValue> {
+) -> Result<
+    HashMap<
+        String,
+        (
+            String,
+            Vec<(String, Option<String>)>,
+            Vec<(String, Option<String>)>,
+        ),
+    >,
+    JsValue,
+> {
     let parsed = json::parse(templates_json).map_err(|e| {
         JsValue::from_str(&format!("Failed to parse templates JSON: {}", e.message))
     })?;
@@ -142,7 +153,7 @@ fn parse_templates_map(
             for (k, v) in obj {
                 match v {
                     json::JsonValue::String(s) => {
-                        map.insert(k, (s, Vec::new()));
+                        map.insert(k, (s, Vec::new(), Vec::new()));
                     }
                     json::JsonValue::Object(template) => {
                         map.insert(k.clone(), parse_template_metadata(&k, &template)?);
@@ -164,7 +175,14 @@ fn parse_templates_map(
 fn parse_template_metadata(
     template_name: &str,
     template: &HashMap<String, json::JsonValue>,
-) -> Result<(String, Vec<(String, Option<String>)>), JsValue> {
+) -> Result<
+    (
+        String,
+        Vec<(String, Option<String>)>,
+        Vec<(String, Option<String>)>,
+    ),
+    JsValue,
+> {
     let content = match template.get("content") {
         Some(json::JsonValue::String(content)) => content.clone(),
         _ => {
@@ -175,8 +193,10 @@ fn parse_template_metadata(
         }
     };
 
-    let attrs = match template.get("shadowrootAttributes") {
-        Some(json::JsonValue::Array(attrs)) => parse_shadowroot_attributes(template_name, attrs)?,
+    let shadowroot_attrs = match template.get("shadowrootAttributes") {
+        Some(json::JsonValue::Array(attrs)) => {
+            parse_attribute_pairs(template_name, "shadowroot", attrs)?
+        }
         Some(json::JsonValue::Null) | None => Vec::new(),
         Some(_) => {
             return Err(JsValue::from_str(&format!(
@@ -186,11 +206,25 @@ fn parse_template_metadata(
         }
     };
 
-    Ok((content, attrs))
+    let host_attrs = match template.get("hostAttributes") {
+        Some(json::JsonValue::Array(attrs)) => {
+            parse_attribute_pairs(template_name, "host", attrs)?
+        }
+        Some(json::JsonValue::Null) | None => Vec::new(),
+        Some(_) => {
+            return Err(JsValue::from_str(&format!(
+                "Template metadata for '{}' must use an array hostAttributes property",
+                template_name
+            )));
+        }
+    };
+
+    Ok((content, shadowroot_attrs, host_attrs))
 }
 
-fn parse_shadowroot_attributes(
+fn parse_attribute_pairs(
     template_name: &str,
+    kind: &str,
     attrs: &[json::JsonValue],
 ) -> Result<Vec<(String, Option<String>)>, JsValue> {
     let mut parsed = Vec::with_capacity(attrs.len());
@@ -199,8 +233,8 @@ fn parse_shadowroot_attributes(
             json::JsonValue::Object(attr) => attr,
             _ => {
                 return Err(JsValue::from_str(&format!(
-                    "Template metadata for '{}' contains a non-object shadowroot attribute",
-                    template_name
+                    "Template metadata for '{}' contains a non-object {} attribute",
+                    template_name, kind
                 )));
             }
         };
@@ -208,8 +242,8 @@ fn parse_shadowroot_attributes(
             Some(json::JsonValue::String(name)) => name.clone(),
             _ => {
                 return Err(JsValue::from_str(&format!(
-                    "Template metadata for '{}' contains a shadowroot attribute without a string name",
-                    template_name
+                    "Template metadata for '{}' contains a {} attribute without a string name",
+                    template_name, kind
                 )));
             }
         };
@@ -218,8 +252,8 @@ fn parse_shadowroot_attributes(
             Some(json::JsonValue::Null) | None => None,
             _ => {
                 return Err(JsValue::from_str(&format!(
-                    "Template metadata for '{}' contains a shadowroot attribute with a non-string value",
-                    template_name
+                    "Template metadata for '{}' contains a {} attribute with a non-string value",
+                    template_name, kind
                 )));
             }
         };
@@ -247,6 +281,44 @@ mod tests {
             .1;
         assert!(attrs.is_empty());
     }
+
+    #[test]
+    fn parse_templates_map_treats_null_host_attributes_as_empty() {
+        let templates = match parse_templates_map(
+            r#"{"test-element":{"content":"<span></span>","hostAttributes":null}}"#,
+        ) {
+            Ok(templates) => templates,
+            Err(_) => panic!("template metadata with null hostAttributes should parse"),
+        };
+
+        let attrs = &templates
+            .get("test-element")
+            .expect("template should be present")
+            .2;
+        assert!(attrs.is_empty());
+    }
+
+    #[test]
+    fn parse_templates_map_reads_host_attributes() {
+        let templates = match parse_templates_map(
+            r#"{"test-element":{"content":"<span></span>","hostAttributes":[{"name":"tabindex","value":"0"},{"name":"disabled","value":null}]}}"#,
+        ) {
+            Ok(templates) => templates,
+            Err(_) => panic!("template metadata with hostAttributes should parse"),
+        };
+
+        let host = &templates
+            .get("test-element")
+            .expect("template should be present")
+            .2;
+        assert_eq!(
+            host,
+            &vec![
+                ("tabindex".to_string(), Some("0".to_string())),
+                ("disabled".to_string(), None),
+            ]
+        );
+    }
 }
 
 /// Build an `Option<RenderConfig>` from the optional strategy string.
diff --git a/crates/microsoft-fast-build/tests/common/mod.rs b/crates/microsoft-fast-build/tests/common/mod.rs
index a7f5b1eed38..c397250f677 100644
--- a/crates/microsoft-fast-build/tests/common/mod.rs
+++ b/crates/microsoft-fast-build/tests/common/mod.rs
@@ -19,6 +19,34 @@ pub fn make_locator(entries: &[(&str, &str)]) -> Locator {
     Locator::from_templates(templates)
 }
 
+/// Build a `Locator` where each entry specifies host attributes that should be
+/// merged onto the rendered host element opening tag. `host_attrs` mirrors the
+/// shape produced by `<f-template>` parsing: `(name, Option<value>)` pairs in
+/// source order. `None` denotes a static boolean attribute (no `=`).
+pub fn make_locator_with_host_attrs(
+    entries: &[(&str, &str, &[(&str, Option<&str>)])],
+) -> Locator {
+    let mut templates: HashMap<
+        String,
+        (
+            String,
+            Vec<(String, Option<String>)>,
+            Vec<(String, Option<String>)>,
+        ),
+    > = HashMap::new();
+    for (name, content, host_attrs) in entries {
+        let host = host_attrs
+            .iter()
+            .map(|(n, v)| ((*n).to_string(), v.map(|s| s.to_string())))
+            .collect();
+        templates.insert(
+            (*name).to_string(),
+            ((*content).to_string(), Vec::new(), host),
+        );
+    }
+    Locator::from_template_definitions(templates)
+}
+
 pub fn empty_root() -> JsonValue {
     JsonValue::Object(HashMap::new())
 }
diff --git a/crates/microsoft-fast-build/tests/host_attributes.rs b/crates/microsoft-fast-build/tests/host_attributes.rs
new file mode 100644
index 00000000000..76b591413e3
--- /dev/null
+++ b/crates/microsoft-fast-build/tests/host_attributes.rs
@@ -0,0 +1,295 @@
+mod common;
+use common::make_locator_with_host_attrs;
+use microsoft_fast_build::{render_entry_template_with_locator, render_template_with_locator};
+
+// ── static template host attribute propagation ────────────────────────────────
+
+#[test]
+fn test_template_static_host_attr_propagates() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("tabindex", Some("0"))],
+    )]);
+    let result = render_template_with_locator(
+        r#"<my-el></my-el>"#,
+        r#"{}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    assert!(
+        result.contains(r#"<my-el tabindex="0">"#),
+        "expected template tabindex on host: {result}"
+    );
+}
+
+#[test]
+fn test_template_static_host_attr_with_value_html_escapes() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("data-x", Some("<&>"))],
+    )]);
+    let result = render_template_with_locator(
+        r#"<my-el></my-el>"#,
+        r#"{}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    assert!(
+        result.contains(r#"<my-el data-x="&lt;&amp;&gt;">"#),
+        "expected HTML-escaped value on host: {result}"
+    );
+}
+
+#[test]
+fn test_template_static_bool_host_attr_propagates() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("hidden", None)],
+    )]);
+    let result = render_template_with_locator(
+        r#"<my-el></my-el>"#,
+        r#"{}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    assert!(
+        result.contains("<my-el hidden>"),
+        "expected static boolean attr on host: {result}"
+    );
+}
+
+// ── author wins on conflicts ──────────────────────────────────────────────────
+
+#[test]
+fn test_author_attr_overrides_template_host_attr() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("id", Some("from-template"))],
+    )]);
+    let result = render_template_with_locator(
+        r#"<my-el id="from-author"></my-el>"#,
+        r#"{}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    assert!(
+        result.contains(r#"id="from-author""#),
+        "author id should be preserved: {result}"
+    );
+    assert!(
+        !result.contains(r#"id="from-template""#),
+        "template id should NOT appear: {result}"
+    );
+}
+
+#[test]
+fn test_author_disabled_wins_over_template_bool_binding() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("?disabled", Some("{{isDisabled}}"))],
+    )]);
+    let result = render_template_with_locator(
+        r#"<my-el disabled></my-el>"#,
+        r#"{"isDisabled": false}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    assert!(
+        result.contains("<my-el disabled"),
+        "author disabled should remain even when template binding is falsy: {result}"
+    );
+}
+
+// ── client-only template host attributes are skipped ──────────────────────────
+
+#[test]
+fn test_client_only_template_host_attrs_skipped() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[
+            ("@click", Some("{x()}")),
+            (":title", Some("{t}")),
+            ("f-ref", Some("{r}")),
+            ("f-slotted", Some("{s}")),
+            ("f-children", Some("{c}")),
+        ],
+    )]);
+    let result = render_template_with_locator(
+        r#"<my-el></my-el>"#,
+        r#"{}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    let host_open_end = result.find('>').expect("opening tag should end");
+    let host_open = &result[..=host_open_end];
+    assert!(!host_open.contains('@'), "@event must not appear: {host_open}");
+    assert!(!host_open.contains(':'), ":prop must not appear: {host_open}");
+    assert!(
+        !host_open.to_lowercase().contains("f-ref"),
+        "f-ref must not appear: {host_open}"
+    );
+    assert!(
+        !host_open.to_lowercase().contains("f-slotted"),
+        "f-slotted must not appear: {host_open}"
+    );
+    assert!(
+        !host_open.to_lowercase().contains("f-children"),
+        "f-children must not appear: {host_open}"
+    );
+}
+
+// ── ?attr="{{expr}}" boolean binding ──────────────────────────────────────────
+
+#[test]
+fn test_template_host_bool_binding_truthy() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("?disabled", Some("{{isDisabled}}"))],
+    )]);
+    let result = render_template_with_locator(
+        r#"<my-el></my-el>"#,
+        r#"{"isDisabled": true}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    let host_open_end = result.find('>').expect("opening tag should end");
+    let host_open = &result[..=host_open_end];
+    assert!(
+        host_open.contains(" disabled"),
+        "bare `disabled` should appear when binding is truthy: {host_open}"
+    );
+    assert!(
+        !host_open.contains("?disabled"),
+        "`?` prefix must not leak through: {host_open}"
+    );
+    assert!(
+        !host_open.contains("disabled="),
+        "no `=` should be emitted for boolean binding: {host_open}"
+    );
+}
+
+#[test]
+fn test_template_host_bool_binding_falsy() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("?disabled", Some("{{isDisabled}}"))],
+    )]);
+    let result = render_template_with_locator(
+        r#"<my-el></my-el>"#,
+        r#"{"isDisabled": false}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    let host_open_end = result.find('>').expect("opening tag should end");
+    let host_open = &result[..=host_open_end];
+    assert!(
+        !host_open.contains("disabled"),
+        "no `disabled` should appear when binding is falsy: {host_open}"
+    );
+}
+
+// ── attr="{{expr}}" value binding ─────────────────────────────────────────────
+
+#[test]
+fn test_template_host_value_binding_resolves_primitive() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("title", Some("{{tip}}"))],
+    )]);
+    let result = render_template_with_locator(
+        r#"<my-el></my-el>"#,
+        r#"{"tip": "hello"}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    assert!(
+        result.contains(r#"<my-el title="hello">"#),
+        "primitive value should be emitted: {result}"
+    );
+}
+
+#[test]
+fn test_template_host_value_binding_strips_nonprimitive() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("title", Some("{{obj}}"))],
+    )]);
+    let result = render_template_with_locator(
+        r#"<my-el></my-el>"#,
+        r#"{"obj": {"a": 1}}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    let host_open_end = result.find('>').expect("opening tag should end");
+    let host_open = &result[..=host_open_end];
+    assert!(
+        !host_open.contains("title"),
+        "object value should not produce a `title` attribute: {host_open}"
+    );
+}
+
+// ── entry-mode propagation ────────────────────────────────────────────────────
+
+#[test]
+fn test_template_host_attr_propagates_in_entry_mode() {
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("tabindex", Some("0"))],
+    )]);
+    let result = render_entry_template_with_locator(
+        r#"<my-el></my-el>"#,
+        r#"{}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    assert!(
+        result.contains(r#"<my-el tabindex="0">"#),
+        "expected template tabindex on entry host: {result}"
+    );
+}
+
+#[test]
+fn test_template_host_value_binding_resolves_against_child_root_in_entry_mode() {
+    // Entry mode: when the author element has a state-relevant attribute, the
+    // child state is built from root + the attr overlay. Template-host bindings
+    // resolve against that child state, so `tip` from the attribute overlay
+    // wins over `tip` in the root.
+    let locator = make_locator_with_host_attrs(&[(
+        "my-el",
+        "<span>x</span>",
+        &[("title", Some("{{tip}}"))],
+    )]);
+    let result = render_entry_template_with_locator(
+        r#"<my-el tip="from-attr"></my-el>"#,
+        r#"{"tip": "from-root"}"#,
+        &locator,
+        None,
+    )
+    .unwrap();
+    assert!(
+        result.contains(r#"title="from-attr""#),
+        "title should resolve against the child state (attribute overlay): {result}"
+    );
+}
diff --git a/packages/fast-build/DESIGN.md b/packages/fast-build/DESIGN.md
index a3a4f39bd52..c17e8e698ad 100644
--- a/packages/fast-build/DESIGN.md
+++ b/packages/fast-build/DESIGN.md
@@ -109,6 +109,7 @@ Template HTML files are scanned for `<f-template>` elements. Each `<f-template>`
 - The `name` attribute value becomes the element name key in the templates map.
 - The inner content of the `<template>` child element becomes the raw template string sent to the WASM renderer.
 - Any `shadowroot`-prefixed attributes on `<f-template>` become `shadowrootAttributes` metadata that the WASM renderer applies to the emitted Declarative Shadow DOM `<template>`.
+- Any attributes declared on the inner `<template>` element become `hostAttributes` metadata (parallel to `shadowrootAttributes`). The WASM renderer merges these onto the rendered host element opening tag, with author host attributes winning on conflicts. See the [`microsoft-fast-build` DESIGN.md](../../crates/microsoft-fast-build/DESIGN.md) for the full propagation rules (client-only attrs are skipped, `{{expr}}` / `?name="{{expr}}"` are resolved against the element's child state, etc.).
 - A file may contain multiple `<f-template>` elements (each becomes a separate entry).
 - If an `<f-template>` has no `name` attribute, a warning is printed to stderr and it is skipped.
 
@@ -116,7 +117,7 @@ Template HTML files are scanned for `<f-template>` elements. Each `<f-template>`
 
 | Function | Role |
 |----------|------|
-| `parseFTemplates(html, filePath, wasm)` | Calls `wasm.parse_f_templates(html)` and emits warnings for nameless templates |
+| `parseFTemplates(html, filePath, wasm)` | Calls `wasm.parse_f_templates(html)` and emits warnings for nameless templates. Returns `{name, content, shadowrootAttributes, hostAttributes}` entries. |
 
 The `<f-template>` parsing logic lives exclusively in the Rust crate (`locator::parse_f_templates`) and is exposed via the `wasm.parse_f_templates` WASM export. The JS layer only handles warnings and file I/O; it contains no duplicate parsing logic.
 
@@ -154,7 +155,7 @@ Four WASM functions are available; the CLI uses the entry renderer when template
 | `wasm.render_entry_with_templates(entry, templatesJson, state?, strategy)` | CLI entry HTML rendering when at least one template was loaded. Omitted state renders as `{}`. `strategy` is `"camelCase"` or `"none"`. |
 | `wasm.parse_f_templates(html)` | Parsing `<f-template>` elements from each matched HTML file |
 
-`templatesJson` is a JSON-stringified object mapping element names to template metadata objects. Each object contains the raw inner template string extracted from `<template>` inside `<f-template>` and any forwarded `shadowrootAttributes`. The WASM renderer uses this map to resolve custom element tags and inject Declarative Shadow DOM, copying `shadowroot*` attributes to the emitted `<template>`. It normalizes `shadowrootmode` and legacy `shadowroot` for compatibility: when neither has a non-empty value, it emits `shadowrootmode="open" shadowroot="open"`; when exactly one has a non-empty value, that value is mirrored to the other; when both have explicit non-empty values, both are preserved as authored, even if they conflict.
+`templatesJson` is a JSON-stringified object mapping element names to template metadata objects. Each object contains the raw inner template string extracted from `<template>` inside `<f-template>`, any forwarded `shadowrootAttributes`, and a `hostAttributes` array carrying the attributes declared on the inner `<template>` element. The WASM renderer uses this map to resolve custom element tags and inject Declarative Shadow DOM, copying `shadowroot*` attributes to the emitted `<template>` and merging `hostAttributes` onto the rendered host element opening tag (author host attributes win on conflicts; client-only attrs and `{{expr}}` / `?name="{{expr}}"` bindings are handled by the WASM renderer — see the [`microsoft-fast-build` DESIGN.md](../../crates/microsoft-fast-build/DESIGN.md) for details). It normalizes `shadowrootmode` and legacy `shadowroot` for compatibility: when neither has a non-empty value, it emits `shadowrootmode="open" shadowroot="open"`; when exactly one has a non-empty value, that value is mirrored to the other; when both have explicit non-empty values, both are preserved as authored, even if they conflict.
 
 See the [`microsoft-fast-build` DESIGN.md](../../crates/microsoft-fast-build/DESIGN.md) for details on the Rust rendering pipeline.
 
diff --git a/packages/fast-build/bin/fast.js b/packages/fast-build/bin/fast.js
index 5f7b83cd5fb..958c423df47 100755
--- a/packages/fast-build/bin/fast.js
+++ b/packages/fast-build/bin/fast.js
@@ -223,13 +223,13 @@ function staticPrefixDir(pattern) {
  * @param {string} html
  * @param {string} filePath - used in warning messages
  * @param {object} wasm - the loaded WASM module
- * @returns {{ name: string, content: string, shadowrootAttributes: { name: string, value: string | null }[] }[]}
+ * @returns {{ name: string, content: string, shadowrootAttributes: { name: string, value: string | null }[], hostAttributes: { name: string, value: string | null }[] }[]}
  */
 function parseFTemplates(html, filePath, wasm) {
-    /** @type {{ name: string | null, content: string, shadowrootAttributes?: { name: string, value: string | null }[] }[]} */
+    /** @type {{ name: string | null, content: string, shadowrootAttributes?: { name: string, value: string | null }[], hostAttributes?: { name: string, value: string | null }[] }[]} */
     const parsed = JSON.parse(wasm.parse_f_templates(html));
     const results = [];
-    for (const { name, content, shadowrootAttributes } of parsed) {
+    for (const { name, content, shadowrootAttributes, hostAttributes } of parsed) {
         if (name === null) {
             process.stderr.write(
                 `Warning: <f-template> without a 'name' attribute in '${filePath}': ${content.trim()}\n`
@@ -239,6 +239,7 @@ function parseFTemplates(html, filePath, wasm) {
                 name,
                 content,
                 shadowrootAttributes: shadowrootAttributes || [],
+                hostAttributes: hostAttributes || [],
             });
         }
     }
@@ -252,7 +253,7 @@ function parseFTemplates(html, filePath, wasm) {
  * Warns (but does not error) if the base directory does not exist.
  * @param {string} pattern
  * @param {object} wasm - the loaded WASM module
- * @returns {{ name: string, content: string, shadowrootAttributes: { name: string, value: string | null }[] }[]}
+ * @returns {{ name: string, content: string, shadowrootAttributes: { name: string, value: string | null }[], hostAttributes: { name: string, value: string | null }[] }[]}
  */
 function resolvePattern(pattern, wasm) {
     const baseDir = staticPrefixDir(pattern);
@@ -266,8 +267,8 @@ function resolvePattern(pattern, wasm) {
         if (globMatch(pattern, file)) {
             const html = fs.readFileSync(file, "utf8");
             const templates = parseFTemplates(html, file, wasm);
-            for (const { name, content, shadowrootAttributes } of templates) {
-                results.push({ name, content, shadowrootAttributes });
+            for (const { name, content, shadowrootAttributes, hostAttributes } of templates) {
+                results.push({ name, content, shadowrootAttributes, hostAttributes });
             }
         }
     }
@@ -313,13 +314,13 @@ async function runBuild(args) {
                     `Warning: No template files found for pattern "${pattern}".\n`
                 );
             }
-            for (const { name, content, shadowrootAttributes } of matches) {
+            for (const { name, content, shadowrootAttributes, hostAttributes } of matches) {
                 if (name in templatesMap) {
                     process.stderr.write(
                         `Warning: Duplicate template name "${name}" — later file overwrites earlier.\n`
                     );
                 }
-                templatesMap[name] = { content, shadowrootAttributes };
+                templatesMap[name] = { content, shadowrootAttributes, hostAttributes };
             }
         }
     }
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/host/entry.html b/packages/fast-element/test/declarative/fixtures/bindings/host/entry.html
index 6547931ca8e..e085789fd11 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/host/entry.html
+++ b/packages/fast-element/test/declarative/fixtures/bindings/host/entry.html
@@ -1,26 +1,28 @@
 <!DOCTYPE html>
+<!-- biome-ignore-all format: SSR-rendered output binding markers must survive byte-for-byte -->
 <html lang="en-US">
     <head>
         <meta charset="utf-8">
         <title>Host Bindings Test</title>
         <style>
-            /* Ensure custom elements display as block to prevent overlap */
-            host-event-element,
-            host-multi-element,
-            host-static-element,
-            host-events-element,
-            host-multi-content-element,
-            host-text-binding-element,
-            host-property-element,
-            host-all-types-element,
-            host-perm-attr-first,
-            host-perm-bool-first,
-            host-perm-prop-first {
-                display: block;
-                margin: 10px 0;
-                padding: 10px;
-                border: 1px solid #ccc;
-            }
+        /* Ensure custom elements display as block to prevent overlap */
+host-event-element,
+host-multi-element,
+host-static-element,
+host-events-element,
+host-multi-content-element,
+host-text-binding-element,
+host-property-element,
+host-all-types-element,
+host-perm-attr-first,
+host-perm-bool-first,
+host-perm-prop-first,
+host-autofocus {
+    display: block;
+    margin: 10px 0;
+    padding: 10px;
+    border: 1px solid #ccc;
+}
         </style>
     </head>
     <body>
@@ -31,10 +33,28 @@
         <host-multi-content-element first="a" second="b"></host-multi-content-element>
         <host-text-binding-element text="text content"></host-text-binding-element>
         <host-property-element text="property test"></host-property-element>
-        <host-all-types-element text="all types" attr="value" disabled></host-all-types-element>
-        <host-perm-attr-first text="perm attr first" attr="value" disabled></host-perm-attr-first>
-        <host-perm-bool-first text="perm bool first" attr="value" disabled></host-perm-bool-first>
-        <host-perm-prop-first text="perm prop first" attr="value" disabled></host-perm-prop-first>
+        <host-all-types-element
+            text="all types"
+            attr="value"
+            disabled
+        ></host-all-types-element>
+        <host-perm-attr-first
+            text="perm attr first"
+            attr="value"
+            disabled
+        ></host-perm-attr-first>
+        <host-perm-bool-first
+            text="perm bool first"
+            attr="value"
+            disabled
+        ></host-perm-bool-first>
+        <host-perm-prop-first
+            text="perm prop first"
+            attr="value"
+            disabled
+        ></host-perm-prop-first>
+        <!-- biome-ignore lint/a11y/noAutofocus: deliberate fixture verifying author-provided host attribute propagation through SSR -->
+        <host-autofocus autofocus></host-autofocus>
         <script type="module" src="./main.ts"></script>
     </body>
 </html>
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/host/host.spec.ts b/packages/fast-element/test/declarative/fixtures/bindings/host/host.spec.ts
index d729364c7e1..4d42a506e39 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/host/host.spec.ts
+++ b/packages/fast-element/test/declarative/fixtures/bindings/host/host.spec.ts
@@ -374,4 +374,24 @@ test.describe("Host Bindings Hydration", async () => {
             }
         });
     });
+
+    test.describe("should propagate host attributes from the template's <template>", () => {
+        test("host-autofocus has author-provided autofocus and template-provided tabindex", async ({
+            page,
+        }) => {
+            const hydrationCompleted = page.waitForFunction(
+                () => (window as any).hydrationCompleted === true,
+            );
+            await page.goto("/fixtures/host-bindings/");
+            await hydrationCompleted;
+
+            const element = page.locator("host-autofocus");
+
+            // Author-provided attribute survives the SSR pipeline.
+            await expect(element).toHaveAttribute("autofocus", "");
+
+            // Template <template tabindex="0"> attribute is propagated to the host tag.
+            await expect(element).toHaveAttribute("tabindex", "0");
+        });
+    });
 });
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/host/index.html b/packages/fast-element/test/declarative/fixtures/bindings/host/index.html
index 251bb9384a6..25e9ac453c7 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/host/index.html
+++ b/packages/fast-element/test/declarative/fixtures/bindings/host/index.html
@@ -1,26 +1,28 @@
 <!DOCTYPE html>
+<!-- biome-ignore-all format: SSR-rendered output binding markers must survive byte-for-byte -->
 <html lang="en-US">
     <head>
         <meta charset="utf-8">
         <title>Host Bindings Test</title>
         <style>
-            /* Ensure custom elements display as block to prevent overlap */
-            host-event-element,
-            host-multi-element,
-            host-static-element,
-            host-events-element,
-            host-multi-content-element,
-            host-text-binding-element,
-            host-property-element,
-            host-all-types-element,
-            host-perm-attr-first,
-            host-perm-bool-first,
-            host-perm-prop-first {
-                display: block;
-                margin: 10px 0;
-                padding: 10px;
-                border: 1px solid #ccc;
-            }
+        /* Ensure custom elements display as block to prevent overlap */
+host-event-element,
+host-multi-element,
+host-static-element,
+host-events-element,
+host-multi-content-element,
+host-text-binding-element,
+host-property-element,
+host-all-types-element,
+host-perm-attr-first,
+host-perm-bool-first,
+host-perm-prop-first,
+host-autofocus {
+    display: block;
+    margin: 10px 0;
+    padding: 10px;
+    border: 1px solid #ccc;
+}
         </style>
     </head>
     <body>
@@ -35,6 +37,8 @@
         <host-perm-attr-first text="perm attr first" attr="value" disabled><template shadowrootmode="open" shadowroot="open"><span><!--fe:b-->perm attr first<!--fe:/b--></span></template></host-perm-attr-first>
         <host-perm-bool-first text="perm bool first" attr="value" disabled><template shadowrootmode="open" shadowroot="open"><span><!--fe:b-->perm bool first<!--fe:/b--></span></template></host-perm-bool-first>
         <host-perm-prop-first text="perm prop first" attr="value" disabled><template shadowrootmode="open" shadowroot="open"><span><!--fe:b-->perm prop first<!--fe:/b--></span></template></host-perm-prop-first>
+        <!-- biome-ignore lint/a11y/noAutofocus: deliberate fixture verifying author-provided host attribute propagation through SSR -->
+        <host-autofocus autofocus tabindex="0"><template shadowrootmode="open" shadowroot="open"><span><!--fe:b-->autofocus<!--fe:/b--></span></template></host-autofocus>
 <f-template name="host-event-element">
     <template @click="{handleClick()}">
         <span>{{greeting}}</span>
@@ -90,6 +94,11 @@
         <span>{{text}}</span>
     </template>
 </f-template>
+<f-template name="host-autofocus">
+    <template tabindex="0">
+        <span>{{text}}</span>
+    </template>
+</f-template>
 
         <script type="module" src="./main.ts"></script>
     </body>
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/host/main.ts b/packages/fast-element/test/declarative/fixtures/bindings/host/main.ts
index 5c073490935..b2b2524ba36 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/host/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/bindings/host/main.ts
@@ -215,6 +215,16 @@ HostPermPropFirst.define({
     template: declarativeTemplate(),
 });
 
+// Test 12: Autofocus
+class HostAutofocus extends FASTElement {
+    @attr
+    text: string = "autofocus";
+}
+HostAutofocus.define({
+    name: "host-autofocus",
+    template: declarativeTemplate(),
+});
+
 enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/host/templates.html b/packages/fast-element/test/declarative/fixtures/bindings/host/templates.html
index b30366baa25..56e060bd116 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/host/templates.html
+++ b/packages/fast-element/test/declarative/fixtures/bindings/host/templates.html
@@ -1,3 +1,4 @@
+<!-- biome-ignore-all format: SSR renderer requires multi-line <template> layout for binding marker placement -->
 <f-template name="host-event-element">
     <template @click="{handleClick()}">
         <span>{{greeting}}</span>
@@ -53,3 +54,8 @@
         <span>{{text}}</span>
     </template>
 </f-template>
+<f-template name="host-autofocus">
+    <template tabindex="0">
+        <span>{{text}}</span>
+    </template>
+</f-template>
\ No newline at end of file

From c7ce25efbe6bf582eba693924f5aa9c7caf59201 Mon Sep 17 00:00:00 2001
From: John Kreitlow <863023+radium-v@users.noreply.github.com>
Date: Wed, 20 May 2026 15:11:58 -0700
Subject: [PATCH 03/17] chore: update dependencies (#7525)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Pull Request

## 📖 Description

Update transitive dependency versions in `package-lock.json`. This is a maintenance chore to pick up patch releases for locked dependencies.

Updated packages:

- `brace-expansion` 5.0.5 → 5.0.6
- `fast-uri` 3.1.0 → 3.1.2
- `ws` 8.20.0 → 8.20.1

## ✅ Checklist

### General

- [x] I have tested my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.

(cherry picked from commit 0b49158a3074d750eeeca3be6c13e8aea3cdb704)
---
 package-lock.json | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ad52b2ea5c0..7f0ab0dc800 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2758,9 +2758,9 @@
       "license": "ISC"
     },
     "node_modules/brace-expansion": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
-      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3798,9 +3798,9 @@
       }
     },
     "node_modules/fast-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
-      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
+      "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
       "funding": [
         {
           "type": "github",
@@ -7084,9 +7084,9 @@
       }
     },
     "node_modules/ws": {
-      "version": "8.20.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.0.tgz",
-      "integrity": "sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==",
+      "version": "8.20.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.1.tgz",
+      "integrity": "sha512-It4dO0K5v//JtTXuPkfEOaI3uUN87iYPnqo/ZzqCoG3g8uhA66QUMs/SrM0YK7/NAu+r4LMh/9dq2A7k+rHs+w==",
       "license": "MIT",
       "engines": {
         "node": ">=10.0.0"

From 5a98edc78927a3cc07a0ac657aaf44627267869c Mon Sep 17 00:00:00 2001
From: John Kreitlow <863023+radium-v@users.noreply.github.com>
Date: Wed, 20 May 2026 15:29:07 -0700
Subject: [PATCH 04/17] feat(fast-test-harness): propagate shadow DOM options
 through template generation and SSR (#7519)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Pull Request

## 📖 Description

Adds support for shadow DOM options (e.g. `delegatesFocus`, `mode`) throughout the test harness template generation and SSR rendering pipeline, so SSR-rendered components produce declarative shadow roots that match their client-side definitions.

Also adds a `url` property to `SSRFixture` for tests that need to control the page URL during SSR rendering.

Key changes:

- Template generation now reads shadow options from component definitions and emits matching `shadowrootmode` / `shadowrootdelegatesfocus` attributes via a pluggable resolver (`resolveShadowOptions`).
- SSR rendering propagates shadow options through to the rendered output.
- `SSRFixture` gains a `url` option.

## 📑 Test Plan

- New unit tests cover the shadow-options resolution path in `generate-templates` and `generate-webui-templates`, plus SSR `render` behavior.
- New Playwright spec verifies the `SSRFixture` `url` property.
- All existing tests pass locally via `npm run test -w @microsoft/fast-test-harness`.

## ✅ Checklist

### General

- [x] I have included a change request file using `$ npm run change`
- [x] I have added tests for my changes.
- [x] I have tested my changes.
- [x] I have updated the project documentation to reflect my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.

(cherry picked from commit d0dc9baf3d238690ae7086abd61f5df915941f74)
---
 ...-7d33cb9f-2de0-478f-b74a-f86549461586.json |  7 ++
 packages/fast-test-harness/DESIGN.md          | 12 ++-
 packages/fast-test-harness/README.md          |  2 +-
 packages/fast-test-harness/package.json       |  1 +
 .../src/build/generate-templates.test.ts      | 89 +++++++++++++++++-
 .../src/build/generate-templates.ts           | 92 ++++++++++++++++++-
 .../build/generate-webui-templates.test.ts    |  9 +-
 .../src/build/generate-webui-templates.ts     | 60 ++++++------
 .../src/fixtures/ssr-fixture.pw.spec.ts       | 22 +++++
 .../src/fixtures/ssr-fixture.ts               | 16 +++-
 .../fast-test-harness/src/ssr/render.test.ts  | 29 ++++++
 packages/fast-test-harness/src/ssr/render.ts  | 31 +++++--
 .../input/test-input.template.html            |  5 +
 13 files changed, 328 insertions(+), 47 deletions(-)
 create mode 100644 change/@microsoft-fast-test-harness-7d33cb9f-2de0-478f-b74a-f86549461586.json
 create mode 100644 packages/fast-test-harness/test/src/test-widget/input/test-input.template.html

diff --git a/change/@microsoft-fast-test-harness-7d33cb9f-2de0-478f-b74a-f86549461586.json b/change/@microsoft-fast-test-harness-7d33cb9f-2de0-478f-b74a-f86549461586.json
new file mode 100644
index 00000000000..be3514ed48d
--- /dev/null
+++ b/change/@microsoft-fast-test-harness-7d33cb9f-2de0-478f-b74a-f86549461586.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: add support for shadow DOM options in template generation and SSR rendering",
+  "packageName": "@microsoft/fast-test-harness",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/packages/fast-test-harness/DESIGN.md b/packages/fast-test-harness/DESIGN.md
index 933fcda7613..f580ec62179 100644
--- a/packages/fast-test-harness/DESIGN.md
+++ b/packages/fast-test-harness/DESIGN.md
@@ -71,8 +71,8 @@ flowchart TD
 | `src/fixtures/assertions.ts` | Custom Playwright assertion `toHaveCustomState` |
 | `src/build/dom-shim.ts` | Minimal DOM shim for running FAST Element's `css` and `html` tagged templates in Node.js |
 | `src/build/generate-stylesheets.ts` | Extracts compiled FAST `ElementStyles` JS modules into plain `.css` files |
-| `src/build/generate-templates.ts` | Converts compiled FAST `ViewTemplate` JS modules into declarative `<f-template>` HTML files |
-| `src/build/generate-webui-templates.ts` | Converts compiled FAST `ViewTemplate` JS modules into WebUI-compatible declarative shadow DOM `<template>` HTML files |
+| `src/build/generate-templates.ts` | Converts compiled FAST `ViewTemplate` JS modules into declarative `<f-template>` HTML files. Exports `definitionAsyncResolver`, `shadowOptionsToAttributes`, and the `ShadowOptionsResolver` type for resolving per-component shadow DOM options. |
+| `src/build/generate-webui-templates.ts` | Converts compiled FAST `ViewTemplate` JS modules into WebUI-compatible declarative shadow DOM `<template>` HTML files. Shares the shadow-options resolution pipeline with `generate-templates.ts`. |
 | `src/ssr/render.ts` | `createSSRRenderer` factory — scans for component build artifacts and uses the `@microsoft/fast-build` WASM module to produce SSR output |
 | `src/ssr/entry-client.ts` | SSR hydration entry point — defines `<f-template>` for the browser |
 | `server.mjs` | Node.js HTTP server with Vite middleware — serves CSR pages and handles SSR fixture generation |
@@ -130,6 +130,10 @@ The `fastPage` fixture factory reads these options and instantiates either `CSRF
 | `addStyleTag` | Buffers style options into `pendingStyles` until `setTemplate` is called. Only `{ content }` options are preserved — the content strings are serialized into the SSR generation request. Style options using `path` or `url` are not included in the SSR output. After `setTemplate`, calls pass through to the page directly. |
 | `setTemplate` | Builds a request body from the template options, posts it to `/generate-fixture`, navigates to the returned URL, and waits for stability. |
 
+| Property | Description |
+|----------|-------------|
+| `url` | Read-only getter exposing the generated SSR fixture URL after `setTemplate` resolves (e.g. `/ssr-<testId>.html`). `undefined` before the first `setTemplate` call. |
+
 **SSR request body construction**: The `setTemplate` override constructs a JSON body with these fields:
 
 | Field | Source |
@@ -289,6 +293,8 @@ The `src/ssr/render.ts` module exports `createSSRRenderer`, a factory that scans
 4. Extracts `<body>` content from the rendered document.
 5. Returns `{ template, fixture, preloadLinks }`.
 
+**Shadow root attributes:** When parsing f-templates, the WASM `parse_f_templates` output may include `shadowrootAttributes` (e.g. `shadowrootdelegatesfocus`) sourced from the template generation step. If any non-default attributes are present beyond `shadowrootmode`, the `templatesMap` entry for that tag uses the object form `{ content, shadowrootAttributes }` so the renderer can propagate them onto the emitted `<template shadowroot...>` element. Tags with only the default `shadowrootmode` use the bare string form.
+
 ---
 
 ## Configuration Files
@@ -331,7 +337,7 @@ The `src/ssr/render.ts` module exports `createSSRRenderer`, a factory that scans
 | `@microsoft/fast-test-harness` | `test`, `expect`, `CSRFixture`, `SSRFixture`, `createSSRRenderer`, `ComponentRegistration`, `RenderResult`, `SSRRendererOptions`, build utilities (`installDomShim`, `generateStylesheets`, `generateFTemplates`, `generateWebuiTemplates`) |
 | `@microsoft/fast-test-harness/server.mjs` | `startServer` |
 | `@microsoft/fast-test-harness/ssr/render.js` | `createSSRRenderer`, `ComponentRegistration`, `RenderResult`, `SSRRendererOptions`, `renderTemplate`, `buildEntryHtml`, `buildState`, `parseDefaultValue` |
-| `@microsoft/fast-test-harness/build/*.js` | Build utilities: `installDomShim`, `generateStylesheets`, `generateFTemplates`, `generateWebuiTemplates` |
+| `@microsoft/fast-test-harness/build/*.js` | Build utilities: `installDomShim`, `generateStylesheets`, `generateFTemplates`, `generateWebuiTemplates`, `definitionAsyncResolver`, `shadowOptionsToAttributes`, `ShadowOptionsResolver` |
 | `@microsoft/fast-test-harness/playwright.config.mjs` | Shared Playwright configuration |
 | `@microsoft/fast-test-harness/vite.config.mjs` | Shared Vite configuration |
 | `@microsoft/fast-test-harness/public/*` | Static assets (base CSS reset) |
diff --git a/packages/fast-test-harness/README.md b/packages/fast-test-harness/README.md
index 7470b7dbe9d..70916264bd2 100644
--- a/packages/fast-test-harness/README.md
+++ b/packages/fast-test-harness/README.md
@@ -265,7 +265,7 @@ CLI flags take precedence over environment variables.
 | Specifier | Contents |
 |-----------|----------|
 | `@microsoft/fast-test-harness` | `test`, `expect`, `CSRFixture`, `SSRFixture`, `toHaveCustomState`, `installDomShim`, `createSSRRenderer` |
-| `@microsoft/fast-test-harness/build/*.js` | `installDomShim`, `generateStylesheets`, `generateFTemplates`, `generateWebuiTemplates` |
+| `@microsoft/fast-test-harness/build/*.js` | `installDomShim`, `generateStylesheets`, `generateFTemplates`, `generateWebuiTemplates`, `definitionAsyncResolver`, `shadowOptionsToAttributes`, `ShadowOptionsResolver` |
 | `@microsoft/fast-test-harness/fixtures/*.js` | `CSRFixture`, `SSRFixture`, `toHaveCustomState`, extended `test` and `expect` |
 | `@microsoft/fast-test-harness/ssr/render.js` | `createSSRRenderer`, `renderTemplate`, `buildEntryHtml`, `buildState`, `parseDefaultValue` |
 | `@microsoft/fast-test-harness/server.mjs` | `startServer` |
diff --git a/packages/fast-test-harness/package.json b/packages/fast-test-harness/package.json
index d235d3bc729..60c87ce0076 100644
--- a/packages/fast-test-harness/package.json
+++ b/packages/fast-test-harness/package.json
@@ -42,6 +42,7 @@
     },
     "./public/*": "./public/*",
     "./template.html": "./test/src/test-widget/test-widget.template.html",
+    "./input/template.html": "./test/src/test-widget/input/test-input.template.html",
     "./styles.css": "./test/src/test-widget/test-widget.styles.css",
     "./server.mjs": "./server.mjs",
     "./start.mjs": "./start.mjs",
diff --git a/packages/fast-test-harness/src/build/generate-templates.test.ts b/packages/fast-test-harness/src/build/generate-templates.test.ts
index 095bc3d1150..58f28800156 100644
--- a/packages/fast-test-harness/src/build/generate-templates.test.ts
+++ b/packages/fast-test-harness/src/build/generate-templates.test.ts
@@ -184,6 +184,32 @@ test.describe("generateFTemplates", () => {
         assert.ok(html.includes('<f-template name="fast-card"'));
     });
 
+    test("should preserve subdirectory structure in outDir", async () => {
+        const distDir = join(tempDir, "dist", "button");
+        await mkdir(distDir, { recursive: true });
+
+        await writeFile(
+            join(distDir, "button.template.js"),
+            `export const template = {
+                html: "<template><button>click</button></template>",
+                factories: {}
+            };`,
+        );
+
+        await generateFTemplates({
+            cwd: tempDir,
+            outDir: "src",
+            tagPrefix: "fast",
+            resolveShadowOptions: null,
+        });
+
+        const html = await readFile(
+            join(tempDir, "src", "button", "button.template.html"),
+            "utf8",
+        );
+        assert.ok(html.includes('<f-template name="fast-button"'));
+    });
+
     test("should skip modules without a template export", async () => {
         const distDir = join(tempDir, "dist");
         await mkdir(distDir, { recursive: true });
@@ -224,6 +250,60 @@ test.describe("generateFTemplates", () => {
         const html = await readFile(join(distDir, "text.template.html"), "utf8");
         assert.ok(html.startsWith("<!-- formatted -->"));
     });
+
+    test("should add `shadowrootdelegatesfocus` by default when definition-async exists", async () => {
+        const distDir = join(tempDir, "dist");
+        await mkdir(distDir, { recursive: true });
+
+        await writeFile(
+            join(distDir, "input.template.js"),
+            `export const template = {
+                html: "<template><input /></template>",
+                factories: {}
+            };`,
+        );
+
+        await writeFile(
+            join(distDir, "input.definition-async.js"),
+            `export const definition = {
+                name: "fast-input",
+                shadowOptions: { delegatesFocus: true },
+            };`,
+        );
+
+        await generateFTemplates({
+            cwd: tempDir,
+            tagPrefix: "fast",
+        });
+
+        const html = await readFile(join(distDir, "input.template.html"), "utf8");
+        assert.ok(
+            html.includes("shadowrootdelegatesfocus"),
+            `should include delegatesFocus on f-template tag, got: ${html}`,
+        );
+        assert.ok(
+            html.includes("<f-template"),
+            `should still have f-template wrapper, got: ${html}`,
+        );
+    });
+
+    test("should not add `shadowrootdelegatesfocus` when no definition-async exists", async () => {
+        const distDir = join(tempDir, "dist");
+        await mkdir(distDir, { recursive: true });
+
+        await writeFile(
+            join(distDir, "div.template.js"),
+            `export const template = {
+                html: "<template><div>hello</div></template>",
+                factories: {}
+            };`,
+        );
+
+        await generateFTemplates({ cwd: tempDir, tagPrefix: "fast" });
+
+        const html = await readFile(join(distDir, "div.template.html"), "utf8");
+        assert.ok(!html.includes("shadowrootdelegatesfocus"));
+    });
 });
 
 test.describe("generateWebuiTemplates", () => {
@@ -283,7 +363,7 @@ test.describe("generateWebuiTemplates", () => {
         assert.ok(html.includes('<template shadowrootmode="open">'));
     });
 
-    test("should add shadowrootdelegatesfocus from definition-async", async () => {
+    test("should add shadowrootdelegatesfocus by default when definition-async exists", async () => {
         const distDir = join(tempDir, "dist");
         await mkdir(distDir, { recursive: true });
 
@@ -303,7 +383,10 @@ test.describe("generateWebuiTemplates", () => {
             };`,
         );
 
-        await generateWebuiTemplates({ cwd: tempDir, tagPrefix: "fast" });
+        await generateWebuiTemplates({
+            cwd: tempDir,
+            tagPrefix: "fast",
+        });
 
         const html = await readFile(join(distDir, "input.template-webui.html"), "utf8");
         assert.ok(
@@ -312,7 +395,7 @@ test.describe("generateWebuiTemplates", () => {
         );
     });
 
-    test("should not add shadowrootdelegatesfocus when absent", async () => {
+    test("should not add shadowrootdelegatesfocus when no definition-async exists", async () => {
         const distDir = join(tempDir, "dist");
         await mkdir(distDir, { recursive: true });
 
diff --git a/packages/fast-test-harness/src/build/generate-templates.ts b/packages/fast-test-harness/src/build/generate-templates.ts
index bc941c66c58..ac3fecd13dc 100644
--- a/packages/fast-test-harness/src/build/generate-templates.ts
+++ b/packages/fast-test-harness/src/build/generate-templates.ts
@@ -79,6 +79,55 @@ export interface GenerateFTemplatesOptions {
      * Optional formatter function applied to generated HTML before writing.
      */
     format?: (html: string, filePath: string) => string | Promise<string>;
+
+    /**
+     * Resolves shadow DOM options for a given template module path.
+     * Returns a `shadowOptions` object (e.g. `{ delegatesFocus: true }`) or
+     * `undefined` if the component has no special shadow options.
+     *
+     * Defaults to {@link definitionAsyncResolver}, which loads a companion
+     * `*.definition-async.js` module next to each template. Set to `null`
+     * to disable shadow options resolution.
+     *
+     * @default definitionAsyncResolver
+     */
+    resolveShadowOptions?: ShadowOptionsResolver | null;
+}
+
+/**
+ * A function that resolves shadow DOM options for a template module.
+ * Receives the absolute path to the compiled `*.template.js` file and
+ * returns shadow options or `undefined`.
+ */
+export type ShadowOptionsResolver = (
+    templateJsPath: string,
+) => Record<string, unknown> | undefined | Promise<Record<string, unknown> | undefined>;
+
+/**
+ * Convention-based resolver that loads a companion `*.definition-async.js`
+ * module next to the template module and returns its `shadowOptions`.
+ *
+ * For a template at `dist/textarea/textarea.template.js`, this looks for
+ * `dist/textarea/textarea.definition-async.js`.
+ *
+ * This is the default resolver used by {@link generateFTemplates} and
+ * {@link generateWebuiTemplates} when `resolveShadowOptions` is not
+ * specified.
+ */
+export async function definitionAsyncResolver(
+    templateJsPath: string,
+): Promise<Record<string, unknown> | undefined> {
+    const dir = path.dirname(templateJsPath);
+    const base = path.basename(templateJsPath, ".template.js");
+    const defAsyncPath = path.resolve(dir, `${base}.definition-async.js`);
+
+    try {
+        const mod = await import(pathToFileURL(defAsyncPath).href);
+        const definition = mod.definition ?? mod.default;
+        return definition?.shadowOptions;
+    } catch {
+        return undefined;
+    }
 }
 
 export interface ViewTemplate {
@@ -308,6 +357,33 @@ export function convertTemplate(
     return `<f-template name="${componentName}" shadowrootmode="open">\n${fInner}\n</f-template>\n`;
 }
 
+/**
+ * Convert a `shadowOptions` object (e.g. `{ delegatesFocus: true }`) into
+ * DSD template attribute entries (e.g. `{ shadowrootdelegatesfocus: "" }`).
+ */
+export function shadowOptionsToAttributes(
+    shadowOptions: Record<string, unknown> | undefined,
+): Record<string, string> {
+    const attrs: Record<string, string> = {};
+    if (!shadowOptions) {
+        return attrs;
+    }
+
+    for (const [key, value] of Object.entries(shadowOptions)) {
+        if (key === "mode") {
+            continue;
+        }
+        const attrName = `shadowroot${key.toLowerCase()}`;
+        if (value === true) {
+            attrs[attrName] = "";
+        } else if (typeof value === "string" && value !== "") {
+            attrs[attrName] = value;
+        }
+    }
+
+    return attrs;
+}
+
 export async function generateFTemplates(
     options: GenerateFTemplatesOptions = {},
 ): Promise<void> {
@@ -337,7 +413,20 @@ export async function generateFTemplates(
                 continue;
             }
 
+            // Resolve shadow options and inject them into the <f-template> tag.
+            const resolver =
+                options.resolveShadowOptions === null
+                    ? undefined
+                    : (options.resolveShadowOptions ?? definitionAsyncResolver);
+            const shadowOpts = resolver ? await resolver(jsFilePath) : undefined;
+            const shadowAttrs = shadowOptionsToAttributes(shadowOpts);
             let html = fTemplateHtml;
+            if (Object.keys(shadowAttrs).length > 0) {
+                const extraAttrs = Object.entries(shadowAttrs)
+                    .map(([k, v]) => (v ? ` ${k}="${v}"` : ` ${k}`))
+                    .join("");
+                html = html.replace(/(<f-template[^>]*)(>)/, `$1${extraAttrs}$2`);
+            }
 
             if (options.format) {
                 try {
@@ -351,8 +440,9 @@ export async function generateFTemplates(
                 }
             }
 
+            const relativeDir = path.relative(distDir, path.dirname(jsFilePath));
             const fTemplatePath = outDir
-                ? path.resolve(outDir, `${componentBaseName}.template.html`)
+                ? path.resolve(outDir, relativeDir, `${componentBaseName}.template.html`)
                 : path.resolve(
                       path.dirname(jsFilePath),
                       `${componentBaseName}.template.html`,
diff --git a/packages/fast-test-harness/src/build/generate-webui-templates.test.ts b/packages/fast-test-harness/src/build/generate-webui-templates.test.ts
index 6b662da7497..c36ef4595c3 100644
--- a/packages/fast-test-harness/src/build/generate-webui-templates.test.ts
+++ b/packages/fast-test-harness/src/build/generate-webui-templates.test.ts
@@ -103,7 +103,7 @@ test.describe("generateWebuiTemplates", () => {
         assert.ok(html.startsWith("<!-- webui-formatted -->"));
     });
 
-    test("should add shadowrootdelegatesfocus from definition-async", async () => {
+    test("should add shadowrootdelegatesfocus by default when definition-async exists", async () => {
         const distDir = join(tempDir, "dist");
         await mkdir(distDir, { recursive: true });
 
@@ -123,7 +123,10 @@ test.describe("generateWebuiTemplates", () => {
             };`,
         );
 
-        await generateWebuiTemplates({ cwd: tempDir, tagPrefix: "fast" });
+        await generateWebuiTemplates({
+            cwd: tempDir,
+            tagPrefix: "fast",
+        });
 
         const html = await readFile(join(distDir, "input.template-webui.html"), "utf8");
         assert.ok(
@@ -132,7 +135,7 @@ test.describe("generateWebuiTemplates", () => {
         );
     });
 
-    test("should not add shadowrootdelegatesfocus when absent", async () => {
+    test("should not add shadowrootdelegatesfocus when no definition-async exists", async () => {
         const distDir = join(tempDir, "dist");
         await mkdir(distDir, { recursive: true });
 
diff --git a/packages/fast-test-harness/src/build/generate-webui-templates.ts b/packages/fast-test-harness/src/build/generate-webui-templates.ts
index a7a14e3cca1..584d76f823a 100644
--- a/packages/fast-test-harness/src/build/generate-webui-templates.ts
+++ b/packages/fast-test-harness/src/build/generate-webui-templates.ts
@@ -27,7 +27,13 @@ import {
     openExpression,
 } from "@microsoft/fast-element/declarative-syntax.js";
 import { installDomShim } from "./dom-shim.js";
-import { convertTemplate, type ViewTemplate } from "./generate-templates.js";
+import {
+    convertTemplate,
+    definitionAsyncResolver,
+    type ShadowOptionsResolver,
+    shadowOptionsToAttributes,
+    type ViewTemplate,
+} from "./generate-templates.js";
 
 const stylesMarker = `${openExpression}styles${closeExpression}`;
 const escapedStylesMarker = new RegExp(
@@ -72,33 +78,19 @@ export interface GenerateWebuiTemplatesOptions {
      * Optional formatter function applied to generated HTML before writing.
      */
     format?: (html: string, filePath: string) => string | Promise<string>;
-}
-
-/**
- * Try to load shadow options from a companion `*.definition-async.js`
- * module next to the template module. Returns an object with template
- * attribute strings to add (e.g. `shadowrootdelegatesfocus`).
- */
-async function loadShadowAttributes(
-    templateJsPath: string,
-): Promise<Record<string, string>> {
-    const dir = path.dirname(templateJsPath);
-    const base = path.basename(templateJsPath, ".template.js");
-    const defAsyncPath = path.resolve(dir, `${base}.definition-async.js`);
-
-    const attrs: Record<string, string> = {};
-
-    try {
-        const mod = await import(pathToFileURL(defAsyncPath).href);
-        const definition = mod.definition ?? mod.default;
-        if (definition?.shadowOptions?.delegatesFocus) {
-            attrs.shadowrootdelegatesfocus = "";
-        }
-    } catch {
-        // No definition-async module or it failed to load — skip.
-    }
 
-    return attrs;
+    /**
+     * Resolves shadow DOM options for a given template module path.
+     * Returns a `shadowOptions` object (e.g. `{ delegatesFocus: true }`) or
+     * `undefined` if the component has no special shadow options.
+     *
+     * Defaults to {@link definitionAsyncResolver}, which loads a companion
+     * `*.definition-async.js` module next to each template. Set to `null`
+     * to disable shadow options resolution.
+     *
+     * @default definitionAsyncResolver
+     */
+    resolveShadowOptions?: ShadowOptionsResolver | null;
 }
 
 /**
@@ -172,7 +164,12 @@ export async function generateWebuiTemplates(
                 continue;
             }
 
-            const shadowAttrs = await loadShadowAttributes(jsFilePath);
+            const resolver =
+                options.resolveShadowOptions === null
+                    ? undefined
+                    : (options.resolveShadowOptions ?? definitionAsyncResolver);
+            const shadowOpts = resolver ? await resolver(jsFilePath) : undefined;
+            const shadowAttrs = shadowOptionsToAttributes(shadowOpts);
             let html = fTemplateToWebui(fTemplateHtml, shadowAttrs);
 
             if (options.format) {
@@ -187,8 +184,13 @@ export async function generateWebuiTemplates(
                 }
             }
 
+            const relativeDir = path.relative(distDir, path.dirname(jsFilePath));
             const webuiPath = outDir
-                ? path.resolve(outDir, `${componentBaseName}.template-webui.html`)
+                ? path.resolve(
+                      outDir,
+                      relativeDir,
+                      `${componentBaseName}.template-webui.html`,
+                  )
                 : path.resolve(
                       path.dirname(jsFilePath),
                       `${componentBaseName}.template-webui.html`,
diff --git a/packages/fast-test-harness/src/fixtures/ssr-fixture.pw.spec.ts b/packages/fast-test-harness/src/fixtures/ssr-fixture.pw.spec.ts
index aa9e2b8edf7..f9f3e90d8d0 100644
--- a/packages/fast-test-harness/src/fixtures/ssr-fixture.pw.spec.ts
+++ b/packages/fast-test-harness/src/fixtures/ssr-fixture.pw.spec.ts
@@ -271,6 +271,28 @@ test.describe("SSR: addStyleTag buffering", () => {
     });
 });
 
+test.describe("SSR: url property", () => {
+    test.use({ tagName: "test-widget", ssr: true });
+
+    test("should be undefined before `setTemplate()` is called", async ({ fastPage }) => {
+        expect((fastPage as any).url).toBeUndefined();
+    });
+
+    test("should be set after `setTemplate()` is called", async ({ fastPage }) => {
+        await fastPage.setTemplate();
+
+        expect((fastPage as any).url).toBeDefined();
+        expect((fastPage as any).url).toMatch(/^\/ssr-.*\.html$/);
+    });
+
+    test("should match the page URL pathname", async ({ fastPage, page }) => {
+        await fastPage.setTemplate();
+
+        const pageUrl = new URL(page.url());
+        expect((fastPage as any).url).toBe(pageUrl.pathname);
+    });
+});
+
 test.describe("SSR: multiple elements", () => {
     test.use({ tagName: "test-widget", ssr: true });
 
diff --git a/packages/fast-test-harness/src/fixtures/ssr-fixture.ts b/packages/fast-test-harness/src/fixtures/ssr-fixture.ts
index 5f3bf550b90..3dea71f3f6a 100644
--- a/packages/fast-test-harness/src/fixtures/ssr-fixture.ts
+++ b/packages/fast-test-harness/src/fixtures/ssr-fixture.ts
@@ -12,6 +12,19 @@ export class SSRFixture extends CSRFixture {
      */
     private templateRendered = false;
 
+    /**
+     * The internal reference to the generated fixture URL.
+     */
+    private _url?: string;
+
+    /**
+     * The URL of the generated SSR fixture page. This is set after {@link setTemplate}
+     * is called and the page navigates to the generated fixture.
+     */
+    public get url(): string | undefined {
+        return this._url;
+    }
+
     /**
      * Creates an instance of the SSRFixture.
      *
@@ -125,7 +138,8 @@ export class SSRFixture extends CSRFixture {
             throw new Error(`Invalid response from server: ${JSON.stringify(result)}`);
         }
 
-        await this.page.goto(result.url);
+        this._url = result.url;
+        await this.page.goto(this._url!);
 
         await this.waitForStability();
 
diff --git a/packages/fast-test-harness/src/ssr/render.test.ts b/packages/fast-test-harness/src/ssr/render.test.ts
index 4a42b1e68ff..5b5ff245015 100644
--- a/packages/fast-test-harness/src/ssr/render.test.ts
+++ b/packages/fast-test-harness/src/ssr/render.test.ts
@@ -333,4 +333,33 @@ test.describe("createSSRRenderer", () => {
         // Without matching templates the WASM renderer should still produce output.
         assert.ok("fixture" in result);
     });
+
+    test("should propagate shadowrootdelegatesfocus to DSD output", () => {
+        const { render } = createSSRRenderer({
+            tagPrefix: "test",
+            packageName: "@microsoft/fast-test-harness",
+            distDir: "test/src/test-widget",
+        });
+
+        const result = render({ tagName: "test-input", innerHTML: "" });
+
+        assert.ok(
+            result.fixture.includes("shadowrootdelegatesfocus"),
+            `DSD output should include shadowrootdelegatesfocus, got: ${result.fixture}`,
+        );
+    });
+
+    test("should not include shadowrootdelegatesfocus for components without it", () => {
+        const { render } = createSSRRenderer({
+            tagPrefix: "test",
+            components: [{ name: "widget", packageName: "@microsoft/fast-test-harness" }],
+        });
+
+        const result = render({ tagName: "test-widget", innerHTML: "hello" });
+
+        assert.ok(
+            !result.fixture.includes("shadowrootdelegatesfocus"),
+            `DSD output should not include shadowrootdelegatesfocus, got: ${result.fixture}`,
+        );
+    });
 });
diff --git a/packages/fast-test-harness/src/ssr/render.ts b/packages/fast-test-harness/src/ssr/render.ts
index 9939f994e1b..1813063c65c 100644
--- a/packages/fast-test-harness/src/ssr/render.ts
+++ b/packages/fast-test-harness/src/ssr/render.ts
@@ -432,7 +432,6 @@ export function createSSRRenderer(options: SSRRendererOptions): {
     // Populate maps and collect default state from CEM.
     const defaultStateByTag = new Map<string, Record<string, unknown>>();
     for (const art of artifacts) {
-        const tagName = `${tagPrefix}-${art.componentName}`;
         if (art.fTemplate) {
             fTemplatesByName.set(art.componentName, art.fTemplate);
         }
@@ -456,17 +455,37 @@ export function createSSRRenderer(options: SSRRendererOptions): {
 
     // Inject styles into f-templates, then parse into the WASM
     // templates map (tag-name → inner template content).
-    const templatesMap: Record<string, string> = {};
+    const templatesMap: Record<
+        string,
+        | string
+        | {
+              content: string;
+              shadowrootAttributes: Array<{ name: string; value: string | null }>;
+          }
+    > = {};
     for (const [name, fTemplate] of fTemplatesByName) {
         const styled = renderTemplate(fTemplate, styleUrlsByName.get(name) ?? "");
         fTemplatesByName.set(name, styled);
 
-        const parsed: Array<{ name: string | null; content: string }> = JSON.parse(
-            wasm.parse_f_templates(styled),
-        );
+        const parsed: Array<{
+            name: string | null;
+            content: string;
+            shadowrootAttributes?: Array<{ name: string; value: string | null }>;
+        }> = JSON.parse(wasm.parse_f_templates(styled));
         const entry = parsed.find((t: any) => t.name !== null);
         if (entry) {
-            templatesMap[`${tagPrefix}-${name}`] = entry.content;
+            const tagName = `${tagPrefix}-${name}`;
+            const attrs = entry.shadowrootAttributes ?? [];
+            // Use the object format when there are extra shadowroot attributes
+            // beyond the default shadowrootmode, so the WASM renderer can
+            // propagate them (e.g. shadowrootdelegatesfocus) onto the DSD
+            // <template> element.
+            const hasExtraAttrs = attrs.some(
+                a => a.name !== "shadowrootmode" && a.name !== "shadowroot",
+            );
+            templatesMap[tagName] = hasExtraAttrs
+                ? { content: entry.content, shadowrootAttributes: attrs }
+                : entry.content;
         } else {
             console.warn(`No named template found for ${tagPrefix}-${name}`);
         }
diff --git a/packages/fast-test-harness/test/src/test-widget/input/test-input.template.html b/packages/fast-test-harness/test/src/test-widget/input/test-input.template.html
new file mode 100644
index 00000000000..3cfc2b8e7c1
--- /dev/null
+++ b/packages/fast-test-harness/test/src/test-widget/input/test-input.template.html
@@ -0,0 +1,5 @@
+<f-template name="test-input" shadowrootmode="open" shadowrootdelegatesfocus>
+    <template>
+        <input />
+    </template>
+</f-template>

From 1093a70f77d881355f42ced3b935e7bdab2e2114 Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Thu, 21 May 2026 09:30:23 -0700
Subject: [PATCH 05/17] feat(examples): add CSS-only design system package
 (#7524)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Introduces `@microsoft/fast-examples-design-system`, a private, CSS-only design system shared across `examples/*`. The package ships a single stylesheet (`tokens.css`) with semantic, use-site-oriented design tokens — colors, typography, spacing, shape, elevation, and motion — under the `--fast-` prefix.

Color and elevation tokens use the CSS `light-dark()` function, so each declaration carries both its light and dark resolution side by side. Theme is driven by `prefers-color-scheme` by default and can be forced via `<html data-theme="light"|"dark">`. The package contains no JavaScript or TypeScript — consumer apps wire any theme switching themselves with two lines of DOM code.

The todo-app example is updated to consume the package: it pulls in `tokens.css`, replaces hard-coded design values with `var(--fast-*)` references, and statically sets `<html data-theme="light">`. Workspace and package documentation (`examples/DESIGN.md`, `examples/README.md`, `examples/design-system/DESIGN.md`, `examples/design-system/README.md`, `examples/todo-app/README.md`) covers the naming grammar, theme model, authoring guidance for humans and coding agents, and anti-patterns. The repo `copilot-instructions.md` is updated to mention the new package.

Both packages stay `"private": true`; no Beachball change file is required.

- `light-dark()` requires Chrome / Edge 123+, Firefox 120+, or Safari 17.5+ (all shipped 2023–2024). No fallback is shipped — these examples target evergreen browsers.
- Design-system is intentionally CSS-only: no JS / TS exports, no theme runtime, no component layer. Theme switching is delegated to consumer apps.
- The todo-app deliberately does not implement a runtime theme toggle. It hard-codes `<html data-theme="light">` and demonstrates only token consumption. Apps that need a toggle can add one with DOM APIs (`document.documentElement.setAttribute("data-theme", ...)`).

From the repo root:

```bash
npm run build              # ✅ all packages build
npx biome check examples/  # ✅ clean
npm run checkchange        # ✅ "No change files are needed" (both example packages are private)
```

Manual smoke: `npm start -w examples/todo-app`. The app should render in light theme; the primary action button should style correctly across rest/hover/pressed; the per-row delete button should use the `status-danger-tint-*` variants; focus rings should resolve via the dedicated `ctrl-focus-outer-*` tokens.

- [ ] I have included a change request file using `$ npm run change`
- [ ] I have added tests for my changes.
- [x] I have tested my changes.
- [x] I have updated the project documentation to reflect my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.

(cherry picked from commit 9a37161d48d6fa059b298b7d9589b813080debb9)
---
 .github/copilot-instructions.md           |   3 +-
 examples/DESIGN.md                        | 246 ++++++++++++++
 examples/README.md                        |  89 ++++++
 examples/design-system/DESIGN.md          | 370 ++++++++++++++++++++++
 examples/design-system/README.md          | 169 ++++++++++
 examples/design-system/package.json       |  26 ++
 examples/design-system/tokens.css         | 214 +++++++++++++
 examples/todo-app/README.md               |  60 +++-
 examples/todo-app/index.html              |  18 +-
 examples/todo-app/package.json            |   1 +
 examples/todo-app/src/design-system.d.ts  |   1 +
 examples/todo-app/src/main.ts             |   1 +
 examples/todo-app/src/todo-app.styles.ts  |  94 +++++-
 examples/todo-app/src/todo-form.styles.ts |  61 +++-
 package-lock.json                         | 273 ++++++++--------
 15 files changed, 1485 insertions(+), 141 deletions(-)
 create mode 100644 examples/DESIGN.md
 create mode 100644 examples/README.md
 create mode 100644 examples/design-system/DESIGN.md
 create mode 100644 examples/design-system/README.md
 create mode 100644 examples/design-system/package.json
 create mode 100644 examples/design-system/tokens.css
 create mode 100644 examples/todo-app/src/design-system.d.ts

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index 7529d8eb3b1..738650b7fbc 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -34,7 +34,8 @@ Each package includes a DESIGN.md file, read that to gain a general understandin
 
 ### Example projects
 
-- `examples/todo-app/` — A simple To-Do app demonstrating FAST usage patterns.
+- `examples/design-system/` — Shared semantic design tokens (`@microsoft/fast-examples-design-system`) consumed by all example apps.
+- `examples/todo-app/` — A simple To-Do app demonstrating FAST usage patterns and using the shared `@microsoft/fast-examples-design-system` tokens.
 
 ## Skills
 
diff --git a/examples/DESIGN.md b/examples/DESIGN.md
new file mode 100644
index 00000000000..5308d7d302b
--- /dev/null
+++ b/examples/DESIGN.md
@@ -0,0 +1,246 @@
+# FAST example apps — design guidance
+
+This document is the workspace-level guide for building UI in `examples/*`. It
+explains how the apps share a visual language, the constraints every example
+must follow, and the rules that humans and coding agents should apply when
+making changes. The token vocabulary itself lives in
+[`design-system/DESIGN.md`](./design-system/DESIGN.md); read that file
+alongside this one.
+
+---
+
+## Table of contents
+
+1. [Goals](#goals)
+2. [Non-goals](#non-goals)
+3. [Architecture](#architecture)
+4. [Token model](#token-model)
+5. [Theme model](#theme-model)
+6. [Authoring rules](#authoring-rules)
+7. [Guidance for coding agents](#guidance-for-coding-agents)
+8. [Anti-patterns](#anti-patterns)
+9. [Reference](#reference)
+
+---
+
+## Goals
+
+- Give every app in `examples/*` a shared, consistent visual language.
+- Provide a single source of truth for shared visual tokens.
+- Stay framework-free and dependency-free by exposing CSS custom properties
+  only. No theme runtime, no helper API, no component layer.
+- Let example apps own their own behavior — including theme toggles — using
+  ordinary DOM APIs.
+
+## Non-goals
+
+- It is not a theme-authoring or palette-generation tool.
+- It is not a component library.
+- It is not published outside this monorepo.
+- It does **not** ship a JavaScript or TypeScript theme API.
+
+## Architecture
+
+```text
+@microsoft/fast-examples-design-system
+        │  (tokens.css)
+        ▼
+  :root CSS custom properties (color/elevation via light-dark())
+        │
+        ▼
+  var(--fast-*) inside component css`...` blocks
+        │
+        ▼
+  rendered UI
+        ▲
+        │  (app code sets or removes the attribute)
+<html data-theme="light" | "dark" | absent>
+```
+
+- The design-system package is private and CSS-only.
+- Apps import `tokens.css` at startup.
+- Components style themselves through `var(--fast-...)` references.
+- Theme switching is owned by the consuming app, which writes the
+  `data-theme` attribute directly on `<html>`. Removing the attribute returns
+  the app to `prefers-color-scheme` behavior.
+
+## Token model
+
+The shared token vocabulary uses a **semantic, use-site-oriented**
+naming model with a `--fast-` prefix. Tokens are organized by
+use-site (`background-web-page-*`, `background-ctrl-brand-*`,
+`foreground-ctrl-neutral-primary-*`, `stroke-divider-*`,
+`status-danger-tint-*`) rather than by abstract color role. The grammar:
+
+```text
+--fast-<category>[-<subcategory>][-<slot>][-<variant>][-<state>]
+```
+
+| Category | Subcategory / slot examples | Variant / state examples |
+| --- | --- | --- |
+| `text` | `style-default-regular-font-family`, `style-default-header-weight`, `global-body3-font-size`, `global-display2-line-height` | — |
+| `padding` | `content-{none, xx-small, x-small, small, medium, large, x-large, xx-large, xxx-large}` | — |
+| `gap` | `between-content-{none, xx-small, x-small, small, medium, large, x-large, xx-large}` | — |
+| `corner` | `{none, small, medium, large, circular}` | — |
+| `stroke` | `width-default`, `width-divider-strong`, `divider-{default, subtle, strong, brand}`, `ctrl-on-outline-{rest, disabled}` | — |
+| `ctrl` | `focus-outer-stroke`, `focus-outer-stroke-width` | — |
+| `background` | `web-page-primary`, `layer-{primary-solid, secondary}`, `ctrl-{subtle, brand}` | `rest`, `hover`, `pressed`, `disabled` |
+| `foreground` | `ctrl-{neutral-primary, neutral-secondary, hint, on-brand, brand}` | `rest`, `hover`, `pressed`, `disabled`, `default` |
+| `status` | `{danger, success, warning}-{background, foreground}` and `-tint-{background, foreground, stroke}` | — |
+| `shadow` | `card-rest-{key, ambient}`, `card-rest`, `flyout-{key, ambient}`, `flyout` | — |
+| `duration` | `{ultra-fast, faster, fast, normal, gentle, slow, slower, ultra-slow}` | — |
+| `curve` | `{accelerate, decelerate}-{max, mid, min}`, `easy-ease-max`, `easy-ease`, `linear` | — |
+
+Interaction state (`rest`, `hover`, `pressed`, `disabled`, optionally
+prefixed with `selected-`) is always the final segment when present:
+`--fast-background-ctrl-brand-hover`, `--fast-background-ctrl-subtle-pressed`,
+`--fast-foreground-ctrl-neutral-primary-disabled`.
+
+A few representative tokens:
+
+- Background / foreground: `--fast-background-layer-primary-solid`,
+  `--fast-foreground-ctrl-neutral-primary-rest`,
+  `--fast-background-ctrl-brand-rest`, `--fast-foreground-ctrl-on-brand-rest`,
+  `--fast-status-danger-tint-foreground`.
+- Type: `--fast-text-global-body3-font-size` paired with
+  `--fast-text-global-body3-line-height`,
+  `--fast-text-global-display2-font-size` paired with
+  `--fast-text-global-display2-line-height`.
+- Layout: `--fast-padding-content-medium`,
+  `--fast-gap-between-content-x-small`, `--fast-corner-large`,
+  `--fast-stroke-width-default`.
+- Elevation and motion: `--fast-shadow-card-rest`, `--fast-duration-fast`,
+  `--fast-curve-easy-ease`.
+
+For the full taxonomy and the rules for adding tokens, see
+[`design-system/DESIGN.md`](./design-system/DESIGN.md).
+
+## Theme model
+
+Three theme states are supported:
+
+| `<html data-theme="...">` | Active theme |
+| --- | --- |
+| `"light"` | Light, regardless of system preference. |
+| `"dark"` | Dark, regardless of system preference. |
+| _absent_ | Follows `prefers-color-scheme`. |
+
+The package implements this in a single stylesheet using `color-scheme`
+and the CSS `light-dark()` function:
+
+```css
+:root {
+    color-scheme: light dark;
+    /* typography, spacing, radius, motion, etc. */
+    --fast-background-web-page-primary: light-dark(#fafafa, #1f1f1f);
+    --fast-foreground-ctrl-neutral-primary-rest: light-dark(#242424, #ffffff);
+    /* ... */
+}
+
+:root[data-theme="light"] { color-scheme: light; }
+:root[data-theme="dark"] { color-scheme: dark; }
+```
+
+`light-dark()` requires Chrome / Edge 123+, Firefox 120+, or Safari 17.5+
+(all shipped 2023–2024). The example apps target evergreen browsers and
+ship no fallback.
+
+To switch themes from app code, write the attribute directly on the document
+root. There is no shared API for this; the design-system package is CSS-only.
+
+```ts
+document.documentElement.setAttribute("data-theme", "dark");
+document.documentElement.setAttribute("data-theme", "light");
+document.documentElement.removeAttribute("data-theme"); // restore system
+```
+
+For an intentionally single-theme app — like
+[`todo-app`](./todo-app/) — hard-code the attribute in markup
+(`<html data-theme="light">`) and never touch it from JavaScript.
+
+## Authoring rules
+
+### Choose tokens by intent
+
+- Pick the token whose **use-site** matches the styled element, not the
+  token whose current value matches a desired hex code. The value will
+  change between themes; the name will not.
+- Pair `--fast-text-global-<tier>-font-size` and
+  `--fast-text-global-<tier>-line-height` tokens by the same ramp tier so
+  vertical rhythm stays consistent.
+
+### Style components with tokens only
+
+- Use `var(--fast-...)` for every color, font size, line height, padding,
+  gap, corner, stroke width, shadow, duration, and curve.
+- Layout primitives (`display`, `flex`, `grid`, `gap`, `align-items`, etc.)
+  do not need tokens. Numeric scale values (font sizes, padding, gap, etc.)
+  do.
+
+### Scope app-local design decisions to the app
+
+- If a value is meaningful inside only one component, define a local custom
+  property inside that component's `css` block, ideally backed by a `--fast-*`
+  token: `--my-card-elevation: var(--fast-shadow-card-rest);`.
+- Do **not** add app-specific tokens at `:root` from inside an example app.
+- Do **not** add a new shared token unless multiple apps or patterns will
+  reuse it (see the decision tree in
+  [`design-system/DESIGN.md`](./design-system/DESIGN.md)).
+
+### Theme switching is part of the app, not the package
+
+- Theme toggles, persistence, and event listeners belong in the consuming
+  app, not in the shared package. Implement them inline using DOM APIs.
+- Use the `data-theme` attribute on `<html>` — not a class, not a JS theme
+  object, and not localStorage-driven CSS injection.
+
+## Guidance for coding agents
+
+These constraints exist so automated edits keep the visual language coherent
+across `examples/*`. When editing files in this workspace:
+
+- **Never import JavaScript or TypeScript from
+  `@microsoft/fast-examples-design-system`.** The package intentionally
+  exports CSS only.
+- **Never hard-code design values** (colors, font sizes, line heights,
+  padding, gaps, corners, stroke widths, shadows, durations, curves) in
+  component styles. Use a `var(--fast-...)` token.
+- **Never invent shared tokens at `:root`** from inside an example app. Add
+  them to `@microsoft/fast-examples-design-system` instead.
+- **Map intent, not value, when refactoring.** An existing `#666666`
+  foreground used as helper text should become
+  `--fast-foreground-ctrl-neutral-secondary-rest`, not whichever foreground
+  token happens to match `#666666` literally in the current theme. Reserve
+  `--fast-foreground-ctrl-hint-default` for placeholder and helper text
+  specifically.
+- **Pair font-size and line-height** tokens by the same ramp tier
+  (`body3` ↔ `body3`, `display2` ↔ `display2`).
+- **Theme toggling is two lines of DOM code.** Reach for
+  `document.documentElement.setAttribute("data-theme", value)` or
+  `removeAttribute("data-theme")` rather than introducing any shared helper.
+- **Do not add a new theme name** (for example, a high-contrast theme)
+  without first adding the matching `[data-theme="..."]` block to
+  `tokens.css` and updating
+  [`design-system/DESIGN.md`](./design-system/DESIGN.md).
+
+## Anti-patterns
+
+- Hard-coding colors, font sizes, line heights, padding, gaps, corners,
+  stroke widths, shadows, durations, or curves in component CSS.
+- Importing JavaScript from `@microsoft/fast-examples-design-system`. No such
+  exports exist.
+- Bypassing `var(--fast-...)` when styling shared UI patterns.
+- Adding example-app-specific tokens to `:root`.
+- Creating one-off aliases when an existing semantic token already
+  communicates the right intent.
+- Using class names instead of the `data-theme` attribute to switch themes.
+- Naming tokens or local custom properties after products, components, or
+  hex values.
+- Using the historical state vocabulary (`default`, `active`,
+  `default-hover`) — the current package uses `rest`, `hover`, `pressed`,
+  `disabled`.
+
+## Reference
+
+- [Examples design-system package README](./design-system/README.md)
+- [Examples design-system authoring guide](./design-system/DESIGN.md)
diff --git a/examples/README.md b/examples/README.md
new file mode 100644
index 00000000000..8850ce4311d
--- /dev/null
+++ b/examples/README.md
@@ -0,0 +1,89 @@
+# FAST example apps
+
+The `examples/` workspace hosts small, focused applications that show how to
+build real UI with FAST using production-shaped tooling, app structure, and
+styling. It is aimed at contributors, library consumers, and anyone evaluating
+FAST patterns in a complete app context.
+
+## Apps
+
+| Folder | Package | Purpose |
+| --- | --- | --- |
+| `design-system` | `@microsoft/fast-examples-design-system` | Shared CSS design tokens (no JS) consumed by every example app. |
+| `todo-app` | `@microsoft/fast-todo-app-example` | A To-Do app demonstrating `@microsoft/fast-element` patterns end to end, styled with the shared design-system tokens (light theme, no runtime toggle). |
+
+## Shared design system
+
+Every example app must consume `@microsoft/fast-examples-design-system`. The
+package is **CSS-only** — it ships a single stylesheet (`tokens.css`) and no
+JavaScript or TypeScript. Apps wire theme switching themselves using the
+`data-theme` attribute on `<html>`.
+
+The package exposes a single import:
+
+| Import | What it does |
+| --- | --- |
+| `@microsoft/fast-examples-design-system/tokens.css` | Declares every token on `:root`. Color and elevation values use `light-dark()`; theme is controlled by `prefers-color-scheme` (default) or `<html data-theme="light"\|"dark">` (forced). |
+
+Style components with semantic tokens such as
+`--fast-background-layer-primary-solid`,
+`--fast-foreground-ctrl-neutral-primary-rest`,
+`--fast-background-ctrl-brand-rest`, `--fast-text-global-body3-font-size`,
+`--fast-padding-content-medium`, and `--fast-corner-large`. Never hard-code
+colors, font sizes, padding, gaps, corners, stroke widths, shadows,
+durations, or curves.
+
+See:
+
+- [`examples/design-system/README.md`](./design-system/README.md) — quickstart,
+  available imports, token catalog.
+- [`examples/design-system/DESIGN.md`](./design-system/DESIGN.md) — naming
+  grammar, role catalog, theme model, and rules for adding tokens (the
+  canonical authoring guide for both humans and coding agents).
+- [`examples/DESIGN.md`](./DESIGN.md) — workspace-level guidance for building
+  new example apps on top of the design system.
+
+## Creating a new example app
+
+1. Scaffold a new folder under `examples/<your-app>/`.
+2. Use [`examples/todo-app/`](./todo-app/) as a reference for `package.json`,
+   `tsconfig.json`, `vite.config.ts`, and `index.html`.
+3. Add `"@microsoft/fast-examples-design-system": "workspace:*"` to the new
+   app's `dependencies` and run `npm install` from the repo root.
+4. Import `@microsoft/fast-examples-design-system/tokens.css` exactly once at
+   the app entry point (typically `src/main.ts`). For an intentionally
+   single-theme app, hard-code `<html data-theme="light">` (or `"dark"`)
+   in `index.html` and never touch it from JavaScript.
+5. Reference tokens via `var(--fast-...)` in component `css` template
+   literals — do not hard-code design values.
+6. If the app needs a theme toggle, set or remove the `data-theme` attribute
+   on `<html>` from your app code:
+   ```ts
+   document.documentElement.setAttribute("data-theme", "dark");
+   document.documentElement.removeAttribute("data-theme"); // restore system
+   ```
+   Do **not** import any JavaScript from the design-system package — it
+   intentionally exposes none.
+7. Add the new app to the table at the top of this file.
+
+## Running an example
+
+From the repository root:
+
+```shell
+npm install
+npm start -w @microsoft/fast-<your-app>-example
+```
+
+For the existing example app:
+
+```shell
+npm start -w @microsoft/fast-todo-app-example
+```
+
+## Useful links
+
+- [Examples design guide](./DESIGN.md)
+- [Examples design-system package](./design-system/README.md)
+- [FAST repository README](../README.md)
+- [FAST documentation](https://fast.design/docs/2.x/introduction/)
diff --git a/examples/design-system/DESIGN.md b/examples/design-system/DESIGN.md
new file mode 100644
index 00000000000..820737b3a83
--- /dev/null
+++ b/examples/design-system/DESIGN.md
@@ -0,0 +1,370 @@
+# Design system — architecture and authoring guide
+
+This document is the canonical reference for both humans and coding agents
+working on the shared design system for FAST example apps. It defines the
+semantic, role-based naming model, the theme contract, and the rules for
+adding or modifying tokens.
+
+If you only need a quickstart, see [`README.md`](./README.md).
+
+## Goals
+
+- Provide a single shared token vocabulary for every app in `examples/*`.
+- Stay framework- and runtime-neutral: tokens are plain CSS custom properties
+  that work in any stylesheet, template, or shadow root.
+- Use **semantic, role-based names** so styles describe intent (`background`,
+  `foreground`, `stroke`, `status-danger`, `text-global-body3`) instead of
+  color values or component identities.
+- Support light, dark, and system-driven themes through a single attribute on
+  `<html>`, with no JavaScript runtime owned by this package.
+
+## Non-goals
+
+- This package does not ship a component library.
+- This package does not ship a JavaScript or TypeScript theme API. There are
+  no helpers to import, no theme objects, and no observable change events.
+  Apps that need a runtime toggle implement it themselves with two lines of
+  DOM code (see [`README.md`](./README.md)).
+- This package is not a Theme Builder, token-authoring tool, or palette
+  generator.
+- This package is not published to npm outside this monorepo.
+- This package is not formally aligned with any external design language.
+  Token names are semantic and use-site-oriented; values, scale, and
+  coverage are tuned for FAST example apps.
+
+## Architecture
+
+```text
+tokens.css ─▶ :root CSS custom properties ─▶ var(--fast-*) ─▶ rendered UI
+                          ▲
+                          │
+              <html data-theme="..."> attribute (set by the app)
+```
+
+The flow is intentionally short:
+
+1. The app imports `tokens.css` at startup.
+2. The stylesheet registers every shared token on `:root`. Color and
+   elevation values resolve through the CSS `light-dark()` function,
+   driven by the inherited `color-scheme`.
+3. Components reference tokens through `var(--fast-...)`.
+
+## Naming grammar
+
+Every token follows the same kebab-case shape:
+
+```text
+token       = "--fast-" category [ "-" subcategory ] [ "-" slot ] [ "-" variant ] [ "-" state ] ;
+category    = "text" | "padding" | "gap" | "corner" | "stroke" | "ctrl" |
+              "background" | "foreground" | "status" | "shadow" |
+              "duration" | "curve" ;
+subcategory = "global" | "style" | "content" | "between-content" |
+              "width" | "divider" | "ctrl" | "layer" | "web-page" |
+              "focus" | "card" | "flyout" | "danger" | "success" | "warning" ;
+slot        = lowercase kebab-case named slot (e.g. "primary", "secondary",
+              "subtle", "brand", "neutral-primary", "neutral-secondary",
+              "hint", "on-brand", "on-outline", "outer", "key", "ambient") ;
+variant     = lowercase kebab-case modifier (e.g. "solid", "tint") ;
+state       = "rest" | "hover" | "pressed" | "disabled" |
+              "selected-rest" | "selected-hover" | "selected-pressed" |
+              "selected-disabled" ;
+```
+
+Ordering rules:
+
+1. Always start with `--fast-`.
+2. Keep segments in `category → subcategory → slot → variant → state` order.
+3. Omit any segment that does not apply rather than inserting a placeholder.
+4. Use lowercase kebab-case for every segment.
+5. State (`rest`, `hover`, `pressed`, `disabled`, optionally prefixed with
+   `selected-`) is always the trailing segment when it applies.
+
+Tokens are scoped by use-site (e.g. `ctrl-brand`, `ctrl-on-outline`,
+`web-page`, `layer`, `card`, `flyout`) rather than by abstract color role.
+
+## Category catalog
+
+| Category | Purpose |
+| --- | --- |
+| `text` | Typography ramp (`text-global-*`), font styles (`text-style-*`). |
+| `padding` | Inset spacing for content within a container (`padding-content-*`). |
+| `gap` | Spacing between sibling elements (`gap-between-content-*`). |
+| `corner` | Border radius scale (`corner-{none, small, medium, large, circular}`). |
+| `stroke` | Border colors (`stroke-divider-*`, `stroke-ctrl-on-outline-*`) and widths (`stroke-width-*`). |
+| `ctrl` | Control-level tokens that don't fit `stroke`/`background`/`foreground`, such as focus rings (`ctrl-focus-outer-*`). |
+| `background` | Surface fills: pages (`background-web-page-*`), layers (`background-layer-*`), control fills (`background-ctrl-brand-*`, `background-ctrl-subtle-*`). |
+| `foreground` | Text and icon colors, scoped by where they appear (`foreground-ctrl-neutral-*`, `foreground-ctrl-brand-*`, `foreground-ctrl-on-brand-*`, `foreground-ctrl-hint-*`). |
+| `status` | Semantic status colors with solid and tinted variants (`status-{danger, success, warning}-{background, foreground}` and the `-tint-{background, foreground, stroke}` siblings). |
+| `shadow` | Elevation. Atomic pairs (`shadow-card-rest-key`, `shadow-card-rest-ambient`) plus a composed alias (`shadow-card-rest`). |
+| `duration` | Motion durations (`duration-{ultra-fast, faster, fast, normal, gentle, slow, slower, ultra-slow}`). |
+| `curve` | Motion curves (`curve-{accelerate, decelerate, easy-ease}-{max, mid, min}`, `curve-easy-ease`, `curve-linear`). |
+
+### Type ramp (text-global-*)
+
+The ramp uses semantic role names. **Lower number = larger.**
+
+| Tier | Font size | Line height | Intended use |
+| --- | --- | --- | --- |
+| `caption2` | 10 | 14 | Smallest helper text, badges. |
+| `caption1` | 12 | 16 | Captions, helper text, dense table data. |
+| `body3` | 14 | 20 | Standard UI text, form controls. |
+| `body2` | 16 | 22 | Comfortable reading body. |
+| `body1` | 18 | 26 | Large body / lead paragraph. |
+| `subtitle2` | 18 | 26 | Subsection heading. |
+| `subtitle1` | 20 | 26 | Section heading. |
+| `title2` | 20 | 26 | Smaller card or panel title. |
+| `title1` | 24 | 32 | Page or large card title. |
+| `display2` | 28 | 32 | Smaller display heading. |
+| `display1` | 38 | 40 | Largest display heading (marketing surfaces). |
+
+Every `--fast-text-global-<tier>-font-size` has a same-tier
+`--fast-text-global-<tier>-line-height` partner. Pair them.
+
+### Sizing scale (padding-content-*, gap-between-content-*)
+
+t-shirt sizes with full words and hyphens:
+
+`none`, `xx-small`, `x-small`, `small`, `medium`, `large`, `x-large`,
+`xx-large`, `xxx-large` (padding only).
+
+`padding-content-*` is for inset within a container. `gap-between-content-*`
+is for distance between sibling elements (margins, CSS `gap`). The two are
+separate categories because they semantically describe different intents,
+even when the numeric value coincides.
+
+### Corner scale
+
+`none` (0), `small` (2), `medium` (4), `large` (6), `circular` (9999px).
+
+### Stroke widths
+
+`stroke-width-default` (1px), `stroke-width-divider-strong` (1.5px). Focus
+rings have their own dedicated token: `ctrl-focus-outer-stroke-width` (2px).
+
+### State catalog
+
+`rest`, `hover`, `pressed`, `disabled`. For selectable controls, the
+`selected-` prefix yields `selected-rest`, `selected-hover`,
+`selected-pressed`, `selected-disabled`.
+
+The historical web vocabulary of `default`/`active` is **not** used in this
+package — `rest` and `pressed` are the authoritative names.
+
+### Examples
+
+- `--fast-background-layer-primary-solid` — primary card / surface fill.
+- `--fast-background-ctrl-brand-rest` — brand button background, rest state.
+- `--fast-background-ctrl-brand-hover` — brand button background, hover.
+- `--fast-foreground-ctrl-on-brand-rest` — text on top of a brand fill.
+- `--fast-foreground-ctrl-neutral-secondary-rest` — secondary / muted body
+  text (timestamps, metadata).
+- `--fast-foreground-ctrl-hint-default` — placeholder and helper text only.
+- `--fast-stroke-divider-subtle` — soft border around a card or surface.
+- `--fast-ctrl-focus-outer-stroke` / `--fast-ctrl-focus-outer-stroke-width` —
+  keyboard focus ring color and width.
+- `--fast-status-danger-tint-foreground` — destructive button text color
+  (subtle, no solid fill).
+- `--fast-status-danger-tint-background` — destructive button hover fill.
+- `--fast-text-global-body3-font-size` — paired with
+  `--fast-text-global-body3-line-height`.
+- `--fast-padding-content-medium` — 16-pixel inset.
+- `--fast-gap-between-content-x-small` — 8-pixel gap between siblings.
+- `--fast-corner-large` — 6-pixel border radius.
+- `--fast-shadow-card-rest` — composed card elevation (key + ambient layers).
+- `--fast-duration-fast` paired with `--fast-curve-easy-ease`.
+
+## Theme model
+
+`tokens.css` declares one block:
+
+```css
+:root {
+    color-scheme: light dark;
+
+    /* theme-independent tokens (typography, padding, gap, corner, motion) */
+
+    /* theme-resolving tokens — color and elevation */
+    --fast-background-web-page-primary: light-dark(#fafafa, #1f1f1f);
+    --fast-foreground-ctrl-neutral-primary-rest: light-dark(#242424, #ffffff);
+    /* ... */
+}
+
+:root[data-theme="light"] { color-scheme: light; }
+:root[data-theme="dark"] { color-scheme: dark; }
+```
+
+Each color or elevation token wraps its light value and dark value in the
+CSS [`light-dark()`][light-dark] function. The browser picks the matching
+value from the inherited `color-scheme`, which follows
+`prefers-color-scheme` unless `data-theme` forces it.
+
+[light-dark]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark
+
+This produces three states:
+
+| `<html>` attribute | Active palette |
+| --- | --- |
+| `data-theme="light"` | Light, always. |
+| `data-theme="dark"` | Dark, always. |
+| _no attribute_ | Light by default; switches to dark while `prefers-color-scheme: dark` matches. |
+
+An attribute (rather than a class) is used because it is an explicit, single
+state container that is easy to inspect in dev tools, easy to set during SSR
+or hydration, and easy to assert in tests.
+
+For an intentionally single-theme app, hard-code the attribute in markup
+(`<html data-theme="light">`) and never touch it from JavaScript. The
+package does not ship separate single-theme stylesheets; one file covers
+every case.
+
+### Browser support
+
+The `light-dark()` function requires Chrome / Edge 123+, Firefox 120+, or
+Safari 17.5+ (all shipped 2023–2024). This package targets evergreen
+browsers and does not ship a fallback. Apps that need to support older
+browsers should provide their own static token sheet.
+
+## Light vs dark color mapping
+
+The token name stays semantic across themes; only the value changes.
+
+| Token | Light theme | Dark theme |
+| --- | --- | --- |
+| `--fast-background-web-page-primary` | Near-white page surface | Near-black page surface |
+| `--fast-background-layer-primary-solid` | White card / panel | Dark gray card / panel |
+| `--fast-foreground-ctrl-neutral-primary-rest` | Near-black body text | Near-white body text |
+| `--fast-background-ctrl-brand-rest` | Brand blue | Brand blue, tuned for dark contrast |
+| `--fast-status-danger-tint-foreground` | Danger text on light surface | Danger text on dark surface |
+| `--fast-stroke-divider-subtle` | Soft light divider | Soft dark divider |
+
+## Status: solid vs tinted
+
+Status colors come in two flavors:
+
+- **Solid** (`status-danger-background`, `status-danger-foreground`) — a
+  filled background with high-contrast text. Use for solid status pills,
+  toast bars, error chips.
+- **Tinted** (`status-danger-tint-background`, `status-danger-tint-foreground`,
+  `status-danger-tint-stroke`) — a low-saturation background with the status
+  color used for the text/icon. Use for destructive buttons, inline form
+  errors, info banners, and other subtle status surfaces.
+
+A destructive text button uses the tint pair: red text at rest
+(`status-danger-tint-foreground`), a soft red background on hover
+(`status-danger-tint-background`), and a red outline on focus
+(`status-danger-tint-stroke`).
+
+## Authoring guidelines (for humans and agents)
+
+When working on tokens in this package, follow these rules.
+
+### Choose tokens by intent, not value
+
+- Pick the token whose **use-site** matches the styled element. A card
+  surface is `--fast-background-layer-primary-solid`. A muted helper text is
+  `--fast-foreground-ctrl-neutral-secondary-rest`. A subtle row divider is
+  `--fast-stroke-divider-subtle`.
+- Do not pick a token because its current value happens to match a desired
+  hex code. The value will change between themes; the name will not.
+- Reserve `--fast-foreground-ctrl-hint-default` for **placeholder and helper
+  text only**. For secondary body text (timestamps, captions, metadata) use
+  `--fast-foreground-ctrl-neutral-secondary-rest`.
+
+### Add a token or reuse an existing one?
+
+```text
+Need a value?
+├─ Can an existing token express the same intent? → Reuse it.
+├─ Is the value only local to one component?
+│       → Define a local custom property inside that component's css`...`
+│         block, backed by a --fast-* token. Do not add it to the package.
+├─ Will multiple example apps or shared patterns reuse it?
+│       → Add a token, following the naming grammar.
+└─ Does it describe a brand-new design domain (e.g. blur, opacity scale)?
+        → Coordinate with maintainers before adding a category.
+```
+
+### When adding a token
+
+1. Stay inside an existing category whenever possible.
+2. Match the grammar: `--fast-<category>-<subcategory>-<slot>[-<variant>][-<state>]`.
+3. Keep names semantic. Avoid product-, component-, or palette-specific
+   suffixes such as `button-primary-blue`.
+4. For colors and shadows, add **both light and dark** values in a single
+   `light-dark(lightValue, darkValue)` declaration. Theme-independent
+   colors (such as `--fast-foreground-ctrl-on-brand-rest`, which is always
+   white) can stay as a plain value.
+5. Keep scales monotonic: t-shirt sizes go from smallest to largest,
+   durations from fastest to slowest, shadows from lowest to highest
+   elevation.
+6. Update the category catalog in this document if the new token introduces
+   a new subcategory or slot.
+7. Update the catalog table in [`README.md`](./README.md).
+
+### When **not** to add a token
+
+- The value is only meaningful inside one component. Keep it local.
+- The value is a one-off marketing color. Use a literal value inside that
+  component only and document the choice in a comment.
+- A near-equivalent token already exists. Reuse and adjust the existing token
+  rather than introducing a synonym.
+
+### Naming review checklist
+
+- Does the name match the
+  `--fast-<category>-<subcategory>-<slot>[-<variant>][-<state>]` grammar?
+- Is every segment lowercase kebab-case?
+- Is the use-site semantic (not product- or component-specific)?
+- For interactive variants, is the state segment (`rest`, `hover`, `pressed`,
+  `disabled`) last?
+- Are paired font-size and line-height values both added?
+- For colors and shadows, are both light and dark values supplied via
+  `light-dark()` (or is the token genuinely theme-independent)?
+- Would another example-app developer understand the token from its name
+  alone, without extra docs?
+
+## Authoring guidelines for coding agents
+
+These constraints exist so automated edits stay coherent with the design
+language. When making changes to any file in `examples/`:
+
+- **Never hard-code colors, font sizes, spacing, radii, border widths, or
+  shadows in component CSS.** Use a `var(--fast-...)` token.
+- **Never invent ad-hoc tokens** at `:root` inside an example app. Either add
+  the token to this package or scope a local custom property to the
+  component's host or shadow root.
+- **Do not import any JavaScript or TypeScript** from
+  `@microsoft/fast-examples-design-system`. The package exports CSS only.
+- **Do not introduce a new theme name** (such as a "high-contrast" theme)
+  without first adding the corresponding selector and token block to this
+  package and updating this document.
+- **Theme switching is two lines of DOM code**:
+  `document.documentElement.setAttribute("data-theme", "light")` or
+  `removeAttribute("data-theme")` for system preference. Implement it inline
+  in the consuming app; do not factor it into a shared helper here.
+- **When refactoring an app to use this design system**, prefer tokens that
+  match the original intent rather than tokens that match the original value.
+  For example, an existing `#666` foreground used for helper text should
+  become `--fast-foreground-ctrl-neutral-secondary-rest`, not
+  `--fast-foreground-ctrl-hint-default` (which is reserved for placeholders).
+
+## Anti-patterns
+
+- Importing JavaScript from this package. _There is none — the previous
+  iteration exported helpers; the current iteration intentionally does not._
+- Hard-coding colors, font sizes, spacing, radii, border widths, or shadows
+  in component styles.
+- Introducing app-specific tokens at `:root` from inside an example app.
+- Adding aliases or synonyms for tokens that already exist.
+- Naming tokens after products or components (e.g. `--fast-todo-row-bg`).
+- Using class names instead of the `data-theme` attribute for theme
+  switching.
+- Using the historical state vocabulary (`default`, `active`,
+  `default-hover`) — the current package uses `rest`, `hover`, `pressed`,
+  `disabled`.
+
+## Reference
+
+- [`README.md`](./README.md) — quickstart and token catalog
+- [`../README.md`](../README.md) — overview of the `examples/` workspace
+- [`../DESIGN.md`](../DESIGN.md) — workspace-level design guidance
diff --git a/examples/design-system/README.md b/examples/design-system/README.md
new file mode 100644
index 00000000000..c21b2022215
--- /dev/null
+++ b/examples/design-system/README.md
@@ -0,0 +1,169 @@
+# @microsoft/fast-examples-design-system
+
+A CSS-only design system for FAST example apps. The package ships three
+hand-authored stylesheets that define a shared set of CSS custom properties
+for color, typography, spacing, shape, elevation, and motion. There is **no
+JavaScript or TypeScript implementation** — example apps wire themes
+themselves by toggling the `data-theme` attribute on `<html>`.
+
+This README and [`DESIGN.md`](./DESIGN.md) are the canonical guidance for both
+humans and coding agents working in the `examples/*` workspace.
+
+Token names are semantic and use-site-oriented, with the `--fast-` prefix
+and coverage tuned for FAST example apps.
+
+## What ships
+
+The package ships exactly one stylesheet:
+
+| File | Contents |
+| --- | --- |
+| `tokens.css` | Every token, declared once on `:root`. Color and elevation values use the CSS `light-dark()` function, so each declaration carries both its light and dark resolution side by side. `color-scheme: light dark` enables system-preference resolution; `<html data-theme="light">` or `<html data-theme="dark">` forces a theme. |
+
+The package is `"private": true` and consumed via the workspace dependency
+`"@microsoft/fast-examples-design-system": "workspace:*"`.
+
+`tokens.css` uses the CSS `light-dark()` function, which requires
+Chrome / Edge 123+, Firefox 120+, or Safari 17.5+ (all shipped in
+2023–2024). These example apps target evergreen browsers; there is no
+fallback for older versions.
+
+## Install
+
+Add the workspace dependency in the consuming example app's `package.json`,
+then run `npm install` from the repository root.
+
+```json
+{
+    "dependencies": {
+        "@microsoft/fast-examples-design-system": "workspace:*"
+    }
+}
+```
+
+## Use
+
+Import the stylesheet exactly once at the app entry point — typically the same
+file that defines or bootstraps the root custom element. The bundler (Vite in
+the existing examples) inlines the CSS into the document.
+
+```ts
+// src/main.ts
+import "@microsoft/fast-examples-design-system/tokens.css";
+```
+
+```html
+<!-- index.html -->
+<!doctype html>
+<html lang="en">
+    <!-- no data-theme attribute → follows prefers-color-scheme -->
+    <body>
+        <my-app></my-app>
+    </body>
+</html>
+```
+
+If the app is intentionally single-theme, hard-code the attribute and never
+touch it from JavaScript:
+
+```html
+<html lang="en" data-theme="light"> <!-- or "dark" -->
+```
+
+### Referencing tokens from component CSS
+
+Reference tokens through `var(--fast-...)` in FAST `css` template literals or
+in any other CSS context. Never hard-code colors, font sizes, spacing, radii,
+border widths, shadows, durations, or curves.
+
+```ts
+import { css } from "@microsoft/fast-element";
+
+export const styles = css`
+    :host {
+        display: block;
+        padding: var(--fast-padding-content-medium);
+        background: var(--fast-background-layer-primary-solid);
+        color: var(--fast-foreground-ctrl-neutral-primary-rest);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-subtle);
+        border-radius: var(--fast-corner-large);
+        box-shadow: var(--fast-shadow-card-rest);
+        font-family: var(--fast-text-style-default-regular-font-family);
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+`;
+```
+
+## Theme switching
+
+The active theme is selected by the `data-theme` attribute on `<html>`:
+
+| `data-theme` value | Effective theme |
+| --- | --- |
+| `"light"` | Forced light |
+| `"dark"` | Forced dark |
+| _absent_ | Follows `prefers-color-scheme` (dark if the system requests dark, light otherwise) |
+
+Under the hood, `tokens.css` declares `color-scheme: light dark` on `:root`
+and uses the CSS `light-dark()` function in every color/elevation token.
+The browser picks the matching value based on the inherited
+`color-scheme`. Setting `data-theme="light"` or `data-theme="dark"`
+overrides `color-scheme` to that single value, which flips every
+`light-dark()` resolution. No media query is needed.
+
+To wire a toggle, write the attribute directly from your application code. The
+design system itself contains no JavaScript — toggles, persistence, and event
+plumbing are intentionally left to the consuming app so the system stays
+framework-neutral and dependency-free.
+
+```ts
+// Force light
+document.documentElement.setAttribute("data-theme", "light");
+
+// Force dark
+document.documentElement.setAttribute("data-theme", "dark");
+
+// Restore system preference
+document.documentElement.removeAttribute("data-theme");
+```
+
+See [`../todo-app/`](../todo-app/) for a working consumer of the design
+system. The example deliberately uses a single (light) theme set
+statically in markup; it does not implement a runtime toggle.
+
+## Token catalog
+
+The complete list of tokens lives in [`tokens.css`](./tokens.css). Categories
+at a glance:
+
+| Category | Examples |
+| --- | --- |
+| Background: surfaces | `--fast-background-web-page-primary`, `--fast-background-layer-primary-solid`, `--fast-background-layer-secondary` |
+| Background: subtle controls | `--fast-background-ctrl-subtle-rest`, `--fast-background-ctrl-subtle-hover`, `--fast-background-ctrl-subtle-pressed`, `--fast-background-ctrl-subtle-disabled` |
+| Background: brand controls | `--fast-background-ctrl-brand-rest`, `--fast-background-ctrl-brand-hover`, `--fast-background-ctrl-brand-pressed`, `--fast-background-ctrl-brand-disabled` |
+| Foreground | `--fast-foreground-ctrl-neutral-primary-rest`, `--fast-foreground-ctrl-neutral-primary-disabled`, `--fast-foreground-ctrl-neutral-secondary-rest`, `--fast-foreground-ctrl-hint-default`, `--fast-foreground-ctrl-on-brand-rest`, `--fast-foreground-ctrl-brand-rest` |
+| Stroke: dividers | `--fast-stroke-divider-default`, `--fast-stroke-divider-subtle`, `--fast-stroke-divider-strong`, `--fast-stroke-divider-brand` |
+| Stroke: control outlines | `--fast-stroke-ctrl-on-outline-rest`, `--fast-stroke-ctrl-on-outline-disabled` |
+| Stroke widths | `--fast-stroke-width-default`, `--fast-stroke-width-divider-strong` |
+| Control focus | `--fast-ctrl-focus-outer-stroke`, `--fast-ctrl-focus-outer-stroke-width` |
+| Status: solid | `--fast-status-{danger, success, warning}-background`, `--fast-status-{danger, success, warning}-foreground` |
+| Status: tinted | `--fast-status-{danger, success, warning}-tint-background`, `--fast-status-{danger, success, warning}-tint-foreground`, `--fast-status-{danger, success, warning}-tint-stroke` |
+| Shadow | `--fast-shadow-card-rest-key`, `--fast-shadow-card-rest-ambient`, `--fast-shadow-card-rest`, `--fast-shadow-flyout-key`, `--fast-shadow-flyout-ambient`, `--fast-shadow-flyout` |
+| Text: families | `--fast-text-style-default-regular-font-family`, `--fast-text-style-code-regular-font-family`, `--fast-text-style-data-viz-regular-font-family` |
+| Text: weights | `--fast-text-style-default-regular-weight`, `--fast-text-style-default-header-weight`, `--fast-text-style-default-display-weight` |
+| Text: global ramp (font size + line height pairs) | `--fast-text-global-caption2-*`, `--fast-text-global-caption1-*`, `--fast-text-global-body3-*`, `--fast-text-global-body2-*`, `--fast-text-global-body1-*`, `--fast-text-global-subtitle2-*`, `--fast-text-global-subtitle1-*`, `--fast-text-global-title2-*`, `--fast-text-global-title1-*`, `--fast-text-global-display2-*`, `--fast-text-global-display1-*` |
+| Padding (inset) | `--fast-padding-content-none`, `--fast-padding-content-xx-small`, `-x-small`, `-small`, `-medium`, `-large`, `-x-large`, `-xx-large`, `-xxx-large` |
+| Gap (between elements) | `--fast-gap-between-content-none`, `--fast-gap-between-content-xx-small`, `-x-small`, `-small`, `-medium`, `-large`, `-x-large`, `-xx-large` |
+| Corner | `--fast-corner-none`, `--fast-corner-small`, `--fast-corner-medium`, `--fast-corner-large`, `--fast-corner-circular` |
+| Duration | `--fast-duration-ultra-fast`, `--fast-duration-faster`, `--fast-duration-fast`, `--fast-duration-normal`, `--fast-duration-gentle`, `--fast-duration-slow`, `--fast-duration-slower`, `--fast-duration-ultra-slow` |
+| Curve | `--fast-curve-accelerate-max`, `-mid`, `-min`, `--fast-curve-decelerate-max`, `-mid`, `-min`, `--fast-curve-easy-ease-max`, `--fast-curve-easy-ease`, `--fast-curve-linear` |
+
+State vocabulary on interactive tokens: `rest`, `hover`, `pressed`,
+`disabled`. Optionally prefixed with `selected-` for selectable controls.
+
+See [`DESIGN.md`](./DESIGN.md) for the full naming grammar, the rationale, and
+the rules for adding new tokens.
diff --git a/examples/design-system/package.json b/examples/design-system/package.json
new file mode 100644
index 00000000000..2267a2af1ef
--- /dev/null
+++ b/examples/design-system/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@microsoft/fast-examples-design-system",
+  "version": "1.0.0",
+  "description": "Shared design tokens for FAST example applications.",
+  "private": true,
+  "exports": {
+    ".": "./tokens.css",
+    "./tokens.css": "./tokens.css"
+  },
+  "files": [
+    "tokens.css",
+    "DESIGN.md",
+    "README.md"
+  ],
+  "author": {
+    "name": "Microsoft",
+    "url": "https://discord.gg/FcSNfg4"
+  },
+  "homepage": "https://www.fast.design/",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Microsoft/fast.git",
+    "directory": "examples/design-system"
+  }
+}
diff --git a/examples/design-system/tokens.css b/examples/design-system/tokens.css
new file mode 100644
index 00000000000..f97f31f8f7a
--- /dev/null
+++ b/examples/design-system/tokens.css
@@ -0,0 +1,214 @@
+/*
+ * @microsoft/fast-examples-design-system
+ *
+ * Single-file token contract. Theme-independent tokens (typography, sizing,
+ * shape, motion) and theme-resolving tokens (color, elevation) all live on
+ * :root. Color and shadow tokens use the CSS light-dark() function, so each
+ * declaration carries both its light and dark resolution side by side.
+ *
+ * Theme selection:
+ *
+ *   - No data-theme attribute on <html>  → follows prefers-color-scheme.
+ *   - <html data-theme="light">          → forced light.
+ *   - <html data-theme="dark">           → forced dark.
+ *
+ * Naming model: semantic, use-site tokens organized into categories
+ * (text/padding/gap/corner/stroke/background/foreground/shadow/status),
+ * with FAST's `--fast-` prefix. State vocabulary: rest, hover, pressed,
+ * disabled.
+ *
+ * Requires browsers that support the CSS light-dark() function
+ * (Chrome / Edge 123+, Firefox 120+, Safari 17.5+).
+ */
+
+:root {
+    color-scheme: light dark;
+
+    /* Text: families */
+    --fast-text-style-default-regular-font-family:
+        "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica,
+        Arial, sans-serif;
+    --fast-text-style-code-regular-font-family:
+        ui-monospace, "Cascadia Code", "SF Mono", "Roboto Mono", Consolas,
+        "Liberation Mono", monospace;
+    --fast-text-style-data-viz-regular-font-family:
+        Bahnschrift, "Segoe UI", system-ui, sans-serif;
+
+    /* Text: weights */
+    --fast-text-style-default-regular-weight: 400;
+    --fast-text-style-default-header-weight: 600;
+    --fast-text-style-default-display-weight: 600;
+
+    /* Text: global type ramp (lower number = larger) */
+    --fast-text-global-caption2-font-size: 10px;
+    --fast-text-global-caption2-line-height: 14px;
+    --fast-text-global-caption1-font-size: 12px;
+    --fast-text-global-caption1-line-height: 16px;
+    --fast-text-global-body3-font-size: 14px;
+    --fast-text-global-body3-line-height: 20px;
+    --fast-text-global-body2-font-size: 16px;
+    --fast-text-global-body2-line-height: 22px;
+    --fast-text-global-body1-font-size: 18px;
+    --fast-text-global-body1-line-height: 26px;
+    --fast-text-global-subtitle2-font-size: 18px;
+    --fast-text-global-subtitle2-line-height: 26px;
+    --fast-text-global-subtitle1-font-size: 20px;
+    --fast-text-global-subtitle1-line-height: 26px;
+    --fast-text-global-title2-font-size: 20px;
+    --fast-text-global-title2-line-height: 26px;
+    --fast-text-global-title1-font-size: 24px;
+    --fast-text-global-title1-line-height: 32px;
+    --fast-text-global-display2-font-size: 28px;
+    --fast-text-global-display2-line-height: 32px;
+    --fast-text-global-display1-font-size: 38px;
+    --fast-text-global-display1-line-height: 40px;
+
+    /* Padding: content inset */
+    --fast-padding-content-none: 0;
+    --fast-padding-content-xx-small: 4px;
+    --fast-padding-content-x-small: 8px;
+    --fast-padding-content-small: 12px;
+    --fast-padding-content-medium: 16px;
+    --fast-padding-content-large: 20px;
+    --fast-padding-content-x-large: 24px;
+    --fast-padding-content-xx-large: 32px;
+    --fast-padding-content-xxx-large: 40px;
+
+    /* Gap: between elements */
+    --fast-gap-between-content-none: 0;
+    --fast-gap-between-content-xx-small: 4px;
+    --fast-gap-between-content-x-small: 8px;
+    --fast-gap-between-content-small: 12px;
+    --fast-gap-between-content-medium: 16px;
+    --fast-gap-between-content-large: 20px;
+    --fast-gap-between-content-x-large: 22px;
+    --fast-gap-between-content-xx-large: 32px;
+
+    /* Corner: border-radius */
+    --fast-corner-none: 0;
+    --fast-corner-small: 2px;
+    --fast-corner-medium: 4px;
+    --fast-corner-large: 6px;
+    --fast-corner-circular: 9999px;
+
+    /* Stroke widths */
+    --fast-stroke-width-default: 1px;
+    --fast-stroke-width-divider-strong: 1.5px;
+
+    /* Control focus */
+    --fast-ctrl-focus-outer-stroke-width: 2px;
+
+    /* Motion: durations */
+    --fast-duration-ultra-fast: 50ms;
+    --fast-duration-faster: 100ms;
+    --fast-duration-fast: 150ms;
+    --fast-duration-normal: 200ms;
+    --fast-duration-gentle: 250ms;
+    --fast-duration-slow: 300ms;
+    --fast-duration-slower: 400ms;
+    --fast-duration-ultra-slow: 500ms;
+
+    /* Motion: curves */
+    --fast-curve-accelerate-max: cubic-bezier(0.9, 0.1, 1, 0.2);
+    --fast-curve-accelerate-mid: cubic-bezier(1, 0, 1, 1);
+    --fast-curve-accelerate-min: cubic-bezier(0.8, 0, 0.78, 1);
+    --fast-curve-decelerate-max: cubic-bezier(0.1, 0.9, 0.2, 1);
+    --fast-curve-decelerate-mid: cubic-bezier(0, 0, 0, 1);
+    --fast-curve-decelerate-min: cubic-bezier(0.33, 0, 0.1, 1);
+    --fast-curve-easy-ease-max: cubic-bezier(0.8, 0, 0.2, 1);
+    --fast-curve-easy-ease: cubic-bezier(0.33, 0, 0.67, 1);
+    --fast-curve-linear: cubic-bezier(0, 0, 1, 1);
+
+    /*
+     * Theme-resolving tokens
+     *
+     * Color and elevation values are wrapped in light-dark(lightValue,
+     * darkValue). The browser picks the matching value based on the active
+     * color-scheme, which follows prefers-color-scheme by default and can
+     * be forced via the data-theme attribute on <html> (see overrides at
+     * the end of this file).
+     */
+
+    /* Background: surfaces */
+    --fast-background-web-page-primary: light-dark(#fafafa, #1f1f1f);
+    --fast-background-layer-primary-solid: light-dark(#ffffff, #292929);
+    --fast-background-layer-secondary: light-dark(#f5f5f5, #141414);
+
+    /* Background: subtle controls (transparent base; tint on interaction) */
+    --fast-background-ctrl-subtle-rest: transparent;
+    --fast-background-ctrl-subtle-hover: light-dark(#f5f5f5, #333333);
+    --fast-background-ctrl-subtle-pressed: light-dark(#ebebeb, #3d3d3d);
+    --fast-background-ctrl-subtle-disabled: transparent;
+
+    /* Background: brand controls */
+    --fast-background-ctrl-brand-rest: light-dark(#0f6cbd, #115ea3);
+    --fast-background-ctrl-brand-hover: light-dark(#115ea3, #0f6cbd);
+    --fast-background-ctrl-brand-pressed: light-dark(#0c3b5e, #0f548c);
+    --fast-background-ctrl-brand-disabled: light-dark(#f0f0f0, #333333);
+
+    /* Foreground: text + icon */
+    --fast-foreground-ctrl-neutral-primary-rest: light-dark(#242424, #ffffff);
+    --fast-foreground-ctrl-neutral-primary-disabled: light-dark(#bdbdbd, #5c5c5c);
+    --fast-foreground-ctrl-neutral-secondary-rest: light-dark(#424242, #f5f5f5);
+    --fast-foreground-ctrl-hint-default: light-dark(#707070, #adadad);
+    --fast-foreground-ctrl-on-brand-rest: #ffffff;
+    --fast-foreground-ctrl-brand-rest: light-dark(#0f6cbd, #479ef5);
+
+    /* Stroke: dividers and outlines */
+    --fast-stroke-divider-default: light-dark(#d1d1d1, #666666);
+    --fast-stroke-divider-subtle: light-dark(#e0e0e0, #525252);
+    --fast-stroke-divider-strong: light-dark(#616161, #adadad);
+    --fast-stroke-divider-brand: light-dark(#0f6cbd, #479ef5);
+    --fast-stroke-ctrl-on-outline-rest: light-dark(#d1d1d1, #666666);
+    --fast-stroke-ctrl-on-outline-disabled: light-dark(#f0f0f0, #333333);
+
+    /* Focus ring color */
+    --fast-ctrl-focus-outer-stroke: light-dark(#0f6cbd, #479ef5);
+
+    /* Status: solid */
+    --fast-status-danger-background: light-dark(#c50f1f, #ff99a4);
+    --fast-status-danger-foreground: light-dark(#ffffff, #3b0509);
+    --fast-status-success-background: light-dark(#0e700e, #54b054);
+    --fast-status-success-foreground: light-dark(#ffffff, #092b1b);
+    --fast-status-warning-background: light-dark(#8a3707, #fcb441);
+    --fast-status-warning-foreground: light-dark(#ffffff, #4f2a00);
+
+    /* Status: tinted (use these for destructive buttons, inline alerts) */
+    --fast-status-danger-tint-background: light-dark(#fde7e9, #3b0509);
+    --fast-status-danger-tint-foreground: light-dark(#c50f1f, #ff99a4);
+    --fast-status-danger-tint-stroke: light-dark(#c50f1f, #ff99a4);
+    --fast-status-success-tint-background: light-dark(#dff6dd, #092b1b);
+    --fast-status-success-tint-foreground: light-dark(#0e700e, #54b054);
+    --fast-status-success-tint-stroke: light-dark(#0e700e, #54b054);
+    --fast-status-warning-tint-background: light-dark(#fff4ce, #4f2a00);
+    --fast-status-warning-tint-foreground: light-dark(#8a3707, #fcb441);
+    --fast-status-warning-tint-stroke: light-dark(#8a3707, #fcb441);
+
+    /* Shadow: card (atomic key + ambient pair, plus composed alias) */
+    --fast-shadow-card-rest-key: 0 4px 8px 0
+        light-dark(rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.48));
+    --fast-shadow-card-rest-ambient: 0 0 2px 0
+        light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.28));
+    --fast-shadow-card-rest:
+        var(--fast-shadow-card-rest-key), var(--fast-shadow-card-rest-ambient);
+
+    /* Shadow: flyout */
+    --fast-shadow-flyout-key: 0 8px 16px 0
+        light-dark(rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.48));
+    --fast-shadow-flyout-ambient: 0 0 2px 0
+        light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.28));
+    --fast-shadow-flyout:
+        var(--fast-shadow-flyout-key), var(--fast-shadow-flyout-ambient);
+}
+
+/*
+ * Forced themes. Setting data-theme overrides the inherited color-scheme,
+ * which flips every light-dark() resolution to the corresponding value.
+ */
+:root[data-theme="light"] {
+    color-scheme: light;
+}
+
+:root[data-theme="dark"] {
+    color-scheme: dark;
+}
diff --git a/examples/todo-app/README.md b/examples/todo-app/README.md
index e413a9051d0..72766f6254e 100644
--- a/examples/todo-app/README.md
+++ b/examples/todo-app/README.md
@@ -1,8 +1,60 @@
-# Todo App Tutorial
+# Todo app tutorial
 
-A Todo app, written entirely with fast-element.
+A To-Do app, written entirely with `fast-element`.
 
-> Note: A step by step tutorial will be coming to the site soon. In the mean time, you can run `npm install` and then `npm start` to see the example.
+> Note: A step by step tutorial will be coming to the site soon. In the mean
+> time, you can run `npm install` and then `npm start` to see the example.
 
 > Note: This example uses an LSP, to enable this in VS Code try the following:
-> - Open a javascript/typescript file and use the command palette to `Select typescript version` and choose the local workspace version.
+> - Open a javascript/typescript file and use the command palette to `Select
+>   typescript version` and choose the local workspace version.
+
+## Design system
+
+This example consumes the shared `@microsoft/fast-examples-design-system`
+workspace package. The design-system package is **CSS-only** — there are no
+JavaScript or TypeScript exports. `src/main.ts` imports
+`@microsoft/fast-examples-design-system/tokens.css` once, and the rest of the
+app references the registered `--fast-*` design tokens through `var(...)`.
+
+The app uses the **light** theme. `<html data-theme="light">` is set
+statically in [`index.html`](./index.html); the app does not implement a
+theme toggle. (The shared design-system package supports dark and
+system-preference themes via the same `data-theme` attribute — see
+[`examples/design-system/README.md`](../design-system/README.md) — but this
+example deliberately keeps the surface area minimal and demonstrates only
+token consumption.)
+
+For the shared package overview, the token catalog, and authoring rules,
+see [`examples/design-system/README.md`](../design-system/README.md) and
+[`examples/design-system/DESIGN.md`](../design-system/DESIGN.md).
+
+## Token usage
+
+The todo app styles use shared tokens for layout, surfaces, typography, and
+interaction states. For example:
+
+- App shell surface: `--fast-background-layer-primary-solid`,
+  `--fast-foreground-ctrl-neutral-primary-rest`,
+  `--fast-stroke-divider-subtle`, `--fast-corner-large`,
+  `--fast-shadow-card-rest`, `--fast-padding-content-medium`.
+- Primary action (Add): `--fast-background-ctrl-brand-rest`,
+  `--fast-foreground-ctrl-on-brand-rest`, `--fast-stroke-divider-brand`,
+  `--fast-background-ctrl-brand-hover`, `--fast-background-ctrl-brand-pressed`.
+- Typography: `--fast-text-style-default-regular-font-family`,
+  `--fast-text-global-body3-font-size` paired with
+  `--fast-text-global-body3-line-height`,
+  `--fast-text-global-display2-font-size` paired with
+  `--fast-text-global-display2-line-height`.
+- Destructive action (per-row delete button):
+  `--fast-status-danger-tint-foreground` (red text at rest),
+  `--fast-status-danger-tint-background` (subtle red hover fill),
+  `--fast-status-danger-tint-stroke` (focus outline).
+- Focus rings: `--fast-ctrl-focus-outer-stroke` paired with
+  `--fast-ctrl-focus-outer-stroke-width`.
+- Motion: `--fast-duration-fast` and `--fast-curve-easy-ease` for hover and
+  press transitions.
+
+No design value (color, font size, line height, padding, gap, corner,
+stroke width, shadow, duration, or curve) is hard-coded in the app's
+component styles.
diff --git a/examples/todo-app/index.html b/examples/todo-app/index.html
index 423550563fa..75e2e1b2b77 100644
--- a/examples/todo-app/index.html
+++ b/examples/todo-app/index.html
@@ -1,12 +1,20 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-theme="light">
     <head>
-        <meta charset="utf-8" />
+        <meta charset="utf-8">
         <title>FAST Todos</title>
         <style>
-            :not(:defined) {
-                visibility: hidden;
-            }
+        html,
+        body {
+            margin: 0;
+            background: var(--fast-background-web-page-primary);
+            color: var(--fast-foreground-ctrl-neutral-primary-rest);
+            font-family: var(--fast-text-style-default-regular-font-family);
+        }
+
+        :not(:defined) {
+            visibility: hidden;
+        }
         </style>
     </head>
     <body>
diff --git a/examples/todo-app/package.json b/examples/todo-app/package.json
index 92a70ed8cee..d7beec1d423 100644
--- a/examples/todo-app/package.json
+++ b/examples/todo-app/package.json
@@ -23,6 +23,7 @@
   },
   "dependencies": {
     "@microsoft/fast-element": "^3.0.0-rc.1",
+    "@microsoft/fast-examples-design-system": "^1.0.0",
     "tslib": "^2.6.3"
   },
   "devDependencies": {
diff --git a/examples/todo-app/src/design-system.d.ts b/examples/todo-app/src/design-system.d.ts
new file mode 100644
index 00000000000..320cbb073c5
--- /dev/null
+++ b/examples/todo-app/src/design-system.d.ts
@@ -0,0 +1 @@
+declare module "@microsoft/fast-examples-design-system/tokens.css";
diff --git a/examples/todo-app/src/main.ts b/examples/todo-app/src/main.ts
index ee66690ee4c..e86002a97e3 100644
--- a/examples/todo-app/src/main.ts
+++ b/examples/todo-app/src/main.ts
@@ -1,3 +1,4 @@
+import "@microsoft/fast-examples-design-system/tokens.css";
 import { app } from "./todo-app.js";
 import { DefaultTodoList, TodoList } from "./todo-list.js";
 
diff --git a/examples/todo-app/src/todo-app.styles.ts b/examples/todo-app/src/todo-app.styles.ts
index ff0a80a220a..d01f85b2ee5 100644
--- a/examples/todo-app/src/todo-app.styles.ts
+++ b/examples/todo-app/src/todo-app.styles.ts
@@ -2,32 +2,116 @@ import { css } from "@microsoft/fast-element/css.js";
 export const styles = css`
     :host {
         display: block;
-        padding: 16px;
-        max-width: 320px;
+        padding: var(--fast-padding-content-medium);
+        max-width: 480px;
+        font-family: var(--fast-text-style-default-regular-font-family);
+        color: var(--fast-foreground-ctrl-neutral-primary-rest);
+        background: var(--fast-background-layer-primary-solid);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-subtle);
+        border-radius: var(--fast-corner-large);
+        box-shadow: var(--fast-shadow-card-rest);
+        margin: var(--fast-gap-between-content-x-large) auto;
     }
 
-    h2 {
+    h1 {
+        margin: 0 0 var(--fast-gap-between-content-small);
+        font-size: var(--fast-text-global-display2-font-size);
+        line-height: var(--fast-text-global-display2-line-height);
+        font-weight: var(--fast-text-style-default-header-weight);
+        color: var(--fast-foreground-ctrl-brand-rest);
+    }
+
+    section {
         display: flex;
+        align-items: center;
+        gap: var(--fast-gap-between-content-x-small);
+        margin-top: var(--fast-gap-between-content-small);
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+        color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    }
+
+    select {
+        background: var(--fast-background-layer-primary-solid);
+        color: var(--fast-foreground-ctrl-neutral-primary-rest);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-ctrl-on-outline-rest);
+        border-radius: var(--fast-corner-small);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-x-small);
+        font-family: inherit;
+        font-size: inherit;
+        line-height: inherit;
+    }
+
+    select:focus-visible {
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-ctrl-focus-outer-stroke);
+        outline-offset: var(--fast-stroke-width-default);
     }
 
     .todo-list {
         list-style-type: none;
         padding: 0;
+        margin: var(--fast-gap-between-content-small) 0 0;
     }
 
     .todo {
-        margin: 8px 0px;
+        margin: var(--fast-gap-between-content-x-small) 0;
+        padding: var(--fast-padding-content-x-small);
         display: flex;
+        align-items: center;
+        gap: var(--fast-gap-between-content-x-small);
+        border-radius: var(--fast-corner-medium);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-default);
+        background: var(--fast-background-layer-secondary);
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+
+    .todo:hover {
+        background: var(--fast-background-ctrl-subtle-hover);
     }
 
     .description {
         display: inline-block;
         align-self: center;
-        margin: 0px 8px;
+        margin: 0;
         flex: 1;
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
     }
 
     .description.done {
         text-decoration: line-through;
+        color: var(--fast-foreground-ctrl-hint-default);
+    }
+
+    .todo button {
+        color: var(--fast-status-danger-tint-foreground);
+        background: transparent;
+        border: none;
+        border-radius: var(--fast-corner-medium);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-xx-small);
+        font-family: inherit;
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+        cursor: pointer;
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+
+    .todo button:hover,
+    .todo button:active {
+        background: var(--fast-status-danger-tint-background);
+    }
+
+    .todo button:focus-visible {
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-status-danger-tint-stroke);
+        outline-offset: var(--fast-stroke-width-default);
     }
 `;
diff --git a/examples/todo-app/src/todo-form.styles.ts b/examples/todo-app/src/todo-form.styles.ts
index 2ddb6a0dd43..e04185bf961 100644
--- a/examples/todo-app/src/todo-form.styles.ts
+++ b/examples/todo-app/src/todo-form.styles.ts
@@ -3,9 +3,66 @@ export const styles = css`
     form {
         display: flex;
         align-items: center;
+        gap: var(--fast-gap-between-content-x-small);
+        margin: var(--fast-gap-between-content-small) 0;
     }
 
-    button {
-        margin: 4px;
+    input[type="text"] {
+        flex: 1;
+        min-width: 0;
+        background: var(--fast-background-layer-primary-solid);
+        color: var(--fast-foreground-ctrl-neutral-primary-rest);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-ctrl-on-outline-rest);
+        border-radius: var(--fast-corner-medium);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-x-small);
+        font-family: var(--fast-text-style-default-regular-font-family);
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+    }
+
+    input[type="text"]:focus-visible {
+        border-color: var(--fast-ctrl-focus-outer-stroke);
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-ctrl-focus-outer-stroke);
+        outline-offset: var(--fast-stroke-width-default);
+    }
+
+    button[type="submit"] {
+        background: var(--fast-background-ctrl-brand-rest);
+        color: var(--fast-foreground-ctrl-on-brand-rest);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-brand);
+        border-radius: var(--fast-corner-medium);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-small);
+        font-family: inherit;
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+        cursor: pointer;
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+
+    button[type="submit"]:hover {
+        background: var(--fast-background-ctrl-brand-hover);
+    }
+
+    button[type="submit"]:active {
+        background: var(--fast-background-ctrl-brand-pressed);
+    }
+
+    button[type="submit"]:focus-visible {
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-ctrl-focus-outer-stroke);
+        outline-offset: var(--fast-stroke-width-default);
+    }
+
+    button[type="submit"]:disabled {
+        background: var(--fast-background-ctrl-brand-disabled);
+        color: var(--fast-foreground-ctrl-neutral-primary-disabled);
+        border-color: var(--fast-stroke-ctrl-on-outline-disabled);
+        cursor: not-allowed;
     }
 `;
diff --git a/package-lock.json b/package-lock.json
index 7f0ab0dc800..ec2491f0057 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -49,12 +49,18 @@
         "clean": "clean.mjs"
       }
     },
+    "examples/design-system": {
+      "name": "@microsoft/fast-examples-design-system",
+      "version": "1.0.0",
+      "license": "MIT"
+    },
     "examples/todo-app": {
       "name": "@microsoft/fast-todo-app-example",
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
-        "@microsoft/fast-element": "^3.0.0-rc.1",
+        "@microsoft/fast-element": "^2.10.4",
+        "@microsoft/fast-examples-design-system": "^1.0.0",
         "tslib": "^2.6.3"
       },
       "devDependencies": {
@@ -1526,6 +1532,14 @@
       "resolved": "packages/fast-element",
       "link": true
     },
+    "node_modules/@microsoft/fast-examples-design-system": {
+      "resolved": "examples/design-system",
+      "link": true
+    },
+    "node_modules/@microsoft/fast-html": {
+      "resolved": "packages/fast-html",
+      "link": true
+    },
     "node_modules/@microsoft/fast-router": {
       "resolved": "packages/fast-router",
       "link": true
@@ -1560,6 +1574,112 @@
         "resolve": "~1.22.2"
       }
     },
+    "node_modules/@microsoft/webui": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui/-/webui-0.0.10.tgz",
+      "integrity": "sha512-lGj0PyVoYUOOJ1MWhseGSe5ZJQurp7KWvSgYtNMBiAb140rD2MXQsHwbwIPsqEPFPtqtCZcxuNzbDqJ7Bl8gRQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "webui": "bin/webui"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@microsoft/webui-darwin-arm64": "0.0.10",
+        "@microsoft/webui-darwin-x64": "0.0.10",
+        "@microsoft/webui-linux-arm64": "0.0.10",
+        "@microsoft/webui-linux-x64": "0.0.10",
+        "@microsoft/webui-win32-arm64": "0.0.10",
+        "@microsoft/webui-win32-x64": "0.0.10"
+      }
+    },
+    "node_modules/@microsoft/webui-darwin-arm64": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-arm64/-/webui-darwin-arm64-0.0.10.tgz",
+      "integrity": "sha512-ApVNle/cU++YYeSG1qiyyP6wC2B5lxPhoKUZI8KZlPLViTwgrJ9Th37HhPqvCPqLMnY06jYtAQlPXbjGZxCNsQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@microsoft/webui-darwin-x64": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-x64/-/webui-darwin-x64-0.0.10.tgz",
+      "integrity": "sha512-BfKIrhqNDFWA1UZPLccZGq1LEDbA8pNEAsJXaaidAFdzB6Mwhezk9tTKArATthctBOd8O9k5sx5rm7+5FnE15A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@microsoft/webui-linux-arm64": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-arm64/-/webui-linux-arm64-0.0.10.tgz",
+      "integrity": "sha512-D5gg78/s3QEph3zwcL7PxaHEp33r7EIX2/CpzVXhYq+nTE50Kx3MYQVkyVoSFCp80dz8NpgEB771/JeFGOQ3lQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@microsoft/webui-linux-x64": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-x64/-/webui-linux-x64-0.0.10.tgz",
+      "integrity": "sha512-RCnwb7F6Wf75LYDnva/vIN0sNEuKRAXS5BEL8Yg5LuoZtncTGctGxSvMoqhLbBAeD4nnlhTyLn/ZFQVRWJluGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@microsoft/webui-win32-arm64": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-arm64/-/webui-win32-arm64-0.0.10.tgz",
+      "integrity": "sha512-dFHzxCCOhEPX9kC64uWvw3gV5ldeVdlQ2QreAHt/ewlnOQQmUFWQpzJaSWwirEezWwE20+uakECSt65LBnRuxQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@microsoft/webui-win32-x64": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-x64/-/webui-win32-x64-0.0.10.tgz",
+      "integrity": "sha512-9nrveoR0Cu9ZRAlXdGh1SI6ljSRwhWSlDj2vAmf4XAWSA4P5nOwL7krQtX/QTbj3xjytTC5t6vxOvASJdqCnSg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -7203,7 +7323,7 @@
     },
     "packages/fast-build": {
       "name": "@microsoft/fast-build",
-      "version": "0.5.0",
+      "version": "0.7.0",
       "license": "MIT",
       "bin": {
         "fast": "bin/fast.js"
@@ -7214,118 +7334,21 @@
     },
     "packages/fast-element": {
       "name": "@microsoft/fast-element",
-      "version": "3.0.0-rc.1",
-      "license": "MIT",
-      "devDependencies": {
-        "@microsoft/fast-build": "*",
-        "@microsoft/webui": "0.0.12"
-      }
+      "version": "2.10.4",
+      "license": "MIT"
     },
-    "packages/fast-element/node_modules/@microsoft/webui": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui/-/webui-0.0.12.tgz",
-      "integrity": "sha512-jJRWsH2bvx7BAWhWf+2zRzGF4M/v/tUpvQUwwqXlrPnelQzFKXbpKnTMXgH+mu6OQEkjqZjSTg3dKLZD0k8g/g==",
-      "dev": true,
-      "hasInstallScript": true,
+    "packages/fast-html": {
+      "name": "@microsoft/fast-html",
+      "version": "1.0.0-alpha.53",
       "license": "MIT",
-      "bin": {
-        "webui": "bin/webui"
-      },
-      "engines": {
-        "node": ">=18"
+      "devDependencies": {
+        "@microsoft/fast-build": "^0.7.0",
+        "@microsoft/fast-element": "^2.10.4",
+        "@microsoft/webui": "0.0.10"
       },
-      "optionalDependencies": {
-        "@microsoft/webui-darwin-arm64": "0.0.12",
-        "@microsoft/webui-darwin-x64": "0.0.12",
-        "@microsoft/webui-linux-arm64": "0.0.12",
-        "@microsoft/webui-linux-x64": "0.0.12",
-        "@microsoft/webui-win32-arm64": "0.0.12",
-        "@microsoft/webui-win32-x64": "0.0.12"
-      }
-    },
-    "packages/fast-element/node_modules/@microsoft/webui-darwin-arm64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-arm64/-/webui-darwin-arm64-0.0.12.tgz",
-      "integrity": "sha512-J3e23Zz4q7Ni0xDTvkPWtPl9Pzfi6wdgZtLtRYG+HitvF8UryorJPxqddrX/WsrQJzwDxbjcqq8AKUpXJTobCQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "packages/fast-element/node_modules/@microsoft/webui-darwin-x64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-x64/-/webui-darwin-x64-0.0.12.tgz",
-      "integrity": "sha512-ZaCDeTftdT0Q8yUNMymXbK6qmRuhYVl8Ajo9DCfdJwTbwinSv5mpqkovNWJtpTP2Hao6hXDr3Dk1FkSdQ2dUBQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "packages/fast-element/node_modules/@microsoft/webui-linux-arm64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-arm64/-/webui-linux-arm64-0.0.12.tgz",
-      "integrity": "sha512-rwlcXJts89pfIyle/boZJQ8/wEAriqOP3uB+qmr02ST77hhpkczUktQMJ97If98B6v3BSZa0cregz2FTSBJv4g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "packages/fast-element/node_modules/@microsoft/webui-linux-x64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-x64/-/webui-linux-x64-0.0.12.tgz",
-      "integrity": "sha512-f+Q9Jgv/fmlLCJWPKEdXkxOScRc3dBLOVCN2GVYQ6UP5wXte3SL8eWYenO5XxhWOpIrlgu+E77e9RPr3K41KIA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "packages/fast-element/node_modules/@microsoft/webui-win32-arm64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-arm64/-/webui-win32-arm64-0.0.12.tgz",
-      "integrity": "sha512-gHGHvsQQO5zoG5ZbkoFxTCKjItsZOvQ+xYJEmWgy2v+BpxQSJspgrqrIdEpCdQUzSoTHPDt6dVE+vvPhOPg1Pw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "packages/fast-element/node_modules/@microsoft/webui-win32-x64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-x64/-/webui-win32-x64-0.0.12.tgz",
-      "integrity": "sha512-NpywUTlAwztpq3zrIAwDrX/Rxkty47/zOaBzhUa7UxpOpoKzaPeWRVO17dbP3Wp3uYbQvdTV//KLh6xnq4WseA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
+      "peerDependencies": {
+        "@microsoft/fast-element": "^2.10.4"
+      }
     },
     "packages/fast-router": {
       "name": "@microsoft/fast-router",
@@ -7335,15 +7358,15 @@
         "tslib": "^2.6.3"
       },
       "devDependencies": {
-        "@microsoft/fast-element": "^3.0.0-rc.1"
+        "@microsoft/fast-element": "^2.10.4"
       },
       "peerDependencies": {
-        "@microsoft/fast-element": "^3.0.0-rc.1"
+        "@microsoft/fast-element": "^2.10.4"
       }
     },
     "packages/fast-test-harness": {
       "name": "@microsoft/fast-test-harness",
-      "version": "0.0.1",
+      "version": "0.2.0",
       "license": "MIT",
       "dependencies": {
         "cheerio": "1.2.0"
@@ -7352,23 +7375,25 @@
         "fast-test-harness": "start.mjs"
       },
       "devDependencies": {
-        "@microsoft/fast-build": "*",
-        "@microsoft/fast-element": "*"
+        "@microsoft/fast-build": "^0.7.0",
+        "@microsoft/fast-element": "^2.10.4",
+        "@microsoft/fast-html": "^1.0.0-alpha.53"
       },
       "engines": {
         "node": ">=22.18.0"
       },
       "peerDependencies": {
-        "@microsoft/fast-build": ">=0.5.0 <1.0.0",
-        "@microsoft/fast-element": ">=2.10.4 <=3.0.0-rc.1",
+        "@microsoft/fast-build": "^0.7.0",
+        "@microsoft/fast-element": "^2.10.4 || ^3.0.0",
+        "@microsoft/fast-html": ">=1.0.0-alpha.53 <1.0.0",
         "@playwright/test": ">=1.40.0",
         "vite": ">=7.0.0"
       },
       "peerDependenciesMeta": {
-        "@microsoft/fast-build": {
+        "@microsoft/fast-element": {
           "optional": true
         },
-        "@microsoft/fast-element": {
+        "@microsoft/fast-html": {
           "optional": true
         }
       }
@@ -7377,8 +7402,8 @@
       "name": "@microsoft/fast-bench",
       "version": "0.0.0",
       "dependencies": {
-        "@microsoft/fast-build": "*",
-        "@microsoft/fast-element": "*"
+        "@microsoft/fast-element": "*",
+        "@microsoft/fast-html": "*"
       }
     },
     "sites/website": {
@@ -7391,8 +7416,8 @@
         "@microsoft/api-documenter": "7.29.7"
       },
       "devDependencies": {
-        "@microsoft/fast-build": "^0.5.0",
-        "@microsoft/fast-element": "^3.0.0-rc.1"
+        "@microsoft/fast-build": "^0.7.0",
+        "@microsoft/fast-element": "^2.10.4"
       }
     },
     "sites/website/node_modules/@microsoft/api-documenter": {

From 7ba6a166adb5a2095b36ad48aad8374f6ee52d66 Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Thu, 21 May 2026 11:03:42 -0700
Subject: [PATCH 06/17] =?UTF-8?q?feat:=20add=20todo-mobx-app=20example=20w?=
 =?UTF-8?q?ith=20MobX=E2=86=94FASTElement=20bridge=20(#7523)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Pull Request

## 📖 Description

Adds a new example, `examples/todo-mobx-app/`, that demonstrates how to bridge a MobX state store into FASTElement template bindings.

The example introduces two thin, application-scoped decorators that collapse the usual MobX-in-a-web-component boilerplate (a manual `reaction()` per observed field + manual `Observable.notify()` + manual disposer wiring in `disconnectedCallback`) down to two annotations:

- `@mobxObservableProperty` — marks a getter on a FASTElement subclass as one whose value comes from a MobX-tracked source. The getter is wrapped with `Observable.track(this, key)` so FAST treats it as a normal observable property in templates.
- `@mobxObserver` — class decorator that, on `connectedCallback`, sets up one MobX `reaction` per `@mobxObservableProperty` key. When MobX detects a change, the reaction calls `Observable.notify(this, key)` and FAST re-renders the dependent template bindings. Reactions are disposed on `disconnectedCallback`.

The bridge is uni-directional (MobX → FAST). Two-way input bindings (e.g. `<todo-form>`'s draft text) still use plain FAST `@observable` because that state is UI-local and not part of the MobX store.

The example app itself is a small Todo application with the typical features (add / toggle / remove / toggle-all / filter / clear-completed / item count) plus localStorage persistence via a `mobx.autorun`. State lives in a singleton `TodoStore` (`makeAutoObservable`) and is shared across all components, so no props need to be passed down — components read directly from the store through `@mobxObservableProperty` getters.

A `DESIGN.md` documents the bridge architecture, lifecycle ordering, the rationale for `recycle: false` on the `<todo-list>` repeat directive (otherwise FAST would rebind existing rows to new Todo objects without tearing down their MobX reactions, leaving stale subscriptions), and known gotchas around volatile getters and `useDefineForClassFields`.

This is an additive example only — no existing packages or public API are modified.

## 👩‍💻 Reviewer Notes

- The bridge code lives entirely under `examples/todo-mobx-app/src/mobx-integration/`. It is intentionally scoped to the example, not promoted to `@microsoft/fast-element`, so the team can evaluate the pattern before deciding whether to formalize it.
- Suggested smoke test: `npm start -w @microsoft/fast-todo-mobx-app-example` (port 9001), then add several todos, toggle some, switch filters, remove an item that was previously in the middle of the list, then toggle a row that took its place — this exercises the `recycle: false` path that ensures per-item MobX reactions are torn down and rebuilt when rows shift.
- `examples/todo-mobx-app/tsconfig.json` sets `useDefineForClassFields: false` and `skipLibCheck: true`. The first is required so MobX's `makeAutoObservable(this)` sees constructor-assigned fields (rather than `Object.defineProperty`-defined fields) and can convert them to observables. The second sidesteps a known gap in `mobx@6.13.5`'s `ObservableMap` lib types vs. TypeScript's `esnext` `Map` interface.

## 📑 Test Plan

- `npm run build` (full repo): passes; the new package builds in ~1s via `tsgo -p tsconfig.json && vite build` and emits a ~131 KB `www/` bundle.
- `npm run biome:check` on the new files: clean.
- `npm run checkchange`: no change files required (the example package is `"private": true`, so beachball skips it).
- Manual smoke test via Playwright against `npm start -w @microsoft/fast-todo-mobx-app-example`: add 3 todos through the form (verifies action propagation), verify list/stats text update reactively, toggle the middle row (verifies per-item bridge), switch the filter to "completed" (verifies computed view), remove an item and toggle the row that shifted into its slot (verifies `recycle: false` prevents stale reactions), reload the page (verifies localStorage persistence). All scenarios behaved as expected.
- No new unit tests added — the example follows the convention of the existing `examples/todo-app/`, which also has no tests of its own.

## ✅ Checklist

### General

- [ ] I have included a change request file using `$ npm run change`
- [ ] I have added tests for my changes.
- [x] I have tested my changes.
- [x] I have updated the project documentation to reflect my changes.
- [ ] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.

## ⏭ Next Steps

If the team likes the pattern, a natural follow-up is to promote `mobx-integration/` into its own optional adapter package (e.g. `@microsoft/fast-element-mobx`) so that other apps can consume the decorators without copy-pasting them.

(cherry picked from commit b5af8e1130ba25794eec66a463db6e4f418fb0d7)
---
 .github/copilot-instructions.md               |   3 +-
 examples/DESIGN.md                            |   6 +-
 examples/README.md                            |  17 +-
 examples/{ => csr}/todo-app/CHANGELOG.json    |   0
 examples/{ => csr}/todo-app/CHANGELOG.md      |   0
 examples/{ => csr}/todo-app/README.md         |   0
 examples/{ => csr}/todo-app/index.html        |   0
 examples/{ => csr}/todo-app/package.json      |   2 +-
 .../{ => csr}/todo-app/src/design-system.d.ts |   0
 examples/{ => csr}/todo-app/src/exports.ts    |   0
 examples/{ => csr}/todo-app/src/main.ts       |   0
 .../{ => csr}/todo-app/src/todo-app.styles.ts |   0
 .../todo-app/src/todo-app.template.ts         |   0
 examples/{ => csr}/todo-app/src/todo-app.ts   |   0
 .../todo-app/src/todo-form.styles.ts          |   0
 .../todo-app/src/todo-form.template.ts        |   0
 examples/{ => csr}/todo-app/src/todo-form.ts  |   0
 examples/{ => csr}/todo-app/src/todo-list.ts  |   0
 examples/{ => csr}/todo-app/tsconfig.json     |   2 +-
 examples/{ => csr}/todo-app/vite.config.ts    |   0
 examples/csr/todo-mobx-app/.gitignore         |   4 +
 examples/csr/todo-mobx-app/DESIGN.md          | 250 ++++++++++++++++++
 examples/csr/todo-mobx-app/README.md          | 128 +++++++++
 examples/csr/todo-mobx-app/index.html         |  24 ++
 examples/csr/todo-mobx-app/package.json       |  30 +++
 .../csr/todo-mobx-app/src/design-system.d.ts  |   1 +
 examples/csr/todo-mobx-app/src/exports.ts     |   7 +
 examples/csr/todo-mobx-app/src/main.ts        |  15 ++
 examples/csr/todo-mobx-app/src/state/index.ts |   8 +
 .../todo-mobx-app/src/state/persistence.ts    |  29 ++
 .../csr/todo-mobx-app/src/state/todo-store.ts | 188 +++++++++++++
 .../csr/todo-mobx-app/src/todo-app.styles.ts  |  52 ++++
 .../todo-mobx-app/src/todo-app.template.ts    |  32 +++
 examples/csr/todo-mobx-app/src/todo-app.ts    |  40 +++
 .../todo-mobx-app/src/todo-filter.styles.ts   |  53 ++++
 .../todo-mobx-app/src/todo-filter.template.ts |  28 ++
 examples/csr/todo-mobx-app/src/todo-filter.ts |  41 +++
 .../csr/todo-mobx-app/src/todo-form.styles.ts |  73 +++++
 .../todo-mobx-app/src/todo-form.template.ts   |  17 ++
 examples/csr/todo-mobx-app/src/todo-form.ts   |  34 +++
 .../csr/todo-mobx-app/src/todo-item.styles.ts |  68 +++++
 .../todo-mobx-app/src/todo-item.template.ts   |  24 ++
 examples/csr/todo-mobx-app/src/todo-item.ts   |  76 ++++++
 .../csr/todo-mobx-app/src/todo-list.styles.ts |  21 ++
 .../todo-mobx-app/src/todo-list.template.ts   |  17 ++
 examples/csr/todo-mobx-app/src/todo-list.ts   |  38 +++
 .../todo-mobx-app/src/todo-stats.styles.ts    |  68 +++++
 .../todo-mobx-app/src/todo-stats.template.ts  |  33 +++
 examples/csr/todo-mobx-app/src/todo-stats.ts  |  52 ++++
 examples/csr/todo-mobx-app/tsconfig.json      |  21 ++
 examples/csr/todo-mobx-app/vite.config.ts     |  13 +
 package-lock.json                             |  56 +++-
 package.json                                  |   3 +-
 53 files changed, 1561 insertions(+), 13 deletions(-)
 rename examples/{ => csr}/todo-app/CHANGELOG.json (100%)
 rename examples/{ => csr}/todo-app/CHANGELOG.md (100%)
 rename examples/{ => csr}/todo-app/README.md (100%)
 rename examples/{ => csr}/todo-app/index.html (100%)
 rename examples/{ => csr}/todo-app/package.json (95%)
 rename examples/{ => csr}/todo-app/src/design-system.d.ts (100%)
 rename examples/{ => csr}/todo-app/src/exports.ts (100%)
 rename examples/{ => csr}/todo-app/src/main.ts (100%)
 rename examples/{ => csr}/todo-app/src/todo-app.styles.ts (100%)
 rename examples/{ => csr}/todo-app/src/todo-app.template.ts (100%)
 rename examples/{ => csr}/todo-app/src/todo-app.ts (100%)
 rename examples/{ => csr}/todo-app/src/todo-form.styles.ts (100%)
 rename examples/{ => csr}/todo-app/src/todo-form.template.ts (100%)
 rename examples/{ => csr}/todo-app/src/todo-form.ts (100%)
 rename examples/{ => csr}/todo-app/src/todo-list.ts (100%)
 rename examples/{ => csr}/todo-app/tsconfig.json (91%)
 rename examples/{ => csr}/todo-app/vite.config.ts (100%)
 create mode 100644 examples/csr/todo-mobx-app/.gitignore
 create mode 100644 examples/csr/todo-mobx-app/DESIGN.md
 create mode 100644 examples/csr/todo-mobx-app/README.md
 create mode 100644 examples/csr/todo-mobx-app/index.html
 create mode 100644 examples/csr/todo-mobx-app/package.json
 create mode 100644 examples/csr/todo-mobx-app/src/design-system.d.ts
 create mode 100644 examples/csr/todo-mobx-app/src/exports.ts
 create mode 100644 examples/csr/todo-mobx-app/src/main.ts
 create mode 100644 examples/csr/todo-mobx-app/src/state/index.ts
 create mode 100644 examples/csr/todo-mobx-app/src/state/persistence.ts
 create mode 100644 examples/csr/todo-mobx-app/src/state/todo-store.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-app.styles.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-app.template.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-app.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-filter.styles.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-filter.template.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-filter.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-form.styles.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-form.template.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-form.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-item.styles.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-item.template.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-item.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-list.styles.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-list.template.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-list.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-stats.styles.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-stats.template.ts
 create mode 100644 examples/csr/todo-mobx-app/src/todo-stats.ts
 create mode 100644 examples/csr/todo-mobx-app/tsconfig.json
 create mode 100644 examples/csr/todo-mobx-app/vite.config.ts

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index 738650b7fbc..8abf167d8e3 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -35,7 +35,8 @@ Each package includes a DESIGN.md file, read that to gain a general understandin
 ### Example projects
 
 - `examples/design-system/` — Shared semantic design tokens (`@microsoft/fast-examples-design-system`) consumed by all example apps.
-- `examples/todo-app/` — A simple To-Do app demonstrating FAST usage patterns and using the shared `@microsoft/fast-examples-design-system` tokens.
+- `examples/csr/todo-app/` — A simple To-Do app demonstrating FAST usage patterns and using the shared `@microsoft/fast-examples-design-system` tokens.
+- `examples/csr/todo-mobx-app/` — A To-Do app demonstrating how to integrate MobX state with `@microsoft/fast-element` using a single `autorun` per component (no custom bridge code).
 
 ## Skills
 
diff --git a/examples/DESIGN.md b/examples/DESIGN.md
index 5308d7d302b..9d908241f3a 100644
--- a/examples/DESIGN.md
+++ b/examples/DESIGN.md
@@ -1,6 +1,7 @@
 # FAST example apps — design guidance
 
-This document is the workspace-level guide for building UI in `examples/*`. It
+This document is the workspace-level guide for building UI in `examples/*`
+and its rendering-strategy subfolders (currently `examples/csr/`). It
 explains how the apps share a visual language, the constraints every example
 must follow, and the rules that humans and coding agents should apply when
 making changes. The token vocabulary itself lives in
@@ -25,7 +26,8 @@ alongside this one.
 
 ## Goals
 
-- Give every app in `examples/*` a shared, consistent visual language.
+- Give every app in `examples/*` (across all rendering-strategy subfolders)
+  a shared, consistent visual language.
 - Provide a single source of truth for shared visual tokens.
 - Stay framework-free and dependency-free by exposing CSS custom properties
   only. No theme runtime, no helper API, no component layer.
diff --git a/examples/README.md b/examples/README.md
index 8850ce4311d..dbc01138c1e 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -10,7 +10,12 @@ FAST patterns in a complete app context.
 | Folder | Package | Purpose |
 | --- | --- | --- |
 | `design-system` | `@microsoft/fast-examples-design-system` | Shared CSS design tokens (no JS) consumed by every example app. |
-| `todo-app` | `@microsoft/fast-todo-app-example` | A To-Do app demonstrating `@microsoft/fast-element` patterns end to end, styled with the shared design-system tokens (light theme, no runtime toggle). |
+| `csr/todo-app` | `@microsoft/fast-todo-app-example` | A To-Do app demonstrating `@microsoft/fast-element` patterns end to end, styled with the shared design-system tokens (light theme, no runtime toggle). |
+| `csr/todo-mobx-app` | `@microsoft/fast-todo-mobx-app-example` | A To-Do app showing how to integrate MobX state with `@microsoft/fast-element` using a single `autorun` per component (no custom bridge code), styled with the shared design-system tokens. |
+
+Example apps are grouped by rendering strategy. Client-side-rendered (CSR)
+apps live under [`examples/csr/`](./csr/); future server-side-rendered (SSR)
+apps will live alongside them under their own subfolder.
 
 ## Shared design system
 
@@ -45,9 +50,10 @@ See:
 
 ## Creating a new example app
 
-1. Scaffold a new folder under `examples/<your-app>/`.
-2. Use [`examples/todo-app/`](./todo-app/) as a reference for `package.json`,
-   `tsconfig.json`, `vite.config.ts`, and `index.html`.
+1. Scaffold a new folder under the appropriate rendering-strategy subfolder
+   (CSR apps go under `examples/csr/<your-app>/`).
+2. Use [`examples/csr/todo-app/`](./csr/todo-app/) as a reference for
+   `package.json`, `tsconfig.json`, `vite.config.ts`, and `index.html`.
 3. Add `"@microsoft/fast-examples-design-system": "workspace:*"` to the new
    app's `dependencies` and run `npm install` from the repo root.
 4. Import `@microsoft/fast-examples-design-system/tokens.css` exactly once at
@@ -75,10 +81,11 @@ npm install
 npm start -w @microsoft/fast-<your-app>-example
 ```
 
-For the existing example app:
+For the existing example apps:
 
 ```shell
 npm start -w @microsoft/fast-todo-app-example
+npm start -w @microsoft/fast-todo-mobx-app-example
 ```
 
 ## Useful links
diff --git a/examples/todo-app/CHANGELOG.json b/examples/csr/todo-app/CHANGELOG.json
similarity index 100%
rename from examples/todo-app/CHANGELOG.json
rename to examples/csr/todo-app/CHANGELOG.json
diff --git a/examples/todo-app/CHANGELOG.md b/examples/csr/todo-app/CHANGELOG.md
similarity index 100%
rename from examples/todo-app/CHANGELOG.md
rename to examples/csr/todo-app/CHANGELOG.md
diff --git a/examples/todo-app/README.md b/examples/csr/todo-app/README.md
similarity index 100%
rename from examples/todo-app/README.md
rename to examples/csr/todo-app/README.md
diff --git a/examples/todo-app/index.html b/examples/csr/todo-app/index.html
similarity index 100%
rename from examples/todo-app/index.html
rename to examples/csr/todo-app/index.html
diff --git a/examples/todo-app/package.json b/examples/csr/todo-app/package.json
similarity index 95%
rename from examples/todo-app/package.json
rename to examples/csr/todo-app/package.json
index d7beec1d423..634d555c221 100644
--- a/examples/todo-app/package.json
+++ b/examples/csr/todo-app/package.json
@@ -19,7 +19,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Microsoft/fast.git",
-    "directory": "examples/todo-app"
+    "directory": "examples/csr/todo-app"
   },
   "dependencies": {
     "@microsoft/fast-element": "^3.0.0-rc.1",
diff --git a/examples/todo-app/src/design-system.d.ts b/examples/csr/todo-app/src/design-system.d.ts
similarity index 100%
rename from examples/todo-app/src/design-system.d.ts
rename to examples/csr/todo-app/src/design-system.d.ts
diff --git a/examples/todo-app/src/exports.ts b/examples/csr/todo-app/src/exports.ts
similarity index 100%
rename from examples/todo-app/src/exports.ts
rename to examples/csr/todo-app/src/exports.ts
diff --git a/examples/todo-app/src/main.ts b/examples/csr/todo-app/src/main.ts
similarity index 100%
rename from examples/todo-app/src/main.ts
rename to examples/csr/todo-app/src/main.ts
diff --git a/examples/todo-app/src/todo-app.styles.ts b/examples/csr/todo-app/src/todo-app.styles.ts
similarity index 100%
rename from examples/todo-app/src/todo-app.styles.ts
rename to examples/csr/todo-app/src/todo-app.styles.ts
diff --git a/examples/todo-app/src/todo-app.template.ts b/examples/csr/todo-app/src/todo-app.template.ts
similarity index 100%
rename from examples/todo-app/src/todo-app.template.ts
rename to examples/csr/todo-app/src/todo-app.template.ts
diff --git a/examples/todo-app/src/todo-app.ts b/examples/csr/todo-app/src/todo-app.ts
similarity index 100%
rename from examples/todo-app/src/todo-app.ts
rename to examples/csr/todo-app/src/todo-app.ts
diff --git a/examples/todo-app/src/todo-form.styles.ts b/examples/csr/todo-app/src/todo-form.styles.ts
similarity index 100%
rename from examples/todo-app/src/todo-form.styles.ts
rename to examples/csr/todo-app/src/todo-form.styles.ts
diff --git a/examples/todo-app/src/todo-form.template.ts b/examples/csr/todo-app/src/todo-form.template.ts
similarity index 100%
rename from examples/todo-app/src/todo-form.template.ts
rename to examples/csr/todo-app/src/todo-form.template.ts
diff --git a/examples/todo-app/src/todo-form.ts b/examples/csr/todo-app/src/todo-form.ts
similarity index 100%
rename from examples/todo-app/src/todo-form.ts
rename to examples/csr/todo-app/src/todo-form.ts
diff --git a/examples/todo-app/src/todo-list.ts b/examples/csr/todo-app/src/todo-list.ts
similarity index 100%
rename from examples/todo-app/src/todo-list.ts
rename to examples/csr/todo-app/src/todo-list.ts
diff --git a/examples/todo-app/tsconfig.json b/examples/csr/todo-app/tsconfig.json
similarity index 91%
rename from examples/todo-app/tsconfig.json
rename to examples/csr/todo-app/tsconfig.json
index 02cf1e7f59f..45ef640a343 100644
--- a/examples/todo-app/tsconfig.json
+++ b/examples/csr/todo-app/tsconfig.json
@@ -3,7 +3,7 @@
         "plugins": [
             {
                 "name": "@genesiscommunitysuccess/custom-elements-lsp",
-                "srcRouteFromTSServer": "../../../examples/todo-app",
+                "srcRouteFromTSServer": "../../../../examples/csr/todo-app",
                 "parser": {
                     "fastEnable": true,
                     "timeout": 2000,
diff --git a/examples/todo-app/vite.config.ts b/examples/csr/todo-app/vite.config.ts
similarity index 100%
rename from examples/todo-app/vite.config.ts
rename to examples/csr/todo-app/vite.config.ts
diff --git a/examples/csr/todo-mobx-app/.gitignore b/examples/csr/todo-mobx-app/.gitignore
new file mode 100644
index 00000000000..d7ed8583d91
--- /dev/null
+++ b/examples/csr/todo-mobx-app/.gitignore
@@ -0,0 +1,4 @@
+.parcel-cache
+dist
+www
+node_modules
diff --git a/examples/csr/todo-mobx-app/DESIGN.md b/examples/csr/todo-mobx-app/DESIGN.md
new file mode 100644
index 00000000000..65e21ecad0c
--- /dev/null
+++ b/examples/csr/todo-mobx-app/DESIGN.md
@@ -0,0 +1,250 @@
+# Todo MobX App — Design Overview
+
+This document explains how the example integrates **MobX** with **`@microsoft/fast-element`**, and why the integration needs no custom abstractions on top of either library.
+
+For a user-facing intro and run instructions, see [README.md](./README.md).
+
+---
+
+## Table of contents
+
+1. [The two reactivity systems](#the-two-reactivity-systems)
+2. [The integration pattern: one `autorun` per component](#the-integration-pattern-one-autorun-per-component)
+3. [Lifecycle and ordering](#lifecycle-and-ordering)
+4. [State layer (`src/state/`)](#state-layer-srcstate)
+5. [Persistence (`autorun` → `localStorage`)](#persistence-autorun--localstorage)
+6. [Component composition](#component-composition)
+7. [Per-item reactivity and `repeat` recycling](#per-item-reactivity-and-repeat-recycling)
+8. [Known gotchas](#known-gotchas)
+9. [Package layout](#package-layout)
+
+---
+
+## The two reactivity systems
+
+FAST and MobX both track property reads to invalidate dependents when state changes, but they do so independently:
+
+| | FAST (`@microsoft/fast-element`) | MobX |
+|---|---|---|
+| What gets observed | `@attr`, `@observable`, array mutations through FAST's `arrays.ts` patch, and any access wrapped in `Observable.track(source, name)` | Properties touched while a `reaction`, `autorun`, or `computed` is running |
+| Subscriber primitive | `ExpressionNotifier` (an internal "watcher" stack — see [`observation/observable.ts`](../../../packages/fast-element/src/observation/observable.ts)) | `Reaction` / `ComputedValue` |
+| How a change re-renders | `Observable.notify(source, name)` → bound `ExpressionNotifier`s fire `handleChange` → enqueues an `Updates` task | The reaction's effect function runs synchronously |
+
+There is no direct interop. If a FAST template binding reads a MobX-observable, MobX does not know to notify FAST. If a MobX `reaction` reads a FAST `@observable`, FAST does not know to notify MobX.
+
+This example wires **one direction**: MobX → FAST. FAST stays the source of truth for DOM updates; MobX stays the source of truth for application state.
+
+---
+
+## The integration pattern: one `autorun` per component
+
+Every component follows the same three-line pattern.
+
+1. Declare the slices of MobX state the component renders as FAST `@observable` fields, with default initial values.
+2. In `connectedCallback`, install a single `autorun(() => { … })` that reassigns those fields from the MobX store.
+3. In `disconnectedCallback`, call the disposer returned by `autorun`.
+
+```typescript
+import { FASTElement, observable } from "@microsoft/fast-element";
+import { autorun } from "mobx";
+import { todoStore } from "./state/index.js";
+
+export class TodoStats extends FASTElement {
+    @observable public activeCount: number = 0;
+    @observable public completedCount: number = 0;
+    @observable public allCompleted: boolean = false;
+    @observable public hasCompleted: boolean = false;
+
+    private _disposer?: () => void;
+
+    public connectedCallback(): void {
+        this._disposer = autorun(() => {
+            this.activeCount = todoStore.activeCount;
+            this.completedCount = todoStore.completedCount;
+            this.allCompleted = todoStore.allCompleted;
+            this.hasCompleted = todoStore.completedCount > 0;
+        });
+        super.connectedCallback();
+    }
+
+    public disconnectedCallback(): void {
+        super.disconnectedCallback();
+        this._disposer?.();
+        this._disposer = undefined;
+    }
+}
+```
+
+### Why this works
+
+- MobX's `autorun` runs the body immediately, registers a subscription on every MobX-observable that was read, and re-runs the body whenever any of those observables changes ([docs](https://mobx.js.org/reactions.html#autorun)).
+- Each re-run assigns a fresh value to a FAST `@observable` field. FAST's `@observable` setter compares with `Object.is`, and on a change calls `Observable.notify(this, name)`, which fans out to every bound `ExpressionNotifier` and enqueues a DOM update via `Updates.enqueue`.
+- Because MobX's computed values cache (so do array slices like `filter`, in the sense that the *array reference* changes only when the contents change), the assignment is a true no-op when nothing changed downstream — no spurious DOM updates.
+
+### Why no custom decorator
+
+The previous iteration of this example shipped two custom decorators that wrapped getters with `Observable.track` and installed one MobX `reaction` per decorated getter. They were removed because they did not buy anything that this two-line pattern does not already provide:
+
+| Concern | Custom decorators | Inline `autorun` |
+|---|---|---|
+| Boilerplate per component | One `@mobxObservableProperty` per getter | A `connectedCallback`/`disconnectedCallback` pair |
+| New API surface to learn | 2 decorators with their own contract | None — stock APIs from both libraries |
+| Bridge code in the repo | ~180 lines | 0 lines |
+| Re-renders triggered per change | Per property | Per component (still gated by FAST per-binding diffing) |
+| Recycle-safe by default | No — required `recycle: false` | Yes (see below) |
+
+The inline pattern is functionally equivalent for this app, and is easier for readers who already know both libraries because there is no novel mechanism to understand.
+
+---
+
+## Lifecycle and ordering
+
+`autorun` is called **before** `super.connectedCallback()`. This matters because:
+
+- `autorun` runs its body synchronously the first time. The body assigns FAST `@observable` fields. At that point no template has bound to those fields yet, so no `Observable.notify` fans out — the assignments simply update the stored values.
+- `super.connectedCallback()` then runs, FAST's controller creates and activates the view, and each binding evaluates against the now-correct field values. The first paint has no flicker.
+
+On disconnect the order is reversed: `super.disconnectedCallback()` runs first (the view tears down), then the disposer runs (the MobX subscription is released). No reaction outlives the element.
+
+---
+
+## State layer (`src/state/`)
+
+`TodoStore` (in [`todo-store.ts`](./src/state/todo-store.ts)) is a plain class made reactive with `makeAutoObservable(this)`. That call automatically annotates:
+
+- Class fields (`todos`, `activeFilter`) as `observable`.
+- `get` accessors (`filtered`, `activeCount`, `completedCount`, `total`, `allCompleted`) as `computed` (cached while observed; recomputed only when their MobX dependencies change).
+- Regular methods (`add`, `remove`, `toggle`, `toggleAll`, `clearCompleted`, `setFilter`, `hydrate`) as `action` (so mutations are batched).
+
+Because the array is deeply observable, the plain `{ id, description, done }` objects inserted by `add()` are wrapped as observable objects when they enter the array. That is what lets `<todo-item>` track `this.todo.done` and `this.todo.description` reactively.
+
+`hydrate(snapshot)` accepts both an array of todos (legacy shape) and `{ todos, activeFilter }`. It validates entries before assigning so corrupted `localStorage` payloads cannot poison the store.
+
+The module exports a singleton `todoStore` — components import it directly rather than using DI / Context, which mirrors the typical MobX usage from React. (The plain `todo-app` example in this monorepo uses FAST `Context` instead; either pattern works.)
+
+---
+
+## Persistence (`autorun` → `localStorage`)
+
+[`persistence.ts`](./src/state/persistence.ts) exports `connectStoreToStorage(store, key)` which:
+
+1. Reads `key` from `localStorage` on call, parses, and hands the payload to `store.hydrate(...)`. Wrapped in `try/catch` for environments without storage (SSR, private mode).
+2. Returns the disposer from `autorun(() => localStorage.setItem(key, JSON.stringify({ todos: store.todos, activeFilter: store.activeFilter })))`.
+
+The same `autorun` primitive that powers the UI-side integration also powers persistence — there is nothing FAST-specific in this file, and the store would work the same way in a React app.
+
+---
+
+## Component composition
+
+Every component imports the singleton `todoStore` directly. None of them accept the store via property — props are only used for transient parent-to-child data (the `todo` property on `<todo-item>`).
+
+| Component | Mirrored from store | Actions dispatched |
+|---|---|---|
+| `<todo-app>` | `total`, `hasTodos` | (renders sub-components) |
+| `<todo-form>` | local FAST `@observable description` (UI-only state) | `todoStore.add` |
+| `<todo-filter>` | `activeFilter` | `todoStore.setFilter` |
+| `<todo-list>` | `items` (proxies `todoStore.filtered`) | (renders `<todo-item>`s) |
+| `<todo-item>` | `done`, `description` (per-item — see next section) | `todoStore.toggle`, `todoStore.remove` |
+| `<todo-stats>` | `activeCount`, `completedCount`, `allCompleted`, `hasCompleted` | `todoStore.toggleAll`, `todoStore.clearCompleted` |
+
+The form's input value is intentionally a FAST `@observable`, not MobX state — it is transient UI state local to that element. The integration deliberately does not span that boundary.
+
+---
+
+## Per-item reactivity and `repeat` recycling
+
+`<todo-item>` is unique because it does not pull its data from the global store directly — it reads it through a `todo` property bound from `<todo-list>`'s `repeat` directive. FAST's `repeat` may **recycle** child views by default: when an item is removed mid-list, the existing `<todo-item>` view at that position is re-bound to a different Todo rather than torn down and recreated.
+
+That recycling is fine for our pattern, *because we hook FAST's `${prop}Changed` callback to rebuild the `autorun` against the new Todo*. The full lifecycle handling looks like:
+
+```typescript
+export class TodoItem extends FASTElement {
+    @observable public todo!: Todo;
+    @observable public done: boolean = false;
+    @observable public description: string = "";
+
+    private _disposer?: () => void;
+    private _connected: boolean = false;
+
+    public connectedCallback(): void {
+        this._connected = true;
+        this.startReaction();
+        super.connectedCallback();
+    }
+
+    public disconnectedCallback(): void {
+        super.disconnectedCallback();
+        this._connected = false;
+        this.stopReaction();
+    }
+
+    public todoChanged(): void {
+        if (this._connected) {
+            this.startReaction();
+        }
+    }
+
+    private startReaction(): void {
+        this.stopReaction();
+        if (this.todo === undefined) return;
+        this._disposer = autorun(() => {
+            const todo = this.todo;
+            this.done = todo.done;
+            this.description = todo.description;
+        });
+    }
+
+    private stopReaction(): void {
+        this._disposer?.();
+        this._disposer = undefined;
+    }
+}
+```
+
+The `_connected` flag is there because FAST's `@observable` setters can fire *before* `connectedCallback` runs (the parent assigns the property as it constructs the child view, then inserts the child into the DOM). The flag prevents `todoChanged` from installing a reaction on an element that is not yet attached — which would otherwise leak if the element were never inserted.
+
+This is the only component where the pattern needs an extra wrinkle on top of the standard `connect/disconnect` pair, and the wrinkle is a stock FAST mechanism (`${prop}Changed`) — not custom infrastructure.
+
+---
+
+## Known gotchas
+
+- **`useDefineForClassFields: false`** — required by MobX 6's `makeAutoObservable` so class-field initializers run as constructor assignments rather than `Object.defineProperty` declarations. The example's `tsconfig.json` sets this explicitly.
+- **`skipLibCheck: true`** — set because MobX 6's `ObservableMap` lib types lag the `Map` definitions in TypeScript's `esnext` lib (missing `getOrInsert` / `getOrInsertComputed`). This affects type-checking only, not runtime.
+- **One-direction integration** — the `autorun` moves MobX changes into FAST. The reverse (FAST `@observable` → MobX `reaction`) is **not** wired. UI-local FAST state (e.g. the form draft) stays out of the MobX store on purpose; nothing in the MobX layer needs to observe it.
+- **Initial-value defaults** — `@observable` fields are declared with default values (`0`, `false`, `""`, `[]`) so the templates have valid bindings even before `autorun` first runs. Because `autorun` calls into MobX synchronously before `super.connectedCallback()`, the template's first evaluation always sees the real values, not the defaults.
+
+---
+
+## Package layout
+
+```
+examples/csr/todo-mobx-app/
+├── DESIGN.md                       ← this file
+├── README.md                       ← developer-facing intro
+├── index.html
+├── package.json
+├── tsconfig.json
+├── vite.config.ts
+└── src/
+    ├── design-system.d.ts          ← module shim for the tokens stylesheet import
+    ├── exports.ts
+    ├── main.ts
+    ├── state/
+    │   ├── index.ts
+    │   ├── persistence.ts          ← autorun → localStorage
+    │   └── todo-store.ts           ← MobX store
+    ├── todo-app.{ts,template.ts,styles.ts}
+    ├── todo-form.{ts,template.ts,styles.ts}
+    ├── todo-list.{ts,template.ts,styles.ts}
+    ├── todo-item.{ts,template.ts,styles.ts}
+    ├── todo-filter.{ts,template.ts,styles.ts}
+    └── todo-stats.{ts,template.ts,styles.ts}
+```
+
+Implementation entry points worth reading first:
+
+1. [`src/todo-stats.ts`](./src/todo-stats.ts) — the cleanest end-to-end example of the pattern.
+2. [`src/todo-item.ts`](./src/todo-item.ts) — the per-item variant with the `todoChanged` hook.
+3. [`src/state/todo-store.ts`](./src/state/todo-store.ts) — the MobX model.
diff --git a/examples/csr/todo-mobx-app/README.md b/examples/csr/todo-mobx-app/README.md
new file mode 100644
index 00000000000..6966bb45f1c
--- /dev/null
+++ b/examples/csr/todo-mobx-app/README.md
@@ -0,0 +1,128 @@
+# MobX Todo App (FAST)
+
+A small Todo app that uses **[MobX](https://mobx.js.org/)** as its state library and **[`@microsoft/fast-element`](../../../packages/fast-element)** for its Web Components. It is the MobX counterpart to [`examples/csr/todo-app`](../todo-app), and like every example app it consumes the shared [`@microsoft/fast-examples-design-system`](../../design-system) tokens for styling.
+
+The example shows that you do **not** need a custom decorator or any bridge code to integrate MobX with `@microsoft/fast-element` — a single `autorun` per component, set up in `connectedCallback` and disposed in `disconnectedCallback`, is all that is needed.
+
+## Running
+
+```bash
+# from the monorepo root
+npm ci
+npm run build -w @microsoft/fast-element
+npm start -w @microsoft/fast-todo-mobx-app-example
+```
+
+The Vite dev server runs at <http://localhost:9001>.
+
+To produce a production build:
+
+```bash
+npm run build -w @microsoft/fast-todo-mobx-app-example
+```
+
+The output is written to `examples/todo-mobx-app/www/`.
+
+## The pattern, in one component
+
+`<todo-stats>` reads several MobX-derived numbers from the shared store and renders them. It declares matching FAST `@observable` fields, and a single `autorun` mirrors store values into those fields:
+
+```typescript
+import { FASTElement, observable } from "@microsoft/fast-element";
+import { autorun } from "mobx";
+import { todoStore } from "./state/index.js";
+
+export class TodoStats extends FASTElement {
+    @observable public activeCount: number = 0;
+    @observable public completedCount: number = 0;
+    @observable public allCompleted: boolean = false;
+    @observable public hasCompleted: boolean = false;
+
+    private _disposer?: () => void;
+
+    public connectedCallback(): void {
+        this._disposer = autorun(() => {
+            this.activeCount = todoStore.activeCount;
+            this.completedCount = todoStore.completedCount;
+            this.allCompleted = todoStore.allCompleted;
+            this.hasCompleted = todoStore.completedCount > 0;
+        });
+        super.connectedCallback();
+    }
+
+    public disconnectedCallback(): void {
+        super.disconnectedCallback();
+        this._disposer?.();
+        this._disposer = undefined;
+    }
+}
+```
+
+That is the entire integration. The template binds to `${x => x.activeCount}` (etc.) exactly as it would for any other FAST element.
+
+### Why this works
+
+- `autorun` runs immediately, then re-runs whenever any MobX-observable it read changes.
+- Each re-run reassigns a FAST `@observable` field, which fires FAST's own change notification, which patches the bound DOM.
+- Calling `autorun` *before* `super.connectedCallback()` ensures the mirror fields have correct values before the template binds, avoiding any initial flicker.
+- The disposer returned by `autorun` is stored on the element and released on disconnect, so reactions never outlive the element.
+
+## What the app demonstrates
+
+| Feature | Where to look |
+|---|---|
+| `makeAutoObservable` store with observables, computeds, and actions inferred automatically | [`src/state/todo-store.ts`](./src/state/todo-store.ts) |
+| `autorun` persisting to `localStorage` and hydrating on load | [`src/state/persistence.ts`](./src/state/persistence.ts) |
+| `autorun` bridging MobX → FAST in every component | every `src/todo-*.ts` |
+| Recycle-safe per-item reactivity via FAST's `${prop}Changed` callback | [`src/todo-item.ts`](./src/todo-item.ts) |
+| Filtered list view backed by a MobX computed | [`src/todo-list.ts`](./src/todo-list.ts) |
+| Aggregate stats (active count, completed count, all-completed) | [`src/todo-stats.ts`](./src/todo-stats.ts) |
+| Toggle-all and clear-completed actions | [`src/todo-stats.ts`](./src/todo-stats.ts), [`src/state/todo-store.ts`](./src/state/todo-store.ts) |
+| Styling exclusively via the shared design-system tokens | every `src/*.styles.ts`, [`index.html`](./index.html), [`src/main.ts`](./src/main.ts) |
+
+## Project layout
+
+```
+examples/csr/todo-mobx-app/
+├── index.html                     # mounts <todo-app>, sets data-theme="light"
+├── package.json
+├── tsconfig.json
+├── vite.config.ts
+├── README.md                      # this file
+├── DESIGN.md                      # why the autorun pattern, lifecycle details
+└── src/
+    ├── design-system.d.ts         # module shim for the tokens stylesheet import
+    ├── exports.ts                 # barrel for tooling
+    ├── main.ts                    # entry — imports tokens.css, wires storage, defines <todo-app>
+    ├── state/                     # MobX layer (framework-agnostic)
+    │   ├── index.ts
+    │   ├── persistence.ts
+    │   └── todo-store.ts
+    ├── todo-app.{ts,template.ts,styles.ts}
+    ├── todo-form.{ts,template.ts,styles.ts}
+    ├── todo-list.{ts,template.ts,styles.ts}
+    ├── todo-item.{ts,template.ts,styles.ts}
+    ├── todo-filter.{ts,template.ts,styles.ts}
+    └── todo-stats.{ts,template.ts,styles.ts}
+```
+├── DESIGN.md                      # why the autorun pattern, lifecycle details
+└── src/
+    ├── exports.ts                 # barrel for tooling
+    ├── main.ts                    # entry — wires storage + defines <todo-app>
+    ├── state/                     # MobX layer (framework-agnostic)
+    │   ├── index.ts
+    │   ├── persistence.ts
+    │   └── todo-store.ts
+    ├── todo-app.{ts,template.ts,styles.ts}
+    ├── todo-form.{ts,template.ts,styles.ts}
+    ├── todo-list.{ts,template.ts,styles.ts}
+    ├── todo-item.{ts,template.ts,styles.ts}
+    ├── todo-filter.{ts,template.ts,styles.ts}
+    └── todo-stats.{ts,template.ts,styles.ts}
+```
+
+See [DESIGN.md](./DESIGN.md) for an explanation of why this pattern is sufficient (and why the `<todo-item>` component has one extra hook for FAST's `repeat` view recycling).
+
+## License
+
+MIT — see the [monorepo root](../../../LICENSE).
diff --git a/examples/csr/todo-mobx-app/index.html b/examples/csr/todo-mobx-app/index.html
new file mode 100644
index 00000000000..fa8fe7e8688
--- /dev/null
+++ b/examples/csr/todo-mobx-app/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="light">
+    <head>
+        <meta charset="utf-8">
+        <title>FAST Todos · MobX</title>
+        <style>
+        html,
+        body {
+            margin: 0;
+            background: var(--fast-background-web-page-primary);
+            color: var(--fast-foreground-ctrl-neutral-primary-rest);
+            font-family: var(--fast-text-style-default-regular-font-family);
+        }
+
+        :not(:defined) {
+            visibility: hidden;
+        }
+        </style>
+    </head>
+    <body>
+        <todo-app></todo-app>
+        <script type="module" src="/src/main.ts"></script>
+    </body>
+</html>
diff --git a/examples/csr/todo-mobx-app/package.json b/examples/csr/todo-mobx-app/package.json
new file mode 100644
index 00000000000..4e277f0f3f0
--- /dev/null
+++ b/examples/csr/todo-mobx-app/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@microsoft/fast-todo-mobx-app-example",
+  "version": "1.0.0",
+  "description": "A Todo example that uses MobX for state, demonstrating how MobX observables, computeds, actions, and reactions can be bridged into FASTElement template bindings.",
+  "main": "dist/exports.js",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build": "tsgo -p tsconfig.json && vite build",
+    "start": "vite",
+    "test": "npm run build"
+  },
+  "author": {
+    "name": "Microsoft",
+    "url": "https://discord.gg/FcSNfg4"
+  },
+  "homepage": "https://www.fast.design/",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Microsoft/fast.git",
+    "directory": "examples/csr/todo-mobx-app"
+  },
+  "dependencies": {
+    "@microsoft/fast-element": "^2.10.4",
+    "@microsoft/fast-examples-design-system": "^1.0.0",
+    "mobx": "^6.13.5",
+    "tslib": "^2.6.3"
+  }
+}
diff --git a/examples/csr/todo-mobx-app/src/design-system.d.ts b/examples/csr/todo-mobx-app/src/design-system.d.ts
new file mode 100644
index 00000000000..320cbb073c5
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/design-system.d.ts
@@ -0,0 +1 @@
+declare module "@microsoft/fast-examples-design-system/tokens.css";
diff --git a/examples/csr/todo-mobx-app/src/exports.ts b/examples/csr/todo-mobx-app/src/exports.ts
new file mode 100644
index 00000000000..7a35bd633ed
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/exports.ts
@@ -0,0 +1,7 @@
+export * from "./state/index.js";
+export * from "./todo-app.js";
+export * from "./todo-filter.js";
+export * from "./todo-form.js";
+export * from "./todo-item.js";
+export * from "./todo-list.js";
+export * from "./todo-stats.js";
diff --git a/examples/csr/todo-mobx-app/src/main.ts b/examples/csr/todo-mobx-app/src/main.ts
new file mode 100644
index 00000000000..60ef480665a
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/main.ts
@@ -0,0 +1,15 @@
+import "@microsoft/fast-examples-design-system/tokens.css";
+import { connectStoreToStorage, todoStore } from "./state/index.js";
+import { app } from "./todo-app.js";
+import "./todo-form.js";
+import "./todo-list.js";
+import "./todo-item.js";
+import "./todo-stats.js";
+import "./todo-filter.js";
+
+// Wire MobX's autorun to localStorage so the store is hydrated on load and
+// persisted on every observable change. The returned disposer is kept for the
+// lifetime of the page.
+connectStoreToStorage(todoStore, "fast-todo-mobx-app");
+
+app.define();
diff --git a/examples/csr/todo-mobx-app/src/state/index.ts b/examples/csr/todo-mobx-app/src/state/index.ts
new file mode 100644
index 00000000000..988e140fa1a
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/state/index.ts
@@ -0,0 +1,8 @@
+/** Re-exports the todo item type. */
+
+/** Re-exports the storage connection helper. */
+export { connectStoreToStorage } from "./persistence.js";
+export type { Todo, TodoListFilter } from "./todo-store.js";
+/** Re-exports the todo store class. */
+/** Re-exports the shared todo store instance. */
+export { TodoStore, todoStore } from "./todo-store.js";
diff --git a/examples/csr/todo-mobx-app/src/state/persistence.ts b/examples/csr/todo-mobx-app/src/state/persistence.ts
new file mode 100644
index 00000000000..5965c51ced7
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/state/persistence.ts
@@ -0,0 +1,29 @@
+import { autorun } from "mobx";
+import type { TodoStore } from "./todo-store.js";
+
+/** Connects a todo store to localStorage and returns an autorun disposer. */
+export function connectStoreToStorage(store: TodoStore, key: string): () => void {
+    try {
+        const serialized = localStorage.getItem(key);
+
+        if (serialized !== null) {
+            store.hydrate(JSON.parse(serialized));
+        }
+    } catch {
+        // Ignore storage and parse failures in unsupported environments.
+    }
+
+    return autorun(() => {
+        try {
+            localStorage.setItem(
+                key,
+                JSON.stringify({
+                    todos: store.todos,
+                    activeFilter: store.activeFilter,
+                }),
+            );
+        } catch {
+            // Ignore storage write failures in unsupported environments.
+        }
+    });
+}
diff --git a/examples/csr/todo-mobx-app/src/state/todo-store.ts b/examples/csr/todo-mobx-app/src/state/todo-store.ts
new file mode 100644
index 00000000000..973499455cd
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/state/todo-store.ts
@@ -0,0 +1,188 @@
+import { makeAutoObservable } from "mobx";
+
+/** The supported filters for displaying todos. */
+export type TodoListFilter = "all" | "active" | "completed";
+
+/** A single todo item in the store. */
+export type Todo = {
+    id: string;
+    description: string;
+    done: boolean;
+};
+
+type TodoStoreHydration = {
+    todos?: unknown;
+    activeFilter?: unknown;
+};
+
+function isTodoListFilter(value: unknown): value is TodoListFilter {
+    return value === "all" || value === "active" || value === "completed";
+}
+
+function isTodo(value: unknown): value is Todo {
+    if (typeof value !== "object" || value === null) {
+        return false;
+    }
+
+    const todo = value as Partial<Todo>;
+
+    return (
+        typeof todo.id === "string" &&
+        typeof todo.description === "string" &&
+        typeof todo.done === "boolean"
+    );
+}
+
+/** Manages todos, filters, and derived counts for the example app. */
+export class TodoStore {
+    /** The full list of todos. */
+    public todos: Todo[] = [];
+
+    /** The currently applied list filter. */
+    public activeFilter: TodoListFilter = "all";
+
+    /** Creates a store and optionally seeds it with hydrated todos. */
+    public constructor(initialTodos?: Todo[]) {
+        makeAutoObservable(this);
+        this.hydrate({
+            todos: initialTodos ?? [],
+        });
+    }
+
+    /** The todos visible under the current filter. */
+    public get filtered(): readonly Todo[] {
+        switch (this.activeFilter) {
+            case "active":
+                return this.todos.filter(todo => !todo.done);
+            case "completed":
+                return this.todos.filter(todo => todo.done);
+            default:
+                return this.todos;
+        }
+    }
+
+    /** The number of active todos. */
+    public get activeCount(): number {
+        return this.todos.length - this.completedCount;
+    }
+
+    /** The number of completed todos. */
+    public get completedCount(): number {
+        return this.todos.filter(todo => todo.done).length;
+    }
+
+    /** The total number of todos. */
+    public get total(): number {
+        return this.todos.length;
+    }
+
+    /** Whether every todo is completed. */
+    public get allCompleted(): boolean {
+        return this.total > 0 && this.completedCount === this.total;
+    }
+
+    /** Adds a todo when the description is not empty after trimming. */
+    public add(description: string): void {
+        const trimmedDescription = description.trim();
+
+        if (trimmedDescription === "") {
+            return;
+        }
+
+        this.todos.push({
+            id: this.generateId(),
+            description: trimmedDescription,
+            done: false,
+        });
+    }
+
+    /** Removes a todo by id. */
+    public remove(todo: Todo): void {
+        this.todos = this.todos.filter(candidate => candidate.id !== todo.id);
+    }
+
+    /** Toggles a todo's completion state. */
+    public toggle(todo: Todo): void {
+        const target = this.todos.find(candidate => candidate.id === todo.id);
+
+        if (target === undefined) {
+            return;
+        }
+
+        target.done = !target.done;
+    }
+
+    /** Marks every todo done or active based on the current aggregate state. */
+    public toggleAll(): void {
+        const nextDoneState = !this.allCompleted;
+
+        for (const todo of this.todos) {
+            todo.done = nextDoneState;
+        }
+    }
+
+    /** Removes all completed todos. */
+    public clearCompleted(): void {
+        this.todos = this.todos.filter(todo => !todo.done);
+    }
+
+    /** Updates the active filter. */
+    public setFilter(filter: TodoListFilter): void {
+        this.activeFilter = filter;
+    }
+
+    /** Replaces store state from a validated hydration payload. */
+    public hydrate(snapshot: unknown): void {
+        if (Array.isArray(snapshot)) {
+            const nextTodos = this.validateTodos(snapshot);
+
+            if (nextTodos !== undefined) {
+                this.todos = nextTodos;
+            }
+
+            return;
+        }
+
+        if (typeof snapshot !== "object" || snapshot === null) {
+            return;
+        }
+
+        const { activeFilter, todos } = snapshot as TodoStoreHydration;
+        const nextTodos = this.validateTodos(todos);
+
+        if (nextTodos === undefined) {
+            return;
+        }
+
+        this.todos = nextTodos;
+
+        if (isTodoListFilter(activeFilter)) {
+            this.activeFilter = activeFilter;
+        }
+    }
+
+    private generateId(): string {
+        if (typeof globalThis.crypto?.randomUUID === "function") {
+            return globalThis.crypto.randomUUID();
+        }
+
+        return Math.random().toString(36).slice(2);
+    }
+
+    private validateTodos(value: unknown): Todo[] | undefined {
+        if (!Array.isArray(value) || !value.every(isTodo)) {
+            return undefined;
+        }
+
+        const todos = value as Todo[];
+
+        return todos.map(todo => ({
+            id: todo.id,
+            description: todo.description,
+            done: todo.done,
+        }));
+    }
+}
+
+/** The shared todo store instance for the example app. */
+export const todoStore = new TodoStore();
diff --git a/examples/csr/todo-mobx-app/src/todo-app.styles.ts b/examples/csr/todo-mobx-app/src/todo-app.styles.ts
new file mode 100644
index 00000000000..b7b9aa155af
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-app.styles.ts
@@ -0,0 +1,52 @@
+import { css } from "@microsoft/fast-element";
+
+export const styles = css`
+    :host {
+        display: block;
+        max-width: 480px;
+        margin: var(--fast-gap-between-content-x-large) auto;
+        color: var(--fast-foreground-ctrl-neutral-primary-rest);
+        font-family: var(--fast-text-style-default-regular-font-family);
+    }
+
+    .app {
+        background: var(--fast-background-layer-primary-solid);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-subtle);
+        border-radius: var(--fast-corner-large);
+        box-shadow: var(--fast-shadow-card-rest);
+        padding: var(--fast-padding-content-medium);
+    }
+
+    header h1 {
+        margin: 0 0 var(--fast-gap-between-content-x-small);
+        font-size: var(--fast-text-global-display2-font-size);
+        line-height: var(--fast-text-global-display2-line-height);
+        font-weight: var(--fast-text-style-default-header-weight);
+        color: var(--fast-foreground-ctrl-brand-rest);
+    }
+
+    .byline {
+        margin: 0 0 var(--fast-gap-between-content-small);
+        color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+    }
+
+    code {
+        background: var(--fast-background-layer-secondary);
+        padding: 0 var(--fast-padding-content-xx-small);
+        border-radius: var(--fast-corner-small);
+        font-family: var(--fast-text-style-code-regular-font-family);
+        font-size: var(--fast-text-global-caption1-font-size);
+    }
+
+    .empty {
+        margin: var(--fast-gap-between-content-small) 0 0;
+        color: var(--fast-foreground-ctrl-hint-default);
+        font-style: italic;
+        text-align: center;
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+    }
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-app.template.ts b/examples/csr/todo-mobx-app/src/todo-app.template.ts
new file mode 100644
index 00000000000..8c033b1d01f
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-app.template.ts
@@ -0,0 +1,32 @@
+import { html, when } from "@microsoft/fast-element";
+import type { TodoApp } from "./todo-app.js";
+
+export const template = html<TodoApp>`
+    <section class="app">
+        <header>
+            <h1>FAST · MobX Todos</h1>
+            <p class="byline">
+                A todo example wired to a MobX store with one
+                <code>autorun</code> per component.
+            </p>
+        </header>
+
+        <todo-form></todo-form>
+
+        ${when(
+            x => x.hasTodos,
+            html<TodoApp>`
+                <todo-filter></todo-filter>
+                <todo-list></todo-list>
+                <todo-stats></todo-stats>
+            `,
+        )}
+
+        ${when(
+            x => !x.hasTodos,
+            html<TodoApp>`
+                <p class="empty">No todos yet — add your first above.</p>
+            `,
+        )}
+    </section>
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-app.ts b/examples/csr/todo-mobx-app/src/todo-app.ts
new file mode 100644
index 00000000000..899a62d4114
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-app.ts
@@ -0,0 +1,40 @@
+import { autorun } from "mobx";
+import { FASTElement, observable } from "@microsoft/fast-element";
+import { todoStore } from "./state/index.js";
+import { styles } from "./todo-app.styles.js";
+import { template } from "./todo-app.template.js";
+
+/**
+ * Root component for the MobX-backed todo example.
+ *
+ * Holds no state of its own — every value rendered comes from the shared MobX
+ * `todoStore`. A single `autorun` in `connectedCallback` mirrors the slices of
+ * the store this component reads into plain FAST `@observable` fields; the
+ * template binds to those fields as usual.
+ */
+export class TodoApp extends FASTElement {
+    @observable public total: number = 0;
+    @observable public hasTodos: boolean = false;
+
+    private _disposer?: () => void;
+
+    public connectedCallback(): void {
+        this._disposer = autorun(() => {
+            this.total = todoStore.total;
+            this.hasTodos = todoStore.total > 0;
+        });
+        super.connectedCallback();
+    }
+
+    public disconnectedCallback(): void {
+        super.disconnectedCallback();
+        this._disposer?.();
+        this._disposer = undefined;
+    }
+}
+
+export const app = TodoApp.compose({
+    name: "todo-app",
+    template,
+    styles,
+});
diff --git a/examples/csr/todo-mobx-app/src/todo-filter.styles.ts b/examples/csr/todo-mobx-app/src/todo-filter.styles.ts
new file mode 100644
index 00000000000..1e528b85822
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-filter.styles.ts
@@ -0,0 +1,53 @@
+import { css } from "@microsoft/fast-element";
+
+export const styles = css`
+    :host {
+        display: block;
+        margin: var(--fast-gap-between-content-x-small) 0;
+    }
+
+    .filters {
+        display: flex;
+        gap: var(--fast-gap-between-content-xx-small);
+    }
+
+    button {
+        background: var(--fast-background-layer-secondary);
+        color: var(--fast-foreground-ctrl-neutral-primary-rest);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-ctrl-on-outline-rest);
+        border-radius: var(--fast-corner-medium);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-x-small);
+        font-family: inherit;
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+        cursor: pointer;
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+
+    button:hover {
+        background: var(--fast-background-ctrl-subtle-hover);
+    }
+
+    button:active {
+        background: var(--fast-background-ctrl-subtle-pressed);
+    }
+
+    button:focus-visible {
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-ctrl-focus-outer-stroke);
+        outline-offset: var(--fast-stroke-width-default);
+    }
+
+    button.active {
+        background: var(--fast-background-ctrl-brand-rest);
+        color: var(--fast-foreground-ctrl-on-brand-rest);
+        border-color: var(--fast-stroke-divider-brand);
+    }
+
+    button.active:hover {
+        background: var(--fast-background-ctrl-brand-hover);
+    }
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-filter.template.ts b/examples/csr/todo-mobx-app/src/todo-filter.template.ts
new file mode 100644
index 00000000000..3c60f7d15b8
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-filter.template.ts
@@ -0,0 +1,28 @@
+import { html } from "@microsoft/fast-element";
+import type { TodoFilter } from "./todo-filter.js";
+
+export const template = html<TodoFilter>`
+    <nav class="filters" aria-label="Filter todos">
+        <button
+            type="button"
+            class="${x => (x.activeFilter === "all" ? "active" : "")}"
+            @click=${x => x.setFilter("all")}
+        >
+            All
+        </button>
+        <button
+            type="button"
+            class="${x => (x.activeFilter === "active" ? "active" : "")}"
+            @click=${x => x.setFilter("active")}
+        >
+            Active
+        </button>
+        <button
+            type="button"
+            class="${x => (x.activeFilter === "completed" ? "active" : "")}"
+            @click=${x => x.setFilter("completed")}
+        >
+            Completed
+        </button>
+    </nav>
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-filter.ts b/examples/csr/todo-mobx-app/src/todo-filter.ts
new file mode 100644
index 00000000000..bd480fd4641
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-filter.ts
@@ -0,0 +1,41 @@
+import { autorun } from "mobx";
+import { FASTElement, observable } from "@microsoft/fast-element";
+import { type TodoListFilter, todoStore } from "./state/index.js";
+import { styles } from "./todo-filter.styles.js";
+import { template } from "./todo-filter.template.js";
+
+/**
+ * Filter buttons for switching the visible todo set.
+ *
+ * `activeFilter` is mirrored from the MobX store into a FAST `@observable` via
+ * a single `autorun`, so the button highlight reactively follows the store's
+ * filter setting.
+ */
+export class TodoFilter extends FASTElement {
+    @observable public activeFilter: TodoListFilter = "all";
+
+    private _disposer?: () => void;
+
+    public connectedCallback(): void {
+        this._disposer = autorun(() => {
+            this.activeFilter = todoStore.activeFilter;
+        });
+        super.connectedCallback();
+    }
+
+    public disconnectedCallback(): void {
+        super.disconnectedCallback();
+        this._disposer?.();
+        this._disposer = undefined;
+    }
+
+    public setFilter(filter: TodoListFilter): void {
+        todoStore.setFilter(filter);
+    }
+}
+
+TodoFilter.define({
+    name: "todo-filter",
+    template,
+    styles,
+});
diff --git a/examples/csr/todo-mobx-app/src/todo-form.styles.ts b/examples/csr/todo-mobx-app/src/todo-form.styles.ts
new file mode 100644
index 00000000000..2957b39aa10
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-form.styles.ts
@@ -0,0 +1,73 @@
+import { css } from "@microsoft/fast-element";
+
+export const styles = css`
+    :host {
+        display: block;
+    }
+
+    form {
+        display: flex;
+        align-items: center;
+        gap: var(--fast-gap-between-content-x-small);
+        margin: var(--fast-gap-between-content-small) 0;
+    }
+
+    input[type="text"] {
+        flex: 1;
+        min-width: 0;
+        background: var(--fast-background-layer-primary-solid);
+        color: var(--fast-foreground-ctrl-neutral-primary-rest);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-ctrl-on-outline-rest);
+        border-radius: var(--fast-corner-medium);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-x-small);
+        font-family: var(--fast-text-style-default-regular-font-family);
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+    }
+
+    input[type="text"]:focus-visible {
+        border-color: var(--fast-ctrl-focus-outer-stroke);
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-ctrl-focus-outer-stroke);
+        outline-offset: var(--fast-stroke-width-default);
+    }
+
+    button[type="submit"] {
+        background: var(--fast-background-ctrl-brand-rest);
+        color: var(--fast-foreground-ctrl-on-brand-rest);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-brand);
+        border-radius: var(--fast-corner-medium);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-small);
+        font-family: inherit;
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+        cursor: pointer;
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+
+    button[type="submit"]:hover {
+        background: var(--fast-background-ctrl-brand-hover);
+    }
+
+    button[type="submit"]:active {
+        background: var(--fast-background-ctrl-brand-pressed);
+    }
+
+    button[type="submit"]:focus-visible {
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-ctrl-focus-outer-stroke);
+        outline-offset: var(--fast-stroke-width-default);
+    }
+
+    button[type="submit"]:disabled {
+        background: var(--fast-background-ctrl-brand-disabled);
+        color: var(--fast-foreground-ctrl-neutral-primary-disabled);
+        border-color: var(--fast-stroke-ctrl-on-outline-disabled);
+        cursor: not-allowed;
+    }
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-form.template.ts b/examples/csr/todo-mobx-app/src/todo-form.template.ts
new file mode 100644
index 00000000000..3c65672a73c
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-form.template.ts
@@ -0,0 +1,17 @@
+import { html } from "@microsoft/fast-element";
+import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
+import type { TodoForm } from "./todo-form.js";
+
+export const template = html<TodoForm>`
+    <form @submit=${(x, c) => x.handleSubmit(c.event)}>
+        <input
+            type="text"
+            placeholder="What needs to be done?"
+            aria-label="New todo description"
+            :value=${twoWay(x => x.description, "input")}
+        />
+        <button type="submit" ?disabled=${x => x.description.trim() === ""}>
+            Add
+        </button>
+    </form>
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-form.ts b/examples/csr/todo-mobx-app/src/todo-form.ts
new file mode 100644
index 00000000000..5dae3a9f23d
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-form.ts
@@ -0,0 +1,34 @@
+import { customElement, FASTElement, observable } from "@microsoft/fast-element";
+import { todoStore } from "./state/index.js";
+import { styles } from "./todo-form.styles.js";
+import { template } from "./todo-form.template.js";
+
+/**
+ * Input form for adding a todo to the MobX store.
+ *
+ * Holds its own draft text as a FAST `@observable` because the input value is
+ * UI-local state — it does not need to live in the global MobX store.
+ */
+@customElement({
+    name: "todo-form",
+    template,
+    styles,
+})
+export class TodoForm extends FASTElement {
+    @observable public description: string = "";
+
+    public submit(): void {
+        const value = this.description.trim();
+        if (value === "") {
+            return;
+        }
+        todoStore.add(value);
+        this.description = "";
+    }
+
+    public handleSubmit(event: Event): boolean {
+        event.preventDefault();
+        this.submit();
+        return false;
+    }
+}
diff --git a/examples/csr/todo-mobx-app/src/todo-item.styles.ts b/examples/csr/todo-mobx-app/src/todo-item.styles.ts
new file mode 100644
index 00000000000..e6aabfc64c5
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-item.styles.ts
@@ -0,0 +1,68 @@
+import { css } from "@microsoft/fast-element";
+
+export const styles = css`
+    :host {
+        display: block;
+    }
+
+    .todo {
+        display: flex;
+        align-items: center;
+        gap: var(--fast-gap-between-content-x-small);
+        padding: var(--fast-padding-content-x-small);
+        border-radius: var(--fast-corner-medium);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-default);
+        background: var(--fast-background-layer-secondary);
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+
+    .todo:hover {
+        background: var(--fast-background-ctrl-subtle-hover);
+    }
+
+    .description {
+        flex: 1;
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+    }
+
+    .description.done {
+        text-decoration: line-through;
+        color: var(--fast-foreground-ctrl-hint-default);
+    }
+
+    input[type="checkbox"] {
+        width: 16px;
+        height: 16px;
+        cursor: pointer;
+        accent-color: var(--fast-background-ctrl-brand-rest);
+    }
+
+    .remove {
+        background: transparent;
+        color: var(--fast-status-danger-tint-foreground);
+        border: none;
+        border-radius: var(--fast-corner-medium);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-xx-small);
+        font-family: inherit;
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+        cursor: pointer;
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+
+    .remove:hover,
+    .remove:active {
+        background: var(--fast-status-danger-tint-background);
+    }
+
+    .remove:focus-visible {
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-status-danger-tint-stroke);
+        outline-offset: var(--fast-stroke-width-default);
+    }
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-item.template.ts b/examples/csr/todo-mobx-app/src/todo-item.template.ts
new file mode 100644
index 00000000000..c7ca94b3c08
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-item.template.ts
@@ -0,0 +1,24 @@
+import { html } from "@microsoft/fast-element";
+import type { TodoItem } from "./todo-item.js";
+
+export const template = html<TodoItem>`
+    <div class="todo">
+        <input
+            type="checkbox"
+            aria-label="Toggle completion"
+            :checked=${x => x.done}
+            @change=${x => x.toggle()}
+        />
+        <span class="description ${x => (x.done ? "done" : "")}">
+            ${x => x.description}
+        </span>
+        <button
+            class="remove"
+            type="button"
+            aria-label="Remove item"
+            @click=${x => x.remove()}
+        >
+            &times;
+        </button>
+    </div>
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-item.ts b/examples/csr/todo-mobx-app/src/todo-item.ts
new file mode 100644
index 00000000000..2f45f62e638
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-item.ts
@@ -0,0 +1,76 @@
+import { autorun } from "mobx";
+import { FASTElement, observable } from "@microsoft/fast-element";
+import { type Todo, todoStore } from "./state/index.js";
+import { styles } from "./todo-item.styles.js";
+import { template } from "./todo-item.template.js";
+
+/**
+ * Renders a single todo row.
+ *
+ * Receives its `todo` via property binding from `<todo-list>`. When that
+ * property is assigned, `todoChanged` rebuilds the per-item `autorun` so the
+ * row's `done`/`description` always track the *current* Todo's observables —
+ * which also means the `<todo-list>` `repeat` directive can recycle views
+ * safely.
+ */
+export class TodoItem extends FASTElement {
+    @observable public todo!: Todo;
+    @observable public done: boolean = false;
+    @observable public description: string = "";
+
+    private _disposer?: () => void;
+    private _connected: boolean = false;
+
+    public connectedCallback(): void {
+        this._connected = true;
+        this.startReaction();
+        super.connectedCallback();
+    }
+
+    public disconnectedCallback(): void {
+        super.disconnectedCallback();
+        this._connected = false;
+        this.stopReaction();
+    }
+
+    public todoChanged(): void {
+        if (this._connected) {
+            this.startReaction();
+        }
+    }
+
+    public toggle(): void {
+        if (this.todo !== undefined) {
+            todoStore.toggle(this.todo);
+        }
+    }
+
+    public remove(): void {
+        if (this.todo !== undefined) {
+            todoStore.remove(this.todo);
+        }
+    }
+
+    private startReaction(): void {
+        this.stopReaction();
+        if (this.todo === undefined) {
+            return;
+        }
+        this._disposer = autorun(() => {
+            const todo = this.todo;
+            this.done = todo.done;
+            this.description = todo.description;
+        });
+    }
+
+    private stopReaction(): void {
+        this._disposer?.();
+        this._disposer = undefined;
+    }
+}
+
+TodoItem.define({
+    name: "todo-item",
+    template,
+    styles,
+});
diff --git a/examples/csr/todo-mobx-app/src/todo-list.styles.ts b/examples/csr/todo-mobx-app/src/todo-list.styles.ts
new file mode 100644
index 00000000000..60b29e069ee
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-list.styles.ts
@@ -0,0 +1,21 @@
+import { css } from "@microsoft/fast-element";
+
+export const styles = css`
+    :host {
+        display: block;
+        margin: var(--fast-gap-between-content-small) 0;
+    }
+
+    .todo-list {
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+        display: flex;
+        flex-direction: column;
+        gap: var(--fast-gap-between-content-xx-small);
+    }
+
+    .todo-row {
+        display: block;
+    }
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-list.template.ts b/examples/csr/todo-mobx-app/src/todo-list.template.ts
new file mode 100644
index 00000000000..2a214c1027b
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-list.template.ts
@@ -0,0 +1,17 @@
+import { html, repeat } from "@microsoft/fast-element";
+import type { Todo } from "./state/index.js";
+import type { TodoList } from "./todo-list.js";
+
+export const template = html<TodoList>`
+    <ul class="todo-list">
+        ${repeat(
+            x => x.items,
+            html<Todo>`
+                <li class="todo-row">
+                    <todo-item :todo=${x => x}></todo-item>
+                </li>
+            `,
+            { positioning: true },
+        )}
+    </ul>
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-list.ts b/examples/csr/todo-mobx-app/src/todo-list.ts
new file mode 100644
index 00000000000..cd01b68dec9
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-list.ts
@@ -0,0 +1,38 @@
+import { autorun } from "mobx";
+import { FASTElement, observable } from "@microsoft/fast-element";
+import { type Todo, todoStore } from "./state/index.js";
+import { styles } from "./todo-list.styles.js";
+import { template } from "./todo-list.template.js";
+
+/**
+ * Renders the list of todos filtered by the store's current filter.
+ *
+ * Mirrors the MobX `todoStore.filtered` computed into a FAST `@observable`
+ * array so the `repeat` directive in the template re-renders when the filter
+ * changes or todos are added/removed. Per-todo state changes are tracked
+ * inside each `<todo-item>` to keep updates fine-grained.
+ */
+export class TodoList extends FASTElement {
+    @observable public items: readonly Todo[] = [];
+
+    private _disposer?: () => void;
+
+    public connectedCallback(): void {
+        this._disposer = autorun(() => {
+            this.items = todoStore.filtered;
+        });
+        super.connectedCallback();
+    }
+
+    public disconnectedCallback(): void {
+        super.disconnectedCallback();
+        this._disposer?.();
+        this._disposer = undefined;
+    }
+}
+
+TodoList.define({
+    name: "todo-list",
+    template,
+    styles,
+});
diff --git a/examples/csr/todo-mobx-app/src/todo-stats.styles.ts b/examples/csr/todo-mobx-app/src/todo-stats.styles.ts
new file mode 100644
index 00000000000..b8c564d4aaf
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-stats.styles.ts
@@ -0,0 +1,68 @@
+import { css } from "@microsoft/fast-element";
+
+export const styles = css`
+    :host {
+        display: block;
+        margin-top: var(--fast-gap-between-content-small);
+        padding-top: var(--fast-padding-content-small);
+        border-top: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-default);
+    }
+
+    .stats {
+        display: flex;
+        align-items: center;
+        gap: var(--fast-gap-between-content-x-small);
+        color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+    }
+
+    .count {
+        flex: 1;
+    }
+
+    button {
+        background: transparent;
+        color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-ctrl-on-outline-rest);
+        border-radius: var(--fast-corner-medium);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-x-small);
+        font-family: inherit;
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+        cursor: pointer;
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+
+    button:hover {
+        background: var(--fast-background-ctrl-subtle-hover);
+    }
+
+    button:active {
+        background: var(--fast-background-ctrl-subtle-pressed);
+    }
+
+    button:focus-visible {
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-ctrl-focus-outer-stroke);
+        outline-offset: var(--fast-stroke-width-default);
+    }
+
+    .clear-completed {
+        color: var(--fast-status-danger-tint-foreground);
+        border-color: var(--fast-status-danger-tint-stroke);
+    }
+
+    .clear-completed:hover,
+    .clear-completed:active {
+        background: var(--fast-status-danger-tint-background);
+    }
+
+    .clear-completed:focus-visible {
+        outline-color: var(--fast-status-danger-tint-stroke);
+    }
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-stats.template.ts b/examples/csr/todo-mobx-app/src/todo-stats.template.ts
new file mode 100644
index 00000000000..d655d802300
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-stats.template.ts
@@ -0,0 +1,33 @@
+import { html, when } from "@microsoft/fast-element";
+import type { TodoStats } from "./todo-stats.js";
+
+export const template = html<TodoStats>`
+    <footer class="stats">
+        <span class="count">
+            <strong>${x => x.activeCount}</strong>
+            ${x => (x.activeCount === 1 ? "item" : "items")} left
+        </span>
+
+        <button
+            type="button"
+            class="toggle-all"
+            @click=${x => x.toggleAll()}
+            aria-pressed="${x => (x.allCompleted ? "true" : "false")}"
+        >
+            ${x => (x.allCompleted ? "Mark all active" : "Mark all done")}
+        </button>
+
+        ${when(
+            x => x.hasCompleted,
+            html<TodoStats>`
+                <button
+                    type="button"
+                    class="clear-completed"
+                    @click=${x => x.clearCompleted()}
+                >
+                    Clear completed (${x => x.completedCount})
+                </button>
+            `,
+        )}
+    </footer>
+`;
diff --git a/examples/csr/todo-mobx-app/src/todo-stats.ts b/examples/csr/todo-mobx-app/src/todo-stats.ts
new file mode 100644
index 00000000000..9d88897e671
--- /dev/null
+++ b/examples/csr/todo-mobx-app/src/todo-stats.ts
@@ -0,0 +1,52 @@
+import { autorun } from "mobx";
+import { FASTElement, observable } from "@microsoft/fast-element";
+import { todoStore } from "./state/index.js";
+import { styles } from "./todo-stats.styles.js";
+import { template } from "./todo-stats.template.js";
+
+/**
+ * Shows aggregate counts and exposes the "clear completed" and "toggle all"
+ * actions.
+ *
+ * Each surfaced number is a MobX `computed` on the store; a single `autorun`
+ * mirrors them into FAST `@observable` fields so the template re-renders
+ * precisely when those counts change.
+ */
+export class TodoStats extends FASTElement {
+    @observable public activeCount: number = 0;
+    @observable public completedCount: number = 0;
+    @observable public allCompleted: boolean = false;
+    @observable public hasCompleted: boolean = false;
+
+    private _disposer?: () => void;
+
+    public connectedCallback(): void {
+        this._disposer = autorun(() => {
+            this.activeCount = todoStore.activeCount;
+            this.completedCount = todoStore.completedCount;
+            this.allCompleted = todoStore.allCompleted;
+            this.hasCompleted = todoStore.completedCount > 0;
+        });
+        super.connectedCallback();
+    }
+
+    public disconnectedCallback(): void {
+        super.disconnectedCallback();
+        this._disposer?.();
+        this._disposer = undefined;
+    }
+
+    public clearCompleted(): void {
+        todoStore.clearCompleted();
+    }
+
+    public toggleAll(): void {
+        todoStore.toggleAll();
+    }
+}
+
+TodoStats.define({
+    name: "todo-stats",
+    template,
+    styles,
+});
diff --git a/examples/csr/todo-mobx-app/tsconfig.json b/examples/csr/todo-mobx-app/tsconfig.json
new file mode 100644
index 00000000000..e2e6615089d
--- /dev/null
+++ b/examples/csr/todo-mobx-app/tsconfig.json
@@ -0,0 +1,21 @@
+{
+    "compilerOptions": {
+        "pretty": true,
+        "target": "ES2020",
+        "module": "ES2020",
+        "moduleResolution": "bundler",
+        "importHelpers": true,
+        "experimentalDecorators": true,
+        "useDefineForClassFields": false,
+        "skipLibCheck": true,
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
+        "noEmitOnError": true,
+        "strict": true,
+        "outDir": "dist",
+        "rootDir": "src",
+        "lib": ["dom", "esnext"]
+    },
+    "include": ["src"]
+}
diff --git a/examples/csr/todo-mobx-app/vite.config.ts b/examples/csr/todo-mobx-app/vite.config.ts
new file mode 100644
index 00000000000..6f542b40d41
--- /dev/null
+++ b/examples/csr/todo-mobx-app/vite.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({
+    build: {
+        outDir: "www",
+        emptyOutDir: true,
+        sourcemap: true,
+    },
+    server: {
+        port: 9001,
+        open: !process.env.CI,
+    },
+});
diff --git a/package-lock.json b/package-lock.json
index ec2491f0057..95b8affe34d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,8 @@
         "build",
         "packages/*",
         "sites/*",
-        "examples/*"
+        "examples/*",
+        "examples/csr/*"
       ],
       "devDependencies": {
         "@ast-grep/cli": "0.37.0",
@@ -49,6 +50,31 @@
         "clean": "clean.mjs"
       }
     },
+    "examples/csr/todo-app": {
+      "name": "@microsoft/fast-todo-app-example",
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/fast-element": "^2.10.4",
+        "@microsoft/fast-examples-design-system": "^1.0.0",
+        "tslib": "^2.6.3"
+      },
+      "devDependencies": {
+        "@genesiscommunitysuccess/cep-fast-plugin": "5.0.3",
+        "@genesiscommunitysuccess/custom-elements-lsp": "5.0.3"
+      }
+    },
+    "examples/csr/todo-mobx-app": {
+      "name": "@microsoft/fast-todo-mobx-app-example",
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/fast-element": "^2.10.4",
+        "@microsoft/fast-examples-design-system": "^1.0.0",
+        "mobx": "^6.13.5",
+        "tslib": "^2.6.3"
+      }
+    },
     "examples/design-system": {
       "name": "@microsoft/fast-examples-design-system",
       "version": "1.0.0",
@@ -57,6 +83,7 @@
     "examples/todo-app": {
       "name": "@microsoft/fast-todo-app-example",
       "version": "1.0.0",
+      "extraneous": true,
       "license": "MIT",
       "dependencies": {
         "@microsoft/fast-element": "^2.10.4",
@@ -68,6 +95,17 @@
         "@genesiscommunitysuccess/custom-elements-lsp": "5.0.3"
       }
     },
+    "examples/todo-mobx-app": {
+      "name": "@microsoft/fast-todo-mobx-app-example",
+      "version": "1.0.0",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/fast-element": "^2.10.4",
+        "mobx": "^6.13.5",
+        "tslib": "^2.6.3"
+      }
+    },
     "node_modules/@11ty/dependency-tree": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@11ty/dependency-tree/-/dependency-tree-4.0.2.tgz",
@@ -1553,7 +1591,11 @@
       "link": true
     },
     "node_modules/@microsoft/fast-todo-app-example": {
-      "resolved": "examples/todo-app",
+      "resolved": "examples/csr/todo-app",
+      "link": true
+    },
+    "node_modules/@microsoft/fast-todo-mobx-app-example": {
+      "resolved": "examples/csr/todo-mobx-app",
       "link": true
     },
     "node_modules/@microsoft/tsdoc": {
@@ -5408,6 +5450,16 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/mobx": {
+      "version": "6.15.3",
+      "resolved": "https://registry.npmjs.org/mobx/-/mobx-6.15.3.tgz",
+      "integrity": "sha512-6+ZSYDs5zgH5CdGfEU2q2Lsa5PztVryL1ys7kAImTU25n2A9LAMj/yneVsQpd03MfwMLDQF+7kakJR9Z+cQxSw==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mobx"
+      }
+    },
     "node_modules/moo": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.2.tgz",
diff --git a/package.json b/package.json
index 40afb0e7115..b23e9a872ea 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,8 @@
     "build",
     "packages/*",
     "sites/*",
-    "examples/*"
+    "examples/*",
+    "examples/csr/*"
   ],
   "engines": {
     "npm": ">=10.0.0",

From f3eac2b24f3f9a881943eb3371cfedf824736c22 Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Fri, 22 May 2026 11:17:52 -0700
Subject: [PATCH 07/17] feat: add chat app example (#7518)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Pull Request

## 📖 Description

- add a new `examples/chat-app` workspace that mirrors the `todo-app` example shape while using declarative FAST templates
- pre-render the example shell with `@microsoft/fast-build` from `entry.html`, `state.json`, and `templates.html`
- demonstrate iframe + `document.write()` streaming for canned assistant replies, including new `chat-message`, `chat-card`, and `chat-suggestion` custom elements
- document the example in `README.md` and `DESIGN.md`

## 👩‍💻 Reviewer Notes

- The easiest smoke test is to run the example, send `Hi`, and watch the assistant reply stream in chunk-by-chunk.
- `index.html` is generated from the declarative sources by `build-markup.mjs`; if the shell changes, regenerate it with `npm run build -w @microsoft/fast-chat-app-example`.

## 📑 Test Plan

- `npm run build`
- `npm run build -w @microsoft/fast-chat-app-example`
- `npm run test -w @microsoft/fast-chat-app-example`
- manual smoke test of the built example with Playwright against a local static server (`Hi` → streamed reply + `How are you?` suggestion)
- `npm run test` currently hits unrelated existing Playwright failures in `packages/fast-element/src/components/hydration.pw.spec.ts` (Firefox) and `packages/fast-element/src/platform.pw.spec.ts` (WebKit)

## ✅ Checklist

### General

- [ ] I have included a change request file using `$ npm run change`
- [ ] I have added tests for my changes.
- [x] I have tested my changes.
- [x] I have updated the project documentation to reflect my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.

(cherry picked from commit 23cbb24fb85490d2c56d4f38ad871421fec3cbc3)
---
 .github/copilot-instructions.md              |   1 +
 examples/DESIGN.md                           |   8 +-
 examples/README.md                           |  24 +-
 examples/ssr/chat-app/.gitignore             |   2 +
 examples/ssr/chat-app/DESIGN.md              | 168 ++++++++++
 examples/ssr/chat-app/README.md              |  69 ++++
 examples/ssr/chat-app/biome.json             |  10 +
 examples/ssr/chat-app/build-markup.mjs       |  36 +++
 examples/ssr/chat-app/entry.html             |  16 +
 examples/ssr/chat-app/fast-build.config.json |   6 +
 examples/ssr/chat-app/package.json           |  34 ++
 examples/ssr/chat-app/public/styles.css      | 323 +++++++++++++++++++
 examples/ssr/chat-app/src/chat-app.ts        | 198 ++++++++++++
 examples/ssr/chat-app/src/chat-card.ts       |  12 +
 examples/ssr/chat-app/src/chat-data.ts       |  86 +++++
 examples/ssr/chat-app/src/chat-message.ts    |  12 +
 examples/ssr/chat-app/src/chat-suggestion.ts |  16 +
 examples/ssr/chat-app/src/design-system.d.ts |   1 +
 examples/ssr/chat-app/src/exports.ts         |   5 +
 examples/ssr/chat-app/src/main.ts            |  17 +
 examples/ssr/chat-app/state.json             |   5 +
 examples/ssr/chat-app/templates.html         |  84 +++++
 examples/ssr/chat-app/tsconfig.json          |  20 ++
 examples/ssr/chat-app/vite.config.ts         |  13 +
 package-lock.json                            |  21 +-
 package.json                                 |   3 +-
 26 files changed, 1175 insertions(+), 15 deletions(-)
 create mode 100644 examples/ssr/chat-app/.gitignore
 create mode 100644 examples/ssr/chat-app/DESIGN.md
 create mode 100644 examples/ssr/chat-app/README.md
 create mode 100644 examples/ssr/chat-app/biome.json
 create mode 100644 examples/ssr/chat-app/build-markup.mjs
 create mode 100644 examples/ssr/chat-app/entry.html
 create mode 100644 examples/ssr/chat-app/fast-build.config.json
 create mode 100644 examples/ssr/chat-app/package.json
 create mode 100644 examples/ssr/chat-app/public/styles.css
 create mode 100644 examples/ssr/chat-app/src/chat-app.ts
 create mode 100644 examples/ssr/chat-app/src/chat-card.ts
 create mode 100644 examples/ssr/chat-app/src/chat-data.ts
 create mode 100644 examples/ssr/chat-app/src/chat-message.ts
 create mode 100644 examples/ssr/chat-app/src/chat-suggestion.ts
 create mode 100644 examples/ssr/chat-app/src/design-system.d.ts
 create mode 100644 examples/ssr/chat-app/src/exports.ts
 create mode 100644 examples/ssr/chat-app/src/main.ts
 create mode 100644 examples/ssr/chat-app/state.json
 create mode 100644 examples/ssr/chat-app/templates.html
 create mode 100644 examples/ssr/chat-app/tsconfig.json
 create mode 100644 examples/ssr/chat-app/vite.config.ts

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index 8abf167d8e3..2002014f278 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -37,6 +37,7 @@ Each package includes a DESIGN.md file, read that to gain a general understandin
 - `examples/design-system/` — Shared semantic design tokens (`@microsoft/fast-examples-design-system`) consumed by all example apps.
 - `examples/csr/todo-app/` — A simple To-Do app demonstrating FAST usage patterns and using the shared `@microsoft/fast-examples-design-system` tokens.
 - `examples/csr/todo-mobx-app/` — A To-Do app demonstrating how to integrate MobX state with `@microsoft/fast-element` using a single `autorun` per component (no custom bridge code).
+- `examples/ssr/chat-app/` — A declarative FAST chat demo that pre-renders with `@microsoft/fast-build` and streams canned assistant replies into the transcript. Dark theme.
 
 ## Skills
 
diff --git a/examples/DESIGN.md b/examples/DESIGN.md
index 9d908241f3a..b0e7ffac682 100644
--- a/examples/DESIGN.md
+++ b/examples/DESIGN.md
@@ -1,7 +1,8 @@
 # FAST example apps — design guidance
 
 This document is the workspace-level guide for building UI in `examples/*`
-and its rendering-strategy subfolders (currently `examples/csr/`). It
+and its rendering-strategy subfolders (`examples/csr/` and `examples/ssr/`).
+It
 explains how the apps share a visual language, the constraints every example
 must follow, and the rules that humans and coding agents should apply when
 making changes. The token vocabulary itself lives in
@@ -157,8 +158,9 @@ document.documentElement.removeAttribute("data-theme"); // restore system
 ```
 
 For an intentionally single-theme app — like
-[`todo-app`](./todo-app/) — hard-code the attribute in markup
-(`<html data-theme="light">`) and never touch it from JavaScript.
+[`csr/todo-app`](./csr/todo-app/) and [`ssr/chat-app`](./ssr/chat-app/) —
+hard-code the attribute in markup (`<html data-theme="light">` or
+`<html data-theme="dark">`) and never touch it from JavaScript.
 
 ## Authoring rules
 
diff --git a/examples/README.md b/examples/README.md
index dbc01138c1e..20394a851eb 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -12,10 +12,11 @@ FAST patterns in a complete app context.
 | `design-system` | `@microsoft/fast-examples-design-system` | Shared CSS design tokens (no JS) consumed by every example app. |
 | `csr/todo-app` | `@microsoft/fast-todo-app-example` | A To-Do app demonstrating `@microsoft/fast-element` patterns end to end, styled with the shared design-system tokens (light theme, no runtime toggle). |
 | `csr/todo-mobx-app` | `@microsoft/fast-todo-mobx-app-example` | A To-Do app showing how to integrate MobX state with `@microsoft/fast-element` using a single `autorun` per component (no custom bridge code), styled with the shared design-system tokens. |
+| `ssr/chat-app` | `@microsoft/fast-chat-app-example` | A declarative FAST chat demo that pre-renders with `@microsoft/fast-build` and streams canned assistant replies into the transcript, styled with the shared design-system tokens (dark theme, no runtime toggle). |
 
 Example apps are grouped by rendering strategy. Client-side-rendered (CSR)
-apps live under [`examples/csr/`](./csr/); future server-side-rendered (SSR)
-apps will live alongside them under their own subfolder.
+apps live under [`examples/csr/`](./csr/) and server-side-rendered (SSR) apps
+live under [`examples/ssr/`](./ssr/).
 
 ## Shared design system
 
@@ -51,17 +52,19 @@ See:
 ## Creating a new example app
 
 1. Scaffold a new folder under the appropriate rendering-strategy subfolder
-   (CSR apps go under `examples/csr/<your-app>/`).
-2. Use [`examples/csr/todo-app/`](./csr/todo-app/) as a reference for
-   `package.json`, `tsconfig.json`, `vite.config.ts`, and `index.html`.
-3. Add `"@microsoft/fast-examples-design-system": "workspace:*"` to the new
+   (CSR apps go under `examples/csr/<your-app>/`; SSR apps go under
+   `examples/ssr/<your-app>/`).
+2. Use [`examples/csr/todo-app/`](./csr/todo-app/) as a reference for CSR
+   apps, or [`examples/ssr/chat-app/`](./ssr/chat-app/) as a reference for
+   SSR apps (`package.json`, `tsconfig.json`, build config, entry HTML).
+3. Add `"@microsoft/fast-examples-design-system": "^1.0.0"` to the new
    app's `dependencies` and run `npm install` from the repo root.
 4. Import `@microsoft/fast-examples-design-system/tokens.css` exactly once at
-   the app entry point (typically `src/main.ts`). For an intentionally
-   single-theme app, hard-code `<html data-theme="light">` (or `"dark"`)
-   in `index.html` and never touch it from JavaScript.
+   the app entry point (typically `src/main.ts` or `src/index.ts`). For an
+   intentionally single-theme app, hard-code `<html data-theme="light">` (or
+   `"dark"`) in the entry HTML and never touch it from JavaScript.
 5. Reference tokens via `var(--fast-...)` in component `css` template
-   literals — do not hard-code design values.
+   literals or `.css` files — do not hard-code design values.
 6. If the app needs a theme toggle, set or remove the `data-theme` attribute
    on `<html>` from your app code:
    ```ts
@@ -86,6 +89,7 @@ For the existing example apps:
 ```shell
 npm start -w @microsoft/fast-todo-app-example
 npm start -w @microsoft/fast-todo-mobx-app-example
+npm start -w @microsoft/fast-chat-app-example
 ```
 
 ## Useful links
diff --git a/examples/ssr/chat-app/.gitignore b/examples/ssr/chat-app/.gitignore
new file mode 100644
index 00000000000..070d1ee9985
--- /dev/null
+++ b/examples/ssr/chat-app/.gitignore
@@ -0,0 +1,2 @@
+# Generated by build-markup.mjs from entry.html + state.json + templates.html
+index.html
diff --git a/examples/ssr/chat-app/DESIGN.md b/examples/ssr/chat-app/DESIGN.md
new file mode 100644
index 00000000000..407b2850ac4
--- /dev/null
+++ b/examples/ssr/chat-app/DESIGN.md
@@ -0,0 +1,168 @@
+# Chat App Example Design
+
+## Overview
+
+`examples/ssr/chat-app` is a small end-to-end FAST example that combines three ideas:
+
+1. **Declarative FAST** custom elements defined with `RenderableFASTElement` from `@microsoft/fast-html` and matching `<f-template name="...">` definitions.
+2. **Initial markup generated by `@microsoft/fast-build`** from an entry document, state file, and declarative `<f-template>` definitions.
+3. **Streaming assistant replies** with the hidden-iframe + `document.write()` technique described in Jake Archibald's article, “Fun hacks for faster content” (<https://jakearchibald.com/2016/fun-hacks-faster-content/>).
+
+The example intentionally keeps the conversation simple and deterministic so the streaming mechanism is easy to observe.
+
+## Design system
+
+This example consumes the shared `@microsoft/fast-examples-design-system`
+workspace package.
+
+- `src/main.ts` imports `@microsoft/fast-examples-design-system/tokens.css`
+  before hydration and custom-element definition so the tokens are registered
+  before any component renders.
+- Every design value in `public/styles.css` is referenced through
+  `var(--fast-...)`; colors, type sizes and line heights, spacing, corners,
+  stroke widths, shadows, durations, and curves are not hard-coded.
+- The theme is hard-coded in markup with `<html data-theme="dark">` in
+  `entry.html`, and the FAST build step carries that attribute into generated
+  `index.html`. The example does not implement a runtime theme toggle. Apps
+  that want one can set, change, or remove the attribute with the standard DOM
+  API described in [`../../design-system/README.md`](../../design-system/README.md)
+  and [`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
+
+## Folder structure
+
+This example follows the same top-level shape as `examples/csr/todo-app/` and adds the extra declarative-rendering source files needed for FAST build:
+
+- `package.json` — workspace scripts for build/start/test.
+- `tsconfig.json` — copied from `todo-app` with the example-specific LSP route.
+- `vite.config.ts` — same shape as `todo-app`, building into `www/`.
+- `entry.html` — source HTML passed to `@microsoft/fast-build`; hard-codes `data-theme="dark"`.
+- `state.json` — initial SSR state for the shell.
+- `templates.html` — declarative `<f-template>` definitions for every custom element.
+- `build-markup.mjs` — regenerates `index.html` and injects `<f-template>` definitions for hydration.
+- `index.html` — generated output consumed by Vite.
+- `public/styles.css` — shared token-based stylesheet loaded by the page and every component shadow root.
+- `src/chat-app.ts` — root element, queueing, exact-match lookup, and iframe streaming logic.
+- `src/chat-data.ts` — canned turn data.
+- `src/chat-message.ts` — message bubble custom element.
+- `src/chat-card.ts` — supporting card callout custom element.
+- `src/chat-suggestion.ts` — copyable/clickable next-prompt custom element.
+- `src/design-system.d.ts` — declares the shared `tokens.css` side-effect import for TypeScript.
+- `src/main.ts` — imports the shared tokens, enables hydration, and defines the custom elements.
+- `src/exports.ts` — barrel for the example runtime.
+
+## Build flow
+
+`npm run build` for this example performs three steps:
+
+1. `npm run build:markup`
+   - runs the `@microsoft/fast-build` CLI against `fast-build.config.json`
+   - renders `entry.html` + `state.json` + `templates.html` into `index.html`
+   - injects the raw `<f-template>` definitions before the module script so the `<f-template>` runtime can resolve them during hydration
+2. `tsgo -p tsconfig.json`
+   - type-checks and emits the TypeScript source into `dist/`
+3. `vite build`
+   - bundles the hydrated browser entry into `www/`
+
+## Runtime flow
+
+### Hydration and declarative templates
+
+`src/main.ts` imports the shared design tokens, side-effect-imports each
+component class, and triggers hydration by registering the `<f-template>`
+custom element via `@microsoft/fast-html`'s `TemplateElement`:
+
+- `chat-message`
+- `chat-card`
+- `chat-suggestion`
+- `chat-app`
+
+Each class extends `RenderableFASTElement(FASTElement)`, so its rendered
+shadow root is hydrated against the matching `<f-template name="...">` in
+`templates.html`.
+
+### Conversation model
+
+`src/chat-data.ts` stores six canned turns. Each turn has:
+
+- the **exact** user message that must be entered (comparison uses `trim()` only)
+- the bot's full HTML response (`responseHtml`)
+- the same response broken into visible streaming chunks (`responseChunks`)
+- the next suggested user message shown after the reply
+
+Unknown input maps to a single fallback turn.
+
+### Queueing
+
+The textarea stays enabled while a reply is streaming. To keep the conversation stable, `chat-app` uses a FIFO queue:
+
+1. submit message
+2. append the user bubble immediately
+3. look up the canned bot turn (or fallback)
+4. queue the bot turn
+5. process one bot turn at a time
+
+This lets the user queue the next line while the current assistant turn is still streaming.
+
+### Streaming via iframe + `document.write`
+
+The implementation follows the article's approach closely:
+
+1. create a hidden iframe
+2. wait for it to load
+3. write a dummy `<streaming-element>` tag into the iframe document
+4. move that element into the real chat transcript
+5. continue calling `iframe.contentDocument.write(...)` asynchronously for each HTML chunk
+6. close the streaming element and the iframe document when done
+
+Because the HTML parser keeps the open element on its stack, later `document.write()` calls continue filling the moved element even after it has been appended into the transcript.
+
+The example adds a small artificial delay between chunks so the streaming is obvious during a quick manual smoke test.
+
+## Custom elements
+
+### `<chat-app>`
+
+The root shell element. It renders:
+
+- the title and intro copy
+- the transcript container
+- the textarea composer
+- the initial assistant prompt and first suggestion
+
+It also owns:
+
+- exact-match response lookup
+- submit handling
+- Enter vs. Shift+Enter behavior
+- streaming queue management
+- suggestion click handling
+
+### `<chat-message>`
+
+A simple bubble wrapper with a slot. `kind="bot"` and `kind="user"` switch the visual treatment.
+
+### `<chat-card>`
+
+A small callout card used inside every assistant turn so each reply mixes native HTML with at least one FAST custom element.
+
+### `<chat-suggestion>`
+
+Renders the next suggested user prompt as selectable text and emits a `use-suggestion` event when clicked so `chat-app` can paste it into the textarea.
+
+## Canned conversation data
+
+| User message | Next suggested message |
+| --- | --- |
+| `Hi` | `How are you?` |
+| `How are you?` | `What's the weather like?` |
+| `What's the weather like?` | `Tell me a joke` |
+| `Tell me a joke` | `What can you do?` |
+| `What can you do?` | `Goodbye` |
+| `Goodbye` | `Hi` |
+| fallback | `Hi` |
+
+## Notable decisions
+
+- The initial welcome bubble is static shell content rather than part of the exact-match turn table, so the canned conversation can start from the first user message.
+- All page and component styling lives in a single external `public/styles.css` file. It is linked from the document `<head>` (render-blocking, so the bytes are loaded before the rest of the body is processed) and from inside every `<template shadowrootmode="open">` in `templates.html`. The browser fetches the file once and applies it to each shadow root, so styles are isolated per component but maintained in one place. Each design value references the shared `--fast-*` tokens.
+- Dynamic messages are appended at runtime with DOM APIs (and streamed bot HTML) while the overall shell and component authoring remain declarative FAST.
diff --git a/examples/ssr/chat-app/README.md b/examples/ssr/chat-app/README.md
new file mode 100644
index 00000000000..68098a961f4
--- /dev/null
+++ b/examples/ssr/chat-app/README.md
@@ -0,0 +1,69 @@
+# Chat App Example
+
+A small declarative FAST chat demo that pre-renders its initial markup with `@microsoft/fast-build` and streams canned assistant replies with a hidden iframe plus `document.write()`.
+
+## Design system
+
+This example consumes the shared `@microsoft/fast-examples-design-system`
+workspace package. The design-system package is **CSS-only** — `src/main.ts`
+imports `@microsoft/fast-examples-design-system/tokens.css` once, and
+`public/styles.css` references the registered `--fast-*` tokens through
+`var(...)`.
+
+The app uses the **dark** theme statically. `<html data-theme="dark">` is set
+in [`entry.html`](./entry.html), so the FAST build step carries that attribute
+into the generated `index.html`. The example does not implement a runtime
+theme toggle.
+
+For the shared package overview, the token catalog, and authoring rules, see
+[`../../design-system/README.md`](../../design-system/README.md) and
+[`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
+
+## What it demonstrates
+
+- declarative FAST custom elements via `RenderableFASTElement` + `@microsoft/fast-html` `<f-template>`s
+- initial markup rendered from `entry.html` + `templates.html`
+- chunked assistant response streaming with the Jake Archibald iframe technique
+- mixed native HTML and FAST custom elements in each canned reply
+- exact-match canned prompts with a fallback response
+
+## Suggested prompts
+
+Use these exact prompts to walk through the conversation:
+
+- `Hi`
+- `How are you?`
+- `What's the weather like?`
+- `Tell me a joke`
+- `What can you do?`
+- `Goodbye`
+
+## Run locally
+
+From the repository root:
+
+```bash
+npm run build -w @microsoft/fast-chat-app-example
+npm run start -w @microsoft/fast-chat-app-example
+```
+
+Or from this folder:
+
+```bash
+npm run build
+npm start
+```
+
+The build first regenerates `index.html` from `entry.html`, `state.json`, and `templates.html`, then runs TypeScript and Vite.
+
+## Files
+
+- `entry.html` — source document for the FAST build step
+- `state.json` — initial state used while pre-rendering the page shell
+- `templates.html` — declarative FAST templates for the custom elements
+- `build-markup.mjs` — runs `@microsoft/fast-build` and injects the templates into `index.html`
+- `public/styles.css` — token-based shared stylesheet for the page shell and component shadow roots
+- `src/` — runtime classes, canned conversation data, and hydration bootstrap
+- `index.html` — generated pre-rendered page used by Vite
+
+See [DESIGN.md](./DESIGN.md) for architecture details, design-system notes, and the canned conversation data.
diff --git a/examples/ssr/chat-app/biome.json b/examples/ssr/chat-app/biome.json
new file mode 100644
index 00000000000..b859801678a
--- /dev/null
+++ b/examples/ssr/chat-app/biome.json
@@ -0,0 +1,10 @@
+{
+    "$schema": "https://biomejs.dev/schemas/2.4.8/schema.json",
+    "root": false,
+    "extends": "//",
+    "html": {
+        "formatter": {
+            "enabled": false
+        }
+    }
+}
diff --git a/examples/ssr/chat-app/build-markup.mjs b/examples/ssr/chat-app/build-markup.mjs
new file mode 100644
index 00000000000..f7a936ed13d
--- /dev/null
+++ b/examples/ssr/chat-app/build-markup.mjs
@@ -0,0 +1,36 @@
+import { execFileSync } from "node:child_process";
+import { readFileSync, writeFileSync } from "node:fs";
+import { createRequire } from "node:module";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const require = createRequire(import.meta.url);
+const cwd = path.dirname(fileURLToPath(import.meta.url));
+const fastCli = require.resolve("@microsoft/fast-build/bin/fast.js");
+const configPath = path.join(cwd, "fast-build.config.json");
+const templatesPath = path.join(cwd, "templates.html");
+const indexPath = path.join(cwd, "index.html");
+const scriptTag = '<script type="module" src="./src/main.ts"></script>';
+
+execFileSync(process.execPath, [fastCli, "build", `--config=${configPath}`], {
+    cwd,
+    stdio: "inherit",
+});
+
+const templates = readFileSync(templatesPath, "utf8").trim();
+const rendered = readFileSync(indexPath, "utf8");
+
+if (!rendered.includes(scriptTag)) {
+    throw new Error("Unable to find the module script while injecting f-templates.");
+}
+
+writeFileSync(
+    indexPath,
+    rendered.replace(
+        scriptTag,
+        `${templates}
+
+        ${scriptTag}`,
+    ),
+    "utf8",
+);
diff --git a/examples/ssr/chat-app/entry.html b/examples/ssr/chat-app/entry.html
new file mode 100644
index 00000000000..9ffa4346306
--- /dev/null
+++ b/examples/ssr/chat-app/entry.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+    <head>
+        <meta charset="utf-8">
+        <title>FAST Chat App</title>
+        <link rel="stylesheet" href="/styles.css">
+    </head>
+    <body>
+        <chat-app
+            welcome-title="{{welcomeTitle}}"
+            composer-placeholder="{{composerPlaceholder}}"
+            initial-suggestion="{{initialSuggestion}}"
+        ></chat-app>
+        <script type="module" src="./src/main.ts"></script>
+    </body>
+</html>
diff --git a/examples/ssr/chat-app/fast-build.config.json b/examples/ssr/chat-app/fast-build.config.json
new file mode 100644
index 00000000000..c291972cdad
--- /dev/null
+++ b/examples/ssr/chat-app/fast-build.config.json
@@ -0,0 +1,6 @@
+{
+    "entry": "entry.html",
+    "state": "state.json",
+    "output": "index.html",
+    "templates": "templates.html"
+}
diff --git a/examples/ssr/chat-app/package.json b/examples/ssr/chat-app/package.json
new file mode 100644
index 00000000000..cae32f35c50
--- /dev/null
+++ b/examples/ssr/chat-app/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "@microsoft/fast-chat-app-example",
+  "version": "1.0.0",
+  "description": "Declarative FAST chat app example with iframe streaming",
+  "main": "dist/exports.js",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build:markup": "node ./build-markup.mjs",
+    "build": "npm run build:markup && tsgo -p tsconfig.json && vite build",
+    "start": "npm run build:markup && vite",
+    "test": "npm run build"
+  },
+  "author": {
+    "name": "Microsoft",
+    "url": "https://discord.gg/FcSNfg4"
+  },
+  "homepage": "https://www.fast.design/",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Microsoft/fast.git",
+    "directory": "examples/ssr/chat-app"
+  },
+  "dependencies": {
+    "@microsoft/fast-element": "*",
+    "@microsoft/fast-examples-design-system": "*",
+    "@microsoft/fast-html": "*",
+    "tslib": "^2.6.3"
+  },
+  "devDependencies": {
+    "@microsoft/fast-build": "*"
+  }
+}
diff --git a/examples/ssr/chat-app/public/styles.css b/examples/ssr/chat-app/public/styles.css
new file mode 100644
index 00000000000..a70050a22aa
--- /dev/null
+++ b/examples/ssr/chat-app/public/styles.css
@@ -0,0 +1,323 @@
+/*
+ * Chat app styles.
+ *
+ * Loaded twice on purpose:
+ *   1. From <head> in entry.html — render-blocks the document so the file is
+ *      fetched and cached before the HTML body is processed.
+ *   2. From inside each <template shadowrootmode="open"> in templates.html —
+ *      applies the styles inside each component's shadow root using the same
+ *      cached file.
+ *
+ * Because the same stylesheet is loaded into the document and multiple shadow
+ * roots, document-level rules stay limited to the page shell and component
+ * rules remain scoped with :host(<tag>) so they don't bleed across roots.
+ */
+
+html,
+body {
+    background: var(--fast-background-web-page-primary);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+}
+
+body {
+    margin: 0;
+}
+
+/* ----- chat-app ----- */
+
+:host(chat-app),
+:host(chat-app) *,
+:host(chat-app) *::before,
+:host(chat-app) *::after {
+    box-sizing: border-box;
+}
+
+:host(chat-app) {
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    display: block;
+    font-family: var(--fast-text-style-default-regular-font-family);
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+}
+
+:host(chat-app) .app-shell {
+    background: var(--fast-background-layer-primary-solid);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
+    border-radius: var(--fast-corner-large);
+    box-shadow: var(--fast-shadow-card-rest);
+    margin: var(--fast-gap-between-content-x-large) auto;
+    max-width: 760px;
+    padding: var(--fast-padding-content-x-large);
+}
+
+:host(chat-app) .eyebrow {
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    font-size: var(--fast-text-global-caption1-font-size);
+    font-weight: var(--fast-text-style-default-header-weight);
+    line-height: var(--fast-text-global-caption1-line-height);
+    margin: 0 0 var(--fast-gap-between-content-x-small);
+    text-transform: uppercase;
+}
+
+:host(chat-app) h1 {
+    font-size: var(--fast-text-global-display2-font-size);
+    font-weight: var(--fast-text-style-default-display-weight);
+    line-height: var(--fast-text-global-display2-line-height);
+    margin: 0;
+}
+
+:host(chat-app) .intro {
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    font-size: var(--fast-text-global-body2-font-size);
+    line-height: var(--fast-text-global-body2-line-height);
+    margin: var(--fast-gap-between-content-small) 0 0;
+}
+
+:host(chat-app) code {
+    font-family: var(--fast-text-style-code-regular-font-family);
+}
+
+:host(chat-app) .transcript {
+    background: var(--fast-background-layer-secondary);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-default);
+    border-radius: var(--fast-corner-large);
+    display: flex;
+    flex-direction: column;
+    gap: var(--fast-gap-between-content-small);
+    margin-top: var(--fast-gap-between-content-x-large);
+    max-height: 520px;
+    min-height: 340px;
+    overflow: auto;
+    padding: var(--fast-padding-content-large);
+}
+
+:host(chat-app) streaming-element {
+    display: contents;
+}
+
+:host(chat-app) .composer {
+    display: flex;
+    flex-direction: column;
+    gap: var(--fast-gap-between-content-small);
+    margin-top: var(--fast-gap-between-content-large);
+}
+
+:host(chat-app) label {
+    font-size: var(--fast-text-global-body3-font-size);
+    font-weight: var(--fast-text-style-default-header-weight);
+    line-height: var(--fast-text-global-body3-line-height);
+}
+
+:host(chat-app) textarea {
+    background: var(--fast-background-layer-secondary);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-ctrl-on-outline-rest);
+    border-radius: var(--fast-corner-medium);
+    color: inherit;
+    font: inherit;
+    min-height: 112px;
+    padding: var(--fast-padding-content-small) var(--fast-padding-content-medium);
+    resize: vertical;
+    transition:
+        background var(--fast-duration-fast) var(--fast-curve-easy-ease),
+        border-color var(--fast-duration-fast) var(--fast-curve-easy-ease),
+        outline-color var(--fast-duration-fast) var(--fast-curve-easy-ease);
+}
+
+:host(chat-app) textarea::placeholder {
+    color: var(--fast-foreground-ctrl-hint-default);
+}
+
+:host(chat-app) textarea:focus-visible {
+    border-color: var(--fast-ctrl-focus-outer-stroke);
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-ctrl-focus-outer-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
+
+:host(chat-app) .composer__hint {
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    display: flex;
+    flex-wrap: wrap;
+    font-size: var(--fast-text-global-caption1-font-size);
+    line-height: var(--fast-text-global-caption1-line-height);
+    gap: var(--fast-gap-between-content-x-small) var(--fast-gap-between-content-medium);
+}
+
+:host(chat-app) button {
+    align-self: flex-start;
+    background: var(--fast-background-ctrl-brand-rest);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-brand);
+    border-radius: var(--fast-corner-circular);
+    color: var(--fast-foreground-ctrl-on-brand-rest);
+    cursor: pointer;
+    font-family: inherit;
+    font-size: var(--fast-text-global-body3-font-size);
+    font-weight: var(--fast-text-style-default-header-weight);
+    line-height: var(--fast-text-global-body3-line-height);
+    padding: var(--fast-padding-content-x-small) var(--fast-padding-content-small);
+    transition:
+        background var(--fast-duration-fast) var(--fast-curve-easy-ease),
+        border-color var(--fast-duration-fast) var(--fast-curve-easy-ease);
+}
+
+:host(chat-app) button:hover {
+    background: var(--fast-background-ctrl-brand-hover);
+}
+
+:host(chat-app) button:active {
+    background: var(--fast-background-ctrl-brand-pressed);
+}
+
+:host(chat-app) button:focus-visible {
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-ctrl-focus-outer-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
+
+@media (max-width: 640px) {
+    :host(chat-app) .app-shell {
+        border-radius: var(--fast-corner-none);
+        margin: 0;
+        min-height: 100vh;
+    }
+
+    :host(chat-app) .transcript {
+        min-height: 50vh;
+    }
+}
+
+/* ----- chat-message ----- */
+
+:host(chat-message) {
+    display: block;
+}
+
+:host(chat-message) article {
+    background: var(--fast-background-layer-primary-solid);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
+    border-radius: var(--fast-corner-medium);
+    box-shadow: var(--fast-shadow-card-rest);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    font-size: var(--fast-text-global-body2-font-size);
+    line-height: var(--fast-text-global-body2-line-height);
+    padding: var(--fast-padding-content-medium);
+}
+
+:host(chat-message[kind="user"]) article {
+    background: var(--fast-background-ctrl-brand-rest);
+    border-color: var(--fast-stroke-divider-brand);
+    color: var(--fast-foreground-ctrl-on-brand-rest);
+    margin-left: calc(
+        var(--fast-padding-content-xxx-large) +
+        var(--fast-gap-between-content-xx-large)
+    );
+}
+
+:host(chat-message[kind="bot"]) article {
+    margin-right: calc(
+        var(--fast-padding-content-xxx-large) +
+        var(--fast-gap-between-content-xx-large)
+    );
+}
+
+:host(chat-message) ::slotted(p),
+:host(chat-message) ::slotted(ul),
+:host(chat-message) ::slotted(ol),
+:host(chat-message) ::slotted(chat-card) {
+    display: block;
+    margin: 0 0 var(--fast-gap-between-content-small);
+}
+
+:host(chat-message) ::slotted(p) {
+    white-space: pre-wrap;
+}
+
+@media (max-width: 640px) {
+    :host(chat-message[kind="user"]) article,
+    :host(chat-message[kind="bot"]) article {
+        margin-left: 0;
+        margin-right: 0;
+    }
+}
+
+/* ----- chat-card ----- */
+
+:host(chat-card) {
+    display: block;
+}
+
+:host(chat-card) article {
+    background: var(--fast-background-layer-secondary);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-default);
+    border-radius: var(--fast-corner-medium);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    padding: var(--fast-padding-content-small) var(--fast-padding-content-medium);
+}
+
+:host(chat-card) strong {
+    color: var(--fast-foreground-ctrl-brand-rest);
+    display: block;
+    font-size: var(--fast-text-global-body3-font-size);
+    font-weight: var(--fast-text-style-default-header-weight);
+    line-height: var(--fast-text-global-body3-line-height);
+    margin-bottom: var(--fast-gap-between-content-xx-small);
+}
+
+:host(chat-card) ::slotted(p),
+:host(chat-card) ::slotted(ul),
+:host(chat-card) ::slotted(ol) {
+    display: block;
+    margin: 0 0 var(--fast-gap-between-content-x-small);
+}
+
+/* ----- chat-suggestion ----- */
+
+:host(chat-suggestion) {
+    display: block;
+}
+
+:host(chat-suggestion) .suggestion {
+    background: var(--fast-background-layer-primary-solid);
+    border: var(--fast-stroke-width-default) dashed var(--fast-stroke-divider-brand);
+    border-radius: var(--fast-corner-medium);
+    color: var(--fast-foreground-ctrl-brand-rest);
+    cursor: pointer;
+    margin: 0 0 0 auto;
+    max-width: 420px;
+    padding: var(--fast-padding-content-x-small) var(--fast-padding-content-small);
+    transition:
+        background var(--fast-duration-fast) var(--fast-curve-easy-ease),
+        border-color var(--fast-duration-fast) var(--fast-curve-easy-ease),
+        color var(--fast-duration-fast) var(--fast-curve-easy-ease);
+    user-select: text;
+}
+
+:host(chat-suggestion) .suggestion:hover {
+    background: var(--fast-background-ctrl-subtle-hover);
+}
+
+:host(chat-suggestion) .suggestion:active {
+    background: var(--fast-background-ctrl-subtle-pressed);
+}
+
+:host(chat-suggestion) .label {
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    display: block;
+    font-size: var(--fast-text-global-caption1-font-size);
+    font-weight: var(--fast-text-style-default-header-weight);
+    line-height: var(--fast-text-global-caption1-line-height);
+    margin-bottom: var(--fast-gap-between-content-xx-small);
+    text-transform: uppercase;
+}
+
+:host(chat-suggestion) code {
+    background: var(--fast-background-layer-secondary);
+    border-radius: var(--fast-corner-medium);
+    color: inherit;
+    display: inline-block;
+    font-family: var(--fast-text-style-code-regular-font-family);
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-x-small);
+    white-space: pre-wrap;
+}
diff --git a/examples/ssr/chat-app/src/chat-app.ts b/examples/ssr/chat-app/src/chat-app.ts
new file mode 100644
index 00000000000..bde8447b07c
--- /dev/null
+++ b/examples/ssr/chat-app/src/chat-app.ts
@@ -0,0 +1,198 @@
+import { attr, FASTElement } from "@microsoft/fast-element";
+import { RenderableFASTElement } from "@microsoft/fast-html";
+import type { ChatTurn } from "./chat-data.js";
+import { cannedTurnMap, fallbackTurn } from "./chat-data.js";
+
+function escapeAttribute(value: string): string {
+    return value
+        .replace(/&/g, "&amp;")
+        .replace(/"/g, "&quot;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;");
+}
+
+function renderSuggestion(text: string): string {
+    return `<chat-suggestion text="${escapeAttribute(text)}"></chat-suggestion>`;
+}
+
+export class ChatApp extends RenderableFASTElement(FASTElement) {
+    @attr({ attribute: "welcome-title" })
+    public welcomeTitle: string = "FAST Chat Demo";
+
+    @attr({ attribute: "composer-placeholder" })
+    public composerPlaceholder: string = "Type one of the suggested prompts exactly.";
+
+    @attr({ attribute: "initial-suggestion" })
+    public initialSuggestion: string = "Hi";
+
+    public composer: HTMLTextAreaElement | null = null;
+    public transcript: HTMLElement | null = null;
+
+    private readonly _queue: ChatTurn[] = [];
+    private _isStreaming = false;
+
+    public handleSubmit(event: Event): void {
+        event.preventDefault();
+        this.sendCurrentMessage();
+    }
+
+    public handleComposerKeydown(event: KeyboardEvent): void {
+        if (event.key === "Enter" && !event.shiftKey) {
+            event.preventDefault();
+            this.sendCurrentMessage();
+        }
+    }
+
+    public handleSuggestion(event: Event): void {
+        const suggestionEvent = event as CustomEvent<string>;
+        const suggestion = suggestionEvent.detail;
+
+        if (!this.composer || typeof suggestion !== "string") {
+            return;
+        }
+
+        this.composer.value = suggestion;
+        this.composer.focus();
+        this.composer.setSelectionRange(suggestion.length, suggestion.length);
+    }
+
+    private sendCurrentMessage(): void {
+        if (!this.composer || !this.transcript) {
+            return;
+        }
+
+        const message = this.composer.value.trim();
+
+        if (!message) {
+            return;
+        }
+
+        this.appendUserMessage(message);
+        this.composer.value = "";
+        this.scrollTranscript();
+
+        this._queue.push(cannedTurnMap.get(message) ?? fallbackTurn);
+        void this.processQueue();
+    }
+
+    private appendUserMessage(message: string): void {
+        if (!this.transcript) {
+            return;
+        }
+
+        const messageElement = document.createElement("chat-message");
+        const paragraph = document.createElement("p");
+
+        messageElement.setAttribute("kind", "user");
+        paragraph.textContent = message;
+        messageElement.append(paragraph);
+        this.transcript.append(messageElement);
+    }
+
+    private async processQueue(): Promise<void> {
+        if (this._isStreaming) {
+            return;
+        }
+
+        const nextTurn = this._queue.shift();
+
+        if (!nextTurn) {
+            return;
+        }
+
+        this._isStreaming = true;
+
+        try {
+            await this.streamTurn(nextTurn);
+        } finally {
+            this._isStreaming = false;
+        }
+
+        if (this._queue.length > 0) {
+            void this.processQueue();
+        }
+    }
+
+    private async streamTurn(turn: ChatTurn): Promise<void> {
+        await this.streamIntoTranscript([
+            ...turn.responseChunks,
+            renderSuggestion(turn.nextSuggestedUserMessage),
+        ]);
+    }
+
+    private streamIntoTranscript(chunks: readonly string[]): Promise<void> {
+        return new Promise((resolve, reject) => {
+            const iframe = document.createElement("iframe");
+
+            iframe.setAttribute("aria-hidden", "true");
+            iframe.tabIndex = -1;
+            iframe.style.display = "none";
+            document.body.append(iframe);
+
+            iframe.onload = () => {
+                iframe.onload = null;
+
+                const iframeDocument = iframe.contentDocument;
+
+                if (!iframeDocument || !this.transcript) {
+                    iframe.remove();
+                    reject(new Error("Streaming iframe failed to initialize."));
+                    return;
+                }
+
+                iframeDocument.write("<streaming-element>");
+
+                const streamingElement =
+                    iframeDocument.querySelector("streaming-element");
+
+                if (!streamingElement) {
+                    iframe.remove();
+                    reject(new Error("Unable to create the streaming element."));
+                    return;
+                }
+
+                this.transcript.append(streamingElement);
+
+                const writeChunks = async (): Promise<void> => {
+                    for (const chunk of chunks) {
+                        iframeDocument.write(chunk);
+                        this.scrollTranscript();
+                        await this.delay(600);
+                    }
+
+                    iframeDocument.write("</streaming-element>");
+                    iframeDocument.close();
+                    this.scrollTranscript();
+                    iframe.remove();
+                    resolve();
+                };
+
+                void writeChunks().catch(error => {
+                    iframe.remove();
+                    reject(error);
+                });
+            };
+
+            iframe.src = "";
+        });
+    }
+
+    private scrollTranscript(): void {
+        if (!this.transcript) {
+            return;
+        }
+
+        this.transcript.scrollTop = this.transcript.scrollHeight;
+    }
+
+    private delay(ms: number): Promise<void> {
+        return new Promise(resolve => {
+            window.setTimeout(resolve, ms);
+        });
+    }
+}
+
+ChatApp.defineAsync({
+    name: "chat-app",
+    templateOptions: "defer-and-hydrate",
+});
diff --git a/examples/ssr/chat-app/src/chat-card.ts b/examples/ssr/chat-app/src/chat-card.ts
new file mode 100644
index 00000000000..7517d3f0fe6
--- /dev/null
+++ b/examples/ssr/chat-app/src/chat-card.ts
@@ -0,0 +1,12 @@
+import { attr, FASTElement } from "@microsoft/fast-element";
+import { RenderableFASTElement } from "@microsoft/fast-html";
+
+export class ChatCard extends RenderableFASTElement(FASTElement) {
+    @attr
+    public heading?: string;
+}
+
+ChatCard.defineAsync({
+    name: "chat-card",
+    templateOptions: "defer-and-hydrate",
+});
diff --git a/examples/ssr/chat-app/src/chat-data.ts b/examples/ssr/chat-app/src/chat-data.ts
new file mode 100644
index 00000000000..d295ac6ccb8
--- /dev/null
+++ b/examples/ssr/chat-app/src/chat-data.ts
@@ -0,0 +1,86 @@
+export interface ChatTurn {
+    userMessage: string;
+    responseHtml: string;
+    responseChunks: readonly string[];
+    nextSuggestedUserMessage: string;
+}
+
+function createTurn(
+    userMessage: string,
+    responseChunks: readonly string[],
+    nextSuggestedUserMessage: string,
+): ChatTurn {
+    return {
+        userMessage,
+        responseHtml: responseChunks.join(""),
+        responseChunks,
+        nextSuggestedUserMessage,
+    };
+}
+
+export const cannedTurns: readonly ChatTurn[] = [
+    createTurn(
+        "Hi",
+        [
+            `<chat-message kind="bot"><p><strong>Hi there!</strong> I'm doing a short round of friendly small talk.</p>`,
+            `<chat-card heading="First stop"><p>I stream this answer a piece at a time through a hidden iframe.</p></chat-card>`,
+            `</chat-message>`,
+        ],
+        "How are you?",
+    ),
+    createTurn(
+        "How are you?",
+        [
+            `<chat-message kind="bot"><p>I'm doing well—steady, <em>predictable</em>, and very chatty today.</p>`,
+            `<chat-card heading="Status"><p>My replies are canned, but the parser-driven streaming is real.</p></chat-card>`,
+            `</chat-message>`,
+        ],
+        "What's the weather like?",
+    ),
+    createTurn(
+        "What's the weather like?",
+        [
+            `<chat-message kind="bot"><p>I don't check real forecasts, but here's a cheerful pretend report:</p>`,
+            `<ul><li>clear skies</li><li>light breeze</li><li><strong>perfect</strong> demo weather</li></ul>`,
+            `<chat-card heading="Forecast"><p>Ask for a joke if you want to keep the conversation moving.</p></chat-card></chat-message>`,
+        ],
+        "Tell me a joke",
+    ),
+    createTurn(
+        "Tell me a joke",
+        [
+            `<chat-message kind="bot"><p>Why did the chat bot bring a ladder?</p>`,
+            `<p>Because the conversation kept going to the <code>next level</code>.</p>`,
+            `<chat-card heading="Comedy review"><p>I'll admit that one lands best with a generous audience.</p></chat-card></chat-message>`,
+        ],
+        "What can you do?",
+    ),
+    createTurn(
+        "What can you do?",
+        [
+            `<chat-message kind="bot"><p>I can walk through a tiny scripted chat and show a few interface patterns:</p>`,
+            `<ul><li>exact message matching</li><li>streamed HTML chunks</li><li>FAST custom elements inside each reply</li></ul>`,
+            `<chat-card heading="Try the ending"><p>Say goodbye and I'll wrap the demo up.</p></chat-card></chat-message>`,
+        ],
+        "Goodbye",
+    ),
+    createTurn(
+        "Goodbye",
+        [
+            `<chat-message kind="bot"><p><strong>Goodbye!</strong> Thanks for trying the demo.</p>`,
+            `<chat-card heading="Loop it again"><p>If you want another pass, paste <code>Hi</code> back into the composer.</p></chat-card></chat-message>`,
+        ],
+        "Hi",
+    ),
+];
+
+export const cannedTurnMap = new Map(cannedTurns.map(turn => [turn.userMessage, turn]));
+
+export const fallbackTurn = createTurn(
+    "fallback",
+    [
+        `<chat-message kind="bot"><p>I only know a small scripted set of lines in this example.</p>`,
+        `<chat-card heading="Try this instead"><p>Use the suggested prompt so the exact-match lookup can find a canned reply.</p></chat-card></chat-message>`,
+    ],
+    "Hi",
+);
diff --git a/examples/ssr/chat-app/src/chat-message.ts b/examples/ssr/chat-app/src/chat-message.ts
new file mode 100644
index 00000000000..d503ed03827
--- /dev/null
+++ b/examples/ssr/chat-app/src/chat-message.ts
@@ -0,0 +1,12 @@
+import { attr, FASTElement } from "@microsoft/fast-element";
+import { RenderableFASTElement } from "@microsoft/fast-html";
+
+export class ChatMessage extends RenderableFASTElement(FASTElement) {
+    @attr
+    public kind?: string;
+}
+
+ChatMessage.defineAsync({
+    name: "chat-message",
+    templateOptions: "defer-and-hydrate",
+});
diff --git a/examples/ssr/chat-app/src/chat-suggestion.ts b/examples/ssr/chat-app/src/chat-suggestion.ts
new file mode 100644
index 00000000000..b9a3aaf9d13
--- /dev/null
+++ b/examples/ssr/chat-app/src/chat-suggestion.ts
@@ -0,0 +1,16 @@
+import { attr, FASTElement } from "@microsoft/fast-element";
+import { RenderableFASTElement } from "@microsoft/fast-html";
+
+export class ChatSuggestion extends RenderableFASTElement(FASTElement) {
+    @attr
+    public text?: string;
+
+    public emitSuggestion(): void {
+        this.$emit("use-suggestion", this.text ?? "");
+    }
+}
+
+ChatSuggestion.defineAsync({
+    name: "chat-suggestion",
+    templateOptions: "defer-and-hydrate",
+});
diff --git a/examples/ssr/chat-app/src/design-system.d.ts b/examples/ssr/chat-app/src/design-system.d.ts
new file mode 100644
index 00000000000..320cbb073c5
--- /dev/null
+++ b/examples/ssr/chat-app/src/design-system.d.ts
@@ -0,0 +1 @@
+declare module "@microsoft/fast-examples-design-system/tokens.css";
diff --git a/examples/ssr/chat-app/src/exports.ts b/examples/ssr/chat-app/src/exports.ts
new file mode 100644
index 00000000000..7b3af7b6305
--- /dev/null
+++ b/examples/ssr/chat-app/src/exports.ts
@@ -0,0 +1,5 @@
+export * from "./chat-app.js";
+export * from "./chat-card.js";
+export * from "./chat-data.js";
+export * from "./chat-message.js";
+export * from "./chat-suggestion.js";
diff --git a/examples/ssr/chat-app/src/main.ts b/examples/ssr/chat-app/src/main.ts
new file mode 100644
index 00000000000..865a45fd502
--- /dev/null
+++ b/examples/ssr/chat-app/src/main.ts
@@ -0,0 +1,17 @@
+import "@microsoft/fast-examples-design-system/tokens.css";
+import { TemplateElement } from "@microsoft/fast-html";
+
+// Side-effect imports — register the chat custom elements
+import "./chat-app.js";
+import "./chat-card.js";
+import "./chat-message.js";
+import "./chat-suggestion.js";
+
+TemplateElement.options({
+    "chat-app": { observerMap: "all" },
+    "chat-card": { observerMap: "all" },
+    "chat-message": { observerMap: "all" },
+    "chat-suggestion": { observerMap: "all" },
+}).define({
+    name: "f-template",
+});
diff --git a/examples/ssr/chat-app/state.json b/examples/ssr/chat-app/state.json
new file mode 100644
index 00000000000..57ea21b2f7d
--- /dev/null
+++ b/examples/ssr/chat-app/state.json
@@ -0,0 +1,5 @@
+{
+    "welcomeTitle": "FAST Chat Demo",
+    "composerPlaceholder": "Type one of the suggested prompts exactly.",
+    "initialSuggestion": "Hi"
+}
diff --git a/examples/ssr/chat-app/templates.html b/examples/ssr/chat-app/templates.html
new file mode 100644
index 00000000000..256351f488c
--- /dev/null
+++ b/examples/ssr/chat-app/templates.html
@@ -0,0 +1,84 @@
+<f-template name="chat-app">
+    <template>
+        <link rel="stylesheet" href="/styles.css">
+
+        <section class="app-shell">
+            <header>
+                <p class="eyebrow">FAST example</p>
+                <h1>{{welcomeTitle}}</h1>
+                <p class="intro">
+                    A declarative FAST shell that pre-renders with
+                    <code>@microsoft/fast-build</code>
+                    and streams each assistant reply with a hidden iframe plus
+                    <code>document.write()</code>.
+                </p>
+            </header>
+
+            <div
+                class="transcript"
+                f-ref="{transcript}"
+                @use-suggestion="{handleSuggestion($e)}"
+            >
+                <chat-message kind="bot">
+                    <p>
+                        <strong>Welcome!</strong>
+                        Send the exact suggested prompt to step through the canned chat.
+                    </p>
+                    <chat-card heading="How to use it">
+                        <p>
+                            Each assistant turn mixes native HTML with FAST custom
+                            elements and streams into the transcript a chunk at a time.
+                        </p>
+                    </chat-card>
+                </chat-message>
+                <chat-suggestion text="{{initialSuggestion}}"></chat-suggestion>
+            </div>
+
+            <form class="composer" @submit="{handleSubmit($e)}">
+                <label for="chat-composer">Message</label>
+                <textarea
+                    id="chat-composer"
+                    rows="4"
+                    placeholder="{{composerPlaceholder}}"
+                    f-ref="{composer}"
+                    @keydown="{handleComposerKeydown($e)}"
+                ></textarea>
+                <div class="composer__hint">
+                    <span>Enter sends the message.</span>
+                    <span>Shift+Enter inserts a newline.</span>
+                </div>
+                <button type="submit">Send</button>
+            </form>
+        </section>
+    </template>
+</f-template>
+
+<f-template name="chat-message">
+    <template>
+        <link rel="stylesheet" href="/styles.css">
+
+        <article><slot></slot></article>
+    </template>
+</f-template>
+
+<f-template name="chat-card">
+    <template>
+        <link rel="stylesheet" href="/styles.css">
+
+        <article>
+            <strong>{{heading}}</strong>
+            <slot></slot>
+        </article>
+    </template>
+</f-template>
+
+<f-template name="chat-suggestion">
+    <template>
+        <link rel="stylesheet" href="/styles.css">
+
+        <p class="suggestion" @click="{emitSuggestion()}">
+            <span class="label">Next suggested user message</span>
+            <code>{{text}}</code>
+        </p>
+    </template>
+</f-template>
diff --git a/examples/ssr/chat-app/tsconfig.json b/examples/ssr/chat-app/tsconfig.json
new file mode 100644
index 00000000000..8d61c5bf7bc
--- /dev/null
+++ b/examples/ssr/chat-app/tsconfig.json
@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "pretty": true,
+        "target": "ES2022",
+        "module": "ES2022",
+        "moduleResolution": "bundler",
+        "importHelpers": true,
+        "experimentalDecorators": true,
+        "useDefineForClassFields": false,
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
+        "noEmitOnError": true,
+        "strict": true,
+        "outDir": "dist",
+        "rootDir": "src",
+        "lib": ["dom", "esnext"]
+    },
+    "include": ["src"]
+}
diff --git a/examples/ssr/chat-app/vite.config.ts b/examples/ssr/chat-app/vite.config.ts
new file mode 100644
index 00000000000..431215bc572
--- /dev/null
+++ b/examples/ssr/chat-app/vite.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({
+    build: {
+        outDir: "www",
+        emptyOutDir: true,
+        sourcemap: true,
+    },
+    server: {
+        port: 9000,
+        open: !process.env.CI,
+    },
+});
diff --git a/package-lock.json b/package-lock.json
index 95b8affe34d..0825ce614c9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,8 @@
         "packages/*",
         "sites/*",
         "examples/*",
-        "examples/csr/*"
+        "examples/csr/*",
+        "examples/ssr/*"
       ],
       "devDependencies": {
         "@ast-grep/cli": "0.37.0",
@@ -80,6 +81,20 @@
       "version": "1.0.0",
       "license": "MIT"
     },
+    "examples/ssr/chat-app": {
+      "name": "@microsoft/fast-chat-app-example",
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/fast-element": "*",
+        "@microsoft/fast-examples-design-system": "*",
+        "@microsoft/fast-html": "*",
+        "tslib": "^2.6.3"
+      },
+      "devDependencies": {
+        "@microsoft/fast-build": "*"
+      }
+    },
     "examples/todo-app": {
       "name": "@microsoft/fast-todo-app-example",
       "version": "1.0.0",
@@ -1566,6 +1581,10 @@
       "resolved": "build",
       "link": true
     },
+    "node_modules/@microsoft/fast-chat-app-example": {
+      "resolved": "examples/ssr/chat-app",
+      "link": true
+    },
     "node_modules/@microsoft/fast-element": {
       "resolved": "packages/fast-element",
       "link": true
diff --git a/package.json b/package.json
index b23e9a872ea..d3e4faacf3d 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,8 @@
     "packages/*",
     "sites/*",
     "examples/*",
-    "examples/csr/*"
+    "examples/csr/*",
+    "examples/ssr/*"
   ],
   "engines": {
     "npm": ">=10.0.0",

From 5f34c93dc89d0faee862fb2c1d60ce552f17e951 Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Fri, 22 May 2026 14:01:29 -0700
Subject: [PATCH 08/17] feat(examples): unified todo apps with SSR, MobX, and
 E2E suite (#7424)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds a complete, unified Todo example surface to the `examples/` tree
that showcases the same UI and behavior across three different rendering
strategies, and backs it with a shared end-to-end test suite.

What this PR delivers:

- **`examples/ssr/webui-todo-app`** — new SSR example built on declarative
  FAST HTML templates with `@microsoft/webui` prerendering and
  `@microsoft/fast-html` client-side hydration via
  `RenderableFASTElement` + `defineAsync` (`defer-and-hydrate`).
- **Unified UI across all three todo apps** —
  `examples/csr/todo-app`, `examples/csr/todo-mobx-app`, and the new SSR
  app render the same heading, form, filter `<select>`, list, and
  footer. The MobX app collapsed from five components to one to match
  the canonical layout while keeping the MobX bridge (singleton store,
  `makeAutoObservable`, single `autorun`) intact.
- **Footer counter row (`X items left · Y completed`)** in every todo
  app, finally surfacing the previously-unused computed counters on
  each store / state.
- **New `@microsoft/fast-examples-e2e` workspace (`examples/test/`)**
  with a shared Playwright suite that runs identically against every
  app via per-project DOM adapters. Specs use the `.pw.spec.ts` suffix
  so we can add Node `.spec.ts` tests later without collision.
- **CI** — `npm run test:e2e` is wired into `ci-validate-pr.yml` as a
  separate step after the existing unit-test job.
- **`@microsoft/webui` bumped to 0.0.6** across the workspace.

This supersedes the approach from #7362 and replaces the older
imperative `webui-todo-app` example.

- Supersedes #7362

A few intentional choices worth a closer look:

- **`@volatile` on `DefaultTodoList.activeCount` / `completedCount`** —
  required because the initial `_todos` array is empty, so without
  `@volatile` FAST captures the dependency graph only on first
  evaluation and never subscribes to `item.done` for items added later.
  Inline comments document this.
- **Imperative `syncCounts()` in the SSR app** — same pattern as the
  existing `syncDescription()` workaround for the fast-html text-binding
  hydration mismatch. SSR initial render does not include the counter
  text; it is populated client-side after hydration.
- **Adapter design in `examples/test/`** — both CSR apps share
  `createCsrAdapter()` since their unified UI exposes the same
  selectors; the SSR app has its own adapter because items are rendered
  through a nested `<todo-item>` shadow root. See
  [`examples/test/DESIGN.md`](./examples/test/DESIGN.md) for the
  contributor guide.

- `npm run build` — succeeds for all packages and example workspaces.
- `npm run biome:check` — passes.
- `CI=1 npm run test:e2e` — **21/21 passing** across all three projects
  (6 baseline scenarios + 1 new footer-counters scenario × 3 apps).
- `npm run test` — `fast-element` and `fast-html` unit tests pass.
  Pre-existing Firefox flakiness in `fast-test-harness` (page.goto
  timeouts) is unrelated to this work; Chromium passes 46/46.
- `npm run checkchange` — no change file needed (no `packages/*`
  source edits).

- [ ] I have included a change request file using `$ npm run change`
- [x] I have added tests for my changes.
- [x] I have tested my changes.
- [x] I have updated the project documentation to reflect my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.

- Investigate the underlying FAST observation behavior that requires
  `@volatile` on getters iterating reactive arrays — worth confirming
  whether this is by design or a bug that should be fixed in
  `fast-element`.

(cherry picked from commit 13916c12b6c8eb77d5f348befb7b4abca4750416)
---
 .github/copilot-instructions.md               |    1 +
 .github/workflows/ci-validate-pr.yml          |    3 +
 ...-33177703-2e3c-48c9-bd69-04fcf3affab0.json |    7 +
 examples/DESIGN.md                            |   14 +-
 examples/README.md                            |    7 +-
 examples/csr/todo-app/src/todo-app.styles.ts  |   13 +
 .../csr/todo-app/src/todo-app.template.ts     |   11 +
 examples/csr/todo-app/src/todo-list.ts        |   28 +-
 examples/csr/todo-mobx-app/DESIGN.md          |  113 +-
 examples/csr/todo-mobx-app/README.md          |   76 +-
 examples/csr/todo-mobx-app/index.html         |    2 +-
 examples/csr/todo-mobx-app/src/exports.ts     |    4 -
 examples/csr/todo-mobx-app/src/main.ts        |    4 -
 .../csr/todo-mobx-app/src/state/todo-store.ts |   16 +
 .../csr/todo-mobx-app/src/todo-app.styles.ts  |  117 +-
 .../todo-mobx-app/src/todo-app.template.ts    |   71 +-
 examples/csr/todo-mobx-app/src/todo-app.ts    |   36 +-
 .../todo-mobx-app/src/todo-filter.styles.ts   |   53 -
 .../todo-mobx-app/src/todo-filter.template.ts |   28 -
 examples/csr/todo-mobx-app/src/todo-filter.ts |   41 -
 .../csr/todo-mobx-app/src/todo-form.styles.ts |    4 -
 .../todo-mobx-app/src/todo-form.template.ts   |   13 +-
 examples/csr/todo-mobx-app/src/todo-form.ts   |    8 +-
 .../csr/todo-mobx-app/src/todo-item.styles.ts |   68 -
 .../todo-mobx-app/src/todo-item.template.ts   |   24 -
 examples/csr/todo-mobx-app/src/todo-item.ts   |   76 -
 .../csr/todo-mobx-app/src/todo-list.styles.ts |   21 -
 .../todo-mobx-app/src/todo-list.template.ts   |   17 -
 examples/csr/todo-mobx-app/src/todo-list.ts   |   38 -
 .../todo-mobx-app/src/todo-stats.styles.ts    |   68 -
 .../todo-mobx-app/src/todo-stats.template.ts  |   33 -
 examples/csr/todo-mobx-app/src/todo-stats.ts  |   52 -
 examples/ssr/webui-todo-app/DESIGN.md         |  200 ++
 examples/ssr/webui-todo-app/README.md         |  126 +
 examples/ssr/webui-todo-app/data/state.json   |   41 +
 examples/ssr/webui-todo-app/package.json      |   38 +
 examples/ssr/webui-todo-app/src/index.html    |   27 +
 examples/ssr/webui-todo-app/src/index.ts      |   37 +
 .../webui-todo-app/src/todo-app/todo-app.css  |  130 +
 .../webui-todo-app/src/todo-app/todo-app.html |   39 +
 .../webui-todo-app/src/todo-app/todo-app.ts   |  162 +
 .../src/todo-item/todo-item.css               |   53 +
 .../src/todo-item/todo-item.html              |   17 +
 .../webui-todo-app/src/todo-item/todo-item.ts |   46 +
 examples/ssr/webui-todo-app/tsconfig.json     |   16 +
 examples/test/DESIGN.md                       |  132 +
 examples/test/README.md                       |   66 +
 examples/test/package.json                    |   21 +
 examples/test/playwright.config.ts            |   74 +
 examples/test/support/adapters/csr.ts         |   88 +
 examples/test/support/adapters/index.ts       |   19 +
 .../test/support/adapters/ssr-webui-todo.ts   |   87 +
 examples/test/support/adapters/types.ts       |   25 +
 examples/test/support/fixtures.ts             |   22 +
 examples/test/support/global-setup.ts         |   29 +
 examples/test/support/global-teardown.ts      |   14 +
 examples/test/tests/todo.pw.spec.ts           |  137 +
 examples/test/tsconfig.json                   |   16 +
 package-lock.json                             | 2942 +++++++++++------
 package.json                                  |    1 +
 .../src/docs/2.x/resources/export-sizes.md    |    2 +-
 61 files changed, 3871 insertions(+), 1803 deletions(-)
 create mode 100644 change/@microsoft-fast-element-33177703-2e3c-48c9-bd69-04fcf3affab0.json
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-filter.styles.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-filter.template.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-filter.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-item.styles.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-item.template.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-item.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-list.styles.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-list.template.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-list.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-stats.styles.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-stats.template.ts
 delete mode 100644 examples/csr/todo-mobx-app/src/todo-stats.ts
 create mode 100644 examples/ssr/webui-todo-app/DESIGN.md
 create mode 100644 examples/ssr/webui-todo-app/README.md
 create mode 100644 examples/ssr/webui-todo-app/data/state.json
 create mode 100644 examples/ssr/webui-todo-app/package.json
 create mode 100644 examples/ssr/webui-todo-app/src/index.html
 create mode 100644 examples/ssr/webui-todo-app/src/index.ts
 create mode 100644 examples/ssr/webui-todo-app/src/todo-app/todo-app.css
 create mode 100644 examples/ssr/webui-todo-app/src/todo-app/todo-app.html
 create mode 100644 examples/ssr/webui-todo-app/src/todo-app/todo-app.ts
 create mode 100644 examples/ssr/webui-todo-app/src/todo-item/todo-item.css
 create mode 100644 examples/ssr/webui-todo-app/src/todo-item/todo-item.html
 create mode 100644 examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
 create mode 100644 examples/ssr/webui-todo-app/tsconfig.json
 create mode 100644 examples/test/DESIGN.md
 create mode 100644 examples/test/README.md
 create mode 100644 examples/test/package.json
 create mode 100644 examples/test/playwright.config.ts
 create mode 100644 examples/test/support/adapters/csr.ts
 create mode 100644 examples/test/support/adapters/index.ts
 create mode 100644 examples/test/support/adapters/ssr-webui-todo.ts
 create mode 100644 examples/test/support/adapters/types.ts
 create mode 100644 examples/test/support/fixtures.ts
 create mode 100644 examples/test/support/global-setup.ts
 create mode 100644 examples/test/support/global-teardown.ts
 create mode 100644 examples/test/tests/todo.pw.spec.ts
 create mode 100644 examples/test/tsconfig.json

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index 2002014f278..75f681cfdda 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -38,6 +38,7 @@ Each package includes a DESIGN.md file, read that to gain a general understandin
 - `examples/csr/todo-app/` — A simple To-Do app demonstrating FAST usage patterns and using the shared `@microsoft/fast-examples-design-system` tokens.
 - `examples/csr/todo-mobx-app/` — A To-Do app demonstrating how to integrate MobX state with `@microsoft/fast-element` using a single `autorun` per component (no custom bridge code).
 - `examples/ssr/chat-app/` — A declarative FAST chat demo that pre-renders with `@microsoft/fast-build` and streams canned assistant replies into the transcript. Dark theme.
+- `examples/ssr/webui-todo-app/` — A To-Do app demonstrating FAST declarative HTML with `@microsoft/webui` prerendering and `@microsoft/fast-html` hydration. Light theme.
 
 ## Skills
 
diff --git a/.github/workflows/ci-validate-pr.yml b/.github/workflows/ci-validate-pr.yml
index 80612cbecd5..f400ab514cc 100644
--- a/.github/workflows/ci-validate-pr.yml
+++ b/.github/workflows/ci-validate-pr.yml
@@ -67,5 +67,8 @@ jobs:
     - name: Testing unit tests
       run: npx lage test:node test:chromium ${{ github.event_name == 'pull_request' && format('--since origin/{0}', github.event.pull_request.base.ref) || '' }} --allow-no-target-runs --verbose
 
+    - name: End-to-end tests for example apps
+      run: npm run test:e2e
+
     - name: Testing final validation
       run: npm run test:validation
diff --git a/change/@microsoft-fast-element-33177703-2e3c-48c9-bd69-04fcf3affab0.json b/change/@microsoft-fast-element-33177703-2e3c-48c9-bd69-04fcf3affab0.json
new file mode 100644
index 00000000000..bc97897e4cc
--- /dev/null
+++ b/change/@microsoft-fast-element-33177703-2e3c-48c9-bd69-04fcf3affab0.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: regenerate fast-element SIZES.md",
+  "packageName": "@microsoft/fast-element",
+  "email": "7559015+janechu@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/examples/DESIGN.md b/examples/DESIGN.md
index b0e7ffac682..f7cb8eed77c 100644
--- a/examples/DESIGN.md
+++ b/examples/DESIGN.md
@@ -2,10 +2,9 @@
 
 This document is the workspace-level guide for building UI in `examples/*`
 and its rendering-strategy subfolders (`examples/csr/` and `examples/ssr/`).
-It
-explains how the apps share a visual language, the constraints every example
-must follow, and the rules that humans and coding agents should apply when
-making changes. The token vocabulary itself lives in
+It explains how the apps share a visual language, the constraints every
+example must follow, and the rules that humans and coding agents should
+apply when making changes. The token vocabulary itself lives in
 [`design-system/DESIGN.md`](./design-system/DESIGN.md); read that file
 alongside this one.
 
@@ -158,9 +157,10 @@ document.documentElement.removeAttribute("data-theme"); // restore system
 ```
 
 For an intentionally single-theme app — like
-[`csr/todo-app`](./csr/todo-app/) and [`ssr/chat-app`](./ssr/chat-app/) —
-hard-code the attribute in markup (`<html data-theme="light">` or
-`<html data-theme="dark">`) and never touch it from JavaScript.
+[`csr/todo-app`](./csr/todo-app/), [`ssr/chat-app`](./ssr/chat-app/), and
+[`ssr/webui-todo-app`](./ssr/webui-todo-app/) — hard-code the attribute in
+markup (`<html data-theme="light">` or `<html data-theme="dark">`) and never
+touch it from JavaScript.
 
 ## Authoring rules
 
diff --git a/examples/README.md b/examples/README.md
index 20394a851eb..af676c586b1 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -13,6 +13,7 @@ FAST patterns in a complete app context.
 | `csr/todo-app` | `@microsoft/fast-todo-app-example` | A To-Do app demonstrating `@microsoft/fast-element` patterns end to end, styled with the shared design-system tokens (light theme, no runtime toggle). |
 | `csr/todo-mobx-app` | `@microsoft/fast-todo-mobx-app-example` | A To-Do app showing how to integrate MobX state with `@microsoft/fast-element` using a single `autorun` per component (no custom bridge code), styled with the shared design-system tokens. |
 | `ssr/chat-app` | `@microsoft/fast-chat-app-example` | A declarative FAST chat demo that pre-renders with `@microsoft/fast-build` and streams canned assistant replies into the transcript, styled with the shared design-system tokens (dark theme, no runtime toggle). |
+| `ssr/webui-todo-app` | `@microsoft/fast-webui-todo-app-example` | A To-Do app pre-rendered by `@microsoft/webui` and hydrated by `@microsoft/fast-html`, styled with the shared design-system tokens (light theme, no runtime toggle). |
 
 Example apps are grouped by rendering strategy. Client-side-rendered (CSR)
 apps live under [`examples/csr/`](./csr/) and server-side-rendered (SSR) apps
@@ -55,8 +56,9 @@ See:
    (CSR apps go under `examples/csr/<your-app>/`; SSR apps go under
    `examples/ssr/<your-app>/`).
 2. Use [`examples/csr/todo-app/`](./csr/todo-app/) as a reference for CSR
-   apps, or [`examples/ssr/chat-app/`](./ssr/chat-app/) as a reference for
-   SSR apps (`package.json`, `tsconfig.json`, build config, entry HTML).
+   apps, or [`examples/ssr/chat-app/`](./ssr/chat-app/) /
+   [`examples/ssr/webui-todo-app/`](./ssr/webui-todo-app/) as a reference
+   for SSR apps (`package.json`, `tsconfig.json`, build config, entry HTML).
 3. Add `"@microsoft/fast-examples-design-system": "^1.0.0"` to the new
    app's `dependencies` and run `npm install` from the repo root.
 4. Import `@microsoft/fast-examples-design-system/tokens.css` exactly once at
@@ -90,6 +92,7 @@ For the existing example apps:
 npm start -w @microsoft/fast-todo-app-example
 npm start -w @microsoft/fast-todo-mobx-app-example
 npm start -w @microsoft/fast-chat-app-example
+npm start -w @microsoft/fast-webui-todo-app-example
 ```
 
 ## Useful links
diff --git a/examples/csr/todo-app/src/todo-app.styles.ts b/examples/csr/todo-app/src/todo-app.styles.ts
index d01f85b2ee5..7dd00b95d96 100644
--- a/examples/csr/todo-app/src/todo-app.styles.ts
+++ b/examples/csr/todo-app/src/todo-app.styles.ts
@@ -114,4 +114,17 @@ export const styles = css`
             var(--fast-status-danger-tint-stroke);
         outline-offset: var(--fast-stroke-width-default);
     }
+
+    footer {
+        display: flex;
+        align-items: center;
+        gap: var(--fast-gap-between-content-x-small);
+        margin-top: var(--fast-gap-between-content-small);
+        padding-top: var(--fast-padding-content-x-small);
+        border-top: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-subtle);
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+        color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    }
 `;
diff --git a/examples/csr/todo-app/src/todo-app.template.ts b/examples/csr/todo-app/src/todo-app.template.ts
index 84c1879b2ef..68829fe05be 100644
--- a/examples/csr/todo-app/src/todo-app.template.ts
+++ b/examples/csr/todo-app/src/todo-app.template.ts
@@ -38,4 +38,15 @@ export const template = html<TodoApp>`
             `,
         )}
     </ul>
+
+    <footer>
+        <span class="active-count">
+            ${x =>
+                `${x.todos.activeCount} ${
+                    x.todos.activeCount === 1 ? "item" : "items"
+                } left`}
+        </span>
+        <span aria-hidden="true">·</span>
+        <span class="completed-count">${x => `${x.todos.completedCount} completed`}</span>
+    </footer>
 `;
diff --git a/examples/csr/todo-app/src/todo-list.ts b/examples/csr/todo-app/src/todo-list.ts
index f2175d2fc3f..f950d420630 100644
--- a/examples/csr/todo-app/src/todo-list.ts
+++ b/examples/csr/todo-app/src/todo-list.ts
@@ -9,6 +9,8 @@ export const TodoList = Context.create<TodoList>("TodoList");
 export interface TodoList {
     activeFilter: TodoListFilter;
     readonly filtered: readonly Todo[];
+    readonly activeCount: number;
+    readonly completedCount: number;
     add(description: string): void;
     remove(todo: Todo): void;
 }
@@ -40,6 +42,23 @@ export class DefaultTodoList {
         }
     }
 
+    @volatile
+    public get activeCount(): number {
+        // This getter is decorated with @volatile because the array's
+        // length and the set of tracked item.done properties can change
+        // between invocations. Without @volatile, FAST captures the
+        // dependency graph on first evaluation only — at startup the
+        // array is empty, so no item.done subscriptions get registered
+        // and later toggles don't re-run the binding.
+        return this._todos.reduce((n, item) => n + (item.done ? 0 : 1), 0);
+    }
+
+    @volatile
+    public get completedCount(): number {
+        // See note on activeCount for why this getter is @volatile.
+        return this._todos.reduce((n, item) => n + (item.done ? 1 : 0), 0);
+    }
+
     constructor(todos?: Todo[]) {
         if (todos) {
             this._todos = todos.map(x => reactive(x));
@@ -62,9 +81,10 @@ export class DefaultTodoList {
     private splice(index: number, removeCount: number, ...newItem: Todo[]) {
         this._todos.splice(index, removeCount, ...newItem);
 
-        // Because the filtered property returns different arrays depending
-        // on the filter, we need to notify FAST that the dependent _todos
-        // observable has changed whenever we splice the internal data structure.
-        this.activeFilter !== "all" && Observable.notify(this, "_todos");
+        // Notify FAST that the dependent _todos observable has changed. Both
+        // the filtered list (when activeFilter is "active" or "completed") and
+        // the count getters (activeCount / completedCount) depend on the
+        // array structure, so we always emit the notification.
+        Observable.notify(this, "_todos");
     }
 }
diff --git a/examples/csr/todo-mobx-app/DESIGN.md b/examples/csr/todo-mobx-app/DESIGN.md
index 65e21ecad0c..3938bc3d478 100644
--- a/examples/csr/todo-mobx-app/DESIGN.md
+++ b/examples/csr/todo-mobx-app/DESIGN.md
@@ -14,7 +14,7 @@ For a user-facing intro and run instructions, see [README.md](./README.md).
 4. [State layer (`src/state/`)](#state-layer-srcstate)
 5. [Persistence (`autorun` → `localStorage`)](#persistence-autorun--localstorage)
 6. [Component composition](#component-composition)
-7. [Per-item reactivity and `repeat` recycling](#per-item-reactivity-and-repeat-recycling)
+7. [User input → MobX writeback](#user-input--mobx-writeback)
 8. [Known gotchas](#known-gotchas)
 9. [Package layout](#package-layout)
 
@@ -32,13 +32,13 @@ FAST and MobX both track property reads to invalidate dependents when state chan
 
 There is no direct interop. If a FAST template binding reads a MobX-observable, MobX does not know to notify FAST. If a MobX `reaction` reads a FAST `@observable`, FAST does not know to notify MobX.
 
-This example wires **one direction**: MobX → FAST. FAST stays the source of truth for DOM updates; MobX stays the source of truth for application state.
+This example wires **one direction** for rendering: MobX → FAST. FAST stays the source of truth for DOM updates; MobX stays the source of truth for application state. User input is propagated FAST → MobX through explicit `${prop}Changed` callbacks (see [User input → MobX writeback](#user-input--mobx-writeback)).
 
 ---
 
 ## The integration pattern: one `autorun` per component
 
-Every component follows the same three-line pattern.
+Every component that reads MobX state follows the same three-line pattern.
 
 1. Declare the slices of MobX state the component renders as FAST `@observable` fields, with default initial values.
 2. In `connectedCallback`, install a single `autorun(() => { … })` that reassigns those fields from the MobX store.
@@ -47,22 +47,22 @@ Every component follows the same three-line pattern.
 ```typescript
 import { FASTElement, observable } from "@microsoft/fast-element";
 import { autorun } from "mobx";
-import { todoStore } from "./state/index.js";
+import { type Todo, type TodoListFilter, todoStore } from "./state/index.js";
 
-export class TodoStats extends FASTElement {
-    @observable public activeCount: number = 0;
-    @observable public completedCount: number = 0;
-    @observable public allCompleted: boolean = false;
-    @observable public hasCompleted: boolean = false;
+export class TodoApp extends FASTElement {
+    @observable public items: readonly Todo[] = [];
+    @observable public activeFilter: TodoListFilter = "all";
 
     private _disposer?: () => void;
 
     public connectedCallback(): void {
         this._disposer = autorun(() => {
-            this.activeCount = todoStore.activeCount;
-            this.completedCount = todoStore.completedCount;
-            this.allCompleted = todoStore.allCompleted;
-            this.hasCompleted = todoStore.completedCount > 0;
+            this.items = todoStore.filtered.map(t => ({
+                id: t.id,
+                description: t.description,
+                done: t.done,
+            }));
+            this.activeFilter = todoStore.activeFilter;
         });
         super.connectedCallback();
     }
@@ -79,7 +79,7 @@ export class TodoStats extends FASTElement {
 
 - MobX's `autorun` runs the body immediately, registers a subscription on every MobX-observable that was read, and re-runs the body whenever any of those observables changes ([docs](https://mobx.js.org/reactions.html#autorun)).
 - Each re-run assigns a fresh value to a FAST `@observable` field. FAST's `@observable` setter compares with `Object.is`, and on a change calls `Observable.notify(this, name)`, which fans out to every bound `ExpressionNotifier` and enqueues a DOM update via `Updates.enqueue`.
-- Because MobX's computed values cache (so do array slices like `filter`, in the sense that the *array reference* changes only when the contents change), the assignment is a true no-op when nothing changed downstream — no spurious DOM updates.
+- The `.map(...)` in the items mirror does two things at once: it produces a fresh array reference (so FAST always observes the assignment, even when the underlying MobX array reference is stable, e.g. when `activeFilter === "all"`), **and** it reads `t.id`, `t.description`, and `t.done` on every item, making the autorun a subscriber to each of those observables.
 
 ### Why no custom decorator
 
@@ -90,8 +90,6 @@ The previous iteration of this example shipped two custom decorators that wrappe
 | Boilerplate per component | One `@mobxObservableProperty` per getter | A `connectedCallback`/`disconnectedCallback` pair |
 | New API surface to learn | 2 decorators with their own contract | None — stock APIs from both libraries |
 | Bridge code in the repo | ~180 lines | 0 lines |
-| Re-renders triggered per change | Per property | Per component (still gated by FAST per-binding diffing) |
-| Recycle-safe by default | No — required `recycle: false` | Yes (see below) |
 
 The inline pattern is functionally equivalent for this app, and is easier for readers who already know both libraries because there is no novel mechanism to understand.
 
@@ -114,9 +112,9 @@ On disconnect the order is reversed: `super.disconnectedCallback()` runs first (
 
 - Class fields (`todos`, `activeFilter`) as `observable`.
 - `get` accessors (`filtered`, `activeCount`, `completedCount`, `total`, `allCompleted`) as `computed` (cached while observed; recomputed only when their MobX dependencies change).
-- Regular methods (`add`, `remove`, `toggle`, `toggleAll`, `clearCompleted`, `setFilter`, `hydrate`) as `action` (so mutations are batched).
+- Regular methods (`add`, `remove`, `removeById`, `toggle`, `toggleById`, `toggleAll`, `clearCompleted`, `setFilter`, `hydrate`) as `action` (so mutations are batched).
 
-Because the array is deeply observable, the plain `{ id, description, done }` objects inserted by `add()` are wrapped as observable objects when they enter the array. That is what lets `<todo-item>` track `this.todo.done` and `this.todo.description` reactively.
+The id-based variants (`toggleById`, `removeById`) exist for direct use from template handlers, where the bound iteration item is a plain snapshot rather than the live MobX observable. They look up the real todo by id and mutate it through the same path as their non-`ById` counterparts.
 
 `hydrate(snapshot)` accepts both an array of todos (legacy shape) and `{ todos, activeFilter }`. It validates entries before assigning so corrupted `localStorage` payloads cannot poison the store.
 
@@ -137,74 +135,26 @@ The same `autorun` primitive that powers the UI-side integration also powers per
 
 ## Component composition
 
-Every component imports the singleton `todoStore` directly. None of them accept the store via property — props are only used for transient parent-to-child data (the `todo` property on `<todo-item>`).
+The app collapses to two custom elements, matching the [`csr/todo-app`](../todo-app) reference layout exactly:
 
 | Component | Mirrored from store | Actions dispatched |
 |---|---|---|
-| `<todo-app>` | `total`, `hasTodos` | (renders sub-components) |
+| `<todo-app>` | `items` (plain snapshots of `todoStore.filtered`), `activeFilter` | `todoStore.toggleById`, `todoStore.removeById`, `todoStore.setFilter` (via `activeFilterChanged`) |
 | `<todo-form>` | local FAST `@observable description` (UI-only state) | `todoStore.add` |
-| `<todo-filter>` | `activeFilter` | `todoStore.setFilter` |
-| `<todo-list>` | `items` (proxies `todoStore.filtered`) | (renders `<todo-item>`s) |
-| `<todo-item>` | `done`, `description` (per-item — see next section) | `todoStore.toggle`, `todoStore.remove` |
-| `<todo-stats>` | `activeCount`, `completedCount`, `allCompleted`, `hasCompleted` | `todoStore.toggleAll`, `todoStore.clearCompleted` |
 
 The form's input value is intentionally a FAST `@observable`, not MobX state — it is transient UI state local to that element. The integration deliberately does not span that boundary.
 
 ---
 
-## Per-item reactivity and `repeat` recycling
+## User input → MobX writeback
 
-`<todo-item>` is unique because it does not pull its data from the global store directly — it reads it through a `todo` property bound from `<todo-list>`'s `repeat` directive. FAST's `repeat` may **recycle** child views by default: when an item is removed mid-list, the existing `<todo-item>` view at that position is re-bound to a different Todo rather than torn down and recreated.
+User-driven UI changes (filter selection, toggle, delete, add) propagate FAST → MobX through three mechanisms:
 
-That recycling is fine for our pattern, *because we hook FAST's `${prop}Changed` callback to rebuild the `autorun` against the new Todo*. The full lifecycle handling looks like:
+- **Two-way binding + `${prop}Changed`**: the `<select>` element uses `:value=${twoWay(x => x.activeFilter)}`. When the user picks a new option, FAST writes back to `x.activeFilter`, which fires `activeFilterChanged`. That callback forwards the new value to `todoStore.setFilter(next)`, gated by an equality check so the autorun's own store-driven assignment cannot reenter.
+- **Per-item event handlers**: the checkbox's `@change` and the delete button's `@click` call `todoStore.toggleById(x.id)` and `todoStore.removeById(x.id)` directly. The bound iteration item `x` is a plain snapshot, so the handlers look the real Todo up by id.
+- **Form submission**: `<todo-form>` keeps its draft in a FAST `@observable` and calls `todoStore.add(value)` on submit.
 
-```typescript
-export class TodoItem extends FASTElement {
-    @observable public todo!: Todo;
-    @observable public done: boolean = false;
-    @observable public description: string = "";
-
-    private _disposer?: () => void;
-    private _connected: boolean = false;
-
-    public connectedCallback(): void {
-        this._connected = true;
-        this.startReaction();
-        super.connectedCallback();
-    }
-
-    public disconnectedCallback(): void {
-        super.disconnectedCallback();
-        this._connected = false;
-        this.stopReaction();
-    }
-
-    public todoChanged(): void {
-        if (this._connected) {
-            this.startReaction();
-        }
-    }
-
-    private startReaction(): void {
-        this.stopReaction();
-        if (this.todo === undefined) return;
-        this._disposer = autorun(() => {
-            const todo = this.todo;
-            this.done = todo.done;
-            this.description = todo.description;
-        });
-    }
-
-    private stopReaction(): void {
-        this._disposer?.();
-        this._disposer = undefined;
-    }
-}
-```
-
-The `_connected` flag is there because FAST's `@observable` setters can fire *before* `connectedCallback` runs (the parent assigns the property as it constructs the child view, then inserts the child into the DOM). The flag prevents `todoChanged` from installing a reaction on an element that is not yet attached — which would otherwise leak if the element were never inserted.
-
-This is the only component where the pattern needs an extra wrinkle on top of the standard `connect/disconnect` pair, and the wrinkle is a stock FAST mechanism (`${prop}Changed`) — not custom infrastructure.
+In every case, the MobX action is the writer; the autorun above is the only reader.
 
 ---
 
@@ -212,8 +162,9 @@ This is the only component where the pattern needs an extra wrinkle on top of th
 
 - **`useDefineForClassFields: false`** — required by MobX 6's `makeAutoObservable` so class-field initializers run as constructor assignments rather than `Object.defineProperty` declarations. The example's `tsconfig.json` sets this explicitly.
 - **`skipLibCheck: true`** — set because MobX 6's `ObservableMap` lib types lag the `Map` definitions in TypeScript's `esnext` lib (missing `getOrInsert` / `getOrInsertComputed`). This affects type-checking only, not runtime.
-- **One-direction integration** — the `autorun` moves MobX changes into FAST. The reverse (FAST `@observable` → MobX `reaction`) is **not** wired. UI-local FAST state (e.g. the form draft) stays out of the MobX store on purpose; nothing in the MobX layer needs to observe it.
-- **Initial-value defaults** — `@observable` fields are declared with default values (`0`, `false`, `""`, `[]`) so the templates have valid bindings even before `autorun` first runs. Because `autorun` calls into MobX synchronously before `super.connectedCallback()`, the template's first evaluation always sees the real values, not the defaults.
+- **One-direction `autorun`** — the `autorun` moves MobX changes into FAST. The reverse (FAST `@observable` → MobX `reaction`) is **not** wired. User input writes back via explicit `${prop}Changed` callbacks and event handlers instead.
+- **Initial-value defaults** — `@observable` fields are declared with default values (`[]`, `"all"`, `""`) so the templates have valid bindings even before `autorun` first runs. Because `autorun` calls into MobX synchronously before `super.connectedCallback()`, the template's first evaluation always sees the real values, not the defaults.
+- **Plain-data snapshots for items** — `<todo-app>` exposes `items` as plain `{id, description, done}` copies rather than the live MobX observables. This keeps the FAST/MobX boundary explicit, makes the autorun depend on each rendered field, and ensures a fresh array reference on every store change.
 
 ---
 
@@ -236,15 +187,11 @@ examples/csr/todo-mobx-app/
     │   ├── persistence.ts          ← autorun → localStorage
     │   └── todo-store.ts           ← MobX store
     ├── todo-app.{ts,template.ts,styles.ts}
-    ├── todo-form.{ts,template.ts,styles.ts}
-    ├── todo-list.{ts,template.ts,styles.ts}
-    ├── todo-item.{ts,template.ts,styles.ts}
-    ├── todo-filter.{ts,template.ts,styles.ts}
-    └── todo-stats.{ts,template.ts,styles.ts}
+    └── todo-form.{ts,template.ts,styles.ts}
 ```
 
 Implementation entry points worth reading first:
 
-1. [`src/todo-stats.ts`](./src/todo-stats.ts) — the cleanest end-to-end example of the pattern.
-2. [`src/todo-item.ts`](./src/todo-item.ts) — the per-item variant with the `todoChanged` hook.
+1. [`src/todo-app.ts`](./src/todo-app.ts) — the end-to-end example of the autorun bridge pattern, including the writeback path for the filter.
+2. [`src/todo-form.ts`](./src/todo-form.ts) — the UI-local FAST state plus MobX action dispatch.
 3. [`src/state/todo-store.ts`](./src/state/todo-store.ts) — the MobX model.
diff --git a/examples/csr/todo-mobx-app/README.md b/examples/csr/todo-mobx-app/README.md
index 6966bb45f1c..4e10ad47501 100644
--- a/examples/csr/todo-mobx-app/README.md
+++ b/examples/csr/todo-mobx-app/README.md
@@ -1,6 +1,6 @@
 # MobX Todo App (FAST)
 
-A small Todo app that uses **[MobX](https://mobx.js.org/)** as its state library and **[`@microsoft/fast-element`](../../../packages/fast-element)** for its Web Components. It is the MobX counterpart to [`examples/csr/todo-app`](../todo-app), and like every example app it consumes the shared [`@microsoft/fast-examples-design-system`](../../design-system) tokens for styling.
+A small Todo app that uses **[MobX](https://mobx.js.org/)** as its state library and **[`@microsoft/fast-element`](../../../packages/fast-element)** for its Web Components. It is the MobX counterpart to [`examples/csr/todo-app`](../todo-app), and the two render an identical UI — the same `<h1>FAST Todos</h1>`, `<todo-form>` (input + "Add Todo"), `<select>` filter (All / Active / Completed), and `<ul class="todo-list">` of rows with a checkbox, description, and `×` button. Like every example app it consumes the shared [`@microsoft/fast-examples-design-system`](../../design-system) tokens for styling.
 
 The example shows that you do **not** need a custom decorator or any bridge code to integrate MobX with `@microsoft/fast-element` — a single `autorun` per component, set up in `connectedCallback` and disposed in `disconnectedCallback`, is all that is needed.
 
@@ -21,31 +21,31 @@ To produce a production build:
 npm run build -w @microsoft/fast-todo-mobx-app-example
 ```
 
-The output is written to `examples/todo-mobx-app/www/`.
+The output is written to `examples/csr/todo-mobx-app/www/`.
 
 ## The pattern, in one component
 
-`<todo-stats>` reads several MobX-derived numbers from the shared store and renders them. It declares matching FAST `@observable` fields, and a single `autorun` mirrors store values into those fields:
+`<todo-app>` mirrors the slices of MobX state it renders into FAST `@observable` fields with a single `autorun` set up in `connectedCallback`. The template binds to those plain FAST observables as usual.
 
 ```typescript
 import { FASTElement, observable } from "@microsoft/fast-element";
 import { autorun } from "mobx";
-import { todoStore } from "./state/index.js";
+import { type Todo, type TodoListFilter, todoStore } from "./state/index.js";
 
-export class TodoStats extends FASTElement {
-    @observable public activeCount: number = 0;
-    @observable public completedCount: number = 0;
-    @observable public allCompleted: boolean = false;
-    @observable public hasCompleted: boolean = false;
+export class TodoApp extends FASTElement {
+    @observable public items: readonly Todo[] = [];
+    @observable public activeFilter: TodoListFilter = "all";
 
     private _disposer?: () => void;
 
     public connectedCallback(): void {
         this._disposer = autorun(() => {
-            this.activeCount = todoStore.activeCount;
-            this.completedCount = todoStore.completedCount;
-            this.allCompleted = todoStore.allCompleted;
-            this.hasCompleted = todoStore.completedCount > 0;
+            this.items = todoStore.filtered.map(t => ({
+                id: t.id,
+                description: t.description,
+                done: t.done,
+            }));
+            this.activeFilter = todoStore.activeFilter;
         });
         super.connectedCallback();
     }
@@ -55,30 +55,41 @@ export class TodoStats extends FASTElement {
         this._disposer?.();
         this._disposer = undefined;
     }
+
+    public activeFilterChanged(
+        _prev: TodoListFilter | undefined,
+        next: TodoListFilter | undefined,
+    ): void {
+        if (next !== undefined && next !== todoStore.activeFilter) {
+            todoStore.setFilter(next);
+        }
+    }
 }
 ```
 
-That is the entire integration. The template binds to `${x => x.activeCount}` (etc.) exactly as it would for any other FAST element.
+That is the entire integration. The template binds `${x => x.items}`, `${x => x.activeFilter}`, etc. exactly as it would for any other FAST element.
 
 ### Why this works
 
 - `autorun` runs immediately, then re-runs whenever any MobX-observable it read changes.
-- Each re-run reassigns a FAST `@observable` field, which fires FAST's own change notification, which patches the bound DOM.
+- Each re-run reassigns FAST `@observable` fields, which fires FAST's own change notification, which patches the bound DOM.
+- The `.map(...)` copies each todo into a plain `{id, description, done}` object — that simultaneously creates a fresh array reference on every run (so FAST always sees the assignment) and ensures the autorun depends on every observable field it serializes.
 - Calling `autorun` *before* `super.connectedCallback()` ensures the mirror fields have correct values before the template binds, avoiding any initial flicker.
 - The disposer returned by `autorun` is stored on the element and released on disconnect, so reactions never outlive the element.
 
+The `<select>` element uses a `twoWay` binding to `activeFilter`. `activeFilterChanged` propagates user changes back to the MobX store (gated by an equality check, so the autorun's store-driven assignment never loops).
+
 ## What the app demonstrates
 
 | Feature | Where to look |
 |---|---|
 | `makeAutoObservable` store with observables, computeds, and actions inferred automatically | [`src/state/todo-store.ts`](./src/state/todo-store.ts) |
 | `autorun` persisting to `localStorage` and hydrating on load | [`src/state/persistence.ts`](./src/state/persistence.ts) |
-| `autorun` bridging MobX → FAST in every component | every `src/todo-*.ts` |
-| Recycle-safe per-item reactivity via FAST's `${prop}Changed` callback | [`src/todo-item.ts`](./src/todo-item.ts) |
-| Filtered list view backed by a MobX computed | [`src/todo-list.ts`](./src/todo-list.ts) |
-| Aggregate stats (active count, completed count, all-completed) | [`src/todo-stats.ts`](./src/todo-stats.ts) |
-| Toggle-all and clear-completed actions | [`src/todo-stats.ts`](./src/todo-stats.ts), [`src/state/todo-store.ts`](./src/state/todo-store.ts) |
-| Styling exclusively via the shared design-system tokens | every `src/*.styles.ts`, [`index.html`](./index.html), [`src/main.ts`](./src/main.ts) |
+| `autorun` bridging MobX → FAST in a component | [`src/todo-app.ts`](./src/todo-app.ts) |
+| UI-local FAST `@observable` for the input draft (deliberately not in the MobX store) | [`src/todo-form.ts`](./src/todo-form.ts) |
+| Filtered list view backed by a MobX computed | [`src/state/todo-store.ts`](./src/state/todo-store.ts) (`get filtered`) |
+| Two-way binding from a `<select>` back into the MobX store | [`src/todo-app.template.ts`](./src/todo-app.template.ts), [`src/todo-app.ts`](./src/todo-app.ts) (`activeFilterChanged`) |
+| Styling exclusively via the shared design-system tokens | [`src/*.styles.ts`](./src), [`index.html`](./index.html), [`src/main.ts`](./src/main.ts) |
 
 ## Project layout
 
@@ -99,29 +110,10 @@ examples/csr/todo-mobx-app/
     │   ├── persistence.ts
     │   └── todo-store.ts
     ├── todo-app.{ts,template.ts,styles.ts}
-    ├── todo-form.{ts,template.ts,styles.ts}
-    ├── todo-list.{ts,template.ts,styles.ts}
-    ├── todo-item.{ts,template.ts,styles.ts}
-    ├── todo-filter.{ts,template.ts,styles.ts}
-    └── todo-stats.{ts,template.ts,styles.ts}
-```
-├── DESIGN.md                      # why the autorun pattern, lifecycle details
-└── src/
-    ├── exports.ts                 # barrel for tooling
-    ├── main.ts                    # entry — wires storage + defines <todo-app>
-    ├── state/                     # MobX layer (framework-agnostic)
-    │   ├── index.ts
-    │   ├── persistence.ts
-    │   └── todo-store.ts
-    ├── todo-app.{ts,template.ts,styles.ts}
-    ├── todo-form.{ts,template.ts,styles.ts}
-    ├── todo-list.{ts,template.ts,styles.ts}
-    ├── todo-item.{ts,template.ts,styles.ts}
-    ├── todo-filter.{ts,template.ts,styles.ts}
-    └── todo-stats.{ts,template.ts,styles.ts}
+    └── todo-form.{ts,template.ts,styles.ts}
 ```
 
-See [DESIGN.md](./DESIGN.md) for an explanation of why this pattern is sufficient (and why the `<todo-item>` component has one extra hook for FAST's `repeat` view recycling).
+See [DESIGN.md](./DESIGN.md) for an explanation of why this pattern is sufficient.
 
 ## License
 
diff --git a/examples/csr/todo-mobx-app/index.html b/examples/csr/todo-mobx-app/index.html
index fa8fe7e8688..75e2e1b2b77 100644
--- a/examples/csr/todo-mobx-app/index.html
+++ b/examples/csr/todo-mobx-app/index.html
@@ -2,7 +2,7 @@
 <html lang="en" data-theme="light">
     <head>
         <meta charset="utf-8">
-        <title>FAST Todos · MobX</title>
+        <title>FAST Todos</title>
         <style>
         html,
         body {
diff --git a/examples/csr/todo-mobx-app/src/exports.ts b/examples/csr/todo-mobx-app/src/exports.ts
index 7a35bd633ed..d08e0a75044 100644
--- a/examples/csr/todo-mobx-app/src/exports.ts
+++ b/examples/csr/todo-mobx-app/src/exports.ts
@@ -1,7 +1,3 @@
 export * from "./state/index.js";
 export * from "./todo-app.js";
-export * from "./todo-filter.js";
 export * from "./todo-form.js";
-export * from "./todo-item.js";
-export * from "./todo-list.js";
-export * from "./todo-stats.js";
diff --git a/examples/csr/todo-mobx-app/src/main.ts b/examples/csr/todo-mobx-app/src/main.ts
index 60ef480665a..f43a49aea38 100644
--- a/examples/csr/todo-mobx-app/src/main.ts
+++ b/examples/csr/todo-mobx-app/src/main.ts
@@ -2,10 +2,6 @@ import "@microsoft/fast-examples-design-system/tokens.css";
 import { connectStoreToStorage, todoStore } from "./state/index.js";
 import { app } from "./todo-app.js";
 import "./todo-form.js";
-import "./todo-list.js";
-import "./todo-item.js";
-import "./todo-stats.js";
-import "./todo-filter.js";
 
 // Wire MobX's autorun to localStorage so the store is hydrated on load and
 // persisted on every observable change. The returned disposer is kept for the
diff --git a/examples/csr/todo-mobx-app/src/state/todo-store.ts b/examples/csr/todo-mobx-app/src/state/todo-store.ts
index 973499455cd..8080d8ba372 100644
--- a/examples/csr/todo-mobx-app/src/state/todo-store.ts
+++ b/examples/csr/todo-mobx-app/src/state/todo-store.ts
@@ -101,6 +101,11 @@ export class TodoStore {
         this.todos = this.todos.filter(candidate => candidate.id !== todo.id);
     }
 
+    /** Removes a todo by its id. */
+    public removeById(id: string): void {
+        this.todos = this.todos.filter(candidate => candidate.id !== id);
+    }
+
     /** Toggles a todo's completion state. */
     public toggle(todo: Todo): void {
         const target = this.todos.find(candidate => candidate.id === todo.id);
@@ -112,6 +117,17 @@ export class TodoStore {
         target.done = !target.done;
     }
 
+    /** Toggles a todo's completion state by id. */
+    public toggleById(id: string): void {
+        const target = this.todos.find(candidate => candidate.id === id);
+
+        if (target === undefined) {
+            return;
+        }
+
+        target.done = !target.done;
+    }
+
     /** Marks every todo done or active based on the current aggregate state. */
     public toggleAll(): void {
         const nextDoneState = !this.allCompleted;
diff --git a/examples/csr/todo-mobx-app/src/todo-app.styles.ts b/examples/csr/todo-mobx-app/src/todo-app.styles.ts
index b7b9aa155af..19cd4d20d80 100644
--- a/examples/csr/todo-mobx-app/src/todo-app.styles.ts
+++ b/examples/csr/todo-mobx-app/src/todo-app.styles.ts
@@ -3,50 +3,129 @@ import { css } from "@microsoft/fast-element";
 export const styles = css`
     :host {
         display: block;
+        padding: var(--fast-padding-content-medium);
         max-width: 480px;
-        margin: var(--fast-gap-between-content-x-large) auto;
-        color: var(--fast-foreground-ctrl-neutral-primary-rest);
         font-family: var(--fast-text-style-default-regular-font-family);
-    }
-
-    .app {
+        color: var(--fast-foreground-ctrl-neutral-primary-rest);
         background: var(--fast-background-layer-primary-solid);
         border: var(--fast-stroke-width-default) solid
             var(--fast-stroke-divider-subtle);
         border-radius: var(--fast-corner-large);
         box-shadow: var(--fast-shadow-card-rest);
-        padding: var(--fast-padding-content-medium);
+        margin: var(--fast-gap-between-content-x-large) auto;
     }
 
-    header h1 {
-        margin: 0 0 var(--fast-gap-between-content-x-small);
+    h1 {
+        margin: 0 0 var(--fast-gap-between-content-small);
         font-size: var(--fast-text-global-display2-font-size);
         line-height: var(--fast-text-global-display2-line-height);
         font-weight: var(--fast-text-style-default-header-weight);
         color: var(--fast-foreground-ctrl-brand-rest);
     }
 
-    .byline {
-        margin: 0 0 var(--fast-gap-between-content-small);
-        color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    section {
+        display: flex;
+        align-items: center;
+        gap: var(--fast-gap-between-content-x-small);
+        margin-top: var(--fast-gap-between-content-small);
         font-size: var(--fast-text-global-body3-font-size);
         line-height: var(--fast-text-global-body3-line-height);
+        color: var(--fast-foreground-ctrl-neutral-secondary-rest);
     }
 
-    code {
-        background: var(--fast-background-layer-secondary);
-        padding: 0 var(--fast-padding-content-xx-small);
+    select {
+        background: var(--fast-background-layer-primary-solid);
+        color: var(--fast-foreground-ctrl-neutral-primary-rest);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-ctrl-on-outline-rest);
         border-radius: var(--fast-corner-small);
-        font-family: var(--fast-text-style-code-regular-font-family);
-        font-size: var(--fast-text-global-caption1-font-size);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-x-small);
+        font-family: inherit;
+        font-size: inherit;
+        line-height: inherit;
     }
 
-    .empty {
+    select:focus-visible {
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-ctrl-focus-outer-stroke);
+        outline-offset: var(--fast-stroke-width-default);
+    }
+
+    .todo-list {
+        list-style-type: none;
+        padding: 0;
         margin: var(--fast-gap-between-content-small) 0 0;
+    }
+
+    .todo {
+        margin: var(--fast-gap-between-content-x-small) 0;
+        padding: var(--fast-padding-content-x-small);
+        display: flex;
+        align-items: center;
+        gap: var(--fast-gap-between-content-x-small);
+        border-radius: var(--fast-corner-medium);
+        border: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-default);
+        background: var(--fast-background-layer-secondary);
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+
+    .todo:hover {
+        background: var(--fast-background-ctrl-subtle-hover);
+    }
+
+    .description {
+        display: inline-block;
+        align-self: center;
+        margin: 0;
+        flex: 1;
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+    }
+
+    .description.done {
+        text-decoration: line-through;
         color: var(--fast-foreground-ctrl-hint-default);
-        font-style: italic;
-        text-align: center;
+    }
+
+    .todo button {
+        color: var(--fast-status-danger-tint-foreground);
+        background: transparent;
+        border: none;
+        border-radius: var(--fast-corner-medium);
+        padding: var(--fast-padding-content-xx-small)
+            var(--fast-padding-content-xx-small);
+        font-family: inherit;
         font-size: var(--fast-text-global-body3-font-size);
         line-height: var(--fast-text-global-body3-line-height);
+        cursor: pointer;
+        transition: background var(--fast-duration-fast)
+            var(--fast-curve-easy-ease);
+    }
+
+    .todo button:hover,
+    .todo button:active {
+        background: var(--fast-status-danger-tint-background);
+    }
+
+    .todo button:focus-visible {
+        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+            var(--fast-status-danger-tint-stroke);
+        outline-offset: var(--fast-stroke-width-default);
+    }
+
+    footer {
+        display: flex;
+        align-items: center;
+        gap: var(--fast-gap-between-content-x-small);
+        margin-top: var(--fast-gap-between-content-small);
+        padding-top: var(--fast-padding-content-x-small);
+        border-top: var(--fast-stroke-width-default) solid
+            var(--fast-stroke-divider-subtle);
+        font-size: var(--fast-text-global-body3-font-size);
+        line-height: var(--fast-text-global-body3-line-height);
+        color: var(--fast-foreground-ctrl-neutral-secondary-rest);
     }
 `;
diff --git a/examples/csr/todo-mobx-app/src/todo-app.template.ts b/examples/csr/todo-mobx-app/src/todo-app.template.ts
index 8c033b1d01f..97458ce59a7 100644
--- a/examples/csr/todo-mobx-app/src/todo-app.template.ts
+++ b/examples/csr/todo-mobx-app/src/todo-app.template.ts
@@ -1,32 +1,57 @@
-import { html, when } from "@microsoft/fast-element";
+import { html, repeat } from "@microsoft/fast-element";
+import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
+import { type Todo, todoStore } from "./state/index.js";
 import type { TodoApp } from "./todo-app.js";
+import "./todo-form.js";
 
 export const template = html<TodoApp>`
-    <section class="app">
-        <header>
-            <h1>FAST · MobX Todos</h1>
-            <p class="byline">
-                A todo example wired to a MobX store with one
-                <code>autorun</code> per component.
-            </p>
-        </header>
+    <h1>FAST Todos</h1>
 
-        <todo-form></todo-form>
+    <todo-form></todo-form>
 
-        ${when(
-            x => x.hasTodos,
-            html<TodoApp>`
-                <todo-filter></todo-filter>
-                <todo-list></todo-list>
-                <todo-stats></todo-stats>
-            `,
-        )}
+    <section>
+        <label for="filter">Filter:</label>
+        <select
+            name="filter"
+            id="filter"
+            title="filter"
+            :value=${twoWay(x => x.activeFilter)}
+        >
+            <option value="all">All</option>
+            <option value="active">Active</option>
+            <option value="completed">Completed</option>
+        </select>
+    </section>
 
-        ${when(
-            x => !x.hasTodos,
-            html<TodoApp>`
-                <p class="empty">No todos yet — add your first above.</p>
+    <ul class="todo-list">
+        ${repeat(
+            x => x.items,
+            html<Todo, TodoApp>`
+                <li class="todo">
+                    <input
+                        type="checkbox"
+                        :checked=${x => x.done}
+                        @change=${x => todoStore.toggleById(x.id)}
+                    />
+                    <span class="description ${x => (x.done ? "done" : "")}">
+                        ${x => x.description}
+                    </span>
+                    <button
+                        @click=${x => todoStore.removeById(x.id)}
+                        aria-label="Remove item"
+                    >
+                        &times;
+                    </button>
+                </li>
             `,
         )}
-    </section>
+    </ul>
+
+    <footer>
+        <span class="active-count">
+            ${x => `${x.activeCount} ${x.activeCount === 1 ? "item" : "items"} left`}
+        </span>
+        <span aria-hidden="true">·</span>
+        <span class="completed-count">${x => `${x.completedCount} completed`}</span>
+    </footer>
 `;
diff --git a/examples/csr/todo-mobx-app/src/todo-app.ts b/examples/csr/todo-mobx-app/src/todo-app.ts
index 899a62d4114..0d585c9614d 100644
--- a/examples/csr/todo-mobx-app/src/todo-app.ts
+++ b/examples/csr/todo-mobx-app/src/todo-app.ts
@@ -1,27 +1,36 @@
 import { autorun } from "mobx";
 import { FASTElement, observable } from "@microsoft/fast-element";
-import { todoStore } from "./state/index.js";
+import { type Todo, type TodoListFilter, todoStore } from "./state/index.js";
 import { styles } from "./todo-app.styles.js";
 import { template } from "./todo-app.template.js";
 
 /**
  * Root component for the MobX-backed todo example.
  *
- * Holds no state of its own — every value rendered comes from the shared MobX
- * `todoStore`. A single `autorun` in `connectedCallback` mirrors the slices of
- * the store this component reads into plain FAST `@observable` fields; the
- * template binds to those fields as usual.
+ * Mirrors slices of the shared MobX `todoStore` (`filtered` list and
+ * `activeFilter`) into FAST `@observable` fields via a single `autorun`. The
+ * template binds to those fields as usual. The `<select>` element uses a
+ * two-way binding to `activeFilter`; `activeFilterChanged` propagates user
+ * changes back to the MobX store.
  */
 export class TodoApp extends FASTElement {
-    @observable public total: number = 0;
-    @observable public hasTodos: boolean = false;
+    @observable public items: readonly Todo[] = [];
+    @observable public activeFilter: TodoListFilter = "all";
+    @observable public activeCount: number = 0;
+    @observable public completedCount: number = 0;
 
     private _disposer?: () => void;
 
     public connectedCallback(): void {
         this._disposer = autorun(() => {
-            this.total = todoStore.total;
-            this.hasTodos = todoStore.total > 0;
+            this.items = todoStore.filtered.map(t => ({
+                id: t.id,
+                description: t.description,
+                done: t.done,
+            }));
+            this.activeFilter = todoStore.activeFilter;
+            this.activeCount = todoStore.activeCount;
+            this.completedCount = todoStore.completedCount;
         });
         super.connectedCallback();
     }
@@ -31,6 +40,15 @@ export class TodoApp extends FASTElement {
         this._disposer?.();
         this._disposer = undefined;
     }
+
+    public activeFilterChanged(
+        _prev: TodoListFilter | undefined,
+        next: TodoListFilter | undefined,
+    ): void {
+        if (next !== undefined && next !== todoStore.activeFilter) {
+            todoStore.setFilter(next);
+        }
+    }
 }
 
 export const app = TodoApp.compose({
diff --git a/examples/csr/todo-mobx-app/src/todo-filter.styles.ts b/examples/csr/todo-mobx-app/src/todo-filter.styles.ts
deleted file mode 100644
index 1e528b85822..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-filter.styles.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { css } from "@microsoft/fast-element";
-
-export const styles = css`
-    :host {
-        display: block;
-        margin: var(--fast-gap-between-content-x-small) 0;
-    }
-
-    .filters {
-        display: flex;
-        gap: var(--fast-gap-between-content-xx-small);
-    }
-
-    button {
-        background: var(--fast-background-layer-secondary);
-        color: var(--fast-foreground-ctrl-neutral-primary-rest);
-        border: var(--fast-stroke-width-default) solid
-            var(--fast-stroke-ctrl-on-outline-rest);
-        border-radius: var(--fast-corner-medium);
-        padding: var(--fast-padding-content-xx-small)
-            var(--fast-padding-content-x-small);
-        font-family: inherit;
-        font-size: var(--fast-text-global-body3-font-size);
-        line-height: var(--fast-text-global-body3-line-height);
-        cursor: pointer;
-        transition: background var(--fast-duration-fast)
-            var(--fast-curve-easy-ease);
-    }
-
-    button:hover {
-        background: var(--fast-background-ctrl-subtle-hover);
-    }
-
-    button:active {
-        background: var(--fast-background-ctrl-subtle-pressed);
-    }
-
-    button:focus-visible {
-        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
-            var(--fast-ctrl-focus-outer-stroke);
-        outline-offset: var(--fast-stroke-width-default);
-    }
-
-    button.active {
-        background: var(--fast-background-ctrl-brand-rest);
-        color: var(--fast-foreground-ctrl-on-brand-rest);
-        border-color: var(--fast-stroke-divider-brand);
-    }
-
-    button.active:hover {
-        background: var(--fast-background-ctrl-brand-hover);
-    }
-`;
diff --git a/examples/csr/todo-mobx-app/src/todo-filter.template.ts b/examples/csr/todo-mobx-app/src/todo-filter.template.ts
deleted file mode 100644
index 3c60f7d15b8..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-filter.template.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { html } from "@microsoft/fast-element";
-import type { TodoFilter } from "./todo-filter.js";
-
-export const template = html<TodoFilter>`
-    <nav class="filters" aria-label="Filter todos">
-        <button
-            type="button"
-            class="${x => (x.activeFilter === "all" ? "active" : "")}"
-            @click=${x => x.setFilter("all")}
-        >
-            All
-        </button>
-        <button
-            type="button"
-            class="${x => (x.activeFilter === "active" ? "active" : "")}"
-            @click=${x => x.setFilter("active")}
-        >
-            Active
-        </button>
-        <button
-            type="button"
-            class="${x => (x.activeFilter === "completed" ? "active" : "")}"
-            @click=${x => x.setFilter("completed")}
-        >
-            Completed
-        </button>
-    </nav>
-`;
diff --git a/examples/csr/todo-mobx-app/src/todo-filter.ts b/examples/csr/todo-mobx-app/src/todo-filter.ts
deleted file mode 100644
index bd480fd4641..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-filter.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { autorun } from "mobx";
-import { FASTElement, observable } from "@microsoft/fast-element";
-import { type TodoListFilter, todoStore } from "./state/index.js";
-import { styles } from "./todo-filter.styles.js";
-import { template } from "./todo-filter.template.js";
-
-/**
- * Filter buttons for switching the visible todo set.
- *
- * `activeFilter` is mirrored from the MobX store into a FAST `@observable` via
- * a single `autorun`, so the button highlight reactively follows the store's
- * filter setting.
- */
-export class TodoFilter extends FASTElement {
-    @observable public activeFilter: TodoListFilter = "all";
-
-    private _disposer?: () => void;
-
-    public connectedCallback(): void {
-        this._disposer = autorun(() => {
-            this.activeFilter = todoStore.activeFilter;
-        });
-        super.connectedCallback();
-    }
-
-    public disconnectedCallback(): void {
-        super.disconnectedCallback();
-        this._disposer?.();
-        this._disposer = undefined;
-    }
-
-    public setFilter(filter: TodoListFilter): void {
-        todoStore.setFilter(filter);
-    }
-}
-
-TodoFilter.define({
-    name: "todo-filter",
-    template,
-    styles,
-});
diff --git a/examples/csr/todo-mobx-app/src/todo-form.styles.ts b/examples/csr/todo-mobx-app/src/todo-form.styles.ts
index 2957b39aa10..3e15a281d9c 100644
--- a/examples/csr/todo-mobx-app/src/todo-form.styles.ts
+++ b/examples/csr/todo-mobx-app/src/todo-form.styles.ts
@@ -1,10 +1,6 @@
 import { css } from "@microsoft/fast-element";
 
 export const styles = css`
-    :host {
-        display: block;
-    }
-
     form {
         display: flex;
         align-items: center;
diff --git a/examples/csr/todo-mobx-app/src/todo-form.template.ts b/examples/csr/todo-mobx-app/src/todo-form.template.ts
index 3c65672a73c..37bc3c58262 100644
--- a/examples/csr/todo-mobx-app/src/todo-form.template.ts
+++ b/examples/csr/todo-mobx-app/src/todo-form.template.ts
@@ -3,15 +3,8 @@ import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
 import type { TodoForm } from "./todo-form.js";
 
 export const template = html<TodoForm>`
-    <form @submit=${(x, c) => x.handleSubmit(c.event)}>
-        <input
-            type="text"
-            placeholder="What needs to be done?"
-            aria-label="New todo description"
-            :value=${twoWay(x => x.description, "input")}
-        />
-        <button type="submit" ?disabled=${x => x.description.trim() === ""}>
-            Add
-        </button>
+    <form @submit=${x => x.submitTodo()}>
+        <input type="text" :value=${twoWay(x => x.description, "input")} />
+        <button type="submit" ?disabled=${x => !x.description}>Add Todo</button>
     </form>
 `;
diff --git a/examples/csr/todo-mobx-app/src/todo-form.ts b/examples/csr/todo-mobx-app/src/todo-form.ts
index 5dae3a9f23d..93225cd3f6e 100644
--- a/examples/csr/todo-mobx-app/src/todo-form.ts
+++ b/examples/csr/todo-mobx-app/src/todo-form.ts
@@ -17,7 +17,7 @@ import { template } from "./todo-form.template.js";
 export class TodoForm extends FASTElement {
     @observable public description: string = "";
 
-    public submit(): void {
+    public submitTodo(): void {
         const value = this.description.trim();
         if (value === "") {
             return;
@@ -25,10 +25,4 @@ export class TodoForm extends FASTElement {
         todoStore.add(value);
         this.description = "";
     }
-
-    public handleSubmit(event: Event): boolean {
-        event.preventDefault();
-        this.submit();
-        return false;
-    }
 }
diff --git a/examples/csr/todo-mobx-app/src/todo-item.styles.ts b/examples/csr/todo-mobx-app/src/todo-item.styles.ts
deleted file mode 100644
index e6aabfc64c5..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-item.styles.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { css } from "@microsoft/fast-element";
-
-export const styles = css`
-    :host {
-        display: block;
-    }
-
-    .todo {
-        display: flex;
-        align-items: center;
-        gap: var(--fast-gap-between-content-x-small);
-        padding: var(--fast-padding-content-x-small);
-        border-radius: var(--fast-corner-medium);
-        border: var(--fast-stroke-width-default) solid
-            var(--fast-stroke-divider-default);
-        background: var(--fast-background-layer-secondary);
-        transition: background var(--fast-duration-fast)
-            var(--fast-curve-easy-ease);
-    }
-
-    .todo:hover {
-        background: var(--fast-background-ctrl-subtle-hover);
-    }
-
-    .description {
-        flex: 1;
-        font-size: var(--fast-text-global-body3-font-size);
-        line-height: var(--fast-text-global-body3-line-height);
-    }
-
-    .description.done {
-        text-decoration: line-through;
-        color: var(--fast-foreground-ctrl-hint-default);
-    }
-
-    input[type="checkbox"] {
-        width: 16px;
-        height: 16px;
-        cursor: pointer;
-        accent-color: var(--fast-background-ctrl-brand-rest);
-    }
-
-    .remove {
-        background: transparent;
-        color: var(--fast-status-danger-tint-foreground);
-        border: none;
-        border-radius: var(--fast-corner-medium);
-        padding: var(--fast-padding-content-xx-small)
-            var(--fast-padding-content-xx-small);
-        font-family: inherit;
-        font-size: var(--fast-text-global-body3-font-size);
-        line-height: var(--fast-text-global-body3-line-height);
-        cursor: pointer;
-        transition: background var(--fast-duration-fast)
-            var(--fast-curve-easy-ease);
-    }
-
-    .remove:hover,
-    .remove:active {
-        background: var(--fast-status-danger-tint-background);
-    }
-
-    .remove:focus-visible {
-        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
-            var(--fast-status-danger-tint-stroke);
-        outline-offset: var(--fast-stroke-width-default);
-    }
-`;
diff --git a/examples/csr/todo-mobx-app/src/todo-item.template.ts b/examples/csr/todo-mobx-app/src/todo-item.template.ts
deleted file mode 100644
index c7ca94b3c08..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-item.template.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { html } from "@microsoft/fast-element";
-import type { TodoItem } from "./todo-item.js";
-
-export const template = html<TodoItem>`
-    <div class="todo">
-        <input
-            type="checkbox"
-            aria-label="Toggle completion"
-            :checked=${x => x.done}
-            @change=${x => x.toggle()}
-        />
-        <span class="description ${x => (x.done ? "done" : "")}">
-            ${x => x.description}
-        </span>
-        <button
-            class="remove"
-            type="button"
-            aria-label="Remove item"
-            @click=${x => x.remove()}
-        >
-            &times;
-        </button>
-    </div>
-`;
diff --git a/examples/csr/todo-mobx-app/src/todo-item.ts b/examples/csr/todo-mobx-app/src/todo-item.ts
deleted file mode 100644
index 2f45f62e638..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-item.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { autorun } from "mobx";
-import { FASTElement, observable } from "@microsoft/fast-element";
-import { type Todo, todoStore } from "./state/index.js";
-import { styles } from "./todo-item.styles.js";
-import { template } from "./todo-item.template.js";
-
-/**
- * Renders a single todo row.
- *
- * Receives its `todo` via property binding from `<todo-list>`. When that
- * property is assigned, `todoChanged` rebuilds the per-item `autorun` so the
- * row's `done`/`description` always track the *current* Todo's observables —
- * which also means the `<todo-list>` `repeat` directive can recycle views
- * safely.
- */
-export class TodoItem extends FASTElement {
-    @observable public todo!: Todo;
-    @observable public done: boolean = false;
-    @observable public description: string = "";
-
-    private _disposer?: () => void;
-    private _connected: boolean = false;
-
-    public connectedCallback(): void {
-        this._connected = true;
-        this.startReaction();
-        super.connectedCallback();
-    }
-
-    public disconnectedCallback(): void {
-        super.disconnectedCallback();
-        this._connected = false;
-        this.stopReaction();
-    }
-
-    public todoChanged(): void {
-        if (this._connected) {
-            this.startReaction();
-        }
-    }
-
-    public toggle(): void {
-        if (this.todo !== undefined) {
-            todoStore.toggle(this.todo);
-        }
-    }
-
-    public remove(): void {
-        if (this.todo !== undefined) {
-            todoStore.remove(this.todo);
-        }
-    }
-
-    private startReaction(): void {
-        this.stopReaction();
-        if (this.todo === undefined) {
-            return;
-        }
-        this._disposer = autorun(() => {
-            const todo = this.todo;
-            this.done = todo.done;
-            this.description = todo.description;
-        });
-    }
-
-    private stopReaction(): void {
-        this._disposer?.();
-        this._disposer = undefined;
-    }
-}
-
-TodoItem.define({
-    name: "todo-item",
-    template,
-    styles,
-});
diff --git a/examples/csr/todo-mobx-app/src/todo-list.styles.ts b/examples/csr/todo-mobx-app/src/todo-list.styles.ts
deleted file mode 100644
index 60b29e069ee..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-list.styles.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { css } from "@microsoft/fast-element";
-
-export const styles = css`
-    :host {
-        display: block;
-        margin: var(--fast-gap-between-content-small) 0;
-    }
-
-    .todo-list {
-        list-style-type: none;
-        padding: 0;
-        margin: 0;
-        display: flex;
-        flex-direction: column;
-        gap: var(--fast-gap-between-content-xx-small);
-    }
-
-    .todo-row {
-        display: block;
-    }
-`;
diff --git a/examples/csr/todo-mobx-app/src/todo-list.template.ts b/examples/csr/todo-mobx-app/src/todo-list.template.ts
deleted file mode 100644
index 2a214c1027b..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-list.template.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { html, repeat } from "@microsoft/fast-element";
-import type { Todo } from "./state/index.js";
-import type { TodoList } from "./todo-list.js";
-
-export const template = html<TodoList>`
-    <ul class="todo-list">
-        ${repeat(
-            x => x.items,
-            html<Todo>`
-                <li class="todo-row">
-                    <todo-item :todo=${x => x}></todo-item>
-                </li>
-            `,
-            { positioning: true },
-        )}
-    </ul>
-`;
diff --git a/examples/csr/todo-mobx-app/src/todo-list.ts b/examples/csr/todo-mobx-app/src/todo-list.ts
deleted file mode 100644
index cd01b68dec9..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-list.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { autorun } from "mobx";
-import { FASTElement, observable } from "@microsoft/fast-element";
-import { type Todo, todoStore } from "./state/index.js";
-import { styles } from "./todo-list.styles.js";
-import { template } from "./todo-list.template.js";
-
-/**
- * Renders the list of todos filtered by the store's current filter.
- *
- * Mirrors the MobX `todoStore.filtered` computed into a FAST `@observable`
- * array so the `repeat` directive in the template re-renders when the filter
- * changes or todos are added/removed. Per-todo state changes are tracked
- * inside each `<todo-item>` to keep updates fine-grained.
- */
-export class TodoList extends FASTElement {
-    @observable public items: readonly Todo[] = [];
-
-    private _disposer?: () => void;
-
-    public connectedCallback(): void {
-        this._disposer = autorun(() => {
-            this.items = todoStore.filtered;
-        });
-        super.connectedCallback();
-    }
-
-    public disconnectedCallback(): void {
-        super.disconnectedCallback();
-        this._disposer?.();
-        this._disposer = undefined;
-    }
-}
-
-TodoList.define({
-    name: "todo-list",
-    template,
-    styles,
-});
diff --git a/examples/csr/todo-mobx-app/src/todo-stats.styles.ts b/examples/csr/todo-mobx-app/src/todo-stats.styles.ts
deleted file mode 100644
index b8c564d4aaf..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-stats.styles.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { css } from "@microsoft/fast-element";
-
-export const styles = css`
-    :host {
-        display: block;
-        margin-top: var(--fast-gap-between-content-small);
-        padding-top: var(--fast-padding-content-small);
-        border-top: var(--fast-stroke-width-default) solid
-            var(--fast-stroke-divider-default);
-    }
-
-    .stats {
-        display: flex;
-        align-items: center;
-        gap: var(--fast-gap-between-content-x-small);
-        color: var(--fast-foreground-ctrl-neutral-secondary-rest);
-        font-size: var(--fast-text-global-body3-font-size);
-        line-height: var(--fast-text-global-body3-line-height);
-    }
-
-    .count {
-        flex: 1;
-    }
-
-    button {
-        background: transparent;
-        color: var(--fast-foreground-ctrl-neutral-secondary-rest);
-        border: var(--fast-stroke-width-default) solid
-            var(--fast-stroke-ctrl-on-outline-rest);
-        border-radius: var(--fast-corner-medium);
-        padding: var(--fast-padding-content-xx-small)
-            var(--fast-padding-content-x-small);
-        font-family: inherit;
-        font-size: var(--fast-text-global-body3-font-size);
-        line-height: var(--fast-text-global-body3-line-height);
-        cursor: pointer;
-        transition: background var(--fast-duration-fast)
-            var(--fast-curve-easy-ease);
-    }
-
-    button:hover {
-        background: var(--fast-background-ctrl-subtle-hover);
-    }
-
-    button:active {
-        background: var(--fast-background-ctrl-subtle-pressed);
-    }
-
-    button:focus-visible {
-        outline: var(--fast-ctrl-focus-outer-stroke-width) solid
-            var(--fast-ctrl-focus-outer-stroke);
-        outline-offset: var(--fast-stroke-width-default);
-    }
-
-    .clear-completed {
-        color: var(--fast-status-danger-tint-foreground);
-        border-color: var(--fast-status-danger-tint-stroke);
-    }
-
-    .clear-completed:hover,
-    .clear-completed:active {
-        background: var(--fast-status-danger-tint-background);
-    }
-
-    .clear-completed:focus-visible {
-        outline-color: var(--fast-status-danger-tint-stroke);
-    }
-`;
diff --git a/examples/csr/todo-mobx-app/src/todo-stats.template.ts b/examples/csr/todo-mobx-app/src/todo-stats.template.ts
deleted file mode 100644
index d655d802300..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-stats.template.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { html, when } from "@microsoft/fast-element";
-import type { TodoStats } from "./todo-stats.js";
-
-export const template = html<TodoStats>`
-    <footer class="stats">
-        <span class="count">
-            <strong>${x => x.activeCount}</strong>
-            ${x => (x.activeCount === 1 ? "item" : "items")} left
-        </span>
-
-        <button
-            type="button"
-            class="toggle-all"
-            @click=${x => x.toggleAll()}
-            aria-pressed="${x => (x.allCompleted ? "true" : "false")}"
-        >
-            ${x => (x.allCompleted ? "Mark all active" : "Mark all done")}
-        </button>
-
-        ${when(
-            x => x.hasCompleted,
-            html<TodoStats>`
-                <button
-                    type="button"
-                    class="clear-completed"
-                    @click=${x => x.clearCompleted()}
-                >
-                    Clear completed (${x => x.completedCount})
-                </button>
-            `,
-        )}
-    </footer>
-`;
diff --git a/examples/csr/todo-mobx-app/src/todo-stats.ts b/examples/csr/todo-mobx-app/src/todo-stats.ts
deleted file mode 100644
index 9d88897e671..00000000000
--- a/examples/csr/todo-mobx-app/src/todo-stats.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { autorun } from "mobx";
-import { FASTElement, observable } from "@microsoft/fast-element";
-import { todoStore } from "./state/index.js";
-import { styles } from "./todo-stats.styles.js";
-import { template } from "./todo-stats.template.js";
-
-/**
- * Shows aggregate counts and exposes the "clear completed" and "toggle all"
- * actions.
- *
- * Each surfaced number is a MobX `computed` on the store; a single `autorun`
- * mirrors them into FAST `@observable` fields so the template re-renders
- * precisely when those counts change.
- */
-export class TodoStats extends FASTElement {
-    @observable public activeCount: number = 0;
-    @observable public completedCount: number = 0;
-    @observable public allCompleted: boolean = false;
-    @observable public hasCompleted: boolean = false;
-
-    private _disposer?: () => void;
-
-    public connectedCallback(): void {
-        this._disposer = autorun(() => {
-            this.activeCount = todoStore.activeCount;
-            this.completedCount = todoStore.completedCount;
-            this.allCompleted = todoStore.allCompleted;
-            this.hasCompleted = todoStore.completedCount > 0;
-        });
-        super.connectedCallback();
-    }
-
-    public disconnectedCallback(): void {
-        super.disconnectedCallback();
-        this._disposer?.();
-        this._disposer = undefined;
-    }
-
-    public clearCompleted(): void {
-        todoStore.clearCompleted();
-    }
-
-    public toggleAll(): void {
-        todoStore.toggleAll();
-    }
-}
-
-TodoStats.define({
-    name: "todo-stats",
-    template,
-    styles,
-});
diff --git a/examples/ssr/webui-todo-app/DESIGN.md b/examples/ssr/webui-todo-app/DESIGN.md
new file mode 100644
index 00000000000..1b4a3d381ab
--- /dev/null
+++ b/examples/ssr/webui-todo-app/DESIGN.md
@@ -0,0 +1,200 @@
+# WebUI Todo App — design and architecture
+
+This document describes the SSR todo example in
+`examples/ssr/webui-todo-app/`. For the shared token catalog and naming rules,
+see [`../../design-system/README.md`](../../design-system/README.md) and
+[`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
+
+## Purpose
+
+This example demonstrates three pieces working together:
+
+- FAST declarative templates stored as co-located `*.html` and `*.css` files.
+- `@microsoft/webui` prerendering on the server, including Declarative Shadow
+  DOM output.
+- Client-side hydration through `@microsoft/fast-html`, so the prerendered UI
+  becomes interactive without re-rendering from scratch.
+
+The app stays intentionally small: a single todo list with add, toggle, and
+delete behavior backed by a JSON state file.
+
+## Folder structure
+
+```text
+examples/ssr/webui-todo-app/
+├── DESIGN.md
+├── README.md
+├── data/
+│   └── state.json
+├── src/
+│   ├── index.html
+│   ├── index.ts
+│   ├── todo-app/
+│   │   ├── todo-app.css
+│   │   ├── todo-app.html
+│   │   └── todo-app.ts
+│   └── todo-item/
+│       ├── todo-item.css
+│       ├── todo-item.html
+│       └── todo-item.ts
+├── package.json
+└── tsconfig.json
+```
+
+### File roles
+
+- `src/index.html` — document shell, page-level layout, and static
+  `data-theme="light"` selection.
+- `src/index.ts` — hydration entry; imports shared `tokens.css`, registers the
+  custom elements, and defines `<f-template>`.
+- `src/todo-app/` — root template, styles, and list management logic.
+- `src/todo-item/` — per-row template, styles, and event dispatch for toggle
+  and delete actions.
+- `data/state.json` — initial server state consumed by `webui serve`.
+
+## Build and serve flow
+
+1. `npm run build -w @microsoft/fast-webui-todo-app-example` runs esbuild on
+   `src/index.ts`.
+2. Esbuild emits `dist/index.js` for hydration and bootstrap code.
+3. Because `src/index.ts` imports
+   `@microsoft/fast-examples-design-system/tokens.css`, esbuild also emits
+   `dist/index.css`.
+4. `webui serve ./src --state ./data/state.json --plugin=fast --servedir ./dist`
+   uses `./src` as the source root for HTML templates and exposes the bundled
+   assets from `./dist`.
+5. On each request, `webui` reads `src/index.html`, resolves `{{}}` bindings
+   from `data/state.json`, renders Declarative Shadow DOM, and returns
+   prerendered HTML.
+6. In the browser, `/index.js` defines the FAST custom elements and hydrates the
+   prerendered DOM in place.
+7. `/index.css` makes the shared `--fast-*` tokens available to both the page
+   shell and shadow-root component styles.
+
+## Component model
+
+### `todo-app`
+
+`todo-app` is the root custom element. Its template renders, in order:
+
+- a literal `<h1>FAST Todos</h1>`,
+- a `<form>` containing a text `<input>` (bound to `description`) and an
+  "Add Todo" `<button type="submit">` that is `?disabled="{{!description}}"`,
+- a `<section>` with a `<label>` and `<select>` filter (All / Active /
+  Completed) bound to `activeFilter`, and
+- a `<ul class="todo-list">` populated by `<for each="item in filteredItems">`
+  with one `<li>` per visible `<todo-item>`.
+
+Internally it:
+
+- reads the prerendered `<todo-item>` children during `prepare()` and
+  reconstructs an observable `items` array;
+- maintains `@observable activeFilter` (`"all" | "active" | "completed"`),
+  `@observable description`, and `@observable filteredItems`;
+- recomputes `filteredItems` from `items` whenever `items` or `activeFilter`
+  changes (via `itemsChanged()` and `activeFilterChanged()` callbacks); and
+- handles add, toggle, delete, and filter-change events from its template.
+
+Toggle uses **immutable replacement** with a freshly constructed object
+literal (not the spread operator) — see
+[Reactive update patterns](#reactive-update-patterns) below.
+
+### `todo-item`
+
+`todo-item` is a focused row component. It accepts `id`, `description`, and
+`state` attributes; its template renders a native `<input type="checkbox">`
+(whose `?checked` mirrors `state == 'done'`), a `<span class="description">`,
+and a delete `<button class="delete">` showing `×`. `state="done"` adds a
+line-through via `:host([state="done"]) .description`. The component emits
+`toggle-item` and `delete-item` `CustomEvent`s carrying `{ id }` that the
+parent handles.
+
+The description text is assigned imperatively in `connectedCallback` and a
+`descriptionChanged` callback (instead of via a `{{ description }}` text
+interpolation in the shadow template) to work around a known fast-html
+hydration mismatch for text-interpolation bindings inside hydrated
+declarative-HTML templates.
+
+## Reactive update patterns
+
+`@microsoft/fast-html`'s `RenderableFASTElement` configures **deep observation**
+(`observerMap: "all"`) for the template's binding paths. To make nested
+properties on items reactive, the mixin replaces each item's enumerable own
+properties (`id`, `description`, `state`) with accessor pairs backed by
+underscore prefixed fields (`_id`, `_description`, `_state`).
+
+This has a non-obvious consequence: the idiomatic immutable update
+
+```ts
+{ ...item, state: "pending" }    // ❌ leaks _state from the wrapper
+```
+
+copies **both** `state` and `_state` from the observed item. When the new
+object is re-wrapped on assignment back to `items`, the wrapper finds the
+existing `_state` and uses it as the backing value, so the visible `state`
+property is silently restored to the old value.
+
+The correct pattern is to construct a fresh literal containing only the
+public properties:
+
+```ts
+{                                // ✅ no leaked backing fields
+    id: item.id,
+    description: item.description,
+    state: item.state === "done" ? "pending" : "done",
+}
+```
+
+`onToggleItem` in `src/todo-app/todo-app.ts` uses this pattern.
+
+## Design system wiring
+
+This example consumes the shared
+`@microsoft/fast-examples-design-system` workspace package.
+
+- `src/index.ts` imports `@microsoft/fast-examples-design-system/tokens.css`
+  exactly once.
+- `src/index.html` links the generated `/index.css` bundle before its inline
+  page-shell styles.
+- `<html dir="{{textdirection}}" lang="en" data-theme="light">` hard-codes the
+  light theme at document level.
+- There is no runtime theme toggle, no theme persistence, and no JavaScript
+  that mutates `data-theme`.
+
+The design-system package is CSS-only. This example just consumes the
+registered custom properties through `var(--fast-...)`.
+
+## Representative tokens
+
+The component styles rely on shared tokens rather than hard-coded design
+values. Representative examples include:
+
+- Page shell: `--fast-background-web-page-primary`,
+  `--fast-foreground-ctrl-neutral-primary-rest`,
+  `--fast-padding-content-xx-large`.
+- Root card and section chrome: `--fast-background-layer-primary-solid`,
+  `--fast-stroke-divider-subtle`, `--fast-corner-large`,
+  `--fast-shadow-card-rest`.
+- Typography: `--fast-text-style-default-regular-font-family`,
+  `--fast-text-global-body3-font-size`,
+  `--fast-text-global-body3-line-height`,
+  `--fast-text-global-title1-font-size`,
+  `--fast-text-global-title1-line-height`.
+- Brand actions: `--fast-background-ctrl-brand-rest`,
+  `--fast-background-ctrl-brand-hover`,
+  `--fast-background-ctrl-brand-pressed`,
+  `--fast-foreground-ctrl-on-brand-rest`.
+- Focus and motion: `--fast-ctrl-focus-outer-stroke`,
+  `--fast-ctrl-focus-outer-stroke-width`, `--fast-duration-fast`,
+  `--fast-curve-easy-ease`.
+- Status states: `--fast-status-success-tint-foreground`,
+  `--fast-status-success-tint-background`,
+  `--fast-status-danger-tint-foreground`,
+  `--fast-status-danger-tint-background`.
+
+## Why this example lives under `examples/ssr/`
+
+Although the UI hydrates into client-side FAST components, the initial render is
+produced through `@microsoft/webui` on the server. The important example
+behavior is therefore SSR + prerendering + hydration, not a purely client-only
+bootstrap.
diff --git a/examples/ssr/webui-todo-app/README.md b/examples/ssr/webui-todo-app/README.md
new file mode 100644
index 00000000000..313bb84a39a
--- /dev/null
+++ b/examples/ssr/webui-todo-app/README.md
@@ -0,0 +1,126 @@
+# WebUI Todo App
+
+A Todo app demonstrating FAST declarative HTML templates with
+[webui](https://github.com/microsoft/webui) prerendering and hydration.
+
+This example shows how to combine `@microsoft/fast-html` declarative templates
+with `@microsoft/webui` for server-side prerendering, producing a fast initial
+render that hydrates into a fully interactive FAST web component application.
+
+## Features
+
+- **Declarative templates**: Uses `.html` and `.css` files instead of
+  imperative `html`/`css` tagged template literals
+- **Server-side prerendering**: `webui serve` compiles declarative templates
+  and renders initial state into static HTML
+- **Client-side hydration**: `@microsoft/fast-html` picks up prerendered DOM
+  and attaches FAST reactive bindings
+- **Todo functionality**: Add items via a form, filter by status (all,
+  active, completed), toggle completion via native checkbox, delete items
+
+## Prerequisites
+
+From the monorepo root, install dependencies and build packages:
+
+```bash
+npm ci
+npm run build
+```
+
+## Running
+
+```bash
+# Build client bundle and start the webui dev server
+npm start -w @microsoft/fast-webui-todo-app-example
+```
+
+The app will be available at `http://localhost:8081`.
+
+For development with live reloading, run the client and server in separate
+terminals:
+
+```bash
+# Terminal 1: Watch and rebuild client bundle
+npm run start:client -w @microsoft/fast-webui-todo-app-example
+
+# Terminal 2: Start webui dev server with --watch
+npm run start:server -w @microsoft/fast-webui-todo-app-example
+```
+
+## Design system
+
+This example consumes the shared `@microsoft/fast-examples-design-system`
+workspace package. The design-system package is **CSS-only** — there are no
+JavaScript or TypeScript exports. `src/index.ts` imports
+`@microsoft/fast-examples-design-system/tokens.css` once, and the rest of the
+app references the registered `--fast-*` design tokens through `var(...)`.
+
+The app uses the **light** theme. `<html data-theme="light">` is set
+statically in [`src/index.html`](./src/index.html); the app does not implement
+a runtime theme toggle. (The shared design-system package supports dark and
+system-preference themes via the same `data-theme` attribute — see
+[`../../design-system/README.md`](../../design-system/README.md) — but this
+example deliberately keeps the SSR surface area minimal and demonstrates only
+token consumption.)
+
+For the shared package overview, the token catalog, and authoring rules, see
+[`../../design-system/README.md`](../../design-system/README.md) and
+[`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
+
+## Architecture
+
+### Server-side (`webui serve`)
+
+The `webui` CLI serves the app with the `--plugin=fast` flag, which enables
+FAST-aware template processing:
+
+1. Scans `./src` for declarative HTML templates (`.html` files wrapped in
+   `<f-template>` or containing `<template shadowrootmode="open">`)
+2. Reads initial state from `./data/state.json`
+3. Renders templates server-side with `{{}}` bindings resolved from state
+4. Injects Declarative Shadow DOM for instant first paint
+5. Serves the bundled client assets from `./dist`
+
+`src/index.ts` imports `@microsoft/fast-examples-design-system/tokens.css`.
+When esbuild bundles the entry point, it emits both `dist/index.js` and
+`dist/index.css`. `src/index.html` links `/index.css` so the shared `--fast-*`
+tokens are available during prerendering and after hydration.
+
+### Templates (`src/todo-app/`, `src/todo-item/`)
+
+Each component uses co-located files:
+
+- `*.html` — Declarative template with `<template shadowrootmode="open">`
+  and FAST bindings
+- `*.css` — Scoped styles loaded via `<link rel="stylesheet">` in the shadow
+  DOM
+- `*.ts` — Component class using `RenderableFASTElement` mixin with
+  `defineAsync`
+
+### Client entry (`src/index.ts`)
+
+Bootstraps hydration by:
+
+1. Importing components (side-effect registration via `defineAsync`)
+2. Configuring `TemplateElement` with observer maps for reactive attribute
+   tracking
+3. Defining `<f-template>` to trigger hydration of prerendered shadow DOM
+
+### Binding syntax
+
+| Syntax | Scope | Example |
+|---|---|---|
+| `{{expr}}` | Server + client | `{{title}}` — HTML-escaped value |
+| `{{{expr}}}` | Server + client | Raw unescaped HTML |
+| `{expr}` | Client-only | `{onClick(e)}` — event handlers, refs |
+| `@event="{handler}"` | Client-only | `@submit="{onSubmit()}"`, `@change="{onToggleChange()}"` |
+| `?attr="{{expr}}"` | Server + client | `?disabled="{{!description}}"`, `?checked="{{state == 'done'}}"` |
+| `f-ref="{prop}"` | Client-only | `f-ref="{addInput}"` — element reference |
+| `$e` | Event arg | `@input="{onInput($e)}"` — current event |
+
+### Template directives
+
+| Directive | Purpose | Example |
+|---|---|---|
+| `<for each="item in items">` | Iteration | `<for each="item in items"><todo-item>...</todo-item></for>` |
+| `<if condition="expr">` | Conditional | `<if condition="state == 'done'">...</if>` |
diff --git a/examples/ssr/webui-todo-app/data/state.json b/examples/ssr/webui-todo-app/data/state.json
new file mode 100644
index 00000000000..c14f301fdf7
--- /dev/null
+++ b/examples/ssr/webui-todo-app/data/state.json
@@ -0,0 +1,41 @@
+{
+    "textdirection": "ltr",
+    "language": "en",
+    "title": "FAST Todos",
+    "activeFilter": "all",
+    "description": "",
+    "items": [
+        {
+            "id": "1",
+            "description": "Buy groceries",
+            "state": "done"
+        },
+        {
+            "id": "2",
+            "description": "Write documentation",
+            "state": "pending"
+        },
+        {
+            "id": "3",
+            "description": "Ship feature",
+            "state": "pending"
+        }
+    ],
+    "filteredItems": [
+        {
+            "id": "1",
+            "description": "Buy groceries",
+            "state": "done"
+        },
+        {
+            "id": "2",
+            "description": "Write documentation",
+            "state": "pending"
+        },
+        {
+            "id": "3",
+            "description": "Ship feature",
+            "state": "pending"
+        }
+    ]
+}
diff --git a/examples/ssr/webui-todo-app/package.json b/examples/ssr/webui-todo-app/package.json
new file mode 100644
index 00000000000..d680e6db48a
--- /dev/null
+++ b/examples/ssr/webui-todo-app/package.json
@@ -0,0 +1,38 @@
+{
+    "name": "@microsoft/fast-webui-todo-app-example",
+    "version": "1.0.0",
+    "description": "A Todo app demonstrating FAST declarative HTML with webui prerendering.",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "build": "esbuild src/index.ts --bundle --outfile=dist/index.js --format=esm --metafile=dist/meta.json",
+        "start:client": "esbuild src/index.ts --bundle --outfile=dist/index.js --format=esm --sourcemap --watch",
+        "start:server": "webui serve ./src --state ./data/state.json --plugin=fast --servedir ./dist --port 8081 --watch",
+        "start:server:nowatch": "webui serve ./src --state ./data/state.json --plugin=fast --servedir ./dist --port 8081",
+        "start": "npm run build && npm run start:server",
+        "start:e2e": "npm run build && npm run start:server:nowatch",
+        "test": "npm run build"
+    },
+    "author": {
+        "name": "Microsoft",
+        "url": "https://discord.gg/FcSNfg4"
+    },
+    "homepage": "https://www.fast.design/",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/Microsoft/fast.git",
+        "directory": "examples/ssr/webui-todo-app"
+    },
+    "dependencies": {
+        "@microsoft/fast-element": "^2.10.3",
+        "@microsoft/fast-examples-design-system": "^1.0.0",
+        "@microsoft/fast-html": "*",
+        "@microsoft/webui": "^0.0.12",
+        "tslib": "^2.6.3"
+    },
+    "devDependencies": {
+        "esbuild": "^0.25.0",
+        "typescript": "^5.8.0"
+    }
+}
diff --git a/examples/ssr/webui-todo-app/src/index.html b/examples/ssr/webui-todo-app/src/index.html
new file mode 100644
index 00000000000..d8b6524135c
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html dir="{{textdirection}}" lang="en" data-theme="light">
+    <head>
+        <meta charset="utf-8">
+        <title>{{ title }}</title>
+        <link rel="stylesheet" href="/index.css">
+        <style>
+        html,
+        body {
+            margin: 0;
+            background: var(--fast-background-web-page-primary);
+            color: var(--fast-foreground-ctrl-neutral-primary-rest);
+            font-family: var(--fast-text-style-default-regular-font-family);
+        }
+
+        :not(:defined) {
+            visibility: hidden;
+        }
+        </style>
+    </head>
+
+    <body>
+        <todo-app></todo-app>
+
+        <script type="module" src="/index.js"></script>
+    </body>
+</html>
diff --git a/examples/ssr/webui-todo-app/src/index.ts b/examples/ssr/webui-todo-app/src/index.ts
new file mode 100644
index 00000000000..3021c5c55e9
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/index.ts
@@ -0,0 +1,37 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+/**
+ * WebUI todo-app entry point — bootstraps FAST-HTML hydration.
+ *
+ * The server pre-renders HTML with hydration markers via `webui serve --plugin=fast`.
+ * This script:
+ *   1. Registers custom elements (todo-app, todo-item) via defineAsync
+ *   2. Configures FAST-HTML observation maps for reactive attribute tracking
+ *   3. Defines <f-template>, triggering hydration of pre-rendered shadow DOM
+ */
+
+performance.mark("todo-hydration-started");
+
+import "@microsoft/fast-examples-design-system/tokens.css";
+import { TemplateElement } from "@microsoft/fast-html";
+
+// Side-effect imports — register custom elements via defineAsync
+import "./todo-app/todo-app.js";
+import "./todo-item/todo-item.js";
+
+// Configure and start hydration
+TemplateElement.options({
+    "todo-app": { observerMap: "all" },
+    "todo-item": { observerMap: "all" },
+})
+    .config({
+        hydrationComplete() {
+            performance.measure("todo-hydration-completed", "todo-hydration-started");
+            console.log("Hydration complete!");
+            (window as unknown as { __todoHydrated?: boolean }).__todoHydrated = true;
+        },
+    })
+    .define({
+        name: "f-template",
+    });
diff --git a/examples/ssr/webui-todo-app/src/todo-app/todo-app.css b/examples/ssr/webui-todo-app/src/todo-app/todo-app.css
new file mode 100644
index 00000000000..ce9ca569f7c
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-app/todo-app.css
@@ -0,0 +1,130 @@
+:host {
+    display: block;
+    padding: var(--fast-padding-content-medium);
+    max-width: 480px;
+    font-family: var(--fast-text-style-default-regular-font-family);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    background: var(--fast-background-layer-primary-solid);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
+    border-radius: var(--fast-corner-large);
+    box-shadow: var(--fast-shadow-card-rest);
+    margin: var(--fast-gap-between-content-x-large) auto;
+}
+
+h1 {
+    margin: 0 0 var(--fast-gap-between-content-small);
+    font-size: var(--fast-text-global-display2-font-size);
+    line-height: var(--fast-text-global-display2-line-height);
+    font-weight: var(--fast-text-style-default-header-weight);
+    color: var(--fast-foreground-ctrl-brand-rest);
+}
+
+form {
+    display: flex;
+    align-items: center;
+    gap: var(--fast-gap-between-content-x-small);
+    margin: var(--fast-gap-between-content-small) 0;
+}
+
+input[type="text"] {
+    flex: 1;
+    min-width: 0;
+    background: var(--fast-background-layer-primary-solid);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-ctrl-on-outline-rest);
+    border-radius: var(--fast-corner-medium);
+    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-x-small);
+    font-family: var(--fast-text-style-default-regular-font-family);
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+}
+
+input[type="text"]:focus-visible {
+    border-color: var(--fast-ctrl-focus-outer-stroke);
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-ctrl-focus-outer-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
+
+button[type="submit"] {
+    background: var(--fast-background-ctrl-brand-rest);
+    color: var(--fast-foreground-ctrl-on-brand-rest);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-brand);
+    border-radius: var(--fast-corner-medium);
+    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-small);
+    font-family: inherit;
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+    cursor: pointer;
+    transition: background var(--fast-duration-fast) var(--fast-curve-easy-ease);
+}
+
+button[type="submit"]:hover {
+    background: var(--fast-background-ctrl-brand-hover);
+}
+
+button[type="submit"]:active {
+    background: var(--fast-background-ctrl-brand-pressed);
+}
+
+button[type="submit"]:focus-visible {
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-ctrl-focus-outer-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
+
+button[type="submit"]:disabled {
+    background: var(--fast-background-ctrl-brand-disabled);
+    color: var(--fast-foreground-ctrl-neutral-primary-disabled);
+    border-color: var(--fast-stroke-ctrl-on-outline-disabled);
+    cursor: not-allowed;
+}
+
+section {
+    display: flex;
+    align-items: center;
+    gap: var(--fast-gap-between-content-x-small);
+    margin-top: var(--fast-gap-between-content-small);
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+}
+
+select {
+    background: var(--fast-background-layer-primary-solid);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-ctrl-on-outline-rest);
+    border-radius: var(--fast-corner-small);
+    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-x-small);
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+}
+
+select:focus-visible {
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-ctrl-focus-outer-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
+
+.todo-list {
+    list-style-type: none;
+    padding: 0;
+    margin: var(--fast-gap-between-content-small) 0 0;
+}
+
+.todo-list li {
+    list-style-type: none;
+}
+
+footer {
+    display: flex;
+    align-items: center;
+    gap: var(--fast-gap-between-content-x-small);
+    margin-top: var(--fast-gap-between-content-small);
+    padding-top: var(--fast-padding-content-x-small);
+    border-top: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+}
diff --git a/examples/ssr/webui-todo-app/src/todo-app/todo-app.html b/examples/ssr/webui-todo-app/src/todo-app/todo-app.html
new file mode 100644
index 00000000000..cf72693c44a
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-app/todo-app.html
@@ -0,0 +1,39 @@
+<template
+    shadowrootmode="open"
+    @toggle-item="{onToggleItem($e)}"
+    @delete-item="{onDeleteItem($e)}"
+>
+    <h1>FAST Todos</h1>
+
+    <form @submit="{onSubmit()}">
+        <input type="text" f-ref="{addInput}" @input="{onInput($e)}">
+        <button type="submit" ?disabled="{{!description}}">Add Todo</button>
+    </form>
+
+    <section>
+        <label for="filter">Filter:</label>
+        <select name="filter" id="filter" title="filter" @change="{onFilterChange($e)}">
+            <option value="all" selected>All</option>
+            <option value="active">Active</option>
+            <option value="completed">Completed</option>
+        </select>
+    </section>
+
+    <ul class="todo-list">
+        <for each="item in filteredItems">
+            <li>
+                <todo-item
+                    id="{{item.id}}"
+                    description="{{item.description}}"
+                    state="{{item.state}}"
+                ></todo-item>
+            </li>
+        </for>
+    </ul>
+
+    <footer>
+        <span class="active-count"></span>
+        <span aria-hidden="true">·</span>
+        <span class="completed-count"></span>
+    </footer>
+</template>
diff --git a/examples/ssr/webui-todo-app/src/todo-app/todo-app.ts b/examples/ssr/webui-todo-app/src/todo-app/todo-app.ts
new file mode 100644
index 00000000000..9cc64d7618d
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-app/todo-app.ts
@@ -0,0 +1,162 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+import { FASTElement, observable } from "@microsoft/fast-element";
+import { RenderableFASTElement } from "@microsoft/fast-html";
+
+interface TodoItemData {
+    id: string;
+    description: string;
+    state: string;
+}
+
+type TodoListFilter = "all" | "active" | "completed";
+
+export class TodoApp extends RenderableFASTElement(FASTElement) {
+    @observable items: TodoItemData[] = [];
+    @observable activeFilter: TodoListFilter = "all";
+    @observable description: string = "";
+    @observable filteredItems: TodoItemData[] = [];
+    @observable activeCount: number = 0;
+    @observable completedCount: number = 0;
+
+    addInput!: HTMLInputElement;
+
+    private nextId = 100;
+
+    connectedCallback(): void {
+        super.connectedCallback();
+        this.syncCounts();
+    }
+
+    itemsChanged(): void {
+        this.recomputeFilteredItems();
+        this.recomputeCounts();
+    }
+
+    activeFilterChanged(): void {
+        this.recomputeFilteredItems();
+    }
+
+    activeCountChanged(): void {
+        this.syncCounts();
+    }
+
+    completedCountChanged(): void {
+        this.syncCounts();
+    }
+
+    async prepare(): Promise<void> {
+        const items: TodoItemData[] = [];
+
+        for (const el of this.shadowRoot!.querySelectorAll("todo-item")) {
+            items.push({
+                id: el.getAttribute("id") || "",
+                description: el.getAttribute("description") || "",
+                state: el.getAttribute("state") || "pending",
+            });
+        }
+
+        this.items = items;
+
+        if (items.length > 0) {
+            this.nextId = Math.max(...items.map(i => Number(i.id) || 0)) + 1;
+        }
+    }
+
+    onToggleItem(e: CustomEvent<{ id: string }>): void {
+        this.items = this.items.map(item =>
+            item.id === e.detail.id
+                ? {
+                      id: item.id,
+                      description: item.description,
+                      state: item.state === "done" ? "pending" : "done",
+                  }
+                : item,
+        );
+    }
+
+    onDeleteItem(e: CustomEvent<{ id: string }>): void {
+        this.items = this.items.filter(item => item.id !== e.detail.id);
+    }
+
+    onInput(e: Event): void {
+        this.description = (e.target as HTMLInputElement).value;
+    }
+
+    onFilterChange(e: Event): void {
+        this.activeFilter = (e.target as HTMLSelectElement).value as TodoListFilter;
+    }
+
+    onSubmit(): void {
+        const text = this.description.trim();
+
+        if (!text) return;
+
+        this.items = [
+            ...this.items,
+            { id: String(this.nextId++), description: text, state: "pending" },
+        ];
+        this.description = "";
+
+        if (this.addInput) {
+            this.addInput.value = "";
+            this.addInput.focus();
+        }
+    }
+
+    private recomputeFilteredItems(): void {
+        switch (this.activeFilter) {
+            case "active":
+                this.filteredItems = this.items.filter(i => i.state !== "done");
+                break;
+            case "completed":
+                this.filteredItems = this.items.filter(i => i.state === "done");
+                break;
+            default:
+                this.filteredItems = this.items;
+        }
+    }
+
+    private recomputeCounts(): void {
+        let active = 0;
+        let completed = 0;
+
+        for (const item of this.items) {
+            if (item.state === "done") {
+                completed++;
+            } else {
+                active++;
+            }
+        }
+
+        this.activeCount = active;
+        this.completedCount = completed;
+    }
+
+    /**
+     * Work around the fast-html hydration text-binding mismatch (see the
+     * `<todo-item>` `syncDescription()` helper for context): write the
+     * footer counters into the shadow DOM imperatively rather than via
+     * `{{ activeCount }}` / `{{ completedCount }}` text interpolations.
+     */
+    private syncCounts(): void {
+        const activeSpan = this.shadowRoot?.querySelector(".active-count");
+        const completedSpan = this.shadowRoot?.querySelector(".completed-count");
+
+        if (activeSpan) {
+            activeSpan.textContent = `${this.activeCount} ${
+                this.activeCount === 1 ? "item" : "items"
+            } left`;
+        }
+
+        if (completedSpan) {
+            completedSpan.textContent = `${this.completedCount} completed`;
+        }
+    }
+}
+
+TodoApp.defineAsync({
+    name: "todo-app",
+    templateOptions: "defer-and-hydrate",
+});
diff --git a/examples/ssr/webui-todo-app/src/todo-item/todo-item.css b/examples/ssr/webui-todo-app/src/todo-item/todo-item.css
new file mode 100644
index 00000000000..f30aac3ae61
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-item/todo-item.css
@@ -0,0 +1,53 @@
+:host {
+    display: flex;
+    align-items: center;
+    gap: var(--fast-gap-between-content-x-small);
+    margin: var(--fast-gap-between-content-x-small) 0;
+    padding: var(--fast-padding-content-x-small);
+    border-radius: var(--fast-corner-medium);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-default);
+    background: var(--fast-background-layer-secondary);
+    transition: background var(--fast-duration-fast) var(--fast-curve-easy-ease);
+}
+
+:host(:hover) {
+    background: var(--fast-background-ctrl-subtle-hover);
+}
+
+.description {
+    display: inline-block;
+    align-self: center;
+    margin: 0;
+    flex: 1;
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+}
+
+:host([state="done"]) .description {
+    text-decoration: line-through;
+    color: var(--fast-foreground-ctrl-hint-default);
+}
+
+.delete {
+    color: var(--fast-status-danger-tint-foreground);
+    background: transparent;
+    border: none;
+    border-radius: var(--fast-corner-medium);
+    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-xx-small);
+    font-family: inherit;
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+    cursor: pointer;
+    transition: background var(--fast-duration-fast) var(--fast-curve-easy-ease);
+}
+
+.delete:hover,
+.delete:active {
+    background: var(--fast-status-danger-tint-background);
+}
+
+.delete:focus-visible {
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-status-danger-tint-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
diff --git a/examples/ssr/webui-todo-app/src/todo-item/todo-item.html b/examples/ssr/webui-todo-app/src/todo-item/todo-item.html
new file mode 100644
index 00000000000..8d3d61b7d7b
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-item/todo-item.html
@@ -0,0 +1,17 @@
+<template shadowrootmode="open">
+    <input
+        type="checkbox"
+        class="toggle"
+        ?checked="{{state == 'done'}}"
+        @change="{onToggleChange()}"
+    >
+    <span class="description"></span>
+    <button
+        type="button"
+        class="delete"
+        @click="{onDeleteClick()}"
+        aria-label="Remove item"
+    >
+        &times;
+    </button>
+</template>
diff --git a/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts b/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
new file mode 100644
index 00000000000..b59e41c0e7f
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
@@ -0,0 +1,46 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+import { attr, FASTElement } from "@microsoft/fast-element";
+import { RenderableFASTElement } from "@microsoft/fast-html";
+
+export class TodoItem extends RenderableFASTElement(FASTElement) {
+    @attr id = "";
+    @attr description = "";
+    @attr state = "";
+
+    connectedCallback(): void {
+        super.connectedCallback();
+        this.syncDescription();
+    }
+
+    descriptionChanged(): void {
+        this.syncDescription();
+    }
+
+    onToggleChange(): void {
+        this.$emit("toggle-item", { id: this.id });
+    }
+
+    onDeleteClick(): void {
+        this.$emit("delete-item", { id: this.id });
+    }
+
+    /**
+     * Work around a known fast-html hydration mismatch for text-interpolation
+     * bindings inside `<todo-item>`: rather than rely on `{{ description }}` in
+     * the shadow template, assign the description text imperatively. See the
+     * hydration warning fast-html logs when this binding is left in place.
+     */
+    private syncDescription(): void {
+        const span = this.shadowRoot?.querySelector(".description");
+        if (span) {
+            span.textContent = this.description;
+        }
+    }
+}
+
+TodoItem.defineAsync({
+    name: "todo-item",
+    templateOptions: "defer-and-hydrate",
+});
diff --git a/examples/ssr/webui-todo-app/tsconfig.json b/examples/ssr/webui-todo-app/tsconfig.json
new file mode 100644
index 00000000000..18044303e73
--- /dev/null
+++ b/examples/ssr/webui-todo-app/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "target": "ESNext",
+        "strict": true,
+        "experimentalDecorators": true,
+        "useDefineForClassFields": false,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "sourceMap": true,
+        "incremental": true
+    },
+    "include": ["src"],
+    "exclude": ["node_modules", "dist"]
+}
diff --git a/examples/test/DESIGN.md b/examples/test/DESIGN.md
new file mode 100644
index 00000000000..b34078d3144
--- /dev/null
+++ b/examples/test/DESIGN.md
@@ -0,0 +1,132 @@
+# `@microsoft/fast-examples-e2e` — design
+
+End-to-end Playwright tests that exercise the example todo apps in
+[`examples/`](..) as black-box web applications. The same spec file runs
+against every app, asserting that the unified UI and functionality behave
+identically regardless of implementation (vanilla FAST, FAST + MobX, or SSR
+via `@microsoft/webui` + `@microsoft/fast-html`).
+
+If you only need a quickstart, see [`README.md`](./README.md).
+
+## Goals
+
+- Provide one shared spec that runs against every example todo app so any
+  user-visible regression — in either the UI or in supporting libraries
+  (`@microsoft/fast-element`, `@microsoft/webui`, `@microsoft/fast-html`) — is
+  caught in CI.
+- Treat each app as a black box: tests never import app source, never poke
+  internal state, and never reach into framework internals.
+- Hide DOM differences between apps behind a small per-project **adapter**
+  layer so spec files remain identical across projects.
+- Run in CI as a separate step from package unit tests so the failure
+  signal is clean (a red E2E run almost always points at the example apps or
+  shared user-facing surface, not at unit-test churn).
+
+## Non-goals
+
+- This workspace does not ship a published npm package — it is `private: true`
+  and only consumed by `npm run test:e2e` from the repo root.
+- This workspace is not a place to put package-level unit tests. Those belong
+  next to the source in `packages/*/src/**/*.pw.spec.ts` (Playwright) or
+  `packages/*/src/**/*.spec.ts` (Node). Tests here are integration / E2E
+  scenarios against the example apps.
+- Adapters do not abstract over framework concepts. They only abstract over
+  DOM shape (selectors, shadow-root nesting) for the operations the suite
+  needs.
+
+## Architecture
+
+```text
+examples/test/
+├── playwright.config.ts          // 1 testDir, 3 projects, 3 webServer entries
+├── support/
+│   ├── fixtures.ts               // injects per-project adapter into tests
+│   ├── global-setup.ts           // resets SSR app's state.json before the run
+│   ├── global-teardown.ts        // restores SSR app's state.json after the run
+│   └── adapters/
+│       ├── types.ts              // TodoAppAdapter interface
+│       ├── csr.ts                // shared adapter for csr/todo-app + csr/todo-mobx-app
+│       ├── ssr-webui-todo.ts     // adapter for ssr/webui-todo-app
+│       └── index.ts              // getAdapter(projectName) factory
+└── tests/
+    └── todo.pw.spec.ts           // shared suite
+```
+
+### Projects
+
+`playwright.config.ts` defines one Playwright `project` per app:
+
+| Project          | Base URL                | App                                       |
+|------------------|-------------------------|-------------------------------------------|
+| `csr-todo`       | `http://localhost:9000` | `examples/csr/todo-app`                   |
+| `csr-todo-mobx`  | `http://localhost:9001` | `examples/csr/todo-mobx-app`              |
+| `ssr-webui-todo` | `http://localhost:8081` | `examples/ssr/webui-todo-app`             |
+
+Each project gets a matching `webServer` entry so Playwright starts and
+stops the dev server automatically. Workers are forced to `1` so the SSR
+app's shared `state.json` is never contended.
+
+The SSR `webui-todo-app` is started with `npm run start:e2e` (not `npm
+start`) which omits `webui serve`'s `--watch` flag. With `--watch` enabled
+the dev server opens a livereload SSE channel and reloads the page every
+time the app mutates its in-memory state — fine for local dev, fatal for
+deterministic E2E.
+
+### Adapters
+
+`TodoAppAdapter` (`support/adapters/types.ts`) is the contract every adapter
+implements. It exposes only what the suite uses — `goto`, `waitForReady`,
+`addTodo`, `descriptions`, `isDoneByDescription`, `toggleByDescription`,
+`deleteByDescription`, `setFilter`, `isAddDisabled`, `getCounts`. Spec files
+take the adapter via the `adapter` fixture and never reference app-specific
+selectors.
+
+Both CSR apps share `createCsrAdapter()` because their unified UI exposes
+the same selectors. The SSR app gets its own adapter because items are
+rendered through a nested `<todo-item>` shadow root.
+
+When adding an operation to the suite:
+
+1. Add it to `TodoAppAdapter` in `types.ts`.
+2. Implement it in every adapter — keep selectors minimal and scope queries
+   to the relevant app root.
+3. Use the operation from the spec; never reach around it.
+
+### Spec naming
+
+Spec files use the `*.pw.spec.ts` suffix so Playwright's `testMatch` picks
+them up. This leaves the `*.spec.ts` suffix free for Node-based tests should
+we ever add them — the same convention `fast-element` already uses.
+
+### CI
+
+`npm run test:e2e` runs as a separate step in
+[`ci-validate-pr.yml`](../../.github/workflows/ci-validate-pr.yml) after the
+unit-test step, gated on `npx playwright install --with-deps` which is
+already invoked earlier in the pipeline. CI sets `CI=1`, which enables
+Playwright's `forbidOnly`, single retry, and GitHub reporter.
+
+## Adding a new app to the suite
+
+1. Add a `webServer` entry and matching `project` in `playwright.config.ts`
+   using a unique port and baseURL.
+2. Create an adapter in `support/adapters/<name>.ts` implementing
+   `TodoAppAdapter`. Reuse `createCsrAdapter()` if the app's DOM matches
+   the CSR projects.
+3. Register it in `support/adapters/index.ts`.
+4. Run `npm run test:e2e -w @microsoft/fast-examples-e2e -- --project=<name>`.
+
+No changes to `tests/todo.pw.spec.ts` should be required for a new app — if
+something does require a spec change, prefer extending the adapter
+interface so the suite stays uniform.
+
+## Adding a new test
+
+Put generic, cross-app scenarios in `tests/todo.pw.spec.ts`. Use the
+`adapter` fixture for every interaction. If a test needs an operation not on
+`TodoAppAdapter`, add it to the interface and implement it in every adapter
+(see [Adapters](#adapters)). A spec that uses raw selectors against the page
+should be treated as a bug — push the selector into the adapter instead.
+
+For app-specific tests that don't generalize, add a co-located
+`*.pw.spec.ts` next to the source in the app's package, not here.
diff --git a/examples/test/README.md b/examples/test/README.md
new file mode 100644
index 00000000000..fb85acaa4c8
--- /dev/null
+++ b/examples/test/README.md
@@ -0,0 +1,66 @@
+# FAST Examples — End-to-End Tests
+
+Playwright end-to-end tests that exercise the three Todo example apps in this monorepo as black-box web applications. The same test suite runs against each app, asserting that the unified UI and functionality behave identically regardless of implementation.
+
+| App | Project name | Dev server |
+|---|---|---|
+| [`examples/csr/todo-app`](../csr/todo-app) | `csr-todo` | `vite` on port `9000` |
+| [`examples/csr/todo-mobx-app`](../csr/todo-mobx-app) | `csr-todo-mobx` | `vite` on port `9001` |
+| [`examples/ssr/webui-todo-app`](../ssr/webui-todo-app) | `ssr-webui-todo` | `webui serve` on port `8081` |
+
+Each project is configured in [`playwright.config.ts`](./playwright.config.ts) with its own `webServer` block — Playwright starts and stops them automatically.
+
+## Running
+
+From the monorepo root:
+
+```bash
+# install deps and browsers (once)
+npm ci
+npx playwright install --with-deps chromium
+
+# build the example apps the tests depend on
+npm run build -w @microsoft/fast-element
+npm run build -w @microsoft/fast-todo-app-example
+npm run build -w @microsoft/fast-todo-mobx-app-example
+npm run build -w @microsoft/fast-webui-todo-app-example
+
+# run all three suites
+npm run test:e2e
+```
+
+To run a single app's suite:
+
+```bash
+npm run test:e2e -w @microsoft/fast-examples-e2e -- --project=csr-todo
+npm run test:e2e -w @microsoft/fast-examples-e2e -- --project=csr-todo-mobx
+npm run test:e2e -w @microsoft/fast-examples-e2e -- --project=ssr-webui-todo
+```
+
+## Layout
+
+```
+examples/test/
+├── package.json
+├── playwright.config.ts
+├── DESIGN.md                    // design notes for contributors
+├── support/
+│   ├── fixtures.ts              // injects the per-project adapter
+│   ├── global-setup.ts
+│   ├── global-teardown.ts
+│   └── adapters/
+│       ├── index.ts             // resolves the adapter for a project
+│       ├── types.ts             // TodoAppAdapter interface
+│       ├── csr.ts               // shared adapter for both CSR apps
+│       └── ssr-webui-todo.ts
+└── tests/
+    └── todo.pw.spec.ts          // shared suite, runs against every project
+```
+
+Adapters wrap the per-app DOM differences (e.g. SSR app uses a nested `<todo-item>` shadow root per row, while CSR apps render inline `<li>` content) behind a uniform interface (`addTodo`, `descriptions`, `toggleByDescription`, `deleteByDescription`, `setFilter`, `getCounts`, …). Test specs use that interface only — no app-specific selectors leak into the suite.
+
+Spec files use the `*.pw.spec.ts` suffix so Playwright picks them up while leaving the `*.spec.ts` suffix free for future Node-based tests.
+
+## CI
+
+The `test:e2e` script is run as a separate step in [`.github/workflows/ci-validate-pr.yml`](../../.github/workflows/ci-validate-pr.yml) after unit tests, gated on the same `npx playwright install --with-deps` invocation that already runs there.
diff --git a/examples/test/package.json b/examples/test/package.json
new file mode 100644
index 00000000000..b89cac4b3e5
--- /dev/null
+++ b/examples/test/package.json
@@ -0,0 +1,21 @@
+{
+    "name": "@microsoft/fast-examples-e2e",
+    "version": "1.0.0",
+    "description": "End-to-end Playwright tests for the FAST example todo apps (csr/todo-app, csr/todo-mobx-app, ssr/webui-todo-app).",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "test:e2e": "playwright test --config=playwright.config.ts"
+    },
+    "author": {
+        "name": "Microsoft",
+        "url": "https://discord.gg/FcSNfg4"
+    },
+    "homepage": "https://www.fast.design/",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/Microsoft/fast.git",
+        "directory": "examples/test"
+    }
+}
diff --git a/examples/test/playwright.config.ts b/examples/test/playwright.config.ts
new file mode 100644
index 00000000000..33da1a3bd4c
--- /dev/null
+++ b/examples/test/playwright.config.ts
@@ -0,0 +1,74 @@
+import { defineConfig } from "@playwright/test";
+
+const isCI = !!process.env.CI;
+
+/**
+ * E2E test configuration for the three example todo apps. Each project sets a
+ * unique baseURL and spawns the corresponding dev server. Tests live in
+ * `tests/` (matched by the `*.pw.spec.ts` suffix to leave room for future
+ * Node test files using the `*.spec.ts` suffix) and resolve the per-project
+ * adapter via the fixture in `support/fixtures.ts`.
+ *
+ * Run serially (`workers: 1`) so the SSR app's shared `state.json` is not
+ * contended between parallel workers.
+ */
+export default defineConfig({
+    testDir: "./tests",
+    testMatch: /.*\.pw\.spec\.ts$/,
+    timeout: 30_000,
+    expect: { timeout: 5_000 },
+    fullyParallel: false,
+    workers: 1,
+    forbidOnly: isCI,
+    retries: isCI ? 1 : 0,
+    reporter: isCI ? [["github"], ["list"]] : "list",
+    globalSetup: "./support/global-setup.ts",
+    globalTeardown: "./support/global-teardown.ts",
+    use: {
+        trace: "retain-on-failure",
+        screenshot: "only-on-failure",
+    },
+    projects: [
+        {
+            name: "csr-todo",
+            use: { baseURL: "http://localhost:9000" },
+        },
+        {
+            name: "csr-todo-mobx",
+            use: { baseURL: "http://localhost:9001" },
+        },
+        {
+            name: "ssr-webui-todo",
+            use: { baseURL: "http://localhost:8081" },
+        },
+    ],
+    webServer: [
+        {
+            command: "npm start -w @microsoft/fast-todo-app-example",
+            url: "http://localhost:9000",
+            cwd: "../..",
+            reuseExistingServer: !isCI,
+            timeout: 60_000,
+            stdout: "pipe",
+            stderr: "pipe",
+        },
+        {
+            command: "npm start -w @microsoft/fast-todo-mobx-app-example",
+            url: "http://localhost:9001",
+            cwd: "../..",
+            reuseExistingServer: !isCI,
+            timeout: 60_000,
+            stdout: "pipe",
+            stderr: "pipe",
+        },
+        {
+            command: "npm run start:e2e -w @microsoft/fast-webui-todo-app-example",
+            url: "http://localhost:8081",
+            cwd: "../..",
+            reuseExistingServer: !isCI,
+            timeout: 180_000,
+            stdout: "pipe",
+            stderr: "pipe",
+        },
+    ],
+});
diff --git a/examples/test/support/adapters/csr.ts b/examples/test/support/adapters/csr.ts
new file mode 100644
index 00000000000..3aa44e4d4c2
--- /dev/null
+++ b/examples/test/support/adapters/csr.ts
@@ -0,0 +1,88 @@
+import type { Page } from "@playwright/test";
+import type { FilterValue, TodoAppAdapter } from "./types.js";
+
+/**
+ * Adapter for the CSR apps (csr/todo-app and csr/todo-mobx-app) which share
+ * the same shadow-DOM structure:
+ *
+ *     <todo-app> #shadow
+ *       <h1>FAST Todos</h1>
+ *       <todo-form> #shadow <form><input/><button/></form>
+ *       <select name="filter">
+ *       <ul.todo-list>
+ *         <li.todo>
+ *           <input type="checkbox"/>
+ *           <span.description/>
+ *           <button aria-label="Remove item">×</button>
+ */
+export function createCsrAdapter(name: string): TodoAppAdapter {
+    const itemFor = (page: Page, description: string) =>
+        page.locator("li.todo").filter({
+            has: page.locator(".description", { hasText: description }),
+        });
+
+    return {
+        name,
+        async goto(page) {
+            await page.goto("/");
+        },
+        async waitForReady(page) {
+            await page.locator("todo-app").waitFor();
+            await page.locator("h1", { hasText: "FAST Todos" }).waitFor();
+            await page
+                .locator("todo-form button[type=submit]", { hasText: "Add Todo" })
+                .waitFor();
+        },
+        async addTodo(page, text) {
+            const input = page.locator("todo-form input[type=text]");
+            await input.fill(text);
+            await page.locator("todo-form button[type=submit]").click();
+            await page.locator("li.todo .description", { hasText: text }).waitFor();
+        },
+        async descriptions(page) {
+            const raw = await page.locator("li.todo .description").allInnerTexts();
+            return raw.map(s => s.trim());
+        },
+        async isDoneByDescription(page, description) {
+            return itemFor(page, description).locator("input[type=checkbox]").isChecked();
+        },
+        async toggleByDescription(page, description) {
+            await itemFor(page, description).locator("input[type=checkbox]").click();
+        },
+        async deleteByDescription(page, description) {
+            const item = itemFor(page, description);
+            await item.locator("button[aria-label='Remove item']").click();
+            await page
+                .locator("li.todo .description", { hasText: description })
+                .waitFor({ state: "detached" });
+        },
+        async setFilter(page, value: FilterValue) {
+            await page.locator("select[name=filter]").selectOption(value);
+        },
+        async isAddDisabled(page) {
+            return page.locator("todo-form button[type=submit]").isDisabled();
+        },
+        async getCounts(page) {
+            return readCounterFooter(page, "todo-app");
+        },
+    };
+}
+
+async function readCounterFooter(
+    page: Page,
+    rootSelector: string,
+): Promise<{ active: number; completed: number }> {
+    const active = await page.locator(`${rootSelector} footer .active-count`).innerText();
+    const completed = await page
+        .locator(`${rootSelector} footer .completed-count`)
+        .innerText();
+    return {
+        active: parseLeadingInt(active),
+        completed: parseLeadingInt(completed),
+    };
+}
+
+function parseLeadingInt(text: string): number {
+    const match = text.trim().match(/^\d+/);
+    return match ? Number(match[0]) : Number.NaN;
+}
diff --git a/examples/test/support/adapters/index.ts b/examples/test/support/adapters/index.ts
new file mode 100644
index 00000000000..e25d2ce6bfb
--- /dev/null
+++ b/examples/test/support/adapters/index.ts
@@ -0,0 +1,19 @@
+import { createCsrAdapter } from "./csr.js";
+import { ssrWebuiTodoAdapter } from "./ssr-webui-todo.js";
+import type { TodoAppAdapter } from "./types.js";
+
+const adapters: Record<string, TodoAppAdapter> = {
+    "csr-todo": createCsrAdapter("csr-todo"),
+    "csr-todo-mobx": createCsrAdapter("csr-todo-mobx"),
+    "ssr-webui-todo": ssrWebuiTodoAdapter,
+};
+
+export function getAdapter(projectName: string): TodoAppAdapter {
+    const adapter = adapters[projectName];
+    if (!adapter) {
+        throw new Error(
+            `No TodoAppAdapter registered for Playwright project "${projectName}".`,
+        );
+    }
+    return adapter;
+}
diff --git a/examples/test/support/adapters/ssr-webui-todo.ts b/examples/test/support/adapters/ssr-webui-todo.ts
new file mode 100644
index 00000000000..0643ef661e6
--- /dev/null
+++ b/examples/test/support/adapters/ssr-webui-todo.ts
@@ -0,0 +1,87 @@
+import type { Page } from "@playwright/test";
+import type { FilterValue, TodoAppAdapter } from "./types.js";
+
+/**
+ * Adapter for the SSR webui-todo-app. Layout:
+ *
+ *     <todo-app> #shadow
+ *       <h1>FAST Todos</h1>
+ *       <form><input/><button/></form>
+ *       <select name="filter">
+ *       <ul.todo-list>
+ *         <li>
+ *           <todo-item> #shadow
+ *             <input type="checkbox" class="toggle"/>
+ *             <span.description/>
+ *             <button class="delete" aria-label="Remove item">×</button>
+ */
+export const ssrWebuiTodoAdapter: TodoAppAdapter = {
+    name: "ssr-webui-todo",
+    async goto(page) {
+        await page.goto("/");
+    },
+    async waitForReady(page) {
+        await page.locator("todo-app").waitFor();
+        await page.locator("h1", { hasText: "FAST Todos" }).waitFor();
+        await page.locator("form button[type=submit]", { hasText: "Add Todo" }).waitFor();
+        // The SSR app hydrates asynchronously; wait for the flag set in
+        // src/index.ts before issuing UI events that depend on event handlers.
+        await page.waitForFunction(
+            () => (window as unknown as { __todoHydrated?: boolean }).__todoHydrated,
+            undefined,
+            { timeout: 10_000 },
+        );
+    },
+    async addTodo(page, text) {
+        const input = page.locator("todo-app form input[type=text]");
+        await input.fill(text);
+        await page.locator("todo-app form button[type=submit]").click();
+        await page.locator("todo-item .description", { hasText: text }).waitFor();
+    },
+    async descriptions(page) {
+        const raw = await page.locator("todo-item .description").allInnerTexts();
+        return raw.map(s => s.trim());
+    },
+    async isDoneByDescription(page, description) {
+        const item = page.locator("todo-item").filter({
+            has: page.locator(".description", { hasText: description }),
+        });
+        return item.locator("input.toggle").isChecked();
+    },
+    async toggleByDescription(page, description) {
+        const item = page.locator("todo-item").filter({
+            has: page.locator(".description", { hasText: description }),
+        });
+        await item.locator("input.toggle").click();
+    },
+    async deleteByDescription(page, description) {
+        const item = page.locator("todo-item").filter({
+            has: page.locator(".description", { hasText: description }),
+        });
+        await item.locator("button.delete").click();
+        await page
+            .locator("todo-item .description", { hasText: description })
+            .waitFor({ state: "detached" });
+    },
+    async setFilter(page, value: FilterValue) {
+        await page.locator("select[name=filter]").selectOption(value);
+    },
+    async isAddDisabled(page) {
+        return page.locator("todo-app form button[type=submit]").isDisabled();
+    },
+    async getCounts(page) {
+        const active = await page.locator("todo-app footer .active-count").innerText();
+        const completed = await page
+            .locator("todo-app footer .completed-count")
+            .innerText();
+        return {
+            active: parseLeadingInt(active),
+            completed: parseLeadingInt(completed),
+        };
+    },
+};
+
+function parseLeadingInt(text: string): number {
+    const match = text.trim().match(/^\d+/);
+    return match ? Number(match[0]) : Number.NaN;
+}
diff --git a/examples/test/support/adapters/types.ts b/examples/test/support/adapters/types.ts
new file mode 100644
index 00000000000..da422340d5e
--- /dev/null
+++ b/examples/test/support/adapters/types.ts
@@ -0,0 +1,25 @@
+import type { Page } from "@playwright/test";
+
+export type FilterValue = "all" | "active" | "completed";
+
+/**
+ * Uniform interface for interacting with any of the example todo apps.
+ *
+ * Each adapter wraps the per-app DOM differences (e.g. CSR apps render
+ * `<li class="todo">` inline, while the SSR app embeds a nested `<todo-item>`
+ * shadow root per row) behind the same set of operations so the shared test
+ * suite can run unchanged against every app.
+ */
+export interface TodoAppAdapter {
+    readonly name: string;
+    goto(page: Page): Promise<void>;
+    waitForReady(page: Page): Promise<void>;
+    addTodo(page: Page, text: string): Promise<void>;
+    descriptions(page: Page): Promise<string[]>;
+    isDoneByDescription(page: Page, description: string): Promise<boolean>;
+    toggleByDescription(page: Page, description: string): Promise<void>;
+    deleteByDescription(page: Page, description: string): Promise<void>;
+    setFilter(page: Page, value: FilterValue): Promise<void>;
+    isAddDisabled(page: Page): Promise<boolean>;
+    getCounts(page: Page): Promise<{ active: number; completed: number }>;
+}
diff --git a/examples/test/support/fixtures.ts b/examples/test/support/fixtures.ts
new file mode 100644
index 00000000000..8737086a278
--- /dev/null
+++ b/examples/test/support/fixtures.ts
@@ -0,0 +1,22 @@
+import { test as base } from "@playwright/test";
+import { getAdapter } from "./adapters/index.js";
+import type { TodoAppAdapter } from "./adapters/types.js";
+
+/**
+ * Playwright test fixture that resolves the per-project TodoAppAdapter so the
+ * same `tests/todo.pw.spec.ts` suite can run against every example app.
+ */
+export const test = base.extend<{ adapter: TodoAppAdapter }>({
+    adapter: async (
+        // Playwright's fixture signature requires the destructured first
+        // argument even when no upstream fixtures are consumed.
+        // biome-ignore lint/correctness/noEmptyPattern: see comment above
+        {},
+        use,
+        testInfo,
+    ) => {
+        await use(getAdapter(testInfo.project.name));
+    },
+});
+
+export { expect } from "@playwright/test";
diff --git a/examples/test/support/global-setup.ts b/examples/test/support/global-setup.ts
new file mode 100644
index 00000000000..7a270121723
--- /dev/null
+++ b/examples/test/support/global-setup.ts
@@ -0,0 +1,29 @@
+import { promises as fs } from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import type { FullConfig } from "@playwright/test";
+
+/**
+ * The SSR webui-todo-app persists state to `examples/ssr/webui-todo-app/data/state.json`.
+ * Tests will add/toggle/delete items there, mutating the file. Back it up
+ * before the run and restore it after (see global-teardown.ts).
+ */
+const HERE = path.dirname(fileURLToPath(import.meta.url));
+export const SSR_STATE_FILE = path.resolve(
+    HERE,
+    "../../ssr/webui-todo-app/data/state.json",
+);
+export const SSR_STATE_BACKUP = `${SSR_STATE_FILE}.e2e-backup`;
+
+export default async function globalSetup(_config: FullConfig): Promise<void> {
+    try {
+        const original = await fs.readFile(SSR_STATE_FILE, "utf8");
+        await fs.writeFile(SSR_STATE_BACKUP, original, "utf8");
+    } catch (err) {
+        // If the state file is missing we leave things alone; the SSR project
+        // will simply fail to start and surface its own diagnostics.
+        if ((err as NodeJS.ErrnoException).code !== "ENOENT") {
+            throw err;
+        }
+    }
+}
diff --git a/examples/test/support/global-teardown.ts b/examples/test/support/global-teardown.ts
new file mode 100644
index 00000000000..9ad30cbaae6
--- /dev/null
+++ b/examples/test/support/global-teardown.ts
@@ -0,0 +1,14 @@
+import { promises as fs } from "node:fs";
+import { SSR_STATE_BACKUP, SSR_STATE_FILE } from "./global-setup.js";
+
+export default async function globalTeardown(): Promise<void> {
+    try {
+        const backup = await fs.readFile(SSR_STATE_BACKUP, "utf8");
+        await fs.writeFile(SSR_STATE_FILE, backup, "utf8");
+        await fs.unlink(SSR_STATE_BACKUP);
+    } catch (err) {
+        if ((err as NodeJS.ErrnoException).code !== "ENOENT") {
+            throw err;
+        }
+    }
+}
diff --git a/examples/test/tests/todo.pw.spec.ts b/examples/test/tests/todo.pw.spec.ts
new file mode 100644
index 00000000000..862dfa61925
--- /dev/null
+++ b/examples/test/tests/todo.pw.spec.ts
@@ -0,0 +1,137 @@
+import { expect, test } from "../support/fixtures.js";
+
+function uniqueText(prefix: string): string {
+    return `${prefix} ${Date.now().toString(36)}-${Math.random()
+        .toString(36)
+        .slice(2, 8)}`;
+}
+
+test.describe("Todo app", () => {
+    test.beforeEach(async ({ page, adapter }) => {
+        await adapter.goto(page);
+        await adapter.waitForReady(page);
+    });
+
+    test("renders the 'FAST Todos' heading", async ({ page }) => {
+        await expect(page.locator("h1")).toHaveText("FAST Todos");
+    });
+
+    test("disables the Add Todo button when the input is empty", async ({
+        page,
+        adapter,
+    }) => {
+        await expect(page.locator("todo-app").first()).toBeVisible();
+        expect(await adapter.isAddDisabled(page)).toBe(true);
+    });
+
+    test("adds a new todo via the form", async ({ page, adapter }) => {
+        const text = uniqueText("add");
+        try {
+            await adapter.addTodo(page, text);
+            expect(await adapter.descriptions(page)).toContain(text);
+        } finally {
+            await adapter.deleteByDescription(page, text).catch(() => {});
+        }
+    });
+
+    test("toggles a todo's done state", async ({ page, adapter }) => {
+        const text = uniqueText("toggle");
+        try {
+            await adapter.addTodo(page, text);
+            expect(await adapter.isDoneByDescription(page, text)).toBe(false);
+
+            await adapter.toggleByDescription(page, text);
+            await expect.poll(() => adapter.isDoneByDescription(page, text)).toBe(true);
+
+            await adapter.toggleByDescription(page, text);
+            await expect.poll(() => adapter.isDoneByDescription(page, text)).toBe(false);
+        } finally {
+            await adapter.deleteByDescription(page, text).catch(() => {});
+        }
+    });
+
+    test("deletes a todo", async ({ page, adapter }) => {
+        const text = uniqueText("delete");
+        await adapter.addTodo(page, text);
+        expect(await adapter.descriptions(page)).toContain(text);
+
+        await adapter.deleteByDescription(page, text);
+        expect(await adapter.descriptions(page)).not.toContain(text);
+    });
+
+    test("filters items by active and completed state", async ({ page, adapter }) => {
+        const activeText = uniqueText("active");
+        const completedText = uniqueText("completed");
+        try {
+            await adapter.addTodo(page, activeText);
+            await adapter.addTodo(page, completedText);
+            await adapter.toggleByDescription(page, completedText);
+            await expect
+                .poll(() => adapter.isDoneByDescription(page, completedText))
+                .toBe(true);
+
+            await adapter.setFilter(page, "active");
+            await expect
+                .poll(() => adapter.descriptions(page))
+                .toEqual(expect.arrayContaining([activeText]));
+            await expect
+                .poll(() => adapter.descriptions(page))
+                .not.toContain(completedText);
+
+            await adapter.setFilter(page, "completed");
+            await expect
+                .poll(() => adapter.descriptions(page))
+                .toEqual(expect.arrayContaining([completedText]));
+            await expect.poll(() => adapter.descriptions(page)).not.toContain(activeText);
+
+            await adapter.setFilter(page, "all");
+            await expect
+                .poll(() => adapter.descriptions(page))
+                .toEqual(expect.arrayContaining([activeText, completedText]));
+        } finally {
+            await adapter.setFilter(page, "all").catch(() => {});
+            await adapter.deleteByDescription(page, activeText).catch(() => {});
+            await adapter.deleteByDescription(page, completedText).catch(() => {});
+        }
+    });
+
+    test("updates the footer active and completed counts", async ({ page, adapter }) => {
+        const first = uniqueText("count-1");
+        const second = uniqueText("count-2");
+        let firstDeleted = false;
+        try {
+            const baseline = await adapter.getCounts(page);
+
+            await adapter.addTodo(page, first);
+            await adapter.addTodo(page, second);
+            await expect
+                .poll(() => adapter.getCounts(page))
+                .toEqual({
+                    active: baseline.active + 2,
+                    completed: baseline.completed,
+                });
+
+            await adapter.toggleByDescription(page, first);
+            await expect
+                .poll(() => adapter.getCounts(page))
+                .toEqual({
+                    active: baseline.active + 1,
+                    completed: baseline.completed + 1,
+                });
+
+            await adapter.deleteByDescription(page, first);
+            firstDeleted = true;
+            await expect
+                .poll(() => adapter.getCounts(page))
+                .toEqual({
+                    active: baseline.active + 1,
+                    completed: baseline.completed,
+                });
+        } finally {
+            if (!firstDeleted) {
+                await adapter.deleteByDescription(page, first).catch(() => {});
+            }
+            await adapter.deleteByDescription(page, second).catch(() => {});
+        }
+    });
+});
diff --git a/examples/test/tsconfig.json b/examples/test/tsconfig.json
new file mode 100644
index 00000000000..adec32ab25c
--- /dev/null
+++ b/examples/test/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "esnext",
+        "moduleResolution": "node",
+        "target": "esnext",
+        "lib": ["DOM", "esnext"],
+        "strict": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "resolveJsonModule": true,
+        "noEmit": true,
+        "allowImportingTsExtensions": false,
+        "verbatimModuleSyntax": false
+    },
+    "include": ["playwright.config.ts", "support/**/*.ts", "tests/**/*.ts"]
+}
diff --git a/package-lock.json b/package-lock.json
index 0825ce614c9..a8bfd868286 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -81,28 +81,655 @@
       "version": "1.0.0",
       "license": "MIT"
     },
+    "examples/ssr": {
+      "name": "@microsoft/fast-ssr-example",
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/fast-element": "^2.10.3",
+        "@microsoft/fast-ssr": "^1.0.0-beta.40",
+        "@microsoft/fast-todo-app-example": "1.0.0"
+      }
+    },
     "examples/ssr/chat-app": {
       "name": "@microsoft/fast-chat-app-example",
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
-        "@microsoft/fast-element": "*",
-        "@microsoft/fast-examples-design-system": "*",
+        "@microsoft/fast-element": "*",
+        "@microsoft/fast-examples-design-system": "*",
+        "@microsoft/fast-html": "*",
+        "tslib": "^2.6.3"
+      },
+      "devDependencies": {
+        "@microsoft/fast-build": "*"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "examples/ssr/node_modules/@microsoft/webui": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui/-/webui-0.0.12.tgz",
+      "integrity": "sha512-jJRWsH2bvx7BAWhWf+2zRzGF4M/v/tUpvQUwwqXlrPnelQzFKXbpKnTMXgH+mu6OQEkjqZjSTg3dKLZD0k8g/g==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "webui": "bin/webui"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@microsoft/webui-darwin-arm64": "0.0.12",
+        "@microsoft/webui-darwin-x64": "0.0.12",
+        "@microsoft/webui-linux-arm64": "0.0.12",
+        "@microsoft/webui-linux-x64": "0.0.12",
+        "@microsoft/webui-win32-arm64": "0.0.12",
+        "@microsoft/webui-win32-x64": "0.0.12"
+      }
+    },
+    "examples/ssr/node_modules/@microsoft/webui-darwin-arm64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-arm64/-/webui-darwin-arm64-0.0.12.tgz",
+      "integrity": "sha512-J3e23Zz4q7Ni0xDTvkPWtPl9Pzfi6wdgZtLtRYG+HitvF8UryorJPxqddrX/WsrQJzwDxbjcqq8AKUpXJTobCQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "examples/ssr/node_modules/@microsoft/webui-darwin-x64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-x64/-/webui-darwin-x64-0.0.12.tgz",
+      "integrity": "sha512-ZaCDeTftdT0Q8yUNMymXbK6qmRuhYVl8Ajo9DCfdJwTbwinSv5mpqkovNWJtpTP2Hao6hXDr3Dk1FkSdQ2dUBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "examples/ssr/node_modules/@microsoft/webui-linux-arm64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-arm64/-/webui-linux-arm64-0.0.12.tgz",
+      "integrity": "sha512-rwlcXJts89pfIyle/boZJQ8/wEAriqOP3uB+qmr02ST77hhpkczUktQMJ97If98B6v3BSZa0cregz2FTSBJv4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "examples/ssr/node_modules/@microsoft/webui-linux-x64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-x64/-/webui-linux-x64-0.0.12.tgz",
+      "integrity": "sha512-f+Q9Jgv/fmlLCJWPKEdXkxOScRc3dBLOVCN2GVYQ6UP5wXte3SL8eWYenO5XxhWOpIrlgu+E77e9RPr3K41KIA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "examples/ssr/node_modules/@microsoft/webui-win32-arm64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-arm64/-/webui-win32-arm64-0.0.12.tgz",
+      "integrity": "sha512-gHGHvsQQO5zoG5ZbkoFxTCKjItsZOvQ+xYJEmWgy2v+BpxQSJspgrqrIdEpCdQUzSoTHPDt6dVE+vvPhOPg1Pw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "examples/ssr/node_modules/@microsoft/webui-win32-x64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-x64/-/webui-win32-x64-0.0.12.tgz",
+      "integrity": "sha512-NpywUTlAwztpq3zrIAwDrX/Rxkty47/zOaBzhUa7UxpOpoKzaPeWRVO17dbP3Wp3uYbQvdTV//KLh6xnq4WseA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "examples/ssr/node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
+    "examples/ssr/node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "examples/ssr/webui-todo-app": {
+      "name": "@microsoft/fast-webui-todo-app-example",
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/fast-element": "^2.10.3",
+        "@microsoft/fast-examples-design-system": "^1.0.0",
         "@microsoft/fast-html": "*",
+        "@microsoft/webui": "^0.0.12",
         "tslib": "^2.6.3"
       },
       "devDependencies": {
-        "@microsoft/fast-build": "*"
+        "esbuild": "^0.25.0",
+        "typescript": "^5.8.0"
       }
     },
+    "examples/test": {
+      "name": "@microsoft/fast-examples-e2e",
+      "version": "1.0.0",
+      "license": "MIT"
+    },
     "examples/todo-app": {
       "name": "@microsoft/fast-todo-app-example",
       "version": "1.0.0",
       "extraneous": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/fast-element": "^2.10.4",
-        "@microsoft/fast-examples-design-system": "^1.0.0",
+        "@microsoft/fast-element": "^2.10.3",
         "tslib": "^2.6.3"
       },
       "devDependencies": {
@@ -110,15 +737,20 @@
         "@genesiscommunitysuccess/custom-elements-lsp": "5.0.3"
       }
     },
-    "examples/todo-mobx-app": {
-      "name": "@microsoft/fast-todo-mobx-app-example",
+    "examples/webui-todo-app": {
+      "name": "@microsoft/fast-webui-todo-app-example",
       "version": "1.0.0",
       "extraneous": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/fast-element": "^2.10.4",
-        "mobx": "^6.13.5",
+        "@microsoft/fast-element": "^2.10.3",
+        "@microsoft/fast-html": "*",
+        "@microsoft/webui": "^0.0.6",
         "tslib": "^2.6.3"
+      },
+      "devDependencies": {
+        "esbuild": "^0.25.0",
+        "typescript": "^5.8.0"
       }
     },
     "node_modules/@11ty/dependency-tree": {
@@ -143,44 +775,44 @@
       }
     },
     "node_modules/@11ty/eleventy": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.5.tgz",
-      "integrity": "sha512-hZ0g6MwZyRxCqXsPm82gIM304LraKbUz3ZmezOSjsqxttZG6cHTib3Qq8QkESJoKwnr+yX1eyfOkPC5/mEgZnQ==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.2.tgz",
+      "integrity": "sha512-IcsDlbXnBf8cHzbM1YBv3JcTyLB35EK88QexmVyFdVJVgUU6bh9g687rpxryJirHzo06PuwnYaEEdVZQfIgRGg==",
       "license": "MIT",
       "dependencies": {
-        "@11ty/dependency-tree": "^4.0.2",
-        "@11ty/dependency-tree-esm": "^2.0.4",
+        "@11ty/dependency-tree": "^4.0.0",
+        "@11ty/dependency-tree-esm": "^2.0.0",
         "@11ty/eleventy-dev-server": "^2.0.8",
-        "@11ty/eleventy-plugin-bundle": "^3.0.7",
+        "@11ty/eleventy-plugin-bundle": "^3.0.6",
         "@11ty/eleventy-utils": "^2.0.7",
         "@11ty/lodash-custom": "^4.17.21",
-        "@11ty/posthtml-urls": "^1.0.2",
-        "@11ty/recursive-copy": "^4.0.4",
+        "@11ty/posthtml-urls": "^1.0.1",
+        "@11ty/recursive-copy": "^4.0.2",
         "@sindresorhus/slugify": "^2.2.1",
         "bcp-47-normalize": "^2.3.0",
         "chokidar": "^3.6.0",
-        "debug": "^4.4.3",
+        "debug": "^4.4.1",
         "dependency-graph": "^1.0.0",
         "entities": "^6.0.1",
         "filesize": "^10.1.6",
         "gray-matter": "^4.0.3",
         "iso-639-1": "^3.1.5",
-        "js-yaml": "^4.1.1",
+        "js-yaml": "^4.1.0",
         "kleur": "^4.1.5",
-        "liquidjs": "^10.25.0",
-        "luxon": "^3.7.2",
-        "markdown-it": "^14.1.1",
+        "liquidjs": "^10.21.1",
+        "luxon": "^3.6.1",
+        "markdown-it": "^14.1.0",
         "minimist": "^1.2.8",
-        "moo": "0.5.2",
+        "moo": "^0.5.2",
         "node-retrieve-globals": "^6.0.1",
         "nunjucks": "^3.2.4",
-        "picomatch": "^4.0.3",
+        "picomatch": "^4.0.2",
         "please-upgrade-node": "^3.2.0",
-        "posthtml": "^0.16.7",
+        "posthtml": "^0.16.6",
         "posthtml-match-helper": "^2.0.3",
-        "semver": "^7.7.4",
-        "slugify": "^1.6.8",
-        "tinyglobby": "^0.2.15"
+        "semver": "^7.7.2",
+        "slugify": "^1.6.6",
+        "tinyglobby": "^0.2.14"
       },
       "bin": {
         "eleventy": "cmd.cjs"
@@ -240,6 +872,15 @@
         }
       }
     },
+    "node_modules/@11ty/eleventy-dev-server/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/@11ty/eleventy-dev-server/node_modules/fresh": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
@@ -249,6 +890,26 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/@11ty/eleventy-dev-server/node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/@11ty/eleventy-dev-server/node_modules/mime": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
@@ -330,6 +991,36 @@
         "node": "^16.14.0 || >=18.0.0"
       }
     },
+    "node_modules/@11ty/eleventy-dev-server/node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/@11ty/eleventy-dev-server/node_modules/ws": {
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
+      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@11ty/eleventy-navigation": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@11ty/eleventy-navigation/-/eleventy-navigation-1.0.5.tgz",
@@ -427,6 +1118,18 @@
         }
       }
     },
+    "node_modules/@11ty/eleventy/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/@11ty/eleventy/node_modules/filesize": {
       "version": "10.1.6",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-10.1.6.tgz",
@@ -451,10 +1154,22 @@
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "license": "MIT"
     },
+    "node_modules/@11ty/eleventy/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/@11ty/eleventy/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -477,9 +1192,9 @@
       }
     },
     "node_modules/@11ty/posthtml-urls": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@11ty/posthtml-urls/-/posthtml-urls-1.0.3.tgz",
-      "integrity": "sha512-1YvhnkaNlFnnJic1rBMWmTC2adbuy+JQiBfl1Hecr1Wjjik1pQZmGyk/eC9zKX/FQv52s2Nht1Gi/UwhYqrBeg==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@11ty/posthtml-urls/-/posthtml-urls-1.0.2.tgz",
+      "integrity": "sha512-0vaV3Wt0surZ+oS1VdKKe0axeeupuM+l7W/Z866WFQwF+dGg2Tc/nmhk/5l74/Y55P8KyImnLN9CdygNw2huHg==",
       "license": "MIT",
       "dependencies": {
         "evaluate-value": "^2.0.0",
@@ -487,51 +1202,23 @@
         "list-to-array": "^1.1.0",
         "parse-srcset": "^1.0.2"
       },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/@11ty/recursive-copy": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/@11ty/recursive-copy/-/recursive-copy-4.0.4.tgz",
-      "integrity": "sha512-oI7m8pa7/IAU/3lqRU9vjBbs20iKFo7x+1K9kT3aVira6scc1X9MjBdgLCHzLJeJ7iB6wydioA+kr9/qPnvmlQ==",
-      "license": "ISC",
-      "dependencies": {
-        "errno": "^1.0.0",
-        "junk": "^3.1.0",
-        "minimatch": "^3.1.5",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@11ty/recursive-copy/node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "license": "MIT"
-    },
-    "node_modules/@11ty/recursive-copy/node_modules/brace-expansion": {
-      "version": "1.1.14",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
-      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+      "engines": {
+        "node": ">= 6"
       }
     },
-    "node_modules/@11ty/recursive-copy/node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+    "node_modules/@11ty/recursive-copy": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@11ty/recursive-copy/-/recursive-copy-4.0.3.tgz",
+      "integrity": "sha512-SX48BTLEGX8T/OsKWORsHAAeiDsbFl79Oa/0Wg/mv/d27b7trCVZs7fMHvpSgDvZz/fZqx5rDk8+nx5oyT7xBw==",
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "errno": "^1.0.0",
+        "junk": "^3.1.0",
+        "maximatch": "^0.1.0",
+        "slash": "^3.0.0"
       },
       "engines": {
-        "node": "*"
+        "node": ">=18"
       }
     },
     "node_modules/@ast-grep/cli": {
@@ -680,24 +1367,24 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
-      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/helper-validator-identifier": "^7.25.9",
         "js-tokens": "^4.0.0",
-        "picocolors": "^1.1.1"
+        "picocolors": "^1.0.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -912,6 +1599,35 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/@custom-elements-manifest/analyzer/node_modules/command-line-args": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/command-line-args/-/command-line-args-5.1.2.tgz",
+      "integrity": "sha512-fytTsbndLbl+pPWtS0CxLV3BEWw9wJayB8NnU2cbQqVPsNdYezQeT+uIQv009m+GShnMNyuoBrRo8DTmuTfSCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-back": "^6.1.2",
+        "find-replace": "^3.0.0",
+        "lodash.camelcase": "^4.3.0",
+        "typical": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/@custom-elements-manifest/analyzer/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/@custom-elements-manifest/analyzer/node_modules/globby": {
       "version": "11.0.4",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
@@ -957,6 +1673,13 @@
         "es-module-lexer": "^0.9.3"
       }
     },
+    "node_modules/@custom-elements-manifest/find-dependencies/node_modules/es-module-lexer": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
+      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.27.7",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz",
@@ -1443,9 +2166,9 @@
       }
     },
     "node_modules/@github/catalyst": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/@github/catalyst/-/catalyst-1.8.1.tgz",
-      "integrity": "sha512-dnN4WWpbeuQvA17LvsGdlXEueJdBk9y+I+WO5pdNpoHNOXPsFcz3hJrq1iRmdsNgQOf4S8e83axtwIxvG62eWA==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@github/catalyst/-/catalyst-1.7.0.tgz",
+      "integrity": "sha512-qOAxrDdRZz9+v4y2WoAfh11rpRY/x4FRofPNmJyZFzAjubtzE3sCa/tAycWWufmQGoYiwwzL/qJBBgyg7avxPw==",
       "dev": true,
       "license": "MIT"
     },
@@ -1468,14 +2191,17 @@
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
       "devOptional": true,
-      "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
         "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
@@ -1483,35 +2209,40 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "devOptional": true,
-      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "devOptional": true,
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/source-map": {
-      "version": "0.3.11",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
-      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
+      "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
       "devOptional": true,
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25"
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "devOptional": true,
-      "license": "MIT"
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "devOptional": true
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.31",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
       "devOptional": true,
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -1544,6 +2275,17 @@
       }
     },
     "node_modules/@microsoft/api-extractor-model": {
+      "version": "7.33.4",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.4.tgz",
+      "integrity": "sha512-u1LTaNTikZAQ9uK6KG1Ms7nvNedsnODnspq/gH2dcyETWvH4hVNGNDvRAEutH66kAmxA4/necElqGNs1FggC8w==",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/tsdoc": "~0.16.0",
+        "@microsoft/tsdoc-config": "~0.18.1",
+        "@rushstack/node-core-library": "5.20.3"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/@microsoft/api-extractor-model": {
       "version": "7.33.5",
       "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.5.tgz",
       "integrity": "sha512-Xh4dXuusndVQqVz4nEN9xOp0DyzsKxeD2FFJkSPg4arAjDSKPcy6cAc7CaeBPA7kF2wV1fuDlo2p/bNMpVr8yg==",
@@ -1555,6 +2297,127 @@
         "@rushstack/node-core-library": "5.21.0"
       }
     },
+    "node_modules/@microsoft/api-extractor/node_modules/@rushstack/node-core-library": {
+      "version": "5.21.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.21.0.tgz",
+      "integrity": "sha512-LFzN+1lyWROit/P8Md6yxAth7lLYKn37oCKJHirEE2TQB25NDUM7bALf0ar+JAtwFfRCH+D+DGOA7DAzIi2r+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "~8.18.0",
+        "ajv-draft-04": "~1.0.0",
+        "ajv-formats": "~3.0.1",
+        "fs-extra": "~11.3.0",
+        "import-lazy": "~4.0.0",
+        "jju": "~1.4.0",
+        "resolve": "~1.22.1",
+        "semver": "~7.5.4"
+      },
+      "peerDependencies": {
+        "@types/node": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/@rushstack/terminal": {
+      "version": "0.22.4",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.4.tgz",
+      "integrity": "sha512-fhtLjnXCc/4WleVbVl6aoc7jcWnU6yqjS1S8WoaNREG3ycu/viZ9R/9QM7Y/b4CDvcXoiDyMNIay7JMwBptM3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rushstack/node-core-library": "5.21.0",
+        "@rushstack/problem-matcher": "0.2.1",
+        "supports-color": "~8.1.1"
+      },
+      "peerDependencies": {
+        "@types/node": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/@rushstack/ts-command-line": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.4.tgz",
+      "integrity": "sha512-MLkVKVEN6/2clKTrjN2B2KqKCuPxRwnNsWY7a+FCAq2EMdkj10cM8YgiBSMeGFfzM0mDMzargpHNnNzaBi9Whg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rushstack/terminal": "0.22.4",
+        "@types/argparse": "1.0.38",
+        "argparse": "~1.0.9",
+        "string-argv": "~0.3.1"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/brace-expansion": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/minimatch": {
+      "version": "10.2.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.3.tgz",
+      "integrity": "sha512-Rwi3pnapEqirPSbWbrZaa6N3nmqq4Xer/2XooiOKyV3q12ML06f7MOuc5DVH8ONZIFhwIYQ3yzPH4nt7iWHaTg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/@microsoft/api-extractor/node_modules/typescript": {
       "version": "5.9.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
@@ -1593,6 +2456,10 @@
       "resolved": "examples/design-system",
       "link": true
     },
+    "node_modules/@microsoft/fast-examples-e2e": {
+      "resolved": "examples/test",
+      "link": true
+    },
     "node_modules/@microsoft/fast-html": {
       "resolved": "packages/fast-html",
       "link": true
@@ -1617,6 +2484,10 @@
       "resolved": "examples/csr/todo-mobx-app",
       "link": true
     },
+    "node_modules/@microsoft/fast-webui-todo-app-example": {
+      "resolved": "examples/ssr/webui-todo-app",
+      "link": true
+    },
     "node_modules/@microsoft/tsdoc": {
       "version": "0.16.0",
       "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.16.0.tgz",
@@ -1635,118 +2506,11 @@
         "resolve": "~1.22.2"
       }
     },
-    "node_modules/@microsoft/webui": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui/-/webui-0.0.10.tgz",
-      "integrity": "sha512-lGj0PyVoYUOOJ1MWhseGSe5ZJQurp7KWvSgYtNMBiAb140rD2MXQsHwbwIPsqEPFPtqtCZcxuNzbDqJ7Bl8gRQ==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "webui": "bin/webui"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "@microsoft/webui-darwin-arm64": "0.0.10",
-        "@microsoft/webui-darwin-x64": "0.0.10",
-        "@microsoft/webui-linux-arm64": "0.0.10",
-        "@microsoft/webui-linux-x64": "0.0.10",
-        "@microsoft/webui-win32-arm64": "0.0.10",
-        "@microsoft/webui-win32-x64": "0.0.10"
-      }
-    },
-    "node_modules/@microsoft/webui-darwin-arm64": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-arm64/-/webui-darwin-arm64-0.0.10.tgz",
-      "integrity": "sha512-ApVNle/cU++YYeSG1qiyyP6wC2B5lxPhoKUZI8KZlPLViTwgrJ9Th37HhPqvCPqLMnY06jYtAQlPXbjGZxCNsQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@microsoft/webui-darwin-x64": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-x64/-/webui-darwin-x64-0.0.10.tgz",
-      "integrity": "sha512-BfKIrhqNDFWA1UZPLccZGq1LEDbA8pNEAsJXaaidAFdzB6Mwhezk9tTKArATthctBOd8O9k5sx5rm7+5FnE15A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@microsoft/webui-linux-arm64": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-arm64/-/webui-linux-arm64-0.0.10.tgz",
-      "integrity": "sha512-D5gg78/s3QEph3zwcL7PxaHEp33r7EIX2/CpzVXhYq+nTE50Kx3MYQVkyVoSFCp80dz8NpgEB771/JeFGOQ3lQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@microsoft/webui-linux-x64": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-x64/-/webui-linux-x64-0.0.10.tgz",
-      "integrity": "sha512-RCnwb7F6Wf75LYDnva/vIN0sNEuKRAXS5BEL8Yg5LuoZtncTGctGxSvMoqhLbBAeD4nnlhTyLn/ZFQVRWJluGw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@microsoft/webui-win32-arm64": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-arm64/-/webui-win32-arm64-0.0.10.tgz",
-      "integrity": "sha512-dFHzxCCOhEPX9kC64uWvw3gV5ldeVdlQ2QreAHt/ewlnOQQmUFWQpzJaSWwirEezWwE20+uakECSt65LBnRuxQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@microsoft/webui-win32-x64": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-x64/-/webui-win32-x64-0.0.10.tgz",
-      "integrity": "sha512-9nrveoR0Cu9ZRAlXdGh1SI6ljSRwhWSlDj2vAmf4XAWSA4P5nOwL7krQtX/QTbj3xjytTC5t6vxOvASJdqCnSg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -1760,7 +2524,6 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -1770,7 +2533,6 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -1881,15 +2643,14 @@
       }
     },
     "node_modules/@rollup/pluginutils": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
-      "integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
+      "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "estree-walker": "^2.0.2",
-        "picomatch": "^4.0.2"
+        "picomatch": "^2.3.1"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -2229,10 +2990,9 @@
       ]
     },
     "node_modules/@rushstack/node-core-library": {
-      "version": "5.21.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.21.0.tgz",
-      "integrity": "sha512-LFzN+1lyWROit/P8Md6yxAth7lLYKn37oCKJHirEE2TQB25NDUM7bALf0ar+JAtwFfRCH+D+DGOA7DAzIi2r+g==",
-      "dev": true,
+      "version": "5.20.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.20.3.tgz",
+      "integrity": "sha512-95JgEPq2k7tHxhF9/OJnnyHDXfC9cLhhta0An/6MlkDsX2A6dTzDrTUG18vx4vjc280V0fi0xDH9iQczpSuWsw==",
       "license": "MIT",
       "dependencies": {
         "ajv": "~8.18.0",
@@ -2253,6 +3013,21 @@
         }
       }
     },
+    "node_modules/@rushstack/node-core-library/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@rushstack/problem-matcher": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/@rushstack/problem-matcher/-/problem-matcher-0.2.1.tgz",
@@ -2279,13 +3054,12 @@
       }
     },
     "node_modules/@rushstack/terminal": {
-      "version": "0.22.4",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.4.tgz",
-      "integrity": "sha512-fhtLjnXCc/4WleVbVl6aoc7jcWnU6yqjS1S8WoaNREG3ycu/viZ9R/9QM7Y/b4CDvcXoiDyMNIay7JMwBptM3g==",
-      "dev": true,
+      "version": "0.22.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.3.tgz",
+      "integrity": "sha512-gHC9pIMrUPzAbBiI4VZMU7Q+rsCzb8hJl36lFIulIzoceKotyKL3Rd76AZ2CryCTKEg+0bnTj406HE5YY5OQvw==",
       "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.21.0",
+        "@rushstack/node-core-library": "5.20.3",
         "@rushstack/problem-matcher": "0.2.1",
         "supports-color": "~8.1.1"
       },
@@ -2299,13 +3073,12 @@
       }
     },
     "node_modules/@rushstack/ts-command-line": {
-      "version": "5.3.4",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.4.tgz",
-      "integrity": "sha512-MLkVKVEN6/2clKTrjN2B2KqKCuPxRwnNsWY7a+FCAq2EMdkj10cM8YgiBSMeGFfzM0mDMzargpHNnNzaBi9Whg==",
-      "dev": true,
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.3.tgz",
+      "integrity": "sha512-c+ltdcvC7ym+10lhwR/vWiOhsrm/bP3By2VsFcs5qTKv+6tTmxgbVrtJ5NdNjANiV5TcmOZgUN+5KYQ4llsvEw==",
       "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.22.4",
+        "@rushstack/terminal": "0.22.3",
         "@types/argparse": "1.0.38",
         "argparse": "~1.0.9",
         "string-argv": "~0.3.1"
@@ -2327,6 +3100,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@sindresorhus/slugify/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@sindresorhus/transliterate": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/transliterate/-/transliterate-1.6.0.tgz",
@@ -2342,11 +3127,22 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@sindresorhus/transliterate/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@types/argparse": {
       "version": "1.0.38",
       "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
-      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
-      "license": "MIT"
+      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA=="
     },
     "node_modules/@types/body-parser": {
       "version": "1.19.6",
@@ -2408,15 +3204,22 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "25.6.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.6.0.tgz",
-      "integrity": "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==",
+      "version": "22.18.11",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.18.11.tgz",
+      "integrity": "sha512-Gd33J2XIrXurb+eT2ktze3rJAfAp9ZNjlBdh4SVgyrKEOADwCbdUDaK7QgJno8Ue4kcajscsKqu6n8OBG3hhCQ==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~7.19.0"
+        "undici-types": "~6.21.0"
       }
     },
+    "node_modules/@types/node/node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
     "node_modules/@types/parse-path": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/@types/parse-path/-/parse-path-7.0.3.tgz",
@@ -2442,8 +3245,7 @@
       "version": "1.20.2",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
       "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/@types/send": {
       "version": "1.2.1",
@@ -2596,6 +3398,19 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/@web/config-loader/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@yarnpkg/lockfile": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
@@ -2614,7 +3429,6 @@
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
       "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "mime-types": "~2.1.34",
         "negotiator": "0.6.3"
@@ -2624,9 +3438,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
-      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -2635,18 +3449,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/acorn-walk": {
-      "version": "8.3.5",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.5.tgz",
-      "integrity": "sha512-HEHNfbars9v4pgpW6SO1KSPkfoS0xVOM/9UzkJltjlsHZmJasxg8aXkuZa7SMf8vKGIBhpUsPluQSqhJFCqebw==",
-      "license": "MIT",
-      "dependencies": {
-        "acorn": "^8.11.0"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/ajv": {
       "version": "8.18.0",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
@@ -2667,7 +3469,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz",
       "integrity": "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==",
-      "license": "MIT",
       "peerDependencies": {
         "ajv": "^8.5.0"
       },
@@ -2681,7 +3482,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
       "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
-      "license": "MIT",
       "dependencies": {
         "ajv": "^8.0.0"
       },
@@ -2695,11 +3495,10 @@
       }
     },
     "node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -2727,7 +3526,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "license": "ISC",
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -2736,54 +3534,65 @@
         "node": ">= 8"
       }
     },
-    "node_modules/anymatch/node_modules/picomatch": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/argparse": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "license": "MIT",
       "dependencies": {
         "sprintf-js": "~1.0.2"
       }
     },
     "node_modules/array-back": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/array-back/-/array-back-6.2.3.tgz",
-      "integrity": "sha512-SGDvmg6QTYiTxCBkYVmThcoa67uLl35pyzRHdpCGBOcqFy6BtwnphoFPk7LhJshD+Yk1Kt35WGWeZPTgwR4Fhw==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/array-back/-/array-back-6.2.2.tgz",
+      "integrity": "sha512-gUAZ7HPyb4SJczXAMUXMGAvI976JoK3qEx9v1FTmeYuJj0IBiaKttG1ydtGKdkfqWkIkouke7nG8ufGy77+Cvw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=12.17"
       }
     },
+    "node_modules/array-differ": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-1.0.0.tgz",
+      "integrity": "sha512-LeZY+DZDRnvP7eMuQ6LHfCzUGxAAIViUBliK24P3hWXL6y4SortgR6Nim6xrkfSLlmH0+k+9NYNwVC2s53ZrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/array-flatten": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
       "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
+    "node_modules/array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/asap": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
@@ -2791,14 +3600,9 @@
       "license": "MIT"
     },
     "node_modules/balanced-match": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
-      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
     "node_modules/bcp-47": {
       "version": "2.1.0",
@@ -2864,42 +3668,49 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/beachball/node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/beachball/node_modules/brace-expansion": {
-      "version": "1.1.14",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
-      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
+    "node_modules/beachball/node_modules/cosmiconfig": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
+      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/beachball/node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+    "node_modules/beachball/node_modules/semver": {
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
+      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
+      "bin": {
+        "semver": "bin/semver.js"
       },
       "engines": {
-        "node": "*"
+        "node": ">=10"
       }
     },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -2932,30 +3743,71 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/body-parser/node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "license": "ISC"
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
     },
     "node_modules/brace-expansion": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
-      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
-      "dev": true,
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.13.tgz",
+      "integrity": "sha512-9ZLprWS6EENmhEOpjCYW2c8VkmOvckIJZfkr7rBW6dObmfgJ/L1GpSYW5Hpo9lDz4D1+n0Ckz8rU7FwHDQiG/w==",
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^4.0.2"
-      },
-      "engines": {
-        "node": "18 || 20 || >=22"
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
     "node_modules/braces": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
       },
@@ -2967,15 +3819,13 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "devOptional": true,
-      "license": "MIT"
+      "devOptional": true
     },
     "node_modules/bytes": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
       "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -3016,7 +3866,6 @@
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -3093,6 +3942,18 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/cheerio/node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/cheerio/node_modules/htmlparser2": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.1.0.tgz",
@@ -3112,18 +3973,6 @@
         "entities": "^7.0.1"
       }
     },
-    "node_modules/cheerio/node_modules/htmlparser2/node_modules/entities": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
-      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/cheerio/node_modules/parse5": {
       "version": "7.3.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
@@ -3133,14 +3982,25 @@
         "entities": "^6.0.0"
       },
       "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/parse5/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "license": "MIT",
       "dependencies": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -3160,6 +4020,17 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/cliui": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
@@ -3258,29 +4129,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/command-line-args": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/command-line-args/-/command-line-args-5.1.2.tgz",
-      "integrity": "sha512-fytTsbndLbl+pPWtS0CxLV3BEWw9wJayB8NnU2cbQqVPsNdYezQeT+uIQv009m+GShnMNyuoBrRo8DTmuTfSCA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-back": "^6.1.2",
-        "find-replace": "^3.0.0",
-        "lodash.camelcase": "^4.3.0",
-        "typical": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "devOptional": true,
-      "license": "MIT"
-    },
     "node_modules/comment-parser": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.2.4.tgz",
@@ -3294,8 +4142,7 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "license": "MIT"
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
     },
     "node_modules/concurrently": {
       "version": "9.2.1",
@@ -3327,7 +4174,6 @@
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
       "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "safe-buffer": "5.2.1"
       },
@@ -3340,7 +4186,6 @@
       "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
       "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -3356,38 +4201,10 @@
       }
     },
     "node_modules/cookie-signature": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
-      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cosmiconfig": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.1.tgz",
-      "integrity": "sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "env-paths": "^2.2.1",
-        "import-fresh": "^3.3.0",
-        "js-yaml": "^4.1.0",
-        "parse-json": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/d-fischer"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.9.5"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
+      "dev": true
     },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
@@ -3404,11 +4221,25 @@
         "node": ">= 8"
       }
     },
+    "node_modules/cross-spawn/node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/css-select": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
-      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
-      "license": "BSD-2-Clause",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
       "dependencies": {
         "boolbase": "^1.0.0",
         "css-what": "^6.1.0",
@@ -3421,10 +4252,9 @@
       }
     },
     "node_modules/css-what": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
-      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
-      "license": "BSD-2-Clause",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
       "engines": {
         "node": ">= 6"
       },
@@ -3443,24 +4273,13 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz",
       "integrity": "sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
+      "dev": true
     },
     "node_modules/deepmerge": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
       "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3469,7 +4288,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -3488,7 +4306,6 @@
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
       "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8",
         "npm": "1.2.8000 || >= 1.4.16"
@@ -3505,9 +4322,9 @@
       }
     },
     "node_modules/diff": {
-      "version": "8.0.4",
-      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.4.tgz",
-      "integrity": "sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==",
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.3.tgz",
+      "integrity": "sha512-qejHi7bcSD4hQAZE0tNAawRK1ZtafHDmMTMkrrIGgSLl7hTnQHmKCeB45xAcbfTqK2zowkM3j3bHt/4b/ARbYQ==",
       "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
@@ -3519,7 +4336,6 @@
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
       "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "path-type": "^4.0.0"
       },
@@ -3531,7 +4347,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
       "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "license": "MIT",
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.2",
@@ -3541,18 +4356,6 @@
         "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
       }
     },
-    "node_modules/dom-serializer/node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/domelementtype": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
@@ -3562,14 +4365,12 @@
           "type": "github",
           "url": "https://github.com/sponsors/fb55"
         }
-      ],
-      "license": "BSD-2-Clause"
+      ]
     },
     "node_modules/domhandler": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
       "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "license": "BSD-2-Clause",
       "dependencies": {
         "domelementtype": "^2.3.0"
       },
@@ -3613,27 +4414,24 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
       "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
-      "license": "MIT"
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "license": "MIT",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true,
       "engines": {
         "node": ">= 0.8"
       }
@@ -3664,9 +4462,9 @@
       }
     },
     "node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -3698,11 +4496,10 @@
       }
     },
     "node_modules/error-ex": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
-      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "is-arrayish": "^0.2.1"
       }
@@ -3721,18 +4518,11 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
       "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "license": "MIT",
+      "dev": true,
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "node_modules/es-module-lexer": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
-      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/es-object-atoms": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
@@ -3800,20 +4590,7 @@
     "node_modules/escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
-      "license": "MIT"
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
-      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
     },
     "node_modules/esm": {
       "version": "3.2.25",
@@ -3851,8 +4628,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/etag": {
       "version": "1.8.1",
@@ -3877,7 +4653,6 @@
       "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
       "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "cross-spawn": "^7.0.3",
         "get-stream": "^6.0.0",
@@ -3943,6 +4718,31 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
     "node_modules/extend-shallow": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
@@ -3958,30 +4758,40 @@
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "license": "MIT"
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "node_modules/fast-glob": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
         "glob-parent": "^5.1.2",
         "merge2": "^1.3.0",
-        "micromatch": "^4.0.8"
+        "micromatch": "^4.0.4"
       },
       "engines": {
         "node": ">=8.6.0"
       }
     },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fast-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
-      "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
       "funding": [
         {
           "type": "github",
@@ -3995,37 +4805,18 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/fastq": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
-      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
       }
     },
-    "node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/fill-range": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -4034,29 +4825,52 @@
       }
     },
     "node_modules/finalhandler": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
-      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
       "license": "MIT",
       "dependencies": {
         "debug": "2.6.9",
         "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
-        "on-finished": "~2.4.1",
+        "on-finished": "2.4.1",
         "parseurl": "~1.3.3",
-        "statuses": "~2.0.2",
+        "statuses": "2.0.1",
         "unpipe": "~1.0.0"
       },
       "engines": {
         "node": ">= 0.8"
       }
     },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
     "node_modules/find-replace": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/find-replace/-/find-replace-3.0.0.tgz",
       "integrity": "sha512-6Tb2myMioCAgv5kfvP5/PkZZ/ntTpVK39fHY7WkWBgvbeE+VHd/tZuZ4mrC+bxh4cfOZeYKVPaJIZtZXV7GNCQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "array-back": "^3.0.1"
       },
@@ -4069,7 +4883,6 @@
       "resolved": "https://registry.npmjs.org/array-back/-/array-back-3.1.0.tgz",
       "integrity": "sha512-TkuxA4UCOvxuDK6NZYXCalszEzj+TLszyASooky+i742l9TqsOdYCMJJupxRic61hwquNtppB3hgcuq9SVSH1Q==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -4109,7 +4922,6 @@
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
       "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -4143,7 +4955,6 @@
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
       "hasInstallScript": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -4156,7 +4967,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -4166,7 +4976,6 @@
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
       "dev": true,
-      "license": "ISC",
       "engines": {
         "node": "6.* || 8.* || >= 10.*"
       }
@@ -4215,7 +5024,6 @@
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
       "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -4224,9 +5032,9 @@
       }
     },
     "node_modules/get-tsconfig": {
-      "version": "4.14.0",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.14.0.tgz",
-      "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==",
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
+      "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4261,7 +5069,6 @@
       "version": "10.5.0",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
       "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
-      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -4372,44 +5179,48 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">= 6"
+        "node": ">= 10"
       }
     },
-    "node_modules/glob/node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/glob/node_modules/brace-expansion": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
-      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.3.tgz",
+      "integrity": "sha512-MCV/fYJEbqx68aE58kv2cA/kiky1G8vux3OR6/jbS+jIMe/6fJWa0DTzJU7dqijOWYwHi1t29FlfYI9uytqlpA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
     },
+    "node_modules/glob/node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/glob/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/glob/node_modules/minimatch": {
       "version": "9.0.9",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
@@ -4426,12 +5237,28 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/glob/node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/globby": {
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
       "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
@@ -4463,8 +5290,7 @@
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "license": "ISC"
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
     },
     "node_modules/gray-matter": {
       "version": "4.0.3",
@@ -4498,7 +5324,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -4517,10 +5342,9 @@
       }
     },
     "node_modules/hasown": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
-      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
-      "license": "MIT",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
       "dependencies": {
         "function-bind": "^1.1.2"
       },
@@ -4533,7 +5357,6 @@
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true,
-      "license": "MIT",
       "bin": {
         "he": "bin/he"
       }
@@ -4631,23 +5454,19 @@
       }
     },
     "node_modules/http-errors": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
-      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
-      "license": "MIT",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dev": true,
       "dependencies": {
-        "depd": "~2.0.0",
-        "inherits": "~2.0.4",
-        "setprototypeof": "~1.2.0",
-        "statuses": "~2.0.2",
-        "toidentifier": "~1.0.1"
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
       },
       "engines": {
         "node": ">= 0.8"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/human-signals": {
@@ -4655,7 +5474,6 @@
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
       "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
       "dev": true,
-      "license": "Apache-2.0",
       "engines": {
         "node": ">=10.17.0"
       }
@@ -4665,7 +5483,6 @@
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3"
       },
@@ -4674,21 +5491,19 @@
       }
     },
     "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
+      "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 4"
       }
     },
     "node_modules/import-fresh": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -4704,7 +5519,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
       "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -4712,15 +5526,13 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "license": "ISC"
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/ipaddr.js": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
       "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.10"
       }
@@ -4753,14 +5565,12 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "license": "MIT",
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -4769,10 +5579,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
-      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
-      "license": "MIT",
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.14.0.tgz",
+      "integrity": "sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==",
       "dependencies": {
         "hasown": "^2.0.2"
       },
@@ -4806,7 +5615,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4816,7 +5624,6 @@
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -4825,7 +5632,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -4843,14 +5649,12 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
       "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
       }
@@ -4870,7 +5674,6 @@
       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
       "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -4882,8 +5685,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/iso-639-1": {
       "version": "3.1.5",
@@ -4894,34 +5696,16 @@
         "node": ">=6.0"
       }
     },
-    "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
     "node_modules/jju": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
-      "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
-      "license": "MIT"
+      "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA=="
     },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/js-yaml": {
       "version": "4.1.1",
@@ -4938,26 +5722,23 @@
     "node_modules/js-yaml/node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "license": "Python-2.0"
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
     },
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/json-schema-traverse": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "license": "MIT"
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
     },
     "node_modules/jsonfile": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
-      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
       "license": "MIT",
       "dependencies": {
         "universalify": "^2.0.0"
@@ -4979,7 +5760,6 @@
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
       "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4989,7 +5769,6 @@
       "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
       "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -5180,8 +5959,7 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/linkify-it": {
       "version": "5.0.0",
@@ -5193,9 +5971,9 @@
       }
     },
     "node_modules/liquidjs": {
-      "version": "10.25.7",
-      "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.25.7.tgz",
-      "integrity": "sha512-rPCjJLiD4eDhQjvv964AeXFC+HbeYBbZrd7Z82Q6hqv1lX7G+5w4SJcKLn9CAAAwHI4aS3dTdo083UB79K3pDA==",
+      "version": "10.25.0",
+      "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.25.0.tgz",
+      "integrity": "sha512-XpO7AiGULTG4xcTlwkcTI5JreFG7b6esLCLp+aUSh7YuQErJZEoUXre9u9rbdb0057pfWG4l0VursvLd5Q/eAw==",
       "license": "MIT",
       "dependencies": {
         "commander": "^10.0.0"
@@ -5238,15 +6016,19 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
       "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
-      "license": "ISC"
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
     },
     "node_modules/luxon": {
       "version": "3.7.2",
@@ -5280,18 +6062,6 @@
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
       "license": "Python-2.0"
     },
-    "node_modules/markdown-it/node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -5302,6 +6072,33 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/maximatch": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/maximatch/-/maximatch-0.1.0.tgz",
+      "integrity": "sha512-9ORVtDUFk4u/NFfo0vG/ND/z7UQCVZBL539YW0+U1I7H1BkZwizcPx5foFv7LCPcBnm2U6RjFnQOsIvN4/Vm2A==",
+      "license": "MIT",
+      "dependencies": {
+        "array-differ": "^1.0.0",
+        "array-union": "^1.0.1",
+        "arrify": "^1.0.0",
+        "minimatch": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/maximatch/node_modules/array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
+      "license": "MIT",
+      "dependencies": {
+        "array-uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/mdurl": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
@@ -5313,7 +6110,6 @@
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
       "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -5332,15 +6128,13 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -5350,7 +6144,6 @@
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
       "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -5369,38 +6162,11 @@
         "node": ">=8.6"
       }
     },
-    "node_modules/micromatch/node_modules/picomatch": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -5410,7 +6176,6 @@
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -5423,48 +6188,41 @@
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/minimatch": {
-      "version": "10.2.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.3.tgz",
-      "integrity": "sha512-Rwi3pnapEqirPSbWbrZaa6N3nmqq4Xer/2XooiOKyV3q12ML06f7MOuc5DVH8ONZIFhwIYQ3yzPH4nt7iWHaTg==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^5.0.2"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": "18 || 20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": "*"
       }
     },
     "node_modules/minimist": {
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/minimist-lite": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/minimist-lite/-/minimist-lite-2.3.0.tgz",
-      "integrity": "sha512-jYjPvcjtLk4W+qNYAS5xb+PkIVsgLLxOI4iX2OsOAMz778t02Os9q6adaTRYSKf2Hq9xSH/lw2wUw1B2DB/gcQ==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/minimist-lite/-/minimist-lite-2.2.1.tgz",
+      "integrity": "sha512-RSrWIRWGYoM2TDe102s7aIyeSipXMIXKb1fSHYx1tAbxAV0z4g2xR6ra3oPzkTqFb0EIUz1H3A/qvYYeDd+/qQ==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/minipass": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
-      "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
-      "license": "BlueOak-1.0.0",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -5491,12 +6249,6 @@
       "integrity": "sha512-D/fR4xgGUyVRbdMGU6Nejea1RFzYxYtyurG4Fbv2Fi/daKlWKuXGLOdXtl+3eIwL110cI2hz1ZojGICjjFLgTg==",
       "license": "MIT"
     },
-    "node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "license": "MIT"
-    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -5520,7 +6272,6 @@
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
       "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -5547,11 +6298,22 @@
         "esm-import-transformer": "^3.0.3"
       }
     },
+    "node_modules/node-retrieve-globals/node_modules/acorn-walk": {
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
+      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.11.0"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5561,7 +6323,6 @@
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
       "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "path-key": "^3.0.0"
       },
@@ -5573,7 +6334,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
       "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "license": "BSD-2-Clause",
       "dependencies": {
         "boolbase": "^1.0.0"
       },
@@ -5632,7 +6392,6 @@
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
       "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
-      "license": "MIT",
       "dependencies": {
         "ee-first": "1.1.1"
       },
@@ -5645,7 +6404,6 @@
       "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
       "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "mimic-fn": "^2.1.0"
       },
@@ -5657,9 +6415,9 @@
       }
     },
     "node_modules/p-graph": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/p-graph/-/p-graph-1.3.0.tgz",
-      "integrity": "sha512-QL8xXlJl/oWWbzQK0de3KMFDzCXF8SQ2medloXxRFI1GUjNFBHiOtNv7X1azGBzF1SolIhm+gZ5XshBo6+3sdw==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/p-graph/-/p-graph-1.1.2.tgz",
+      "integrity": "sha512-GnEEHrOMozk0hCjXBm011oYb3zpaOolxHgqL2s7Od2niGAJKyk/4FZ2VRUAgjqqqoQnZQtwkF6fjGDJkIQTjDQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -5668,7 +6426,6 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -5691,7 +6448,6 @@
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -5704,7 +6460,6 @@
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
       "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -5758,7 +6513,19 @@
         "parse5": "^7.0.0"
       },
       "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
     "node_modules/parse5-htmlparser2-tree-adapter/node_modules/parse5": {
@@ -5785,6 +6552,18 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
+    "node_modules/parse5-parser-stream/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/parse5-parser-stream/node_modules/parse5": {
       "version": "7.3.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
@@ -5801,7 +6580,6 @@
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
       "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -5811,7 +6589,6 @@
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -5819,25 +6596,7 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "license": "MIT"
-    },
-    "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
     "node_modules/path-to-regexp": {
       "version": "0.1.13",
@@ -5851,7 +6610,6 @@
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -5863,12 +6621,12 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "license": "MIT",
       "engines": {
-        "node": ">=12"
+        "node": ">=8.6"
       },
       "funding": {
         "url": "https://github.com/sponsors/jonschlinkert"
@@ -5922,15 +6680,14 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz",
       "integrity": "sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==",
-      "license": "MIT",
       "dependencies": {
         "semver-compare": "^1.0.0"
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.10",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
-      "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
       "funding": [
         {
           "type": "opencollective",
@@ -6018,7 +6775,6 @@
       "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
       "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "kleur": "^3.0.3",
         "sisteransi": "^1.0.5"
@@ -6039,7 +6795,6 @@
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
       "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "forwarded": "0.2.0",
         "ipaddr.js": "1.9.1"
@@ -6097,14 +6852,12 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ],
-      "license": "MIT"
+      ]
     },
     "node_modules/range-parser": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
       "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -6125,28 +6878,46 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+    "node_modules/raw-body/node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "picomatch": "^2.2.1"
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
       },
       "engines": {
-        "node": ">=8.10.0"
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/readdirp/node_modules/picomatch": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+    "node_modules/raw-body/node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8.6"
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dependencies": {
+        "picomatch": "^2.2.1"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+      "engines": {
+        "node": ">=8.10.0"
       }
     },
     "node_modules/require-directory": {
@@ -6154,7 +6925,6 @@
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
       "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -6163,28 +6933,22 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/resolve": {
-      "version": "1.22.12",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
-      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
-      "license": "MIT",
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "is-core-module": "^2.16.1",
+        "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
       "bin": {
         "resolve": "bin/resolve"
       },
-      "engines": {
-        "node": ">= 0.4"
-      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -6194,7 +6958,6 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -6233,11 +6996,10 @@
       }
     },
     "node_modules/reusify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -6306,7 +7068,6 @@
           "url": "https://feross.org/support"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "queue-microtask": "^1.2.2"
       }
@@ -6339,14 +7100,12 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ],
-      "license": "MIT"
+      ]
     },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "license": "MIT"
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "node_modules/section-matter": {
       "version": "1.0.0",
@@ -6361,70 +7120,66 @@
         "node": ">=4"
       }
     },
-    "node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "license": "ISC",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/semver-compare": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
-      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
-      "license": "MIT"
-    },
-    "node_modules/semver/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/semver/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "license": "ISC"
+      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow=="
     },
     "node_modules/send": {
-      "version": "0.19.2",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
-      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "debug": "2.6.9",
         "depd": "2.0.0",
         "destroy": "1.2.0",
-        "encodeurl": "~2.0.0",
+        "encodeurl": "~1.0.2",
         "escape-html": "~1.0.3",
         "etag": "~1.8.1",
-        "fresh": "~0.5.2",
-        "http-errors": "~2.0.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
         "mime": "1.6.0",
         "ms": "2.1.3",
-        "on-finished": "~2.4.1",
+        "on-finished": "2.4.1",
         "range-parser": "~1.2.1",
-        "statuses": "~2.0.2"
+        "statuses": "2.0.1"
       },
       "engines": {
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/send/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/send/node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -6443,33 +7198,41 @@
       }
     },
     "node_modules/serve-static": {
-      "version": "1.16.3",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
-      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
         "parseurl": "~1.3.3",
-        "send": "~0.19.1"
+        "send": "0.19.0"
       },
       "engines": {
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/serve-static/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
-      "license": "ISC"
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -6482,7 +7245,6 @@
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -6521,14 +7283,14 @@
       }
     },
     "node_modules/side-channel-list": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
-      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.4"
+        "object-inspect": "^1.13.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6580,53 +7342,36 @@
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/sisteransi": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
       "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/slugify": {
-      "version": "1.6.9",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.9.tgz",
-      "integrity": "sha512-vZ7rfeehZui7wQs438JXBckYLkIIdfHOXsaVEUMyS5fHo1483l1bMdo0EDSWYclY0yZKFOipDy4KHuKs6ssvdg==",
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.6.tgz",
+      "integrity": "sha512-h+z7HKHYXj6wJU+AnS/+IH8Uh9fdcX1Lrhg1/VMdf9PwoBQXFcXiAdsy2tSK0P6gKwJLXp02r90ahUCqHk9rrw==",
       "license": "MIT",
       "engines": {
         "node": ">=8.0.0"
       }
     },
     "node_modules/smob": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/smob/-/smob-1.6.1.tgz",
-      "integrity": "sha512-KAkBqZl3c2GvNgNhcoyJae1aKldDW0LO279wF9bk1PnluRTETKBq0WyzRXxEhoQLk56yHaOY4JCBEKDuJIET5g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "devOptional": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/smob/-/smob-1.5.0.tgz",
+      "integrity": "sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==",
+      "dev": true
     },
     "node_modules/source-map-js": {
       "version": "1.2.1",
@@ -6642,23 +7387,29 @@
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
       "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
       "devOptional": true,
-      "license": "MIT",
       "dependencies": {
         "buffer-from": "^1.0.0",
         "source-map": "^0.6.0"
       }
     },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "license": "BSD-3-Clause"
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
     },
     "node_modules/statuses": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
-      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
-      "license": "MIT",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
       "engines": {
         "node": ">= 0.8"
       }
@@ -6667,7 +7418,6 @@
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
       "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.6.19"
       }
@@ -6677,7 +7427,6 @@
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "eastasianwidth": "^0.2.0",
         "emoji-regex": "^9.2.2",
@@ -6737,13 +7486,12 @@
       }
     },
     "node_modules/strip-ansi": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
-      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "ansi-regex": "^6.2.2"
+        "ansi-regex": "^6.0.1"
       },
       "engines": {
         "node": ">=12"
@@ -6790,7 +7538,6 @@
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
       "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -6800,7 +7547,6 @@
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -6812,7 +7558,6 @@
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -6827,7 +7572,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -6836,45 +7580,78 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.46.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.46.1.tgz",
-      "integrity": "sha512-vzCjQO/rgUuK9sf8VJZvjqiqiHFaZLnOiimmUuOKODxWL8mm/xua7viT7aqX7dgPY60otQjUotzFMmCB4VdmqQ==",
+      "version": "5.31.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.1.tgz",
+      "integrity": "sha512-37upzU1+viGvuFtBo9NPufCb9dwM0+l9hMxYyWfBA+fbwrPqNJAhbZ6W47bBFnZHKHTUBnMvi87434qq+qnxOg==",
       "devOptional": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
-        "acorn": "^8.15.0",
+        "acorn": "^8.8.2",
         "commander": "^2.20.0",
         "source-map-support": "~0.5.20"
       },
-      "bin": {
-        "terser": "bin/terser"
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "devOptional": true
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
       },
-      "engines": {
-        "node": ">=10"
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
       }
     },
-    "node_modules/tinyglobby": {
-      "version": "0.2.16",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
-      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "license": "MIT",
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.4"
-      },
       "engines": {
-        "node": ">=12.0.0"
+        "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -6886,7 +7663,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
       "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.6"
       }
@@ -6895,8 +7671,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz",
       "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/tree-kill": {
       "version": "1.2.2",
@@ -6909,17 +7684,15 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
+      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ=="
     },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
       "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "media-typer": "0.3.0",
         "mime-types": "~2.1.24"
@@ -6954,7 +7727,6 @@
       "resolved": "https://registry.npmjs.org/typical/-/typical-4.0.0.tgz",
       "integrity": "sha512-VAH4IvQ7BDFYglMd7BPRDfLgxZZX4O4TFcRDA6EN5X7erNJJq+McIEp8np9aVtxrCJ6qx4GTYVfOWNjcqwZgRw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -6974,13 +7746,6 @@
         "node": ">=20.18.1"
       }
     },
-    "node_modules/undici-types": {
-      "version": "7.19.2",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
-      "integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
-      "devOptional": true,
-      "license": "MIT"
-    },
     "node_modules/universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
@@ -6994,7 +7759,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
       "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -7010,7 +7774,6 @@
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
       "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4.0"
       }
@@ -7020,7 +7783,6 @@
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -7099,18 +7861,33 @@
         }
       }
     },
-    "node_modules/vite/node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "hasInstallScript": true,
+    "node_modules/vite/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
       "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
     "node_modules/whatwg-encoding": {
@@ -7147,22 +7924,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/workspace-tools": {
       "version": "0.40.4",
       "resolved": "https://registry.npmjs.org/workspace-tools/-/workspace-tools-0.40.4.tgz",
@@ -7184,7 +7945,6 @@
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^6.1.0",
         "string-width": "^5.0.1",
@@ -7262,11 +8022,10 @@
       }
     },
     "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -7274,37 +8033,21 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/ws": {
-      "version": "8.20.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.1.tgz",
-      "integrity": "sha512-It4dO0K5v//JtTXuPkfEOaI3uUN87iYPnqo/ZzqCoG3g8uhA66QUMs/SrM0YK7/NAu+r4LMh/9dq2A7k+rHs+w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": ">=5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
       "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
       "dev": true,
-      "license": "ISC",
       "engines": {
         "node": ">=10"
       }
     },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC"
+    },
     "node_modules/yargs": {
       "version": "17.7.2",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
@@ -7329,7 +8072,6 @@
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
       "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
       "dev": true,
-      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -7339,7 +8081,6 @@
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -7348,15 +8089,13 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/yargs/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -7371,7 +8110,6 @@
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -7384,7 +8122,6 @@
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -7392,6 +8129,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "packages/bench": {
+      "name": "@microsoft/fast-bench",
+      "version": "0.0.0",
+      "extraneous": true,
+      "dependencies": {
+        "@microsoft/fast-element": "*",
+        "@microsoft/fast-html": "*"
+      }
+    },
     "packages/fast-build": {
       "name": "@microsoft/fast-build",
       "version": "0.7.0",
@@ -7415,12 +8161,118 @@
       "devDependencies": {
         "@microsoft/fast-build": "^0.7.0",
         "@microsoft/fast-element": "^2.10.4",
-        "@microsoft/webui": "0.0.10"
+        "@microsoft/webui": "0.0.12"
       },
       "peerDependencies": {
         "@microsoft/fast-element": "^2.10.4"
       }
     },
+    "packages/fast-html/node_modules/@microsoft/webui": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui/-/webui-0.0.12.tgz",
+      "integrity": "sha512-jJRWsH2bvx7BAWhWf+2zRzGF4M/v/tUpvQUwwqXlrPnelQzFKXbpKnTMXgH+mu6OQEkjqZjSTg3dKLZD0k8g/g==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "webui": "bin/webui"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@microsoft/webui-darwin-arm64": "0.0.12",
+        "@microsoft/webui-darwin-x64": "0.0.12",
+        "@microsoft/webui-linux-arm64": "0.0.12",
+        "@microsoft/webui-linux-x64": "0.0.12",
+        "@microsoft/webui-win32-arm64": "0.0.12",
+        "@microsoft/webui-win32-x64": "0.0.12"
+      }
+    },
+    "packages/fast-html/node_modules/@microsoft/webui-darwin-arm64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-arm64/-/webui-darwin-arm64-0.0.12.tgz",
+      "integrity": "sha512-J3e23Zz4q7Ni0xDTvkPWtPl9Pzfi6wdgZtLtRYG+HitvF8UryorJPxqddrX/WsrQJzwDxbjcqq8AKUpXJTobCQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "packages/fast-html/node_modules/@microsoft/webui-darwin-x64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-x64/-/webui-darwin-x64-0.0.12.tgz",
+      "integrity": "sha512-ZaCDeTftdT0Q8yUNMymXbK6qmRuhYVl8Ajo9DCfdJwTbwinSv5mpqkovNWJtpTP2Hao6hXDr3Dk1FkSdQ2dUBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "packages/fast-html/node_modules/@microsoft/webui-linux-arm64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-arm64/-/webui-linux-arm64-0.0.12.tgz",
+      "integrity": "sha512-rwlcXJts89pfIyle/boZJQ8/wEAriqOP3uB+qmr02ST77hhpkczUktQMJ97If98B6v3BSZa0cregz2FTSBJv4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "packages/fast-html/node_modules/@microsoft/webui-linux-x64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-x64/-/webui-linux-x64-0.0.12.tgz",
+      "integrity": "sha512-f+Q9Jgv/fmlLCJWPKEdXkxOScRc3dBLOVCN2GVYQ6UP5wXte3SL8eWYenO5XxhWOpIrlgu+E77e9RPr3K41KIA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "packages/fast-html/node_modules/@microsoft/webui-win32-arm64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-arm64/-/webui-win32-arm64-0.0.12.tgz",
+      "integrity": "sha512-gHGHvsQQO5zoG5ZbkoFxTCKjItsZOvQ+xYJEmWgy2v+BpxQSJspgrqrIdEpCdQUzSoTHPDt6dVE+vvPhOPg1Pw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "packages/fast-html/node_modules/@microsoft/webui-win32-x64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-x64/-/webui-win32-x64-0.0.12.tgz",
+      "integrity": "sha512-NpywUTlAwztpq3zrIAwDrX/Rxkty47/zOaBzhUa7UxpOpoKzaPeWRVO17dbP3Wp3uYbQvdTV//KLh6xnq4WseA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "packages/fast-router": {
       "name": "@microsoft/fast-router",
       "version": "1.0.0-alpha.30",
@@ -7435,6 +8287,24 @@
         "@microsoft/fast-element": "^2.10.4"
       }
     },
+    "packages/fast-ssr": {
+      "name": "@microsoft/fast-ssr",
+      "version": "1.0.0-beta.40",
+      "deprecated": "This package is deprecated. Please use @microsoft/fast-build and @microsoft/webui instead.",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse5": "^6.0.1",
+        "tslib": "^2.6.3"
+      },
+      "devDependencies": {
+        "@microsoft/fast-element": "^2.10.3",
+        "@types/parse5": "^5.0.0"
+      },
+      "peerDependencies": {
+        "@microsoft/fast-element": "^2.10.3"
+      }
+    },
     "packages/fast-test-harness": {
       "name": "@microsoft/fast-test-harness",
       "version": "0.2.0",
@@ -7493,6 +8363,8 @@
     },
     "sites/website/node_modules/@microsoft/api-documenter": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-documenter/-/api-documenter-7.29.7.tgz",
+      "integrity": "sha512-hBI9sBwyhSNfLxSoP2IOZcFOwqYeRG6uRc5scEeBD2oaz+jrJ3mwe/amSiY4Dz/Q8RWCLCWHf1WYqabEmhMlug==",
       "license": "MIT",
       "dependencies": {
         "@microsoft/api-extractor-model": "7.33.4",
@@ -7506,64 +8378,6 @@
       "bin": {
         "api-documenter": "bin/api-documenter"
       }
-    },
-    "sites/website/node_modules/@microsoft/api-extractor-model": {
-      "version": "7.33.4",
-      "license": "MIT",
-      "dependencies": {
-        "@microsoft/tsdoc": "~0.16.0",
-        "@microsoft/tsdoc-config": "~0.18.1",
-        "@rushstack/node-core-library": "5.20.3"
-      }
-    },
-    "sites/website/node_modules/@rushstack/node-core-library": {
-      "version": "5.20.3",
-      "license": "MIT",
-      "dependencies": {
-        "ajv": "~8.18.0",
-        "ajv-draft-04": "~1.0.0",
-        "ajv-formats": "~3.0.1",
-        "fs-extra": "~11.3.0",
-        "import-lazy": "~4.0.0",
-        "jju": "~1.4.0",
-        "resolve": "~1.22.1",
-        "semver": "~7.5.4"
-      },
-      "peerDependencies": {
-        "@types/node": "*"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        }
-      }
-    },
-    "sites/website/node_modules/@rushstack/terminal": {
-      "version": "0.22.3",
-      "license": "MIT",
-      "dependencies": {
-        "@rushstack/node-core-library": "5.20.3",
-        "@rushstack/problem-matcher": "0.2.1",
-        "supports-color": "~8.1.1"
-      },
-      "peerDependencies": {
-        "@types/node": "*"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        }
-      }
-    },
-    "sites/website/node_modules/@rushstack/ts-command-line": {
-      "version": "5.3.3",
-      "license": "MIT",
-      "dependencies": {
-        "@rushstack/terminal": "0.22.3",
-        "@types/argparse": "1.0.38",
-        "argparse": "~1.0.9",
-        "string-argv": "~0.3.1"
-      }
     }
   }
 }
diff --git a/package.json b/package.json
index d3e4faacf3d..fb7d2d1f05d 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,7 @@
     "test:validation": "npm run test:diff",
     "test": "lage test:node test:playwright",
     "test:chromium": "lage test:node test:chromium",
+    "test:e2e": "npm run test:e2e -w @microsoft/fast-examples-e2e",
     "watch": "tsgo -p ./tsconfig.json -w --preserveWatchOutput",
     "format:check": "biome format --changed --no-errors-on-unmatched .",
     "format": "biome format --changed --no-errors-on-unmatched --fix --write .",
diff --git a/sites/website/src/docs/2.x/resources/export-sizes.md b/sites/website/src/docs/2.x/resources/export-sizes.md
index ecac32a669f..ce92cae5790 100644
--- a/sites/website/src/docs/2.x/resources/export-sizes.md
+++ b/sites/website/src/docs/2.x/resources/export-sizes.md
@@ -19,7 +19,7 @@ Bundle sizes for `@microsoft/fast-element` exports.
 
 | Export | Minified | Gzip | Brotli |
 |--------|----------|------|--------|
-| CDN Rollup Bundle | 67.59 KB | 20.00 KB | 17.93 KB |
+| CDN Rollup Bundle | 67.67 KB | 20.04 KB | 17.99 KB |
 | FASTElement | 28.10 KB | 8.72 KB | 7.86 KB |
 | Updates | 3.61 KB | 1.48 KB | 1.26 KB |
 | Observable | 8.12 KB | 2.99 KB | 2.66 KB |

From b104fa722ece97eb02c66e269bbc8281aae1298b Mon Sep 17 00:00:00 2001
From: John Kreitlow <863023+radium-v@users.noreply.github.com>
Date: Fri, 22 May 2026 14:43:52 -0700
Subject: [PATCH 09/17] fix(docs): update example references in documentation
 and tests (#7527)

* fix: update references to "contoso" in documentation and tests

* Change files

(cherry picked from commit a46f63c935d716d991d2b50f9e06daf219b5cff7)
---
 ...-bd9102c0-6436-40f7-887f-bda7586184cc.json |  7 +++++
 packages/fast-test-harness/DESIGN.md          |  2 +-
 packages/fast-test-harness/README.md          |  2 +-
 .../src/build/generate-templates.test.ts      |  6 ++--
 .../src/build/generate-templates.ts           |  2 +-
 .../build/generate-webui-templates.test.ts    |  6 ++--
 .../src/build/generate-webui-templates.ts     |  2 +-
 packages/fast-test-harness/src/ssr/render.ts  | 28 +++++++++----------
 8 files changed, 31 insertions(+), 24 deletions(-)
 create mode 100644 change/@microsoft-fast-test-harness-bd9102c0-6436-40f7-887f-bda7586184cc.json

diff --git a/change/@microsoft-fast-test-harness-bd9102c0-6436-40f7-887f-bda7586184cc.json b/change/@microsoft-fast-test-harness-bd9102c0-6436-40f7-887f-bda7586184cc.json
new file mode 100644
index 00000000000..f958ce104cf
--- /dev/null
+++ b/change/@microsoft-fast-test-harness-bd9102c0-6436-40f7-887f-bda7586184cc.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: update references to \"contoso\" in documentation and tests",
+  "packageName": "@microsoft/fast-test-harness",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/packages/fast-test-harness/DESIGN.md b/packages/fast-test-harness/DESIGN.md
index f580ec62179..7fca5b7d0d1 100644
--- a/packages/fast-test-harness/DESIGN.md
+++ b/packages/fast-test-harness/DESIGN.md
@@ -264,7 +264,7 @@ The `src/ssr/render.ts` module exports `createSSRRenderer`, a factory that scans
 
 | Option | Type | Default | Description |
 |--------|------|---------|-------------|
-| `tagPrefix` | `string` | — | Tag name prefix for custom elements (e.g., `"fluent"`, `"mai"`) |
+| `tagPrefix` | `string` | — | Tag name prefix for custom elements (e.g., `"fluent"`, `"contoso"`) |
 | `packageName` | `string?` | — | Monolithic package name — scans subdirectories for component artifacts. Mutually exclusive with `components`. |
 | `components` | `ComponentRegistration[]?` | — | Explicit list of per-component packages. Mutually exclusive with `packageName`. |
 | `distDir` | `string?` | `"dist/esm"` | Artifact directory relative to the package root. Only used with `packageName`. |
diff --git a/packages/fast-test-harness/README.md b/packages/fast-test-harness/README.md
index 70916264bd2..9466cb0da23 100644
--- a/packages/fast-test-harness/README.md
+++ b/packages/fast-test-harness/README.md
@@ -254,7 +254,7 @@ CLI flags take precedence over environment variables.
 
 | Option | Type | Description |
 |--------|------|-------------|
-| `tagPrefix` | `string` | Tag name prefix for custom elements (e.g., `"fluent"`, `"mai"`) |
+| `tagPrefix` | `string` | Tag name prefix for custom elements (e.g., `"fluent"`, `"contoso"`) |
 | `packageName` | `string?` | Monolithic package name — scans subdirectories for component artifacts. Mutually exclusive with `components`. |
 | `components` | `ComponentRegistration[]?` | Explicit list of per-component packages. Mutually exclusive with `packageName`. |
 | `distDir` | `string?` | Artifact directory relative to the package root (default: `"dist/esm"`). Only used with `packageName`. |
diff --git a/packages/fast-test-harness/src/build/generate-templates.test.ts b/packages/fast-test-harness/src/build/generate-templates.test.ts
index 58f28800156..3c941151ffe 100644
--- a/packages/fast-test-harness/src/build/generate-templates.test.ts
+++ b/packages/fast-test-harness/src/build/generate-templates.test.ts
@@ -158,10 +158,10 @@ test.describe("generateFTemplates", () => {
             };`,
         );
 
-        await generateFTemplates({ cwd: tempDir, tagPrefix: "mai" });
+        await generateFTemplates({ cwd: tempDir, tagPrefix: "contoso" });
 
         const html = await readFile(join(distDir, "badge.template.html"), "utf8");
-        assert.ok(html.includes('<f-template name="mai-badge"'));
+        assert.ok(html.includes('<f-template name="contoso-badge"'));
         assert.ok(html.includes("<slot></slot>"));
         assert.ok(html.includes("{{styles}}"));
     });
@@ -329,7 +329,7 @@ test.describe("generateWebuiTemplates", () => {
             };`,
         );
 
-        await generateWebuiTemplates({ cwd: tempDir, tagPrefix: "mai" });
+        await generateWebuiTemplates({ cwd: tempDir, tagPrefix: "contoso" });
 
         const html = await readFile(join(distDir, "badge.template-webui.html"), "utf8");
         assert.ok(html.includes('<template shadowrootmode="open">'));
diff --git a/packages/fast-test-harness/src/build/generate-templates.ts b/packages/fast-test-harness/src/build/generate-templates.ts
index ac3fecd13dc..44838f6ad2e 100644
--- a/packages/fast-test-harness/src/build/generate-templates.ts
+++ b/packages/fast-test-harness/src/build/generate-templates.ts
@@ -352,7 +352,7 @@ export function convertTemplate(
     // so the test harness can substitute it with a <link rel="stylesheet"> at
     // render time. Harness fallback auto-injects if the marker is missing, but
     // emitting it explicitly keeps generated output consistent with hand-authored
-    // f-templates (see MAI core components).
+    // f-templates.
     fInner = fInner.replace(/(<template[^>]*>)/, `$1${stylesMarker}`);
     return `<f-template name="${componentName}" shadowrootmode="open">\n${fInner}\n</f-template>\n`;
 }
diff --git a/packages/fast-test-harness/src/build/generate-webui-templates.test.ts b/packages/fast-test-harness/src/build/generate-webui-templates.test.ts
index c36ef4595c3..3fee85bea9a 100644
--- a/packages/fast-test-harness/src/build/generate-webui-templates.test.ts
+++ b/packages/fast-test-harness/src/build/generate-webui-templates.test.ts
@@ -28,7 +28,7 @@ test.describe("generateWebuiTemplates", () => {
             };`,
         );
 
-        await generateWebuiTemplates({ cwd: tempDir, tagPrefix: "mai" });
+        await generateWebuiTemplates({ cwd: tempDir, tagPrefix: "contoso" });
 
         const html = await readFile(join(distDir, "badge.template-webui.html"), "utf8");
         assert.ok(html.includes('<template shadowrootmode="open">'));
@@ -167,7 +167,7 @@ test.describe("generateWebuiTemplates", () => {
             };`,
         );
 
-        await generateWebuiTemplates({ cwd: tempDir, tagPrefix: "mai" });
+        await generateWebuiTemplates({ cwd: tempDir, tagPrefix: "contoso" });
 
         const html = await readFile(join(distDir, "label.template-webui.html"), "utf8");
         assert.ok(
@@ -220,7 +220,7 @@ test.describe("generateWebuiTemplates", () => {
             };`,
         );
 
-        await generateWebuiTemplates({ cwd: tempDir, tagPrefix: "mai" });
+        await generateWebuiTemplates({ cwd: tempDir, tagPrefix: "contoso" });
 
         const buttonHtml = await readFile(
             join(distDir, "button.template-webui.html"),
diff --git a/packages/fast-test-harness/src/build/generate-webui-templates.ts b/packages/fast-test-harness/src/build/generate-webui-templates.ts
index 584d76f823a..a6d94ab840c 100644
--- a/packages/fast-test-harness/src/build/generate-webui-templates.ts
+++ b/packages/fast-test-harness/src/build/generate-webui-templates.ts
@@ -14,7 +14,7 @@
  * ```ts
  * import { generateWebuiTemplates } from "@microsoft/fast-test-harness/build/generate-webui-templates.js";
  *
- * await generateWebuiTemplates({ cwd: process.cwd(), tagPrefix: "mai" });
+ * await generateWebuiTemplates({ cwd: process.cwd(), tagPrefix: "contoso" });
  * ```
  */
 
diff --git a/packages/fast-test-harness/src/ssr/render.ts b/packages/fast-test-harness/src/ssr/render.ts
index 1813063c65c..9163d74ef1a 100644
--- a/packages/fast-test-harness/src/ssr/render.ts
+++ b/packages/fast-test-harness/src/ssr/render.ts
@@ -21,10 +21,10 @@
  * flat exports.
  * ```ts
  * const { render } = createSSRRenderer({
- *     tagPrefix: "mai",
+ *     tagPrefix: "contoso",
  *     components: [
- *         { name: "button", packageName: "@mai-ui/button" },
- *         { name: "checkbox", packageName: "@mai-ui/checkbox" },
+ *         { name: "button", packageName: "@contoso/button" },
+ *         { name: "checkbox", packageName: "@contoso/checkbox" },
  *     ],
  * });
  * ```
@@ -44,28 +44,28 @@ export interface ComponentRegistration {
 
     /**
      * The npm package name for this component
-     * (e.g., "@mai-ui/button").
+     * (e.g., "@contoso/button").
      */
     packageName: string;
 }
 
 export interface SSRRendererOptions {
     /**
-     * Tag name prefix for custom elements (e.g., "fluent", "mai").
+     * Tag name prefix for custom elements (e.g., "fluent", "contoso").
      */
     tagPrefix: string;
 
     /**
      * The npm package name used to resolve component build artifacts
      * when all components live in subdirectories of a single package
-     * (Fluent-style). Mutually exclusive with `components`.
+     * (monolithic layout). Mutually exclusive with `components`.
      */
     packageName?: string;
 
     /**
-     * Explicit list of per-component packages (MAI-style). Each entry
-     * maps a component name to its npm package. Mutually exclusive
-     * with `packageName`.
+     * Explicit list of per-component packages. Each entry maps a
+     * component name to its npm package. Mutually exclusive with
+     * `packageName`.
      */
     components?: ComponentRegistration[];
 
@@ -249,7 +249,7 @@ function loadMonolithicComponent(
 
 /**
  * Load artifacts for a component from a per-component package
- * (e.g., `@mai-ui/button/template.html`).
+ * (e.g., `@contoso/button/template.html`).
  */
 function loadPerPackageComponent(reg: ComponentRegistration): ComponentArtifacts {
     const fTemplatePath = resolveSpecifier(`${reg.packageName}/template.html`);
@@ -369,9 +369,9 @@ export function buildState(queryObj: Record<string, string>): Record<string, unk
  *
  * Supports two modes:
  * - **`packageName`**: Scans a monolithic package's dist directory for
- *   components in subdirectories (Fluent-style).
+ *   components in subdirectories (monolithic layout).
  * - **`components`**: Uses an explicit list of per-component packages
- *   with flat exports (MAI-style).
+ *   with flat exports.
  */
 export function createSSRRenderer(options: SSRRendererOptions): {
     render: (queryObj: Record<string, string>) => RenderResult;
@@ -402,12 +402,12 @@ export function createSSRRenderer(options: SSRRendererOptions): {
     const artifacts: ComponentArtifacts[] = [];
 
     if (options.components) {
-        // Per-component packages (MAI-style).
+        // Per-component packages
         for (const reg of options.components) {
             artifacts.push(loadPerPackageComponent(reg));
         }
     } else if (options.packageName) {
-        // Monolithic package (Fluent-style).
+        // Monolithic package
         const packageRoot = resolvePackageRoot(options.packageName);
         const distDir = join(packageRoot, options.distDir ?? "dist/esm");
         const pattern = "**/*.template.html";

From 4c89b9a7b24eead06db228fb3c6a18db3b0a077d Mon Sep 17 00:00:00 2001
From: John Kreitlow <863023+radium-v@users.noreply.github.com>
Date: Fri, 22 May 2026 15:33:44 -0700
Subject: [PATCH 10/17] refactor(test-harness): remove parseDefaultValue and
 CEM-related logic from SSR renderer (#7532)

* refactor: remove parseDefaultValue and CEM-related logic from SSR renderer

* Change files

(cherry picked from commit 454714ac66d1022d3d9e40a3b1face5dc72cde06)
---
 ...-1af13817-db82-424b-b0e2-1751827905de.json |   7 ++
 packages/fast-test-harness/README.md          |   2 +-
 .../fast-test-harness/src/ssr/render.test.ts  |  59 ----------
 packages/fast-test-harness/src/ssr/render.ts  | 109 +-----------------
 4 files changed, 11 insertions(+), 166 deletions(-)
 create mode 100644 change/@microsoft-fast-test-harness-1af13817-db82-424b-b0e2-1751827905de.json

diff --git a/change/@microsoft-fast-test-harness-1af13817-db82-424b-b0e2-1751827905de.json b/change/@microsoft-fast-test-harness-1af13817-db82-424b-b0e2-1751827905de.json
new file mode 100644
index 00000000000..553fbe909e2
--- /dev/null
+++ b/change/@microsoft-fast-test-harness-1af13817-db82-424b-b0e2-1751827905de.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "refactor: remove parseDefaultValue and CEM-related logic from SSR renderer",
+  "packageName": "@microsoft/fast-test-harness",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/packages/fast-test-harness/README.md b/packages/fast-test-harness/README.md
index 9466cb0da23..e7cc9361b8e 100644
--- a/packages/fast-test-harness/README.md
+++ b/packages/fast-test-harness/README.md
@@ -267,7 +267,7 @@ CLI flags take precedence over environment variables.
 | `@microsoft/fast-test-harness` | `test`, `expect`, `CSRFixture`, `SSRFixture`, `toHaveCustomState`, `installDomShim`, `createSSRRenderer` |
 | `@microsoft/fast-test-harness/build/*.js` | `installDomShim`, `generateStylesheets`, `generateFTemplates`, `generateWebuiTemplates`, `definitionAsyncResolver`, `shadowOptionsToAttributes`, `ShadowOptionsResolver` |
 | `@microsoft/fast-test-harness/fixtures/*.js` | `CSRFixture`, `SSRFixture`, `toHaveCustomState`, extended `test` and `expect` |
-| `@microsoft/fast-test-harness/ssr/render.js` | `createSSRRenderer`, `renderTemplate`, `buildEntryHtml`, `buildState`, `parseDefaultValue` |
+| `@microsoft/fast-test-harness/ssr/render.js` | `createSSRRenderer`, `renderTemplate`, `buildEntryHtml`, `buildState` |
 | `@microsoft/fast-test-harness/server.mjs` | `startServer` |
 | `@microsoft/fast-test-harness/playwright.config.mjs` | Shared Playwright configuration |
 | `@microsoft/fast-test-harness/vite.config.mjs` | Shared Vite configuration |
diff --git a/packages/fast-test-harness/src/ssr/render.test.ts b/packages/fast-test-harness/src/ssr/render.test.ts
index 5b5ff245015..98b169b40cb 100644
--- a/packages/fast-test-harness/src/ssr/render.test.ts
+++ b/packages/fast-test-harness/src/ssr/render.test.ts
@@ -4,68 +4,9 @@ import {
     buildEntryHtml,
     buildState,
     createSSRRenderer,
-    parseDefaultValue,
     renderTemplate,
 } from "@microsoft/fast-test-harness/ssr/render.js";
 
-test.describe("parseDefaultValue", () => {
-    test("should return empty string for empty input", () => {
-        assert.strictEqual(parseDefaultValue(""), "");
-    });
-
-    test("should return empty string for 'undefined'", () => {
-        assert.strictEqual(parseDefaultValue("undefined"), "");
-    });
-
-    test("should return empty string for 'null'", () => {
-        assert.strictEqual(parseDefaultValue("null"), "");
-    });
-
-    test("should return true for 'true'", () => {
-        assert.strictEqual(parseDefaultValue("true"), true);
-    });
-
-    test("should return false for 'false'", () => {
-        assert.strictEqual(parseDefaultValue("false"), false);
-    });
-
-    test("should strip single quotes from strings", () => {
-        assert.strictEqual(parseDefaultValue("'img'"), "img");
-    });
-
-    test("should strip double quotes from strings", () => {
-        assert.strictEqual(parseDefaultValue('"hello"'), "hello");
-    });
-
-    test("should parse integers", () => {
-        assert.strictEqual(parseDefaultValue("42"), 42);
-    });
-
-    test("should parse floats", () => {
-        assert.strictEqual(parseDefaultValue("3.14"), 3.14);
-    });
-
-    test("should parse zero", () => {
-        assert.strictEqual(parseDefaultValue("0"), 0);
-    });
-
-    test("should parse JSON arrays", () => {
-        assert.deepStrictEqual(parseDefaultValue("[1,2,3]"), [1, 2, 3]);
-    });
-
-    test("should parse JSON objects", () => {
-        assert.deepStrictEqual(parseDefaultValue('{"a":1}'), { a: 1 });
-    });
-
-    test("should return empty string for unparseable values", () => {
-        assert.strictEqual(parseDefaultValue("some random text"), "");
-    });
-
-    test("should trim whitespace", () => {
-        assert.strictEqual(parseDefaultValue("  true  "), true);
-    });
-});
-
 test.describe("renderTemplate", () => {
     test("should replace {{styles}} with a link tag", () => {
         const result = renderTemplate(
diff --git a/packages/fast-test-harness/src/ssr/render.ts b/packages/fast-test-harness/src/ssr/render.ts
index 9163d74ef1a..1442838f64f 100644
--- a/packages/fast-test-harness/src/ssr/render.ts
+++ b/packages/fast-test-harness/src/ssr/render.ts
@@ -138,88 +138,6 @@ function toServerUrl(absolutePath: string, packageRoot: string): string {
     return `/${relative(packageRoot, absolutePath).replace(/\\/g, "/")}`;
 }
 
-/**
- * Parse a JavaScript default value string from CEM into a JSON-safe value.
- * @internal
- */
-export function parseDefaultValue(raw: string): unknown {
-    const trimmed = raw.trim();
-
-    if (trimmed === "" || trimmed === "undefined" || trimmed === "null") {
-        return "";
-    }
-
-    if (trimmed === "true") {
-        return true;
-    }
-
-    if (trimmed === "false") {
-        return false;
-    }
-
-    if (trimmed.startsWith("'") || trimmed.startsWith('"')) {
-        return trimmed.slice(1, -1);
-    }
-
-    const num = Number(trimmed);
-    if (!Number.isNaN(num)) {
-        return num;
-    }
-
-    try {
-        return JSON.parse(trimmed);
-    } catch {
-        return "";
-    }
-}
-
-/**
- * Load a Custom Elements Manifest and extract default state for
- * each custom element declaration. Returns a map of tag names to
- * their default property values.
- */
-function loadDefaultStateFromCEM(
-    packageName: string,
-    tagPrefix: string,
-): Map<string, Record<string, unknown>> {
-    const cemPath = resolveSpecifier(`${packageName}/custom-elements.json`);
-    if (!cemPath) {
-        return new Map();
-    }
-
-    try {
-        const cem = JSON.parse(readFileSync(cemPath, "utf8"));
-        const result = new Map<string, Record<string, unknown>>();
-
-        for (const mod of cem.modules ?? []) {
-            for (const decl of mod.declarations ?? []) {
-                if (!decl.customElement) {
-                    continue;
-                }
-                const tagName =
-                    decl.tagName ?? `${tagPrefix}-${decl.name?.toLowerCase()}`;
-                const state: Record<string, unknown> = {};
-                for (const member of decl.members ?? []) {
-                    if (member.kind !== "field" || member.privacy !== "public") {
-                        continue;
-                    }
-                    state[member.name] =
-                        member.default != null
-                            ? parseDefaultValue(String(member.default))
-                            : "";
-                }
-                if (Object.keys(state).length > 0) {
-                    result.set(tagName, state);
-                }
-            }
-        }
-
-        return result;
-    } catch {
-        return new Map();
-    }
-}
-
 interface ComponentArtifacts {
     componentName: string;
     fTemplate: string | null;
@@ -429,8 +347,7 @@ export function createSSRRenderer(options: SSRRendererOptions): {
         }
     }
 
-    // Populate maps and collect default state from CEM.
-    const defaultStateByTag = new Map<string, Record<string, unknown>>();
+    // Populate template and style maps from collected artifacts.
     for (const art of artifacts) {
         if (art.fTemplate) {
             fTemplatesByName.set(art.componentName, art.fTemplate);
@@ -438,21 +355,6 @@ export function createSSRRenderer(options: SSRRendererOptions): {
         styleUrlsByName.set(art.componentName, art.stylesUrl);
     }
 
-    // Load CEM defaults per-package (each package may contain multiple elements).
-    if (options.components) {
-        for (const reg of options.components) {
-            const cemDefaults = loadDefaultStateFromCEM(reg.packageName, tagPrefix);
-            for (const [tag, state] of cemDefaults) {
-                defaultStateByTag.set(tag, state);
-            }
-        }
-    } else if (options.packageName) {
-        const cemDefaults = loadDefaultStateFromCEM(options.packageName, tagPrefix);
-        for (const [tag, state] of cemDefaults) {
-            defaultStateByTag.set(tag, state);
-        }
-    }
-
     // Inject styles into f-templates, then parse into the WASM
     // templates map (tag-name → inner template content).
     const templatesMap: Record<
@@ -510,12 +412,7 @@ export function createSSRRenderer(options: SSRRendererOptions): {
     return {
         render(queryObj: Record<string, string> = {}): RenderResult {
             const entryHtml = buildEntryHtml(queryObj);
-            const requestState = buildState(queryObj);
-
-            // Merge CEM default state (base) with request state (overrides).
-            const tagName = String(queryObj.tagName ?? "");
-            const defaults = defaultStateByTag.get(tagName) ?? {};
-            const state = { ...defaults, ...requestState };
+            const state = buildState(queryObj);
 
             let fixture = "";
             if (entryHtml) {
@@ -547,7 +444,7 @@ export function createSSRRenderer(options: SSRRendererOptions): {
                             const solo: string = wasm.render_with_templates(
                                 `${open}</${nestedTag}>`,
                                 templatesJson,
-                                JSON.stringify(defaultStateByTag.get(nestedTag) ?? {}),
+                                "{}",
                                 "camelCase",
                             );
                             // Extract the DSD that was injected.

From d1bf09a4c90607be28d34d57f009b79ad419d741 Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Tue, 26 May 2026 15:31:01 -0700
Subject: [PATCH 11/17] ci: split CD into GitHub release + Azure publish
 stages, with crate support (#7531)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Pull Request

## 📖 Description

Split the single nightly Azure CD job into two coordinated jobs so that **npm credentials never leave the Azure environment**. GitHub Actions packages each non-private workspace into an auditable GitHub release; the existing Azure release template publishes those tarballs to npm and crates.io. GitHub Releases are the source of truth, and `deployed/<tag>` git marker tags track which releases have already been published.

### GitHub Actions side (`cd-github-releases.yml`)

- Runs on a nightly cron (`0 8 * * *` UTC, ~12am PST) plus `workflow_dispatch`. Does **not** bump versions or push source changes — version bumps land via ordinary human-authored PRs (e.g., from `npm run bump`). The cron is scheduled ~1 hour before the Azure CD pipeline (09:00 UTC) so any releases this job creates are picked up by that same night's publish run.
- Two jobs:
  1. **`detect`** runs [`create-github-releases.mjs --check-only`](build/scripts/create-github-releases.mjs). The script walks the workspaces tree (no `npm ci` required), computes `${name}_v${version}` for each non-private workspace, and emits `hasMissingReleases=true` if any of those git tags do not yet exist (uses `git rev-parse refs/tags/<tag>` — no API call).
  2. **`release`** runs only when missing releases exist. Installs Node, the Rust toolchain (for `cargo package`), builds, then for every missing release: packs the npm tarball into `publish_artifacts_npm/`, packs the paired Rust crate (where `crates/<crate-name>/Cargo.toml` exists — derived by dropping `@` and replacing `/` with `-` in the npm name) into `publish_artifacts_crates/`, and creates the GitHub release with both assets attached via `gh release create --target <sha>`. The `gh` CLI creates a lightweight `${name}_v${version}` tag atomically with the release, so the release and its tag exist iff each other does — eliminating the orphan-tag risk that an explicit pre-`gh` tag-push would have.

### Azure Pipelines side (`azure-pipelines-cd.yml`)

- Cron `0 9 * * *` (09:00 UTC daily; ~1am Pacific in standard time, ~2am during DST) with `always: true` so it still runs on no-op nights — work depends on external GitHub state, not repo commits.
- Two stages:
  1. **`Check`** runs [`download-github-releases.mjs --check-only`](build/scripts/download-github-releases.mjs). The script lists every git tag matching the beachball-style `${name}_v${version}` pattern that does **not** also have a `deployed/<tag>` counterpart and emits the list via Azure Pipelines `setvariable` output variables (`needsDeployment`, `undeployedTags`). No network calls to npm.org or crates.io.
  2. **`Package`** depends on `Check` and runs only when `needsDeployment == 'true'`. Downloads every undeployed release's assets via `gh release download`, sorts them into `publish_artifacts_npm/` (`.tgz`) and `publish_artifacts_crates/` (`.crate`), hands off to `FAST.Release.PipelineTemplate.yml@fastPipelines`, and on success pushes a `deployed/<tag>` marker tag for each release that was just published. The next nightly run sees those markers and skips the corresponding releases.

### Paired npm package / Rust crate versioning

- `@microsoft/fast-build` is paired with the `microsoft-fast-build` Rust crate at `crates/microsoft-fast-build/`. This PR bumps that crate from 0.1.0 → 0.7.0 to match the existing npm version.
- A new **`postbump` hook** in [`beachball.config.js`](beachball.config.js) automatically rewrites the crate's `Cargo.toml` and `Cargo.lock` whenever `npm run bump` bumps the paired npm package, so PR authors don't have to remember to sync them by hand. The crate name is derived from the npm name by dropping `@` and replacing `/` with `-`; the hook is a no-op for npm packages without a paired crate.
- `create-github-releases.mjs` still errors out at release time if the two versions disagree, as a safety net.

### Other changes

- Adds [`build/scripts/create-github-releases.mjs`](build/scripts/create-github-releases.mjs) and [`build/scripts/download-github-releases.mjs`](build/scripts/download-github-releases.mjs) — thin Node.js wrappers around `gh`, `npm`, `cargo`, and `git`. No new npm dependencies and no custom GitHub API client.
- Updates [`.github/workflows/README.md`](.github/workflows/README.md) to document the new two-stage CD flow.

## 👩‍💻 Reviewer Notes

- **Idempotency is enforced entirely through git tags.** `${name}_v${version}` on the GitHub side, `deployed/${name}_v${version}` on the Azure side. Neither side needs to talk to npm.org or crates.io to decide whether work is required.
- **Release tag format matches beachball's existing `${name}_v${version}`** (see `node_modules/beachball/lib/git/generateTag.js`), so the git tag, the GitHub release tag, and the eventual npm publish all share a single identifier.
- The GitHub workflow needs the existing `secrets.GH_TOKEN` (same secret already used by `cd-gh-pages.yml`). No new secrets are required on either side.
- **Open question on `FAST.Release.PipelineTemplate.yml@fastPipelines`:** the existing template may expect a single `publish_artifacts/` folder rather than the separate `publish_artifacts_npm/` + `publish_artifacts_crates/` layout. If that's the case, either the template or this PR needs a follow-up tweak to bridge the layout difference.

## 📑 Test Plan

This change affects scheduled CD only, so it cannot be exercised end-to-end from a PR build. Verified locally:

- `npm run format:check` and `npm run checkchange` pass.
- `node --check` passes on both new scripts and `beachball.config.js`; `npx @biomejs/biome check` passes too.
- `js-yaml` parses both `.github/workflows/cd-github-releases.yml` and `azure-pipelines-cd.yml` without errors.
- Smoke run of `create-github-releases.mjs --check-only` against this repo correctly reports the 5 publishable workspaces (one with a paired crate) and `hasMissingReleases=true`.
- Smoke run of `download-github-releases.mjs --check-only` against the live `microsoft/fast` repo correctly returns 0 undeployed tags. (After cleaning up some test releases that were created during development, the five publishable workspaces' tags now exist on `origin` and each one has a `deployed/<tag>` marker, so the script correctly reports nothing to publish.)
- End-to-end `beachball bump` test: created a `patch` change file for `@microsoft/fast-build`, ran `npx beachball bump`, confirmed the `postbump` hook synced both `crates/microsoft-fast-build/Cargo.toml` and the matching `Cargo.lock` entry from `0.7.0` to `0.7.1` in the same bump commit.
- `cargo package --no-verify --allow-dirty --manifest-path crates/microsoft-fast-build/Cargo.toml` produces the expected `microsoft-fast-build-0.7.0.crate` artifact.
- `workflow_dispatch` is enabled on the new workflow so it can be triggered manually for the first end-to-end run after merge.

## ✅ Checklist

### General

- [ ] I have included a change request file using `$ npm run change`
- [x] I have added tests for my changes.
- [x] I have tested my changes.
- [x] I have updated the project documentation to reflect my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.

> Note on the first checkbox: only `.github/`, `build/scripts/`, `azure-pipelines-cd.yml`, `beachball.config.js`, and `crates/microsoft-fast-build/` are modified. `.github/` is ignored by `beachball.config.js`; `build/` is a private workspace; `azure-pipelines-cd.yml` and `beachball.config.js` are not part of any published workspace; and the crate version bump pairs with the existing `@microsoft/fast-build` 0.7.0 release. `npm run checkchange` confirms no change file is required.

## ⏭ Next Steps

- After this merges, manually trigger `cd-github-releases.yml` via `workflow_dispatch` on a quiet day (no pending bumps) to validate the path end-to-end. Then trigger it on a day with pending changes to validate release creation. The Azure pipeline will pick up the resulting GitHub release the following night and the `deployed/<tag>` marker should appear immediately after the publish. From there the nightly cron will keep the cycle going automatically.
- Verify whether `FAST.Release.PipelineTemplate.yml@fastPipelines` is happy with the separate `publish_artifacts_npm/` and `publish_artifacts_crates/` folders, or whether a small template tweak is needed (follow-up PR if so).
- If desired in a follow-up: add a separate GitHub Actions workflow that emits a Teams/Discord notification when a release is created and again when the Azure publish completes, for easier observability.

(cherry picked from commit 9fdd2a5d561c4a08c78ed90720fab91fb9b72e11)
---
 .github/workflows/README.md                |  15 +-
 .github/workflows/cd-github-releases.yml   |  78 ++++++
 .gitignore                                 |   5 +-
 CONTRIBUTING.md                            |  77 ++++++
 azure-pipelines-cd.yml                     |  94 +++++--
 beachball.config.js                        | 111 +++++++-
 build/scripts/create-github-releases.mjs   | 289 +++++++++++++++++++++
 build/scripts/download-github-releases.mjs | 192 ++++++++++++++
 crates/microsoft-fast-build/Cargo.lock     |   2 +-
 crates/microsoft-fast-build/Cargo.toml     |   2 +-
 package.json                               |   1 -
 11 files changed, 840 insertions(+), 26 deletions(-)
 create mode 100644 .github/workflows/cd-github-releases.yml
 create mode 100644 build/scripts/create-github-releases.mjs
 create mode 100644 build/scripts/download-github-releases.mjs

diff --git a/.github/workflows/README.md b/.github/workflows/README.md
index a41fb9b0330..20651bb431e 100644
--- a/.github/workflows/README.md
+++ b/.github/workflows/README.md
@@ -9,4 +9,17 @@ For more information see the [GitHub CLI documentation](https://cli.github.com/m
 All CI workflows that run against pull requests are configured to skip draft PRs:
 
 - **GitHub Actions** (`ci-validate-pr.yml`, `ci-validate-platforms.yml`, `ci-validate-rust.yml`): The `pull_request` trigger includes `ready_for_review` in its event types, and each job has a condition that skips execution when the PR is a draft. When a draft PR is marked as ready for review, the workflows will automatically trigger.
-- **Azure Pipelines** (`azure-pipelines-bench.yml`, `azure-pipelines-ci.yml`): The `pr` trigger uses `drafts: false` to prevent pipeline runs on draft PRs.
\ No newline at end of file
+- **Azure Pipelines** (`azure-pipelines-bench.yml`, `azure-pipelines-ci.yml`): The `pr` trigger uses `drafts: false` to prevent pipeline runs on draft PRs.
+
+## Continuous Deployment
+
+Nightly publishing is split into two coordinated jobs so that npm credentials never leave the Azure environment. GitHub Releases are the source of truth, and `deployed/<tag>` git marker tags track which releases have already been published.
+
+- **`cd-github-releases.yml`** (GitHub Actions) runs nightly via cron (`0 8 * * *` UTC, ~12am PST) and on `workflow_dispatch`. It does **not** bump versions or push source changes to `main` — version bumps land on `main` through ordinary human-authored pull requests (for example, by running `npm run bump` locally and opening a PR). The cron is scheduled ~1 hour before the Azure CD pipeline (09:00 UTC) so any GitHub releases this job creates are picked up by that same night's publish run. The workflow has two jobs:
+  1. **`detect`** — checks out `main` with `fetch-depth: 0` and runs [`build/scripts/create-github-releases.mjs --check-only`](../../build/scripts/create-github-releases.mjs). The script walks the workspaces tree (no `npm ci` required), computes `${name}_v${version}` for every non-private workspace, and emits `hasMissingReleases=true` if any of those git tags do not yet exist.
+  2. **`release`** runs only when missing releases exist. Installs Node, the Rust toolchain (for `cargo package`), and the npm workspace dependencies, builds the repo, then runs the script in default mode. For every missing release the script: packs the npm tarball into `publish_artifacts_npm/`, packs the paired Rust crate (if `crates/<crate-name>/Cargo.toml` exists) into `publish_artifacts_crates/`, and creates the GitHub release with both assets attached via `gh release create --target <sha>`. The `gh` CLI creates the git tag atomically with the release, so "tag exists" and "release exists" are always the same fact — a failed release is safely retried on the next workflow run, with no orphan tag stranded behind. The script errors if a paired crate's version does not match the npm package's version — but this is purely a safety net: the [`postbump` hook in `beachball.config.js`](../../beachball.config.js) rewrites the crate's `Cargo.toml` (and the matching entry in `Cargo.lock`) automatically whenever `npm run bump` bumps the paired npm package, so the two stay in sync from the same commit.
+- **`azure-pipelines-cd.yml`** (Azure Pipelines) runs every night at **1am PST (`0 9 * * *` UTC)** with `always: true` so it still runs on no-op nights (it is checking external GitHub state, not repo commits). It is split into two stages so the heavy publish work is skipped on no-op nights:
+  1. **`Check`** — runs [`build/scripts/download-github-releases.mjs --check-only`](../../build/scripts/download-github-releases.mjs). The script lists every git tag matching the beachball-style `${name}_v${version}` pattern that does **not** also have a `deployed/<tag>` counterpart and emits the comma-separated list via Azure Pipelines `setvariable` output variables (`needsDeployment`, `undeployedTags`). No network calls to npm or crates.io.
+  2. **`Package`** — depends on `Check` and runs only when `needsDeployment == 'true'`. Downloads every undeployed release's assets via `gh release download`, sorts them into `publish_artifacts_npm/` (`.tgz`) and `publish_artifacts_crates/` (`.crate`), hands off to `FAST.Release.PipelineTemplate.yml@fastPipelines` for the actual `npm publish` / `cargo publish`, and on success pushes a `deployed/<tag>` git marker tag for each release that was just published. The next nightly run will see those markers and skip the corresponding releases.
+
+Both scripts are thin Node.js wrappers around `gh`, `npm`, `cargo`, and `git` — no extra npm dependencies and no custom GitHub API client. Idempotency is enforced entirely through git tags (`${name}_v${version}` on the GitHub side, `deployed/${name}_v${version}` on the Azure side), so neither side needs to talk to npm.org or crates.io to decide whether work is required.
\ No newline at end of file
diff --git a/.github/workflows/cd-github-releases.yml b/.github/workflows/cd-github-releases.yml
new file mode 100644
index 00000000000..b9a4f5344a0
--- /dev/null
+++ b/.github/workflows/cd-github-releases.yml
@@ -0,0 +1,78 @@
+name: Release packages to GitHub releases
+
+on:
+  workflow_dispatch:
+  schedule:
+    # 12am PST = 08:00 UTC (drifts to ~11pm PDT during US daylight time).
+    # Runs ~1 hour before the Azure CD pipeline (09:00 UTC) so any new
+    # GitHub releases this job creates are ready for that night's publish.
+    - cron: '0 8 * * *'
+
+permissions: { contents: write }
+
+jobs:
+  # Lightweight detection: walks the workspaces directory tree (no `npm ci`,
+  # no build, no `gh` API call) and checks whether each `${name}_v${version}`
+  # tag already exists in git. The downstream `release` job is skipped if
+  # every current version already has a tag.
+  detect:
+    runs-on: ubuntu-latest
+    outputs:
+      hasMissingReleases: ${{ steps.check.outputs.hasMissingReleases }}
+    steps:
+    - uses: actions/checkout@v4
+      with:
+        fetch-depth: 0  # need all tags for `git rev-parse refs/tags/<tag>`.
+
+    - uses: actions/setup-node@v6
+      with:
+        node-version: 22
+
+    - id: check
+      name: Detect publishable workspaces without a release tag
+      run: node build/scripts/create-github-releases.mjs --check-only
+
+  release:
+    needs: detect
+    if: needs.detect.outputs.hasMissingReleases == 'true'
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+      with:
+        fetch-depth: 0  # need all tags so `git rev-parse` can detect existing releases.
+
+    - uses: actions/setup-node@v6
+      with:
+        node-version: 22
+
+    - name: Cache multiple paths
+      uses: actions/cache@v4
+      env:
+        cache-name: cache-node-modules
+      with:
+        path: ~/.npm
+        key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+        restore-keys: |
+          ${{ runner.os }}-build-${{ env.cache-name }}-
+          ${{ runner.os }}-build-
+          ${{ runner.os }}-
+
+    - name: Install package dependencies
+      run: npm ci
+
+    - name: Install Rust and wasm-pack
+      run: |
+        curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y --default-toolchain stable
+        export PATH="$HOME/.cargo/bin:$PATH"
+        rustup target add wasm32-unknown-unknown
+        cargo install wasm-pack
+        echo "$HOME/.cargo/bin" >> "$GITHUB_PATH"
+
+    - name: Build workspaces
+      run: npm run build
+
+    - name: Pack and create GitHub releases
+      run: node build/scripts/create-github-releases.mjs
+      env:
+        GH_TOKEN: ${{ secrets.GH_TOKEN }}
diff --git a/.gitignore b/.gitignore
index 85b932b26ca..413d124619d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -71,7 +71,10 @@ obj/
 test-results/
 
 # Pack directory
-publish_artifacts/
+publish_artifacts_npm/
+publish_artifacts_crates/
+publish_artifacts_meta/
+publish_artifacts_stage/
 
 # Rust build artifacts
 crates/**/target/
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index b95744d0e5f..d971b6e000b 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -146,6 +146,83 @@ Example of how to format `MIGRATION.md`:
 - `Bat` has been updated to use the new API [`BatConfig`](link/to/api).
 ```
 
+### Publishing
+
+Releases are produced from a dedicated **bump pull request** authored by a maintainer (not by CI). Once the bump PR lands on `main`, the [`cd-github-releases.yml`](.github/workflows/cd-github-releases.yml) workflow attaches the freshly-packed tarballs to a GitHub release per package, and the nightly Azure pipeline ([`azure-pipelines-cd.yml`](azure-pipelines-cd.yml)) downloads those assets and publishes them to npm and crates.io. The detailed CD design is documented in [`.github/workflows/README.md`](.github/workflows/README.md).
+
+This section covers the maintainer workflow for opening the bump PR.
+
+#### 1. Prerequisites
+
+Every PR that touches a publishable workspace should include a beachball [change file](#change-files). Bump PRs consume the accumulated change files; if a workspace needs to be bumped but has no change file (e.g. on first release, or because a contributor forgot to add one), generate one yourself with `npm run change` before bumping.
+
+#### 2. Create the bump branch
+
+```bash
+git checkout main
+git pull origin main
+git checkout -b chore/bump-$(date +%Y-%m-%d)
+```
+
+#### 3. Run `npm run bump`
+
+```bash
+npm run bump
+```
+
+This single command:
+
+- Reads every file under `change/`.
+- Bumps `package.json` and updates `CHANGELOG.md` / `CHANGELOG.json` for every affected workspace.
+- Runs the `postbump` hook in [`beachball.config.js`](beachball.config.js) — for any bumped npm package that has a paired Rust crate at `crates/<crate-name>/Cargo.toml` (where `<crate-name>` is the npm name with the leading `@` dropped and `/` replaced with `-`, e.g. `@microsoft/fast-build` → `microsoft-fast-build`), the hook rewrites the crate's `Cargo.toml` and `Cargo.lock` to the new version so they stay in lock-step with the npm package.
+- Deletes the consumed change files.
+
+No commit, push, npm publish, or git tag is made by `npm run bump`.
+
+#### 4. Review the result
+
+```bash
+git status
+git diff
+node build/scripts/create-github-releases.mjs --check-only
+```
+
+The third command previews exactly which workspaces the post-merge CD will publish, by listing every workspace whose freshly-bumped `${name}_v${version}` tag is not present in the local git tag list. Run `git fetch --tags --prune origin` beforehand if you want the preview to reflect the current state on `origin` rather than your stale local refs — though for a fresh bump that hasn't been pushed yet, your local tag list is the source of truth anyway.
+
+A typical bump PR touches:
+
+- `packages/<name>/package.json` (`version` field) for each bumped workspace
+- `packages/<name>/CHANGELOG.md` and `CHANGELOG.json` for each bumped workspace
+- `crates/<crate-name>/Cargo.toml` and `crates/<crate-name>/Cargo.lock` for any paired Rust crate (handled automatically by the postbump hook)
+- Deletions under `change/`
+
+#### 5. Open the PR
+
+```bash
+git add -A
+git commit -m "chore: release packages"
+git push origin chore/bump-$(date +%Y-%m-%d)
+gh pr create --fill --base main
+```
+
+The bump PR goes through normal review. `npm run checkchange` will pass because the change files have all been consumed; the PR itself does **not** publish anything.
+
+:::note
+Do not edit `package.json` or `Cargo.toml` versions by hand. Let `npm run bump` and the postbump hook do it. [`create-github-releases.mjs`](build/scripts/create-github-releases.mjs) refuses to release a workspace whose npm version and paired crate version disagree.
+:::
+
+#### 6. After merge
+
+After merge, [`cd-github-releases.yml`](.github/workflows/cd-github-releases.yml) runs on its nightly cron (`0 8 * * *` UTC, ~12am PST) — or you can trigger it immediately via `gh workflow run cd-github-releases.yml` if you don't want to wait. Its `detect` job notices the new `${name}_v${version}` tags don't yet exist; the `release` job packs each `.tgz` (and any paired `.crate`) and atomically creates one GitHub release per bumped package. The next nightly run of [`azure-pipelines-cd.yml`](azure-pipelines-cd.yml) (scheduled ~1 hour later at 09:00 UTC) downloads those assets, hands off to `FAST.Release.PipelineTemplate` for the actual `npm publish` / `cargo publish`, and on success pushes `deployed/<tag>` marker tags so the publish is never repeated.
+
+#### Hotfix or single-package bump
+
+The same flow works for a single-package release — just keep only the relevant change file(s) before running `npm run bump`, or pass `--package` to beachball directly:
+
+```bash
+npx beachball bump --package "@microsoft/fast-build"
+```
+
 ### Recommended Settings for Visual Studio Code
 
 You can use any code editor you like when working with the FAST monorepo. One of our favorites is [Visual Studio Code](https://code.visualstudio.com/). VS Code has great autocomplete support for TypeScript and JavaScript APIs, as well as a rich ecosystem of plugins.
diff --git a/azure-pipelines-cd.yml b/azure-pipelines-cd.yml
index a9cf28778b4..6845c1fe920 100644
--- a/azure-pipelines-cd.yml
+++ b/azure-pipelines-cd.yml
@@ -2,11 +2,12 @@ trigger: none
 pr: none
 
 schedules:
-- cron: '0 0 * * *'
-  displayName: Daily Release
+- cron: '0 9 * * *' # 09:00 UTC daily (~1am Pacific in standard time, ~2am during DST).
+  displayName: Daily npm/crates publish from GitHub Releases
   branches:
     include:
     - main
+  always: true  # run even when there are no new commits — we are checking external GitHub releases, not repo changes.
 
 # The `resources` specify the location and version of the 1ES PT.
 resources:
@@ -39,21 +40,57 @@ extends:
     settings:
       networkIsolationPolicy: Permissive
     stages:
-    - stage: Stage
+
+    # ── Stage 1: Lightweight detection (runs every night, ~1-2 min) ──
+    # This stage is separate so that when no deployment is needed, the
+    # heavyweight Package stage (with all its 1ES SDL tasks) is skipped
+    # entirely — avoiding ~30 min of unnecessary agent provisioning and
+    # compliance scans on no-op nights.
+    - stage: Check
+      displayName: Detect undeployed GitHub releases
       jobs:
-      - job: HostJob
+      - job: CheckVersion
+        steps:
+          - checkout: self
+            persistCredentials: "true"
+            fetchTags: true
+
+          - task: UseNode@1
+            inputs:
+              version: "22.x"
+            displayName: "Install Node.js"
 
-        variables:
-          npm_config_cache: $(Pipeline.Workspace)/.npm
+          # The check uses local `git tag` rather than `npm view` / `cargo search`
+          # because external network calls from 1ES agents to npm/crates.io are
+          # unreliable. The Package stage pushes a `deployed/<tag>` marker tag
+          # after a successful publish, and the next pipeline run sees that
+          # marker via `git tag -l`.
+          - script: |
+              node build/scripts/download-github-releases.mjs --check-only
+            displayName: "Detect releases whose tarballs have not been published"
+            name: deploymentCheck
+            env:
+              GITHUB_REPOSITORY: microsoft/fast
 
+    # ── Stage 2: Download, publish, and mark deployed (skipped on no-op nights) ──
+    - stage: Package
+      displayName: Publish tarballs to npm and crates.io
+      dependsOn: Check
+      condition: eq(dependencies.Check.outputs['CheckVersion.deploymentCheck.needsDeployment'], 'true')
+      variables:
+        npm_config_cache: $(Pipeline.Workspace)/.npm
+      jobs:
+      - job: Deploy
         steps:
           - checkout: self
             persistCredentials: "true"
+            fetchTags: true
 
           - script: |
               git config --global user.email fastsvc@microsoft.com
               git config --global user.name "Microsoft FAST Builds"
               git remote set-url origin https://$(GH_TOKEN)@github.com/microsoft/fast.git
+            displayName: "Configure git for tag push"
 
           - task: UseNode@1
             inputs:
@@ -73,21 +110,38 @@ extends:
             displayName: "Install package dependencies"
 
           - script: |
-              curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y --default-toolchain stable
-              export PATH="$HOME/.cargo/bin:$PATH"
-              echo "##vso[task.prependpath]$HOME/.cargo/bin"
-              rustup target add wasm32-unknown-unknown
-              cargo install wasm-pack
-            displayName: "Install Rust and wasm-pack"
-
-          - script: |
-              npm run build
-            displayName: "Build workspaces"
-
-          - script: |
-              npm run publish-ci
-            displayName: "Use Beachball publish to bump, pack, and commit without publishing"
+              node build/scripts/download-github-releases.mjs
+            displayName: "Download undeployed release assets and sort into npm/crates folders"
             env:
               GH_TOKEN: $(GH_TOKEN)
+              GITHUB_REPOSITORY: microsoft/fast
 
           - template: FAST.Release.PipelineTemplate.yml@fastPipelines  # Template reference
+
+          # Push a `deployed/<tag>` marker tag for each release that was just
+          # published so that the next nightly Check stage sees it and skips
+          # the release. Reads the list of tags written by the download script.
+          # Idempotent: a marker tag that already exists locally (i.e. fetched
+          # from origin via `fetchTags: true`) is left alone instead of failing.
+          - script: |
+              set -euo pipefail
+              META_FILE=publish_artifacts_meta/undeployed-tags.txt
+              if [ ! -s "$META_FILE" ]; then
+                echo "No tags to mark as deployed."
+                exit 0
+              fi
+              while IFS= read -r tag; do
+                [ -z "$tag" ] && continue
+                DEPLOY_TAG="deployed/${tag}"
+                if git rev-parse --verify --quiet "refs/tags/${DEPLOY_TAG}" >/dev/null; then
+                  echo "Already marked deployed: ${DEPLOY_TAG} (skipping)"
+                  continue
+                fi
+                echo "Marking deployed: ${DEPLOY_TAG}"
+                # Point the marker at the release tag's commit (not the
+                # agent's current HEAD) so the marker stays accurate even
+                # if the pipeline is re-run from a later commit.
+                git tag "${DEPLOY_TAG}" "refs/tags/${tag}"
+                git push origin "${DEPLOY_TAG}"
+              done < "$META_FILE"
+            displayName: "Mark releases as deployed"
diff --git a/beachball.config.js b/beachball.config.js
index d89d4006d30..993182ac7f0 100644
--- a/beachball.config.js
+++ b/beachball.config.js
@@ -1,3 +1,110 @@
+const { existsSync, readFileSync, writeFileSync } = require("node:fs");
+const { join } = require("node:path");
+
+/**
+ * Convert an npm package name into the paired Rust crate name by dropping
+ * the leading `@` and replacing `/` with `-`.
+ *
+ * Example: `@microsoft/fast-build` -> `microsoft-fast-build`.
+ */
+function npmNameToCrateName(npmName) {
+    return npmName.replace(/^@/, "").replace(/\//g, "-");
+}
+
+/**
+ * Rewrite the `version = "..."` line for a specific `[package]` or
+ * `[[package]]` block (matched by the crate name) within Cargo TOML
+ * content. Returns the new content, or `null` if no change was made.
+ *
+ * Hand-rolled (instead of using a TOML library) so beachball.config.js
+ * does not pull in any new runtime dependencies.
+ */
+function rewriteCargoVersion(content, crateName, newVersion, { manifest }) {
+    const lines = content.split("\n");
+    let inTargetBlock = false;
+    let nameMatched = manifest;
+    let changed = false;
+
+    for (let i = 0; i < lines.length; i++) {
+        const trimmed = lines[i].trim();
+
+        if (trimmed.startsWith("[")) {
+            if (manifest) {
+                inTargetBlock = trimmed === "[package]";
+            } else {
+                inTargetBlock = trimmed === "[[package]]";
+                nameMatched = false;
+            }
+            continue;
+        }
+
+        if (!inTargetBlock) continue;
+
+        if (!manifest && !nameMatched) {
+            const nameMatch = /^name\s*=\s*"([^"]+)"/.exec(trimmed);
+            if (nameMatch && nameMatch[1] === crateName) {
+                nameMatched = true;
+                continue;
+            }
+        }
+
+        if (nameMatched) {
+            const versionMatch = /^(\s*version\s*=\s*")([^"]+)(")/.exec(lines[i]);
+            if (versionMatch) {
+                if (versionMatch[2] !== newVersion) {
+                    lines[i] = `${versionMatch[1]}${newVersion}${versionMatch[3]}`;
+                    changed = true;
+                }
+                if (manifest) break;
+                inTargetBlock = false;
+                nameMatched = false;
+            }
+        }
+    }
+
+    return changed ? lines.join("\n") : null;
+}
+
+/**
+ * Beachball `postbump` hook: when an npm package with a paired Rust
+ * crate is bumped, rewrite the crate's `Cargo.toml` (and matching entry
+ * in `Cargo.lock`, if present) so the crate version stays in lock-step
+ * with the npm version.
+ *
+ * Beachball commits any modified files in the same bump commit, so the
+ * Cargo updates land in the same PR as the package.json bump.
+ */
+function syncPairedCrateVersion(packagePath, name, version) {
+    const crateName = npmNameToCrateName(name);
+    const cargoTomlPath = join(__dirname, "crates", crateName, "Cargo.toml");
+    if (!existsSync(cargoTomlPath)) return;
+
+    const updatedToml = rewriteCargoVersion(
+        readFileSync(cargoTomlPath, "utf8"),
+        crateName,
+        version,
+        { manifest: true },
+    );
+    if (updatedToml !== null) {
+        writeFileSync(cargoTomlPath, updatedToml);
+        console.log(`[beachball] Synced ${cargoTomlPath} to ${version}`);
+    }
+
+    const cargoLockPath = join(__dirname, "crates", crateName, "Cargo.lock");
+    if (existsSync(cargoLockPath)) {
+        const updatedLock = rewriteCargoVersion(
+            readFileSync(cargoLockPath, "utf8"),
+            crateName,
+            version,
+            { manifest: false },
+        );
+        if (updatedLock !== null) {
+            writeFileSync(cargoLockPath, updatedLock);
+            console.log(`[beachball] Synced ${cargoLockPath} to ${version}`);
+        }
+    }
+}
+
 module.exports = {
     ignorePatterns: [
         ".ignore",
@@ -11,5 +118,7 @@ module.exports = {
         // This one is especially important (otherwise dependabot would be blocked by change file requirements)
         "package-lock.json",
     ],
-    packToPath: "publish_artifacts"
+    hooks: {
+        postbump: syncPairedCrateVersion,
+    },
 };
diff --git a/build/scripts/create-github-releases.mjs b/build/scripts/create-github-releases.mjs
new file mode 100644
index 00000000000..aad4c2a078b
--- /dev/null
+++ b/build/scripts/create-github-releases.mjs
@@ -0,0 +1,289 @@
+#!/usr/bin/env node
+/**
+ * Create one GitHub release per non-private workspace whose
+ * `${name}_v${version}` tag does not yet exist in git.
+ *
+ * Invoked by `.github/workflows/cd-github-releases.yml`. The workflow does
+ * NOT bump versions or commit source changes — version bumps land on `main`
+ * through ordinary human-authored pull requests. This script:
+ *
+ *   1. Walks the root `package.json` `workspaces` globs to find every
+ *      workspace's `package.json` (no `node_modules` required, so the
+ *      `--check-only` mode can run before `npm ci`).
+ *   2. Skips workspaces whose package.json sets `private: true`.
+ *   3. For each remaining workspace, looks for a paired Rust crate at
+ *      `crates/<crate-name>/Cargo.toml`, where the crate name is derived
+ *      from the npm name by dropping the leading `@` and replacing `/`
+ *      with `-` (so `@microsoft/fast-build` -> `microsoft-fast-build`).
+ *      When a pair exists, the script errors if the two versions are not
+ *      identical, forcing the version-bump PR to keep them in sync.
+ *   4. Computes `tag = ${name}_v${version}` (matching beachball's tag
+ *      format) and skips the workspace if the git tag already exists
+ *      (idempotent across re-runs).
+ *   5. Otherwise (when not `--check-only`) packs the npm tarball into
+ *      `publish_artifacts_npm/` with `npm pack`, optionally packs the
+ *      paired crate into `publish_artifacts_crates/` with
+ *      `cargo package`, and creates the GitHub release with both
+ *      assets attached (`gh release create --target <sha>`). The `gh`
+ *      CLI creates the git tag atomically with the release, so the
+ *      tag and the release exist if and only if each other does.
+ *
+ * Modes:
+ *
+ *   - default: pack + tag + create any missing releases.
+ *   - `--check-only`: only enumerate missing releases. Sets the
+ *     `hasMissingReleases` GitHub Actions output (via `$GITHUB_OUTPUT`)
+ *     to `"true"` or `"false"`. Performs no packing, no tagging, no
+ *     release creation. Safe to run without `node_modules` populated.
+ *
+ * Authentication: the `gh` CLI reads `GH_TOKEN` from the environment.
+ */
+
+import { execFileSync } from "node:child_process";
+import {
+    appendFileSync,
+    copyFileSync,
+    existsSync,
+    mkdirSync,
+    readdirSync,
+    readFileSync,
+} from "node:fs";
+import { basename, join, resolve } from "node:path";
+
+const NPM_DIR = "publish_artifacts_npm";
+const CRATES_DIR = "publish_artifacts_crates";
+const CHECK_ONLY = process.argv.includes("--check-only");
+
+function run(file, args, opts = {}) {
+    return execFileSync(file, args, { encoding: "utf8", ...opts });
+}
+
+function gitTagExists(tag) {
+    try {
+        execFileSync("git", ["rev-parse", "--verify", `refs/tags/${tag}`], {
+            stdio: "ignore",
+        });
+        return true;
+    } catch {
+        return false;
+    }
+}
+
+function npmNameToCrateName(npmName) {
+    return npmName.replace(/^@/, "").replace(/\//g, "-");
+}
+
+function readCargoTomlVersion(cargoTomlPath) {
+    const content = readFileSync(cargoTomlPath, "utf8");
+    let inPackage = false;
+    for (const rawLine of content.split("\n")) {
+        const line = rawLine.trim();
+        if (line.startsWith("[")) {
+            inPackage = line === "[package]";
+            continue;
+        }
+        if (!inPackage) continue;
+        const m = /^version\s*=\s*"([^"]+)"/.exec(line);
+        if (m) return m[1];
+    }
+    return null;
+}
+
+function listPublishableWorkspaces() {
+    const rootPkg = JSON.parse(readFileSync("package.json", "utf8"));
+    const patterns = rootPkg.workspaces || [];
+    const locations = new Set();
+
+    for (const pattern of patterns) {
+        if (pattern.endsWith("/*")) {
+            const parent = pattern.slice(0, -2);
+            if (!existsSync(parent)) continue;
+            for (const entry of readdirSync(parent, { withFileTypes: true })) {
+                if (entry.isDirectory()) {
+                    locations.add(join(parent, entry.name));
+                }
+            }
+        } else {
+            locations.add(pattern);
+        }
+    }
+
+    const workspaces = [];
+    for (const location of locations) {
+        const pkgPath = join(location, "package.json");
+        if (!existsSync(pkgPath)) continue;
+        const pkg = JSON.parse(readFileSync(pkgPath, "utf8"));
+        if (pkg.private === true) continue;
+        if (!pkg.name || !pkg.version) continue;
+
+        const crateName = npmNameToCrateName(pkg.name);
+        const cargoTomlPath = join("crates", crateName, "Cargo.toml");
+        const hasCrate = existsSync(cargoTomlPath);
+
+        if (hasCrate) {
+            const crateVersion = readCargoTomlVersion(cargoTomlPath);
+            if (crateVersion !== pkg.version) {
+                throw new Error(
+                    `Version mismatch for ${pkg.name}: package.json is ${pkg.version} but ${cargoTomlPath} is ${crateVersion}. Update one to match the other.`,
+                );
+            }
+        }
+
+        workspaces.push({
+            location,
+            name: pkg.name,
+            version: pkg.version,
+            crateName: hasCrate ? crateName : null,
+            cargoTomlPath: hasCrate ? cargoTomlPath : null,
+        });
+    }
+
+    return workspaces;
+}
+
+function setGitHubOutput(name, value) {
+    if (!process.env.GITHUB_OUTPUT) return;
+    appendFileSync(process.env.GITHUB_OUTPUT, `${name}=${value}\n`);
+}
+
+const publishable = listPublishableWorkspaces();
+
+if (publishable.length === 0) {
+    console.log("No publishable workspaces found.");
+    setGitHubOutput("hasMissingReleases", "false");
+    process.exit(0);
+}
+
+const missing = publishable.filter(
+    ({ name, version }) => !gitTagExists(`${name}_v${version}`),
+);
+
+console.log(`Publishable workspaces:    ${publishable.length}`);
+console.log(`With existing git tag:     ${publishable.length - missing.length}`);
+console.log(`Missing git tag / release: ${missing.length}`);
+
+if (missing.length > 0) {
+    console.log("\nPackages that need a release:");
+    for (const { name, version, crateName } of missing) {
+        const suffix = crateName ? ` (+ crate ${crateName})` : "";
+        console.log(`  - ${name}@${version}${suffix}`);
+    }
+}
+
+setGitHubOutput("hasMissingReleases", missing.length > 0 ? "true" : "false");
+
+if (CHECK_ONLY || missing.length === 0) {
+    process.exit(0);
+}
+
+// `--check-only` only enumerates missing releases via local git state,
+// but creating releases requires `gh release create`, which needs a
+// token. Fail fast here so the workflow surfaces a clear error rather
+// than a generic `gh` auth failure mid-loop.
+if (!process.env.GH_TOKEN) {
+    console.error("GH_TOKEN must be set so the `gh` CLI can create GitHub releases.");
+    process.exit(1);
+}
+
+mkdirSync(NPM_DIR, { recursive: true });
+mkdirSync(CRATES_DIR, { recursive: true });
+
+let created = 0;
+let hasErrors = false;
+
+for (const { name, version, location, crateName, cargoTomlPath } of missing) {
+    const tag = `${name}_v${version}`;
+    const assets = [];
+
+    try {
+        console.log(`\nPacking ${name}@${version} from ${location}...`);
+        const packJson = run("npm", [
+            "pack",
+            "--silent",
+            "--json",
+            `--workspace=${location}`,
+            `--pack-destination=${resolve(NPM_DIR)}`,
+        ]);
+        assets.push(join(NPM_DIR, JSON.parse(packJson)[0].filename));
+
+        if (cargoTomlPath) {
+            console.log(`Packaging crate ${crateName}@${version}...`);
+            run(
+                "cargo",
+                [
+                    "package",
+                    "--no-verify",
+                    "--allow-dirty",
+                    "--manifest-path",
+                    cargoTomlPath,
+                ],
+                { stdio: "inherit" },
+            );
+            const srcCrate = join(
+                "crates",
+                crateName,
+                "target",
+                "package",
+                `${crateName}-${version}.crate`,
+            );
+            if (!existsSync(srcCrate)) {
+                throw new Error(
+                    `Expected ${srcCrate} after cargo package, but it does not exist.`,
+                );
+            }
+            const destCrate = join(CRATES_DIR, basename(srcCrate));
+            copyFileSync(srcCrate, destCrate);
+            assets.push(destCrate);
+        }
+
+        const notes = [
+            `Nightly release for \`${name}@${version}\`.`,
+            "",
+            "Version bumps were landed via a regular pull request. The attached",
+            "assets will be downloaded and published to npm" +
+                (cargoTomlPath ? " and crates.io" : "") +
+                " by the nightly Azure release pipeline.",
+        ].join("\n");
+
+        // Let `gh release create` create the tag atomically with the
+        // release so that "tag exists" and "release exists" are always
+        // the same fact. If we created the tag separately and pushed
+        // it, and then `gh release create` failed, the next workflow
+        // run would think the release was already done (because the
+        // tag exists) and skip it forever.
+        const targetSha = (
+            process.env.GITHUB_SHA || run("git", ["rev-parse", "HEAD"])
+        ).trim();
+
+        console.log(`Creating release ${tag} at ${targetSha.slice(0, 7)}...`);
+        run(
+            "gh",
+            [
+                "release",
+                "create",
+                tag,
+                ...assets,
+                "--target",
+                targetSha,
+                "--title",
+                `${name}@${version}`,
+                "--notes",
+                notes,
+            ],
+            { stdio: "inherit" },
+        );
+
+        console.log(`Created release ${tag} with ${assets.length} asset(s)`);
+        created += 1;
+    } catch (error) {
+        hasErrors = true;
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(`Failed to release ${name}@${version}: ${message}`);
+    }
+}
+
+console.log(`\nReleases created: ${created}/${missing.length}`);
+
+if (hasErrors) {
+    process.exitCode = 1;
+}
diff --git a/build/scripts/download-github-releases.mjs b/build/scripts/download-github-releases.mjs
new file mode 100644
index 00000000000..6d0a1234c8a
--- /dev/null
+++ b/build/scripts/download-github-releases.mjs
@@ -0,0 +1,192 @@
+#!/usr/bin/env node
+/**
+ * Download GitHub release assets whose `${name}_v${version}` git tag has
+ * no `deployed/<tag>` counterpart, and sort them into separate folders
+ * for the publish template:
+ *
+ *   - `.tgz`   -> `publish_artifacts_npm/`
+ *   - `.crate` -> `publish_artifacts_crates/`
+ *
+ * Invoked by `azure-pipelines-cd.yml` before the existing
+ * `FAST.Release.PipelineTemplate` runs. We use a `deployed/<tag>` git
+ * marker tag instead of `npm view` / `cargo search` because external
+ * calls from 1ES agents to npm/crates.io are unreliable.
+ *
+ * After a successful publish the Azure pipeline pushes the
+ * `deployed/<tag>` marker tag for each release that was published; the
+ * next run sees it via `git tag -l` and skips that release.
+ *
+ * Modes:
+ *
+ *   - default: download assets for every undeployed release. Writes the
+ *     processed tag list to `publish_artifacts_meta/undeployed-tags.txt`
+ *     so the Azure pipeline can push `deployed/<tag>` markers after the
+ *     publish template completes.
+ *   - `--check-only`: enumerate undeployed releases only. Sets the
+ *     `needsDeployment` and `undeployedTags` Azure Pipelines output
+ *     variables (when running under `TF_BUILD`). No downloads.
+ *
+ * Inputs:
+ *
+ *   - `GITHUB_REPOSITORY` env var (`owner/repo`) — required.
+ *   - `GH_TOKEN` env var — required for non-`--check-only` mode so the
+ *     `gh` CLI can authenticate.
+ *
+ * The script never reads any package.json or Cargo.toml: the
+ * source of truth for "what should be published" is the set of git
+ * tags. This keeps the script working on a freshly-cloned 1ES agent
+ * with no `node_modules` or cargo registry.
+ */
+
+import { execFileSync } from "node:child_process";
+import {
+    mkdirSync,
+    readdirSync,
+    renameSync,
+    rmSync,
+    unlinkSync,
+    writeFileSync,
+} from "node:fs";
+import { join } from "node:path";
+
+const NPM_DIR = "publish_artifacts_npm";
+const CRATES_DIR = "publish_artifacts_crates";
+const META_DIR = "publish_artifacts_meta";
+const STAGE_DIR = "publish_artifacts_stage";
+
+const CHECK_ONLY = process.argv.includes("--check-only");
+
+const repo = process.env.GITHUB_REPOSITORY;
+if (!repo) {
+    console.error("GITHUB_REPOSITORY must be set to owner/repo");
+    process.exit(1);
+}
+
+// `--check-only` works against the local git tag list and never invokes
+// `gh`, so it does not need a token. In non-check mode we call
+// `gh release download`, which fails with a generic auth error if
+// `GH_TOKEN` is missing; fail fast here with a clearer message.
+if (!CHECK_ONLY && !process.env.GH_TOKEN) {
+    console.error("GH_TOKEN must be set so the `gh` CLI can download release assets.");
+    process.exit(1);
+}
+
+function run(file, args, opts = {}) {
+    return execFileSync(file, args, { encoding: "utf8", ...opts });
+}
+
+function listGitTags() {
+    return run("git", ["tag", "--list"])
+        .split("\n")
+        .map(t => t.trim())
+        .filter(Boolean);
+}
+
+function setAzureOutput(name, value) {
+    if (!process.env.TF_BUILD) return;
+    console.log(`##vso[task.setvariable variable=${name};isOutput=true]${value}`);
+}
+
+const allTags = listGitTags();
+const deployed = new Set(
+    allTags.filter(t => t.startsWith("deployed/")).map(t => t.slice("deployed/".length)),
+);
+// Match beachball's release tag format: `${name}_v${major}.${minor}.${patch}`,
+// where the version is the publishable portion (`1.0.0` or `1.0.0-alpha.3`).
+// Anchored at the end of the tag name so trailing junk (e.g. a stray
+// suffix accidentally appended after a real version) does not get
+// misclassified as a release. `deployed/` marker tags are excluded
+// explicitly so they aren't re-processed as if they were releases.
+const RELEASE_TAG_RE = /_v\d+\.\d+\.\d+(?:-[\w.-]+)?$/;
+const releaseTags = allTags.filter(
+    t => !t.startsWith("deployed/") && RELEASE_TAG_RE.test(t),
+);
+const undeployed = releaseTags.filter(t => !deployed.has(t)).sort();
+
+console.log(`Release tags total:        ${releaseTags.length}`);
+console.log(`Already deployed:          ${releaseTags.length - undeployed.length}`);
+console.log(`Undeployed:                ${undeployed.length}`);
+
+if (undeployed.length > 0) {
+    console.log("\nUndeployed tags:");
+    for (const tag of undeployed) {
+        console.log(`  - ${tag}`);
+    }
+}
+
+setAzureOutput("needsDeployment", undeployed.length > 0 ? "true" : "false");
+setAzureOutput("undeployedTags", undeployed.join(","));
+
+if (CHECK_ONLY || undeployed.length === 0) {
+    process.exit(0);
+}
+
+// Clear the publish artifact directories before recreating them so a
+// re-run (locally or after a partially-failed Azure attempt) cannot
+// pick up stale `.tgz` / `.crate` files from a previous invocation.
+for (const dir of [NPM_DIR, CRATES_DIR, META_DIR]) {
+    rmSync(dir, { recursive: true, force: true });
+    mkdirSync(dir, { recursive: true });
+}
+
+let hasErrors = false;
+const processed = [];
+
+for (const tag of undeployed) {
+    try {
+        console.log(`\nDownloading assets for ${tag}...`);
+        // Clear the stage dir before each iteration so leftover unknown-type
+        // files from a previous release are not reprocessed (or warned about
+        // repeatedly).
+        rmSync(STAGE_DIR, { recursive: true, force: true });
+        mkdirSync(STAGE_DIR, { recursive: true });
+        run(
+            "gh",
+            ["release", "download", tag, "--repo", repo, "--dir", STAGE_DIR, "--clobber"],
+            { stdio: "inherit" },
+        );
+
+        let foundAssets = 0;
+        for (const file of readdirSync(STAGE_DIR)) {
+            const src = join(STAGE_DIR, file);
+            if (file.endsWith(".tgz")) {
+                renameSync(src, join(NPM_DIR, file));
+                foundAssets += 1;
+            } else if (file.endsWith(".crate")) {
+                renameSync(src, join(CRATES_DIR, file));
+                foundAssets += 1;
+            } else {
+                console.warn(`  Ignoring unknown asset type: ${file}`);
+                unlinkSync(src);
+            }
+        }
+
+        // Refuse to mark a tag as processed if its release had no
+        // recognised publish assets. Otherwise the Azure pipeline would
+        // push the `deployed/<tag>` marker, and the (presumably broken)
+        // release would never be retried.
+        if (foundAssets === 0) {
+            throw new Error(
+                `Release ${tag} contained no .tgz or .crate assets; refusing to mark as deployed.`,
+            );
+        }
+
+        processed.push(tag);
+    } catch (error) {
+        hasErrors = true;
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(`Failed to download release ${tag}: ${message}`);
+    }
+}
+
+writeFileSync(
+    join(META_DIR, "undeployed-tags.txt"),
+    processed.join("\n") + (processed.length ? "\n" : ""),
+);
+
+console.log(`\nProcessed ${processed.length}/${undeployed.length} release(s).`);
+console.log(`Tag list written to ${join(META_DIR, "undeployed-tags.txt")}`);
+
+if (hasErrors) {
+    process.exitCode = 1;
+}
diff --git a/crates/microsoft-fast-build/Cargo.lock b/crates/microsoft-fast-build/Cargo.lock
index 039cb22964b..17cd393f9a3 100644
--- a/crates/microsoft-fast-build/Cargo.lock
+++ b/crates/microsoft-fast-build/Cargo.lock
@@ -144,7 +144,7 @@ checksum = "f8ca58f447f06ed17d5fc4043ce1b10dd205e060fb3ce5b979b8ed8e59ff3f79"
 
 [[package]]
 name = "microsoft-fast-build"
-version = "0.1.0"
+version = "0.7.0"
 dependencies = [
  "tempfile",
  "wasm-bindgen",
diff --git a/crates/microsoft-fast-build/Cargo.toml b/crates/microsoft-fast-build/Cargo.toml
index 3746bbebc76..a5d702d9e96 100644
--- a/crates/microsoft-fast-build/Cargo.toml
+++ b/crates/microsoft-fast-build/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "microsoft-fast-build"
-version = "0.1.0"
+version = "0.7.0"
 edition = "2021"
 description = "Server-side renderer for FAST declarative HTML templates — resolves bindings, evaluates conditionals, iterates repeats, and expands custom elements into Declarative Shadow DOM."
 license = "MIT"
diff --git a/package.json b/package.json
index fb7d2d1f05d..6d6cf1cbc78 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,6 @@
     "check": "beachball check ",
     "build:gh-pages": "npm run build -w @microsoft/fast-site",
     "publish": "beachball publish",
-    "publish-ci": "beachball publish -y --no-publish",
     "sync": "beachball sync",
     "test:diff:error": "echo \"Untracked files exist, try running npm run build to identify the culprit.\" && exit 1",
     "test:diff": "git update-index --refresh && git diff-index --quiet HEAD -- || npm run test:diff:error",

From 18c98d3f71c7836c7b76224ebe37a5c4c5c682a3 Mon Sep 17 00:00:00 2001
From: John Kreitlow <863023+radium-v@users.noreply.github.com>
Date: Wed, 27 May 2026 10:38:21 -0700
Subject: [PATCH 12/17] chore: update dependencies in package.json (#7533)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Pull Request

## 📖 Description

Removes unused root-level dependencies from the FAST monorepo and replaces `@types/express` with `@types/node`, which more accurately reflects the project's actual runtime environment.

**Removed:**
- `@types/express`
- `esm`
- `express`
- `glob`
- `yargs`

**Added:**
- `@types/node`

Also removes the `overrides` block, which was only needed to pin `glob` transitively through `sucrase` and `read-package-json`.

### 🎫 Issues

This PR supersedes #7528, #7529, and #7530.

## 📑 Test Plan

All existing tests pass. No functional code was changed as this is a dependency cleanup only.

## ✅ Checklist

### General

- [x] I have tested my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.

(cherry picked from commit e92f2892039c35395557920b4626009d96a6e01c)
---
 package-lock.json | 1424 +++------------------------------------------
 package.json      |   17 +-
 2 files changed, 76 insertions(+), 1365 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a8bfd868286..9a824ff4e52 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,19 +24,15 @@
         "@rollup/plugin-node-resolve": "16.0.3",
         "@rollup/plugin-terser": "1.0.0",
         "@rollup/plugin-typescript": "12.3.0",
-        "@types/express": "^5.0.6",
+        "@types/node": "^22.18.11",
         "@typescript/native-preview": "7.0.0-dev.20260421.2",
         "beachball": "2.63.0",
         "concurrently": "9.2.1",
-        "esm": "3.2.25",
-        "express": "4.22.1",
-        "glob": "10.5.0",
         "lage": "2.15.8",
         "lefthook": "2.1.4",
         "rollup": "4.59.0",
         "typescript": "5.5.4",
-        "vite": "7.3.2",
-        "yargs": "17.7.2"
+        "vite": "7.3.2"
       },
       "engines": {
         "node": ">=22.18.0",
@@ -84,7 +80,10 @@
     "examples/ssr": {
       "name": "@microsoft/fast-ssr-example",
       "version": "1.0.0",
+      "dev": true,
       "license": "MIT",
+      "optional": true,
+      "peer": true,
       "dependencies": {
         "@microsoft/fast-element": "^2.10.3",
         "@microsoft/fast-ssr": "^1.0.0-beta.40",
@@ -1000,27 +999,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/ws": {
-      "version": "8.19.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
-      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": ">=5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@11ty/eleventy-navigation": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@11ty/eleventy-navigation/-/eleventy-navigation-1.0.5.tgz",
@@ -2172,24 +2150,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
@@ -2366,9 +2326,9 @@
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/brace-expansion": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
-      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2541,17 +2501,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/@playwright/test": {
       "version": "1.56.1",
       "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.56.1.tgz",
@@ -3144,82 +3093,22 @@
       "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
       "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA=="
     },
-    "node_modules/@types/body-parser": {
-      "version": "1.19.6",
-      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
-      "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/connect": "*",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/connect": {
-      "version": "3.4.38",
-      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
-      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
       "license": "MIT"
     },
-    "node_modules/@types/express": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/@types/express/-/express-5.0.6.tgz",
-      "integrity": "sha512-sKYVuV7Sv9fbPIt/442koC7+IIwK5olP1KWeD88e/idgoJqDm3JV/YUiPwkoKK92ylff2MGxSz1CSjsXelx0YA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/body-parser": "*",
-        "@types/express-serve-static-core": "^5.0.0",
-        "@types/serve-static": "^2"
-      }
-    },
-    "node_modules/@types/express-serve-static-core": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.1.1.tgz",
-      "integrity": "sha512-v4zIMr/cX7/d2BpAEX3KNKL/JrT1s43s96lLvvdTmza1oEvDudCqK9aF/djc/SWgy8Yh0h30TZx5VpzqFCxk5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*",
-        "@types/qs": "*",
-        "@types/range-parser": "*",
-        "@types/send": "*"
-      }
-    },
-    "node_modules/@types/http-errors": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz",
-      "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/node": {
-      "version": "22.18.11",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.18.11.tgz",
-      "integrity": "sha512-Gd33J2XIrXurb+eT2ktze3rJAfAp9ZNjlBdh4SVgyrKEOADwCbdUDaK7QgJno8Ue4kcajscsKqu6n8OBG3hhCQ==",
+      "version": "22.19.19",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.19.tgz",
+      "integrity": "sha512-dyh/xO2Fh5bYrfWaaqGrRQQGkNdmYw6AmaAUvYeUMNTWQtvb796ikLdmTchRmOlOiIJ1TDXfWgVx1QkUlQ6Hew==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "undici-types": "~6.21.0"
       }
     },
-    "node_modules/@types/node/node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "devOptional": true,
-      "license": "MIT"
-    },
     "node_modules/@types/parse-path": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/@types/parse-path/-/parse-path-7.0.3.tgz",
@@ -3227,47 +3116,12 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/qs": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.15.0.tgz",
-      "integrity": "sha512-JawvT8iBVWpzTrz3EGw9BTQFg3BQNmwERdKE22vlTxawwtbyUSlMppvZYKLZzB5zgACXdXxbD3m1bXaMqP/9ow==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/range-parser": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
-      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/resolve": {
       "version": "1.20.2",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
       "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
       "dev": true
     },
-    "node_modules/@types/send": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.1.tgz",
-      "integrity": "sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/serve-static": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-2.2.0.tgz",
-      "integrity": "sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/http-errors": "*",
-        "@types/node": "*"
-      }
-    },
     "node_modules/@typescript/native-preview": {
       "version": "7.0.0-dev.20260421.2",
       "resolved": "https://registry.npmjs.org/@typescript/native-preview/-/native-preview-7.0.0-dev.20260421.2.tgz",
@@ -3424,19 +3278,6 @@
       "integrity": "sha512-RYTOHHdWipFUliRFMCS4X2Yn2X8M87V/OpSqWzKKOGhzqyUxzyVmhHDH9sAvG+ZuQf/TAOFsLCpMw09I1ufUnA==",
       "license": "MIT"
     },
-    "node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "dev": true,
-      "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
@@ -3494,18 +3335,6 @@
         }
       }
     },
-    "node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
     "node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -3560,12 +3389,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/array-flatten": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
-      "dev": true
-    },
     "node_modules/array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -3718,77 +3541,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/body-parser": {
-      "version": "1.20.4",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
-      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "bytes": "~3.1.2",
-        "content-type": "~1.0.5",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "~1.2.0",
-        "http-errors": "~2.0.1",
-        "iconv-lite": "~0.4.24",
-        "on-finished": "~2.4.1",
-        "qs": "~6.14.0",
-        "raw-body": "~2.5.3",
-        "type-is": "~1.6.18",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/body-parser/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/body-parser/node_modules/http-errors": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
-      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "depd": "~2.0.0",
-        "inherits": "~2.0.4",
-        "setprototypeof": "~1.2.0",
-        "statuses": "~2.0.2",
-        "toidentifier": "~1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
-      }
-    },
-    "node_modules/body-parser/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
-    },
-    "node_modules/body-parser/node_modules/statuses": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
-      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -3821,46 +3573,6 @@
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
       "devOptional": true
     },
-    "node_modules/bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/call-bound": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "get-intrinsic": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -4169,43 +3881,6 @@
         "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
       }
     },
-    "node_modules/content-disposition": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
-      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "5.2.1"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/content-type": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cookie": {
-      "version": "0.7.2",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
-      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cookie-signature": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
-      "dev": true
-    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -4275,6 +3950,15 @@
       "integrity": "sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==",
       "dev": true
     },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
     "node_modules/deepmerge": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
@@ -4301,16 +3985,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/destroy": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
-      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
     "node_modules/detect-libc": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
@@ -4395,47 +4069,11 @@
         "url": "https://github.com/fb55/domutils?sponsor=1"
       }
     },
-    "node_modules/dunder-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true
-    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true
-    },
-    "node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/encoding-sniffer": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.1.tgz",
@@ -4504,47 +4142,15 @@
         "is-arrayish": "^0.2.1"
       }
     },
-    "node_modules/es-define-property": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-      "dev": true,
+    "node_modules/esbuild": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
+      "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==",
+      "hasInstallScript": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-object-atoms": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/esbuild": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
-      "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
       "engines": {
         "node": ">=18"
       },
@@ -4592,16 +4198,6 @@
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
       "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
     },
-    "node_modules/esm": {
-      "version": "3.2.25",
-      "resolved": "https://registry.npmjs.org/esm/-/esm-3.2.25.tgz",
-      "integrity": "sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/esm-import-transformer": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/esm-import-transformer/-/esm-import-transformer-3.0.5.tgz",
@@ -4671,78 +4267,6 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
-    "node_modules/express": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
-      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "accepts": "~1.3.8",
-        "array-flatten": "1.1.1",
-        "body-parser": "~1.20.3",
-        "content-disposition": "~0.5.4",
-        "content-type": "~1.0.4",
-        "cookie": "~0.7.1",
-        "cookie-signature": "~1.0.6",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "finalhandler": "~1.3.1",
-        "fresh": "~0.5.2",
-        "http-errors": "~2.0.0",
-        "merge-descriptors": "1.0.3",
-        "methods": "~1.1.2",
-        "on-finished": "~2.4.1",
-        "parseurl": "~1.3.3",
-        "path-to-regexp": "~0.1.12",
-        "proxy-addr": "~2.0.7",
-        "qs": "~6.14.0",
-        "range-parser": "~1.2.1",
-        "safe-buffer": "5.2.1",
-        "send": "~0.19.0",
-        "serve-static": "~1.16.2",
-        "setprototypeof": "1.2.0",
-        "statuses": "~2.0.1",
-        "type-is": "~1.6.18",
-        "utils-merge": "1.0.1",
-        "vary": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.10.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
-      }
-    },
-    "node_modules/express/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/express/node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/express/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
-    },
     "node_modules/extend-shallow": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
@@ -4789,9 +4313,9 @@
       }
     },
     "node_modules/fast-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
-      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
+      "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
       "funding": [
         {
           "type": "github",
@@ -4842,15 +4366,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/finalhandler/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
     "node_modules/finalhandler/node_modules/encodeurl": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
@@ -4860,12 +4375,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/finalhandler/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "license": "MIT"
-    },
     "node_modules/find-replace": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/find-replace/-/find-replace-3.0.0.tgz",
@@ -4887,55 +4396,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/foreground-child": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
-      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "cross-spawn": "^7.0.6",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/foreground-child/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/forwarded": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/fresh": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/fs-extra": {
       "version": "11.3.4",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.4.tgz",
@@ -4980,45 +4440,6 @@
         "node": "6.* || 8.* || >= 10.*"
       }
     },
-    "node_modules/get-intrinsic": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "function-bind": "^1.1.2",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "math-intrinsics": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
     "node_modules/get-stream": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
@@ -5065,27 +4486,6 @@
         "git-up": "^8.1.0"
       }
     },
-    "node_modules/glob": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
-      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/glob-hasher": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/glob-hasher/-/glob-hasher-1.4.2.tgz",
@@ -5188,72 +4588,6 @@
         "node": ">= 10"
       }
     },
-    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.3.tgz",
-      "integrity": "sha512-MCV/fYJEbqx68aE58kv2cA/kiky1G8vux3OR6/jbS+jIMe/6fJWa0DTzJU7dqijOWYwHi1t29FlfYI9uytqlpA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/glob/node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "node_modules/glob/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/glob/node_modules/minimatch": {
-      "version": "9.0.9",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
-      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob/node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/globby": {
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
@@ -5274,19 +4608,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/gopd": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
@@ -5328,19 +4649,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/has-symbols": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -5453,22 +4761,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/http-errors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
-      "dev": true,
-      "dependencies": {
-        "depd": "2.0.0",
-        "inherits": "2.0.4",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "toidentifier": "1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/human-signals": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
@@ -5478,18 +4770,6 @@
         "node": ">=10.17.0"
       }
     },
-    "node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dev": true,
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/ignore": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
@@ -5528,15 +4808,6 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
-    "node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/is-alphabetical": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
@@ -5971,9 +5242,9 @@
       }
     },
     "node_modules/liquidjs": {
-      "version": "10.25.0",
-      "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.25.0.tgz",
-      "integrity": "sha512-XpO7AiGULTG4xcTlwkcTI5JreFG7b6esLCLp+aUSh7YuQErJZEoUXre9u9rbdb0057pfWG4l0VursvLd5Q/eAw==",
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.27.0.tgz",
+      "integrity": "sha512-tw/OA59K7aIBlMKIrKlumr37fiZUheShVHXY8cVctWisgY1p9mc5hreOvlreoS0wTiwlWk14Ya7305c2a/Cg5w==",
       "license": "MIT",
       "dependencies": {
         "commander": "^10.0.0"
@@ -6062,16 +5333,6 @@
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
       "license": "Python-2.0"
     },
-    "node_modules/math-intrinsics": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
     "node_modules/maximatch": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/maximatch/-/maximatch-0.1.0.tgz",
@@ -6105,25 +5366,6 @@
       "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
       "license": "MIT"
     },
-    "node_modules/media-typer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/merge-descriptors": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
-      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -6139,15 +5381,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/methods": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/micromatch": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
@@ -6162,34 +5395,13 @@
         "node": ">=8.6"
       }
     },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
       "dev": true,
       "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
+        "node": ">=6"
       }
     },
     "node_modules/minimatch": {
@@ -6249,10 +5461,16 @@
       "integrity": "sha512-D/fR4xgGUyVRbdMGU6Nejea1RFzYxYtyurG4Fbv2Fi/daKlWKuXGLOdXtl+3eIwL110cI2hz1ZojGICjjFLgTg==",
       "license": "MIT"
     },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
     "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
       "funding": [
         {
           "type": "github",
@@ -6267,15 +5485,6 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
-    "node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/node-html-parser": {
       "version": "6.1.13",
       "resolved": "https://registry.npmjs.org/node-html-parser/-/node-html-parser-6.1.13.tgz",
@@ -6375,19 +5584,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/object-inspect": {
-      "version": "1.13.4",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/on-finished": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
@@ -6436,13 +5632,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0"
-    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -6598,13 +5787,6 @@
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
-    "node_modules/path-to-regexp": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz",
-      "integrity": "sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
@@ -6685,9 +5867,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "version": "8.5.15",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+      "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
       "funding": [
         {
           "type": "opencollective",
@@ -6704,7 +5886,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.11",
+        "nanoid": "^3.3.12",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -6790,19 +5972,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/proxy-addr": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
-      "dev": true,
-      "dependencies": {
-        "forwarded": "0.2.0",
-        "ipaddr.js": "1.9.1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -6818,22 +5987,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/qs": {
-      "version": "6.14.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
-      "integrity": "sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "side-channel": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -6862,53 +6015,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/raw-body": {
-      "version": "2.5.3",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
-      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "bytes": "~3.1.2",
-        "http-errors": "~2.0.1",
-        "iconv-lite": "~0.4.24",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/raw-body/node_modules/http-errors": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
-      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "depd": "~2.0.0",
-        "inherits": "~2.0.4",
-        "setprototypeof": "~1.2.0",
-        "statuses": "~2.0.2",
-        "toidentifier": "~1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
-      }
-    },
-    "node_modules/raw-body/node_modules/statuses": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
-      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -7082,26 +6188,6 @@
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -7125,68 +6211,6 @@
       "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
       "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow=="
     },
-    "node_modules/send": {
-      "version": "0.19.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
-      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
-        "mime": "1.6.0",
-        "ms": "2.1.3",
-        "on-finished": "2.4.1",
-        "range-parser": "~1.2.1",
-        "statuses": "2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/send/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/send/node_modules/debug/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/send/node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/send/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/serialize-javascript": {
       "version": "7.0.5",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-7.0.5.tgz",
@@ -7197,32 +6221,6 @@
         "node": ">=20.0.0"
       }
     },
-    "node_modules/serve-static": {
-      "version": "1.16.2",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
-      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "parseurl": "~1.3.3",
-        "send": "0.19.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/serve-static/node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -7262,82 +6260,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/side-channel": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3",
-        "side-channel-list": "^1.0.0",
-        "side-channel-map": "^1.0.1",
-        "side-channel-weakmap": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel-list": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel-map": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel-weakmap": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3",
-        "side-channel-map": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/signal-exit": {
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
@@ -7422,108 +6344,6 @@
         "node": ">=0.6.19"
       }
     },
-    "node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/string-width-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/strip-bom-string": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
@@ -7688,19 +6508,6 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
       "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ=="
     },
-    "node_modules/type-is": {
-      "version": "1.6.18",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
-      "dev": true,
-      "dependencies": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/typescript": {
       "version": "5.5.4",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
@@ -7746,6 +6553,13 @@
         "node": ">=20.18.1"
       }
     },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
     "node_modules/universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
@@ -7769,24 +6583,6 @@
       "integrity": "sha512-IGjKp/o0NL3Bso1PymYURCJxMPNAf/ILOpendP9f5B6e1rTJgdgiOvgfoT8VxCAdY+Wisb9uhGaJJf3yZ2V9nw==",
       "license": "MIT"
     },
-    "node_modules/utils-merge": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/vary": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/vite": {
       "version": "7.3.2",
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.2.tgz",
@@ -7940,97 +6736,25 @@
         "micromatch": "^4.0.0"
       }
     },
-    "node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
+    "node_modules/ws": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
+      "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
       "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
       "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
+        "node": ">=10.0.0"
       },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
       },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
       }
     },
     "node_modules/y18n": {
diff --git a/package.json b/package.json
index 6d6cf1cbc78..c87c7164ed8 100644
--- a/package.json
+++ b/package.json
@@ -60,26 +60,13 @@
     "@rollup/plugin-terser": "1.0.0",
     "@rollup/plugin-typescript": "12.3.0",
     "@typescript/native-preview": "7.0.0-dev.20260421.2",
-    "@types/express": "^5.0.6",
+    "@types/node": "^22.18.11",
     "beachball": "2.63.0",
     "concurrently": "9.2.1",
-    "esm": "3.2.25",
-    "express": "4.22.1",
-    "glob": "10.5.0",
     "lage": "2.15.8",
     "lefthook": "2.1.4",
     "rollup": "4.59.0",
     "typescript": "5.5.4",
-    "vite": "7.3.2",
-    "yargs": "17.7.2"
-  },
-  "overrides": {
-    "pacote": "21.3.0",
-    "sucrase": {
-      "glob": "$glob"
-    },
-    "read-package-json": {
-      "glob": "$glob"
-    }
+    "vite": "7.3.2"
   }
 }

From 8368dcf4ed081da0a1f627633a1d99758a26ed69 Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Wed, 27 May 2026 12:51:06 -0700
Subject: [PATCH 13/17] chore: adapt cherry-picked commits for v3 architecture

Adapts cherry-picked commits to work on the v3 release branch where
@microsoft/fast-html does not exist as a separate package (its code
lives inside @microsoft/fast-element/declarative/):

- Drop @microsoft/fast-html-only files from PR #7521 (DESIGN.md /
  RENDERING.md / package.json) and preserve v3's existing data-fe="N"
  hydration marker style when merging the new template host attribute
  propagation logic into crates/microsoft-fast-build/DESIGN.md and the
  host-bindings fixture (index.html, main.ts).
- Convert the autofocus host fixture from PR #7521 to v3's plain
  Element.define({ template: declarativeTemplate() }) pattern instead of
  RenderableFASTElement(...).defineAsync({ templateOptions }).
- Drop the new SSR example apps from PR #7518 (examples/ssr/chat-app)
  and PR #7424 (examples/ssr/webui-todo-app). Both rely on the
  RenderableFASTElement mixin and TemplateElement.options/define APIs
  that ship in @microsoft/fast-html on main but do not exist on v3.
  Adapting them would require a substantial rewrite that should be
  done as a follow-up.
- Trim the new E2E suite from PR #7424 to only target the two CSR
  example apps (csr-todo, csr-todo-mobx). Removes the ssr-webui-todo
  Playwright project/webServer entry, the ssr-webui-todo adapter, and
  the webui-todo-app state.json backup/restore in global-setup /
  global-teardown.
- Convert the @microsoft-fast-html-* change files from PRs #7521 and
  #7424 to drops (no equivalent fast-html package exists on v3).
- Update .github/copilot-instructions.md to drop the ssr/chat-app and
  ssr/webui-todo-app bullets from the Example projects section.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 .github/copilot-instructions.md               |   2 -
 examples/csr/todo-mobx-app/package.json       |   2 +-
 examples/ssr/chat-app/.gitignore              |   2 -
 examples/ssr/chat-app/DESIGN.md               | 168 ----
 examples/ssr/chat-app/README.md               |  69 --
 examples/ssr/chat-app/biome.json              |  10 -
 examples/ssr/chat-app/build-markup.mjs        |  36 -
 examples/ssr/chat-app/entry.html              |  16 -
 examples/ssr/chat-app/fast-build.config.json  |   6 -
 examples/ssr/chat-app/package.json            |  34 -
 examples/ssr/chat-app/public/styles.css       | 323 -------
 examples/ssr/chat-app/src/chat-app.ts         | 198 ----
 examples/ssr/chat-app/src/chat-card.ts        |  12 -
 examples/ssr/chat-app/src/chat-data.ts        |  86 --
 examples/ssr/chat-app/src/chat-message.ts     |  12 -
 examples/ssr/chat-app/src/chat-suggestion.ts  |  16 -
 examples/ssr/chat-app/src/design-system.d.ts  |   1 -
 examples/ssr/chat-app/src/exports.ts          |   5 -
 examples/ssr/chat-app/src/main.ts             |  17 -
 examples/ssr/chat-app/state.json              |   5 -
 examples/ssr/chat-app/templates.html          |  84 --
 examples/ssr/chat-app/tsconfig.json           |  20 -
 examples/ssr/chat-app/vite.config.ts          |  13 -
 examples/ssr/webui-todo-app/DESIGN.md         | 200 ----
 examples/ssr/webui-todo-app/README.md         | 126 ---
 examples/ssr/webui-todo-app/data/state.json   |  41 -
 examples/ssr/webui-todo-app/package.json      |  38 -
 examples/ssr/webui-todo-app/src/index.html    |  27 -
 examples/ssr/webui-todo-app/src/index.ts      |  37 -
 .../webui-todo-app/src/todo-app/todo-app.css  | 130 ---
 .../webui-todo-app/src/todo-app/todo-app.html |  39 -
 .../webui-todo-app/src/todo-app/todo-app.ts   | 162 ----
 .../src/todo-item/todo-item.css               |  53 --
 .../src/todo-item/todo-item.html              |  17 -
 .../webui-todo-app/src/todo-item/todo-item.ts |  46 -
 examples/ssr/webui-todo-app/tsconfig.json     |  16 -
 examples/test/playwright.config.ts            |  13 -
 examples/test/support/adapters/index.ts       |   2 -
 .../test/support/adapters/ssr-webui-todo.ts   |  87 --
 examples/test/support/global-setup.ts         |  26 +-
 examples/test/support/global-teardown.ts      |  13 +-
 package-lock.json                             | 896 +++---------------
 packages/fast-element/SIZES.md                |   2 +-
 .../fixtures/bindings/host/host.spec.ts       |   2 +-
 .../fixtures/bindings/host/index.html         |   3 +-
 .../src/docs/3.x/resources/export-sizes.md    |   2 +-
 46 files changed, 153 insertions(+), 2962 deletions(-)
 delete mode 100644 examples/ssr/chat-app/.gitignore
 delete mode 100644 examples/ssr/chat-app/DESIGN.md
 delete mode 100644 examples/ssr/chat-app/README.md
 delete mode 100644 examples/ssr/chat-app/biome.json
 delete mode 100644 examples/ssr/chat-app/build-markup.mjs
 delete mode 100644 examples/ssr/chat-app/entry.html
 delete mode 100644 examples/ssr/chat-app/fast-build.config.json
 delete mode 100644 examples/ssr/chat-app/package.json
 delete mode 100644 examples/ssr/chat-app/public/styles.css
 delete mode 100644 examples/ssr/chat-app/src/chat-app.ts
 delete mode 100644 examples/ssr/chat-app/src/chat-card.ts
 delete mode 100644 examples/ssr/chat-app/src/chat-data.ts
 delete mode 100644 examples/ssr/chat-app/src/chat-message.ts
 delete mode 100644 examples/ssr/chat-app/src/chat-suggestion.ts
 delete mode 100644 examples/ssr/chat-app/src/design-system.d.ts
 delete mode 100644 examples/ssr/chat-app/src/exports.ts
 delete mode 100644 examples/ssr/chat-app/src/main.ts
 delete mode 100644 examples/ssr/chat-app/state.json
 delete mode 100644 examples/ssr/chat-app/templates.html
 delete mode 100644 examples/ssr/chat-app/tsconfig.json
 delete mode 100644 examples/ssr/chat-app/vite.config.ts
 delete mode 100644 examples/ssr/webui-todo-app/DESIGN.md
 delete mode 100644 examples/ssr/webui-todo-app/README.md
 delete mode 100644 examples/ssr/webui-todo-app/data/state.json
 delete mode 100644 examples/ssr/webui-todo-app/package.json
 delete mode 100644 examples/ssr/webui-todo-app/src/index.html
 delete mode 100644 examples/ssr/webui-todo-app/src/index.ts
 delete mode 100644 examples/ssr/webui-todo-app/src/todo-app/todo-app.css
 delete mode 100644 examples/ssr/webui-todo-app/src/todo-app/todo-app.html
 delete mode 100644 examples/ssr/webui-todo-app/src/todo-app/todo-app.ts
 delete mode 100644 examples/ssr/webui-todo-app/src/todo-item/todo-item.css
 delete mode 100644 examples/ssr/webui-todo-app/src/todo-item/todo-item.html
 delete mode 100644 examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
 delete mode 100644 examples/ssr/webui-todo-app/tsconfig.json
 delete mode 100644 examples/test/support/adapters/ssr-webui-todo.ts

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index 75f681cfdda..8abf167d8e3 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -37,8 +37,6 @@ Each package includes a DESIGN.md file, read that to gain a general understandin
 - `examples/design-system/` — Shared semantic design tokens (`@microsoft/fast-examples-design-system`) consumed by all example apps.
 - `examples/csr/todo-app/` — A simple To-Do app demonstrating FAST usage patterns and using the shared `@microsoft/fast-examples-design-system` tokens.
 - `examples/csr/todo-mobx-app/` — A To-Do app demonstrating how to integrate MobX state with `@microsoft/fast-element` using a single `autorun` per component (no custom bridge code).
-- `examples/ssr/chat-app/` — A declarative FAST chat demo that pre-renders with `@microsoft/fast-build` and streams canned assistant replies into the transcript. Dark theme.
-- `examples/ssr/webui-todo-app/` — A To-Do app demonstrating FAST declarative HTML with `@microsoft/webui` prerendering and `@microsoft/fast-html` hydration. Light theme.
 
 ## Skills
 
diff --git a/examples/csr/todo-mobx-app/package.json b/examples/csr/todo-mobx-app/package.json
index 4e277f0f3f0..590087682a3 100644
--- a/examples/csr/todo-mobx-app/package.json
+++ b/examples/csr/todo-mobx-app/package.json
@@ -22,7 +22,7 @@
     "directory": "examples/csr/todo-mobx-app"
   },
   "dependencies": {
-    "@microsoft/fast-element": "^2.10.4",
+    "@microsoft/fast-element": "^3.0.0-rc.1",
     "@microsoft/fast-examples-design-system": "^1.0.0",
     "mobx": "^6.13.5",
     "tslib": "^2.6.3"
diff --git a/examples/ssr/chat-app/.gitignore b/examples/ssr/chat-app/.gitignore
deleted file mode 100644
index 070d1ee9985..00000000000
--- a/examples/ssr/chat-app/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-# Generated by build-markup.mjs from entry.html + state.json + templates.html
-index.html
diff --git a/examples/ssr/chat-app/DESIGN.md b/examples/ssr/chat-app/DESIGN.md
deleted file mode 100644
index 407b2850ac4..00000000000
--- a/examples/ssr/chat-app/DESIGN.md
+++ /dev/null
@@ -1,168 +0,0 @@
-# Chat App Example Design
-
-## Overview
-
-`examples/ssr/chat-app` is a small end-to-end FAST example that combines three ideas:
-
-1. **Declarative FAST** custom elements defined with `RenderableFASTElement` from `@microsoft/fast-html` and matching `<f-template name="...">` definitions.
-2. **Initial markup generated by `@microsoft/fast-build`** from an entry document, state file, and declarative `<f-template>` definitions.
-3. **Streaming assistant replies** with the hidden-iframe + `document.write()` technique described in Jake Archibald's article, “Fun hacks for faster content” (<https://jakearchibald.com/2016/fun-hacks-faster-content/>).
-
-The example intentionally keeps the conversation simple and deterministic so the streaming mechanism is easy to observe.
-
-## Design system
-
-This example consumes the shared `@microsoft/fast-examples-design-system`
-workspace package.
-
-- `src/main.ts` imports `@microsoft/fast-examples-design-system/tokens.css`
-  before hydration and custom-element definition so the tokens are registered
-  before any component renders.
-- Every design value in `public/styles.css` is referenced through
-  `var(--fast-...)`; colors, type sizes and line heights, spacing, corners,
-  stroke widths, shadows, durations, and curves are not hard-coded.
-- The theme is hard-coded in markup with `<html data-theme="dark">` in
-  `entry.html`, and the FAST build step carries that attribute into generated
-  `index.html`. The example does not implement a runtime theme toggle. Apps
-  that want one can set, change, or remove the attribute with the standard DOM
-  API described in [`../../design-system/README.md`](../../design-system/README.md)
-  and [`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
-
-## Folder structure
-
-This example follows the same top-level shape as `examples/csr/todo-app/` and adds the extra declarative-rendering source files needed for FAST build:
-
-- `package.json` — workspace scripts for build/start/test.
-- `tsconfig.json` — copied from `todo-app` with the example-specific LSP route.
-- `vite.config.ts` — same shape as `todo-app`, building into `www/`.
-- `entry.html` — source HTML passed to `@microsoft/fast-build`; hard-codes `data-theme="dark"`.
-- `state.json` — initial SSR state for the shell.
-- `templates.html` — declarative `<f-template>` definitions for every custom element.
-- `build-markup.mjs` — regenerates `index.html` and injects `<f-template>` definitions for hydration.
-- `index.html` — generated output consumed by Vite.
-- `public/styles.css` — shared token-based stylesheet loaded by the page and every component shadow root.
-- `src/chat-app.ts` — root element, queueing, exact-match lookup, and iframe streaming logic.
-- `src/chat-data.ts` — canned turn data.
-- `src/chat-message.ts` — message bubble custom element.
-- `src/chat-card.ts` — supporting card callout custom element.
-- `src/chat-suggestion.ts` — copyable/clickable next-prompt custom element.
-- `src/design-system.d.ts` — declares the shared `tokens.css` side-effect import for TypeScript.
-- `src/main.ts` — imports the shared tokens, enables hydration, and defines the custom elements.
-- `src/exports.ts` — barrel for the example runtime.
-
-## Build flow
-
-`npm run build` for this example performs three steps:
-
-1. `npm run build:markup`
-   - runs the `@microsoft/fast-build` CLI against `fast-build.config.json`
-   - renders `entry.html` + `state.json` + `templates.html` into `index.html`
-   - injects the raw `<f-template>` definitions before the module script so the `<f-template>` runtime can resolve them during hydration
-2. `tsgo -p tsconfig.json`
-   - type-checks and emits the TypeScript source into `dist/`
-3. `vite build`
-   - bundles the hydrated browser entry into `www/`
-
-## Runtime flow
-
-### Hydration and declarative templates
-
-`src/main.ts` imports the shared design tokens, side-effect-imports each
-component class, and triggers hydration by registering the `<f-template>`
-custom element via `@microsoft/fast-html`'s `TemplateElement`:
-
-- `chat-message`
-- `chat-card`
-- `chat-suggestion`
-- `chat-app`
-
-Each class extends `RenderableFASTElement(FASTElement)`, so its rendered
-shadow root is hydrated against the matching `<f-template name="...">` in
-`templates.html`.
-
-### Conversation model
-
-`src/chat-data.ts` stores six canned turns. Each turn has:
-
-- the **exact** user message that must be entered (comparison uses `trim()` only)
-- the bot's full HTML response (`responseHtml`)
-- the same response broken into visible streaming chunks (`responseChunks`)
-- the next suggested user message shown after the reply
-
-Unknown input maps to a single fallback turn.
-
-### Queueing
-
-The textarea stays enabled while a reply is streaming. To keep the conversation stable, `chat-app` uses a FIFO queue:
-
-1. submit message
-2. append the user bubble immediately
-3. look up the canned bot turn (or fallback)
-4. queue the bot turn
-5. process one bot turn at a time
-
-This lets the user queue the next line while the current assistant turn is still streaming.
-
-### Streaming via iframe + `document.write`
-
-The implementation follows the article's approach closely:
-
-1. create a hidden iframe
-2. wait for it to load
-3. write a dummy `<streaming-element>` tag into the iframe document
-4. move that element into the real chat transcript
-5. continue calling `iframe.contentDocument.write(...)` asynchronously for each HTML chunk
-6. close the streaming element and the iframe document when done
-
-Because the HTML parser keeps the open element on its stack, later `document.write()` calls continue filling the moved element even after it has been appended into the transcript.
-
-The example adds a small artificial delay between chunks so the streaming is obvious during a quick manual smoke test.
-
-## Custom elements
-
-### `<chat-app>`
-
-The root shell element. It renders:
-
-- the title and intro copy
-- the transcript container
-- the textarea composer
-- the initial assistant prompt and first suggestion
-
-It also owns:
-
-- exact-match response lookup
-- submit handling
-- Enter vs. Shift+Enter behavior
-- streaming queue management
-- suggestion click handling
-
-### `<chat-message>`
-
-A simple bubble wrapper with a slot. `kind="bot"` and `kind="user"` switch the visual treatment.
-
-### `<chat-card>`
-
-A small callout card used inside every assistant turn so each reply mixes native HTML with at least one FAST custom element.
-
-### `<chat-suggestion>`
-
-Renders the next suggested user prompt as selectable text and emits a `use-suggestion` event when clicked so `chat-app` can paste it into the textarea.
-
-## Canned conversation data
-
-| User message | Next suggested message |
-| --- | --- |
-| `Hi` | `How are you?` |
-| `How are you?` | `What's the weather like?` |
-| `What's the weather like?` | `Tell me a joke` |
-| `Tell me a joke` | `What can you do?` |
-| `What can you do?` | `Goodbye` |
-| `Goodbye` | `Hi` |
-| fallback | `Hi` |
-
-## Notable decisions
-
-- The initial welcome bubble is static shell content rather than part of the exact-match turn table, so the canned conversation can start from the first user message.
-- All page and component styling lives in a single external `public/styles.css` file. It is linked from the document `<head>` (render-blocking, so the bytes are loaded before the rest of the body is processed) and from inside every `<template shadowrootmode="open">` in `templates.html`. The browser fetches the file once and applies it to each shadow root, so styles are isolated per component but maintained in one place. Each design value references the shared `--fast-*` tokens.
-- Dynamic messages are appended at runtime with DOM APIs (and streamed bot HTML) while the overall shell and component authoring remain declarative FAST.
diff --git a/examples/ssr/chat-app/README.md b/examples/ssr/chat-app/README.md
deleted file mode 100644
index 68098a961f4..00000000000
--- a/examples/ssr/chat-app/README.md
+++ /dev/null
@@ -1,69 +0,0 @@
-# Chat App Example
-
-A small declarative FAST chat demo that pre-renders its initial markup with `@microsoft/fast-build` and streams canned assistant replies with a hidden iframe plus `document.write()`.
-
-## Design system
-
-This example consumes the shared `@microsoft/fast-examples-design-system`
-workspace package. The design-system package is **CSS-only** — `src/main.ts`
-imports `@microsoft/fast-examples-design-system/tokens.css` once, and
-`public/styles.css` references the registered `--fast-*` tokens through
-`var(...)`.
-
-The app uses the **dark** theme statically. `<html data-theme="dark">` is set
-in [`entry.html`](./entry.html), so the FAST build step carries that attribute
-into the generated `index.html`. The example does not implement a runtime
-theme toggle.
-
-For the shared package overview, the token catalog, and authoring rules, see
-[`../../design-system/README.md`](../../design-system/README.md) and
-[`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
-
-## What it demonstrates
-
-- declarative FAST custom elements via `RenderableFASTElement` + `@microsoft/fast-html` `<f-template>`s
-- initial markup rendered from `entry.html` + `templates.html`
-- chunked assistant response streaming with the Jake Archibald iframe technique
-- mixed native HTML and FAST custom elements in each canned reply
-- exact-match canned prompts with a fallback response
-
-## Suggested prompts
-
-Use these exact prompts to walk through the conversation:
-
-- `Hi`
-- `How are you?`
-- `What's the weather like?`
-- `Tell me a joke`
-- `What can you do?`
-- `Goodbye`
-
-## Run locally
-
-From the repository root:
-
-```bash
-npm run build -w @microsoft/fast-chat-app-example
-npm run start -w @microsoft/fast-chat-app-example
-```
-
-Or from this folder:
-
-```bash
-npm run build
-npm start
-```
-
-The build first regenerates `index.html` from `entry.html`, `state.json`, and `templates.html`, then runs TypeScript and Vite.
-
-## Files
-
-- `entry.html` — source document for the FAST build step
-- `state.json` — initial state used while pre-rendering the page shell
-- `templates.html` — declarative FAST templates for the custom elements
-- `build-markup.mjs` — runs `@microsoft/fast-build` and injects the templates into `index.html`
-- `public/styles.css` — token-based shared stylesheet for the page shell and component shadow roots
-- `src/` — runtime classes, canned conversation data, and hydration bootstrap
-- `index.html` — generated pre-rendered page used by Vite
-
-See [DESIGN.md](./DESIGN.md) for architecture details, design-system notes, and the canned conversation data.
diff --git a/examples/ssr/chat-app/biome.json b/examples/ssr/chat-app/biome.json
deleted file mode 100644
index b859801678a..00000000000
--- a/examples/ssr/chat-app/biome.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-    "$schema": "https://biomejs.dev/schemas/2.4.8/schema.json",
-    "root": false,
-    "extends": "//",
-    "html": {
-        "formatter": {
-            "enabled": false
-        }
-    }
-}
diff --git a/examples/ssr/chat-app/build-markup.mjs b/examples/ssr/chat-app/build-markup.mjs
deleted file mode 100644
index f7a936ed13d..00000000000
--- a/examples/ssr/chat-app/build-markup.mjs
+++ /dev/null
@@ -1,36 +0,0 @@
-import { execFileSync } from "node:child_process";
-import { readFileSync, writeFileSync } from "node:fs";
-import { createRequire } from "node:module";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-const require = createRequire(import.meta.url);
-const cwd = path.dirname(fileURLToPath(import.meta.url));
-const fastCli = require.resolve("@microsoft/fast-build/bin/fast.js");
-const configPath = path.join(cwd, "fast-build.config.json");
-const templatesPath = path.join(cwd, "templates.html");
-const indexPath = path.join(cwd, "index.html");
-const scriptTag = '<script type="module" src="./src/main.ts"></script>';
-
-execFileSync(process.execPath, [fastCli, "build", `--config=${configPath}`], {
-    cwd,
-    stdio: "inherit",
-});
-
-const templates = readFileSync(templatesPath, "utf8").trim();
-const rendered = readFileSync(indexPath, "utf8");
-
-if (!rendered.includes(scriptTag)) {
-    throw new Error("Unable to find the module script while injecting f-templates.");
-}
-
-writeFileSync(
-    indexPath,
-    rendered.replace(
-        scriptTag,
-        `${templates}
-
-        ${scriptTag}`,
-    ),
-    "utf8",
-);
diff --git a/examples/ssr/chat-app/entry.html b/examples/ssr/chat-app/entry.html
deleted file mode 100644
index 9ffa4346306..00000000000
--- a/examples/ssr/chat-app/entry.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-theme="dark">
-    <head>
-        <meta charset="utf-8">
-        <title>FAST Chat App</title>
-        <link rel="stylesheet" href="/styles.css">
-    </head>
-    <body>
-        <chat-app
-            welcome-title="{{welcomeTitle}}"
-            composer-placeholder="{{composerPlaceholder}}"
-            initial-suggestion="{{initialSuggestion}}"
-        ></chat-app>
-        <script type="module" src="./src/main.ts"></script>
-    </body>
-</html>
diff --git a/examples/ssr/chat-app/fast-build.config.json b/examples/ssr/chat-app/fast-build.config.json
deleted file mode 100644
index c291972cdad..00000000000
--- a/examples/ssr/chat-app/fast-build.config.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "entry": "entry.html",
-    "state": "state.json",
-    "output": "index.html",
-    "templates": "templates.html"
-}
diff --git a/examples/ssr/chat-app/package.json b/examples/ssr/chat-app/package.json
deleted file mode 100644
index cae32f35c50..00000000000
--- a/examples/ssr/chat-app/package.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
-  "name": "@microsoft/fast-chat-app-example",
-  "version": "1.0.0",
-  "description": "Declarative FAST chat app example with iframe streaming",
-  "main": "dist/exports.js",
-  "type": "module",
-  "private": true,
-  "scripts": {
-    "build:markup": "node ./build-markup.mjs",
-    "build": "npm run build:markup && tsgo -p tsconfig.json && vite build",
-    "start": "npm run build:markup && vite",
-    "test": "npm run build"
-  },
-  "author": {
-    "name": "Microsoft",
-    "url": "https://discord.gg/FcSNfg4"
-  },
-  "homepage": "https://www.fast.design/",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Microsoft/fast.git",
-    "directory": "examples/ssr/chat-app"
-  },
-  "dependencies": {
-    "@microsoft/fast-element": "*",
-    "@microsoft/fast-examples-design-system": "*",
-    "@microsoft/fast-html": "*",
-    "tslib": "^2.6.3"
-  },
-  "devDependencies": {
-    "@microsoft/fast-build": "*"
-  }
-}
diff --git a/examples/ssr/chat-app/public/styles.css b/examples/ssr/chat-app/public/styles.css
deleted file mode 100644
index a70050a22aa..00000000000
--- a/examples/ssr/chat-app/public/styles.css
+++ /dev/null
@@ -1,323 +0,0 @@
-/*
- * Chat app styles.
- *
- * Loaded twice on purpose:
- *   1. From <head> in entry.html — render-blocks the document so the file is
- *      fetched and cached before the HTML body is processed.
- *   2. From inside each <template shadowrootmode="open"> in templates.html —
- *      applies the styles inside each component's shadow root using the same
- *      cached file.
- *
- * Because the same stylesheet is loaded into the document and multiple shadow
- * roots, document-level rules stay limited to the page shell and component
- * rules remain scoped with :host(<tag>) so they don't bleed across roots.
- */
-
-html,
-body {
-    background: var(--fast-background-web-page-primary);
-    color: var(--fast-foreground-ctrl-neutral-primary-rest);
-}
-
-body {
-    margin: 0;
-}
-
-/* ----- chat-app ----- */
-
-:host(chat-app),
-:host(chat-app) *,
-:host(chat-app) *::before,
-:host(chat-app) *::after {
-    box-sizing: border-box;
-}
-
-:host(chat-app) {
-    color: var(--fast-foreground-ctrl-neutral-primary-rest);
-    display: block;
-    font-family: var(--fast-text-style-default-regular-font-family);
-    font-size: var(--fast-text-global-body3-font-size);
-    line-height: var(--fast-text-global-body3-line-height);
-}
-
-:host(chat-app) .app-shell {
-    background: var(--fast-background-layer-primary-solid);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
-    border-radius: var(--fast-corner-large);
-    box-shadow: var(--fast-shadow-card-rest);
-    margin: var(--fast-gap-between-content-x-large) auto;
-    max-width: 760px;
-    padding: var(--fast-padding-content-x-large);
-}
-
-:host(chat-app) .eyebrow {
-    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
-    font-size: var(--fast-text-global-caption1-font-size);
-    font-weight: var(--fast-text-style-default-header-weight);
-    line-height: var(--fast-text-global-caption1-line-height);
-    margin: 0 0 var(--fast-gap-between-content-x-small);
-    text-transform: uppercase;
-}
-
-:host(chat-app) h1 {
-    font-size: var(--fast-text-global-display2-font-size);
-    font-weight: var(--fast-text-style-default-display-weight);
-    line-height: var(--fast-text-global-display2-line-height);
-    margin: 0;
-}
-
-:host(chat-app) .intro {
-    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
-    font-size: var(--fast-text-global-body2-font-size);
-    line-height: var(--fast-text-global-body2-line-height);
-    margin: var(--fast-gap-between-content-small) 0 0;
-}
-
-:host(chat-app) code {
-    font-family: var(--fast-text-style-code-regular-font-family);
-}
-
-:host(chat-app) .transcript {
-    background: var(--fast-background-layer-secondary);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-default);
-    border-radius: var(--fast-corner-large);
-    display: flex;
-    flex-direction: column;
-    gap: var(--fast-gap-between-content-small);
-    margin-top: var(--fast-gap-between-content-x-large);
-    max-height: 520px;
-    min-height: 340px;
-    overflow: auto;
-    padding: var(--fast-padding-content-large);
-}
-
-:host(chat-app) streaming-element {
-    display: contents;
-}
-
-:host(chat-app) .composer {
-    display: flex;
-    flex-direction: column;
-    gap: var(--fast-gap-between-content-small);
-    margin-top: var(--fast-gap-between-content-large);
-}
-
-:host(chat-app) label {
-    font-size: var(--fast-text-global-body3-font-size);
-    font-weight: var(--fast-text-style-default-header-weight);
-    line-height: var(--fast-text-global-body3-line-height);
-}
-
-:host(chat-app) textarea {
-    background: var(--fast-background-layer-secondary);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-ctrl-on-outline-rest);
-    border-radius: var(--fast-corner-medium);
-    color: inherit;
-    font: inherit;
-    min-height: 112px;
-    padding: var(--fast-padding-content-small) var(--fast-padding-content-medium);
-    resize: vertical;
-    transition:
-        background var(--fast-duration-fast) var(--fast-curve-easy-ease),
-        border-color var(--fast-duration-fast) var(--fast-curve-easy-ease),
-        outline-color var(--fast-duration-fast) var(--fast-curve-easy-ease);
-}
-
-:host(chat-app) textarea::placeholder {
-    color: var(--fast-foreground-ctrl-hint-default);
-}
-
-:host(chat-app) textarea:focus-visible {
-    border-color: var(--fast-ctrl-focus-outer-stroke);
-    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
-        var(--fast-ctrl-focus-outer-stroke);
-    outline-offset: var(--fast-stroke-width-default);
-}
-
-:host(chat-app) .composer__hint {
-    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
-    display: flex;
-    flex-wrap: wrap;
-    font-size: var(--fast-text-global-caption1-font-size);
-    line-height: var(--fast-text-global-caption1-line-height);
-    gap: var(--fast-gap-between-content-x-small) var(--fast-gap-between-content-medium);
-}
-
-:host(chat-app) button {
-    align-self: flex-start;
-    background: var(--fast-background-ctrl-brand-rest);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-brand);
-    border-radius: var(--fast-corner-circular);
-    color: var(--fast-foreground-ctrl-on-brand-rest);
-    cursor: pointer;
-    font-family: inherit;
-    font-size: var(--fast-text-global-body3-font-size);
-    font-weight: var(--fast-text-style-default-header-weight);
-    line-height: var(--fast-text-global-body3-line-height);
-    padding: var(--fast-padding-content-x-small) var(--fast-padding-content-small);
-    transition:
-        background var(--fast-duration-fast) var(--fast-curve-easy-ease),
-        border-color var(--fast-duration-fast) var(--fast-curve-easy-ease);
-}
-
-:host(chat-app) button:hover {
-    background: var(--fast-background-ctrl-brand-hover);
-}
-
-:host(chat-app) button:active {
-    background: var(--fast-background-ctrl-brand-pressed);
-}
-
-:host(chat-app) button:focus-visible {
-    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
-        var(--fast-ctrl-focus-outer-stroke);
-    outline-offset: var(--fast-stroke-width-default);
-}
-
-@media (max-width: 640px) {
-    :host(chat-app) .app-shell {
-        border-radius: var(--fast-corner-none);
-        margin: 0;
-        min-height: 100vh;
-    }
-
-    :host(chat-app) .transcript {
-        min-height: 50vh;
-    }
-}
-
-/* ----- chat-message ----- */
-
-:host(chat-message) {
-    display: block;
-}
-
-:host(chat-message) article {
-    background: var(--fast-background-layer-primary-solid);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
-    border-radius: var(--fast-corner-medium);
-    box-shadow: var(--fast-shadow-card-rest);
-    color: var(--fast-foreground-ctrl-neutral-primary-rest);
-    font-size: var(--fast-text-global-body2-font-size);
-    line-height: var(--fast-text-global-body2-line-height);
-    padding: var(--fast-padding-content-medium);
-}
-
-:host(chat-message[kind="user"]) article {
-    background: var(--fast-background-ctrl-brand-rest);
-    border-color: var(--fast-stroke-divider-brand);
-    color: var(--fast-foreground-ctrl-on-brand-rest);
-    margin-left: calc(
-        var(--fast-padding-content-xxx-large) +
-        var(--fast-gap-between-content-xx-large)
-    );
-}
-
-:host(chat-message[kind="bot"]) article {
-    margin-right: calc(
-        var(--fast-padding-content-xxx-large) +
-        var(--fast-gap-between-content-xx-large)
-    );
-}
-
-:host(chat-message) ::slotted(p),
-:host(chat-message) ::slotted(ul),
-:host(chat-message) ::slotted(ol),
-:host(chat-message) ::slotted(chat-card) {
-    display: block;
-    margin: 0 0 var(--fast-gap-between-content-small);
-}
-
-:host(chat-message) ::slotted(p) {
-    white-space: pre-wrap;
-}
-
-@media (max-width: 640px) {
-    :host(chat-message[kind="user"]) article,
-    :host(chat-message[kind="bot"]) article {
-        margin-left: 0;
-        margin-right: 0;
-    }
-}
-
-/* ----- chat-card ----- */
-
-:host(chat-card) {
-    display: block;
-}
-
-:host(chat-card) article {
-    background: var(--fast-background-layer-secondary);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-default);
-    border-radius: var(--fast-corner-medium);
-    color: var(--fast-foreground-ctrl-neutral-primary-rest);
-    padding: var(--fast-padding-content-small) var(--fast-padding-content-medium);
-}
-
-:host(chat-card) strong {
-    color: var(--fast-foreground-ctrl-brand-rest);
-    display: block;
-    font-size: var(--fast-text-global-body3-font-size);
-    font-weight: var(--fast-text-style-default-header-weight);
-    line-height: var(--fast-text-global-body3-line-height);
-    margin-bottom: var(--fast-gap-between-content-xx-small);
-}
-
-:host(chat-card) ::slotted(p),
-:host(chat-card) ::slotted(ul),
-:host(chat-card) ::slotted(ol) {
-    display: block;
-    margin: 0 0 var(--fast-gap-between-content-x-small);
-}
-
-/* ----- chat-suggestion ----- */
-
-:host(chat-suggestion) {
-    display: block;
-}
-
-:host(chat-suggestion) .suggestion {
-    background: var(--fast-background-layer-primary-solid);
-    border: var(--fast-stroke-width-default) dashed var(--fast-stroke-divider-brand);
-    border-radius: var(--fast-corner-medium);
-    color: var(--fast-foreground-ctrl-brand-rest);
-    cursor: pointer;
-    margin: 0 0 0 auto;
-    max-width: 420px;
-    padding: var(--fast-padding-content-x-small) var(--fast-padding-content-small);
-    transition:
-        background var(--fast-duration-fast) var(--fast-curve-easy-ease),
-        border-color var(--fast-duration-fast) var(--fast-curve-easy-ease),
-        color var(--fast-duration-fast) var(--fast-curve-easy-ease);
-    user-select: text;
-}
-
-:host(chat-suggestion) .suggestion:hover {
-    background: var(--fast-background-ctrl-subtle-hover);
-}
-
-:host(chat-suggestion) .suggestion:active {
-    background: var(--fast-background-ctrl-subtle-pressed);
-}
-
-:host(chat-suggestion) .label {
-    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
-    display: block;
-    font-size: var(--fast-text-global-caption1-font-size);
-    font-weight: var(--fast-text-style-default-header-weight);
-    line-height: var(--fast-text-global-caption1-line-height);
-    margin-bottom: var(--fast-gap-between-content-xx-small);
-    text-transform: uppercase;
-}
-
-:host(chat-suggestion) code {
-    background: var(--fast-background-layer-secondary);
-    border-radius: var(--fast-corner-medium);
-    color: inherit;
-    display: inline-block;
-    font-family: var(--fast-text-style-code-regular-font-family);
-    font-size: var(--fast-text-global-body3-font-size);
-    line-height: var(--fast-text-global-body3-line-height);
-    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-x-small);
-    white-space: pre-wrap;
-}
diff --git a/examples/ssr/chat-app/src/chat-app.ts b/examples/ssr/chat-app/src/chat-app.ts
deleted file mode 100644
index bde8447b07c..00000000000
--- a/examples/ssr/chat-app/src/chat-app.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import { attr, FASTElement } from "@microsoft/fast-element";
-import { RenderableFASTElement } from "@microsoft/fast-html";
-import type { ChatTurn } from "./chat-data.js";
-import { cannedTurnMap, fallbackTurn } from "./chat-data.js";
-
-function escapeAttribute(value: string): string {
-    return value
-        .replace(/&/g, "&amp;")
-        .replace(/"/g, "&quot;")
-        .replace(/</g, "&lt;")
-        .replace(/>/g, "&gt;");
-}
-
-function renderSuggestion(text: string): string {
-    return `<chat-suggestion text="${escapeAttribute(text)}"></chat-suggestion>`;
-}
-
-export class ChatApp extends RenderableFASTElement(FASTElement) {
-    @attr({ attribute: "welcome-title" })
-    public welcomeTitle: string = "FAST Chat Demo";
-
-    @attr({ attribute: "composer-placeholder" })
-    public composerPlaceholder: string = "Type one of the suggested prompts exactly.";
-
-    @attr({ attribute: "initial-suggestion" })
-    public initialSuggestion: string = "Hi";
-
-    public composer: HTMLTextAreaElement | null = null;
-    public transcript: HTMLElement | null = null;
-
-    private readonly _queue: ChatTurn[] = [];
-    private _isStreaming = false;
-
-    public handleSubmit(event: Event): void {
-        event.preventDefault();
-        this.sendCurrentMessage();
-    }
-
-    public handleComposerKeydown(event: KeyboardEvent): void {
-        if (event.key === "Enter" && !event.shiftKey) {
-            event.preventDefault();
-            this.sendCurrentMessage();
-        }
-    }
-
-    public handleSuggestion(event: Event): void {
-        const suggestionEvent = event as CustomEvent<string>;
-        const suggestion = suggestionEvent.detail;
-
-        if (!this.composer || typeof suggestion !== "string") {
-            return;
-        }
-
-        this.composer.value = suggestion;
-        this.composer.focus();
-        this.composer.setSelectionRange(suggestion.length, suggestion.length);
-    }
-
-    private sendCurrentMessage(): void {
-        if (!this.composer || !this.transcript) {
-            return;
-        }
-
-        const message = this.composer.value.trim();
-
-        if (!message) {
-            return;
-        }
-
-        this.appendUserMessage(message);
-        this.composer.value = "";
-        this.scrollTranscript();
-
-        this._queue.push(cannedTurnMap.get(message) ?? fallbackTurn);
-        void this.processQueue();
-    }
-
-    private appendUserMessage(message: string): void {
-        if (!this.transcript) {
-            return;
-        }
-
-        const messageElement = document.createElement("chat-message");
-        const paragraph = document.createElement("p");
-
-        messageElement.setAttribute("kind", "user");
-        paragraph.textContent = message;
-        messageElement.append(paragraph);
-        this.transcript.append(messageElement);
-    }
-
-    private async processQueue(): Promise<void> {
-        if (this._isStreaming) {
-            return;
-        }
-
-        const nextTurn = this._queue.shift();
-
-        if (!nextTurn) {
-            return;
-        }
-
-        this._isStreaming = true;
-
-        try {
-            await this.streamTurn(nextTurn);
-        } finally {
-            this._isStreaming = false;
-        }
-
-        if (this._queue.length > 0) {
-            void this.processQueue();
-        }
-    }
-
-    private async streamTurn(turn: ChatTurn): Promise<void> {
-        await this.streamIntoTranscript([
-            ...turn.responseChunks,
-            renderSuggestion(turn.nextSuggestedUserMessage),
-        ]);
-    }
-
-    private streamIntoTranscript(chunks: readonly string[]): Promise<void> {
-        return new Promise((resolve, reject) => {
-            const iframe = document.createElement("iframe");
-
-            iframe.setAttribute("aria-hidden", "true");
-            iframe.tabIndex = -1;
-            iframe.style.display = "none";
-            document.body.append(iframe);
-
-            iframe.onload = () => {
-                iframe.onload = null;
-
-                const iframeDocument = iframe.contentDocument;
-
-                if (!iframeDocument || !this.transcript) {
-                    iframe.remove();
-                    reject(new Error("Streaming iframe failed to initialize."));
-                    return;
-                }
-
-                iframeDocument.write("<streaming-element>");
-
-                const streamingElement =
-                    iframeDocument.querySelector("streaming-element");
-
-                if (!streamingElement) {
-                    iframe.remove();
-                    reject(new Error("Unable to create the streaming element."));
-                    return;
-                }
-
-                this.transcript.append(streamingElement);
-
-                const writeChunks = async (): Promise<void> => {
-                    for (const chunk of chunks) {
-                        iframeDocument.write(chunk);
-                        this.scrollTranscript();
-                        await this.delay(600);
-                    }
-
-                    iframeDocument.write("</streaming-element>");
-                    iframeDocument.close();
-                    this.scrollTranscript();
-                    iframe.remove();
-                    resolve();
-                };
-
-                void writeChunks().catch(error => {
-                    iframe.remove();
-                    reject(error);
-                });
-            };
-
-            iframe.src = "";
-        });
-    }
-
-    private scrollTranscript(): void {
-        if (!this.transcript) {
-            return;
-        }
-
-        this.transcript.scrollTop = this.transcript.scrollHeight;
-    }
-
-    private delay(ms: number): Promise<void> {
-        return new Promise(resolve => {
-            window.setTimeout(resolve, ms);
-        });
-    }
-}
-
-ChatApp.defineAsync({
-    name: "chat-app",
-    templateOptions: "defer-and-hydrate",
-});
diff --git a/examples/ssr/chat-app/src/chat-card.ts b/examples/ssr/chat-app/src/chat-card.ts
deleted file mode 100644
index 7517d3f0fe6..00000000000
--- a/examples/ssr/chat-app/src/chat-card.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { attr, FASTElement } from "@microsoft/fast-element";
-import { RenderableFASTElement } from "@microsoft/fast-html";
-
-export class ChatCard extends RenderableFASTElement(FASTElement) {
-    @attr
-    public heading?: string;
-}
-
-ChatCard.defineAsync({
-    name: "chat-card",
-    templateOptions: "defer-and-hydrate",
-});
diff --git a/examples/ssr/chat-app/src/chat-data.ts b/examples/ssr/chat-app/src/chat-data.ts
deleted file mode 100644
index d295ac6ccb8..00000000000
--- a/examples/ssr/chat-app/src/chat-data.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-export interface ChatTurn {
-    userMessage: string;
-    responseHtml: string;
-    responseChunks: readonly string[];
-    nextSuggestedUserMessage: string;
-}
-
-function createTurn(
-    userMessage: string,
-    responseChunks: readonly string[],
-    nextSuggestedUserMessage: string,
-): ChatTurn {
-    return {
-        userMessage,
-        responseHtml: responseChunks.join(""),
-        responseChunks,
-        nextSuggestedUserMessage,
-    };
-}
-
-export const cannedTurns: readonly ChatTurn[] = [
-    createTurn(
-        "Hi",
-        [
-            `<chat-message kind="bot"><p><strong>Hi there!</strong> I'm doing a short round of friendly small talk.</p>`,
-            `<chat-card heading="First stop"><p>I stream this answer a piece at a time through a hidden iframe.</p></chat-card>`,
-            `</chat-message>`,
-        ],
-        "How are you?",
-    ),
-    createTurn(
-        "How are you?",
-        [
-            `<chat-message kind="bot"><p>I'm doing well—steady, <em>predictable</em>, and very chatty today.</p>`,
-            `<chat-card heading="Status"><p>My replies are canned, but the parser-driven streaming is real.</p></chat-card>`,
-            `</chat-message>`,
-        ],
-        "What's the weather like?",
-    ),
-    createTurn(
-        "What's the weather like?",
-        [
-            `<chat-message kind="bot"><p>I don't check real forecasts, but here's a cheerful pretend report:</p>`,
-            `<ul><li>clear skies</li><li>light breeze</li><li><strong>perfect</strong> demo weather</li></ul>`,
-            `<chat-card heading="Forecast"><p>Ask for a joke if you want to keep the conversation moving.</p></chat-card></chat-message>`,
-        ],
-        "Tell me a joke",
-    ),
-    createTurn(
-        "Tell me a joke",
-        [
-            `<chat-message kind="bot"><p>Why did the chat bot bring a ladder?</p>`,
-            `<p>Because the conversation kept going to the <code>next level</code>.</p>`,
-            `<chat-card heading="Comedy review"><p>I'll admit that one lands best with a generous audience.</p></chat-card></chat-message>`,
-        ],
-        "What can you do?",
-    ),
-    createTurn(
-        "What can you do?",
-        [
-            `<chat-message kind="bot"><p>I can walk through a tiny scripted chat and show a few interface patterns:</p>`,
-            `<ul><li>exact message matching</li><li>streamed HTML chunks</li><li>FAST custom elements inside each reply</li></ul>`,
-            `<chat-card heading="Try the ending"><p>Say goodbye and I'll wrap the demo up.</p></chat-card></chat-message>`,
-        ],
-        "Goodbye",
-    ),
-    createTurn(
-        "Goodbye",
-        [
-            `<chat-message kind="bot"><p><strong>Goodbye!</strong> Thanks for trying the demo.</p>`,
-            `<chat-card heading="Loop it again"><p>If you want another pass, paste <code>Hi</code> back into the composer.</p></chat-card></chat-message>`,
-        ],
-        "Hi",
-    ),
-];
-
-export const cannedTurnMap = new Map(cannedTurns.map(turn => [turn.userMessage, turn]));
-
-export const fallbackTurn = createTurn(
-    "fallback",
-    [
-        `<chat-message kind="bot"><p>I only know a small scripted set of lines in this example.</p>`,
-        `<chat-card heading="Try this instead"><p>Use the suggested prompt so the exact-match lookup can find a canned reply.</p></chat-card></chat-message>`,
-    ],
-    "Hi",
-);
diff --git a/examples/ssr/chat-app/src/chat-message.ts b/examples/ssr/chat-app/src/chat-message.ts
deleted file mode 100644
index d503ed03827..00000000000
--- a/examples/ssr/chat-app/src/chat-message.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { attr, FASTElement } from "@microsoft/fast-element";
-import { RenderableFASTElement } from "@microsoft/fast-html";
-
-export class ChatMessage extends RenderableFASTElement(FASTElement) {
-    @attr
-    public kind?: string;
-}
-
-ChatMessage.defineAsync({
-    name: "chat-message",
-    templateOptions: "defer-and-hydrate",
-});
diff --git a/examples/ssr/chat-app/src/chat-suggestion.ts b/examples/ssr/chat-app/src/chat-suggestion.ts
deleted file mode 100644
index b9a3aaf9d13..00000000000
--- a/examples/ssr/chat-app/src/chat-suggestion.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { attr, FASTElement } from "@microsoft/fast-element";
-import { RenderableFASTElement } from "@microsoft/fast-html";
-
-export class ChatSuggestion extends RenderableFASTElement(FASTElement) {
-    @attr
-    public text?: string;
-
-    public emitSuggestion(): void {
-        this.$emit("use-suggestion", this.text ?? "");
-    }
-}
-
-ChatSuggestion.defineAsync({
-    name: "chat-suggestion",
-    templateOptions: "defer-and-hydrate",
-});
diff --git a/examples/ssr/chat-app/src/design-system.d.ts b/examples/ssr/chat-app/src/design-system.d.ts
deleted file mode 100644
index 320cbb073c5..00000000000
--- a/examples/ssr/chat-app/src/design-system.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-declare module "@microsoft/fast-examples-design-system/tokens.css";
diff --git a/examples/ssr/chat-app/src/exports.ts b/examples/ssr/chat-app/src/exports.ts
deleted file mode 100644
index 7b3af7b6305..00000000000
--- a/examples/ssr/chat-app/src/exports.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from "./chat-app.js";
-export * from "./chat-card.js";
-export * from "./chat-data.js";
-export * from "./chat-message.js";
-export * from "./chat-suggestion.js";
diff --git a/examples/ssr/chat-app/src/main.ts b/examples/ssr/chat-app/src/main.ts
deleted file mode 100644
index 865a45fd502..00000000000
--- a/examples/ssr/chat-app/src/main.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import "@microsoft/fast-examples-design-system/tokens.css";
-import { TemplateElement } from "@microsoft/fast-html";
-
-// Side-effect imports — register the chat custom elements
-import "./chat-app.js";
-import "./chat-card.js";
-import "./chat-message.js";
-import "./chat-suggestion.js";
-
-TemplateElement.options({
-    "chat-app": { observerMap: "all" },
-    "chat-card": { observerMap: "all" },
-    "chat-message": { observerMap: "all" },
-    "chat-suggestion": { observerMap: "all" },
-}).define({
-    name: "f-template",
-});
diff --git a/examples/ssr/chat-app/state.json b/examples/ssr/chat-app/state.json
deleted file mode 100644
index 57ea21b2f7d..00000000000
--- a/examples/ssr/chat-app/state.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "welcomeTitle": "FAST Chat Demo",
-    "composerPlaceholder": "Type one of the suggested prompts exactly.",
-    "initialSuggestion": "Hi"
-}
diff --git a/examples/ssr/chat-app/templates.html b/examples/ssr/chat-app/templates.html
deleted file mode 100644
index 256351f488c..00000000000
--- a/examples/ssr/chat-app/templates.html
+++ /dev/null
@@ -1,84 +0,0 @@
-<f-template name="chat-app">
-    <template>
-        <link rel="stylesheet" href="/styles.css">
-
-        <section class="app-shell">
-            <header>
-                <p class="eyebrow">FAST example</p>
-                <h1>{{welcomeTitle}}</h1>
-                <p class="intro">
-                    A declarative FAST shell that pre-renders with
-                    <code>@microsoft/fast-build</code>
-                    and streams each assistant reply with a hidden iframe plus
-                    <code>document.write()</code>.
-                </p>
-            </header>
-
-            <div
-                class="transcript"
-                f-ref="{transcript}"
-                @use-suggestion="{handleSuggestion($e)}"
-            >
-                <chat-message kind="bot">
-                    <p>
-                        <strong>Welcome!</strong>
-                        Send the exact suggested prompt to step through the canned chat.
-                    </p>
-                    <chat-card heading="How to use it">
-                        <p>
-                            Each assistant turn mixes native HTML with FAST custom
-                            elements and streams into the transcript a chunk at a time.
-                        </p>
-                    </chat-card>
-                </chat-message>
-                <chat-suggestion text="{{initialSuggestion}}"></chat-suggestion>
-            </div>
-
-            <form class="composer" @submit="{handleSubmit($e)}">
-                <label for="chat-composer">Message</label>
-                <textarea
-                    id="chat-composer"
-                    rows="4"
-                    placeholder="{{composerPlaceholder}}"
-                    f-ref="{composer}"
-                    @keydown="{handleComposerKeydown($e)}"
-                ></textarea>
-                <div class="composer__hint">
-                    <span>Enter sends the message.</span>
-                    <span>Shift+Enter inserts a newline.</span>
-                </div>
-                <button type="submit">Send</button>
-            </form>
-        </section>
-    </template>
-</f-template>
-
-<f-template name="chat-message">
-    <template>
-        <link rel="stylesheet" href="/styles.css">
-
-        <article><slot></slot></article>
-    </template>
-</f-template>
-
-<f-template name="chat-card">
-    <template>
-        <link rel="stylesheet" href="/styles.css">
-
-        <article>
-            <strong>{{heading}}</strong>
-            <slot></slot>
-        </article>
-    </template>
-</f-template>
-
-<f-template name="chat-suggestion">
-    <template>
-        <link rel="stylesheet" href="/styles.css">
-
-        <p class="suggestion" @click="{emitSuggestion()}">
-            <span class="label">Next suggested user message</span>
-            <code>{{text}}</code>
-        </p>
-    </template>
-</f-template>
diff --git a/examples/ssr/chat-app/tsconfig.json b/examples/ssr/chat-app/tsconfig.json
deleted file mode 100644
index 8d61c5bf7bc..00000000000
--- a/examples/ssr/chat-app/tsconfig.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-    "compilerOptions": {
-        "pretty": true,
-        "target": "ES2022",
-        "module": "ES2022",
-        "moduleResolution": "bundler",
-        "importHelpers": true,
-        "experimentalDecorators": true,
-        "useDefineForClassFields": false,
-        "declaration": true,
-        "declarationMap": true,
-        "sourceMap": true,
-        "noEmitOnError": true,
-        "strict": true,
-        "outDir": "dist",
-        "rootDir": "src",
-        "lib": ["dom", "esnext"]
-    },
-    "include": ["src"]
-}
diff --git a/examples/ssr/chat-app/vite.config.ts b/examples/ssr/chat-app/vite.config.ts
deleted file mode 100644
index 431215bc572..00000000000
--- a/examples/ssr/chat-app/vite.config.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineConfig } from "vite";
-
-export default defineConfig({
-    build: {
-        outDir: "www",
-        emptyOutDir: true,
-        sourcemap: true,
-    },
-    server: {
-        port: 9000,
-        open: !process.env.CI,
-    },
-});
diff --git a/examples/ssr/webui-todo-app/DESIGN.md b/examples/ssr/webui-todo-app/DESIGN.md
deleted file mode 100644
index 1b4a3d381ab..00000000000
--- a/examples/ssr/webui-todo-app/DESIGN.md
+++ /dev/null
@@ -1,200 +0,0 @@
-# WebUI Todo App — design and architecture
-
-This document describes the SSR todo example in
-`examples/ssr/webui-todo-app/`. For the shared token catalog and naming rules,
-see [`../../design-system/README.md`](../../design-system/README.md) and
-[`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
-
-## Purpose
-
-This example demonstrates three pieces working together:
-
-- FAST declarative templates stored as co-located `*.html` and `*.css` files.
-- `@microsoft/webui` prerendering on the server, including Declarative Shadow
-  DOM output.
-- Client-side hydration through `@microsoft/fast-html`, so the prerendered UI
-  becomes interactive without re-rendering from scratch.
-
-The app stays intentionally small: a single todo list with add, toggle, and
-delete behavior backed by a JSON state file.
-
-## Folder structure
-
-```text
-examples/ssr/webui-todo-app/
-├── DESIGN.md
-├── README.md
-├── data/
-│   └── state.json
-├── src/
-│   ├── index.html
-│   ├── index.ts
-│   ├── todo-app/
-│   │   ├── todo-app.css
-│   │   ├── todo-app.html
-│   │   └── todo-app.ts
-│   └── todo-item/
-│       ├── todo-item.css
-│       ├── todo-item.html
-│       └── todo-item.ts
-├── package.json
-└── tsconfig.json
-```
-
-### File roles
-
-- `src/index.html` — document shell, page-level layout, and static
-  `data-theme="light"` selection.
-- `src/index.ts` — hydration entry; imports shared `tokens.css`, registers the
-  custom elements, and defines `<f-template>`.
-- `src/todo-app/` — root template, styles, and list management logic.
-- `src/todo-item/` — per-row template, styles, and event dispatch for toggle
-  and delete actions.
-- `data/state.json` — initial server state consumed by `webui serve`.
-
-## Build and serve flow
-
-1. `npm run build -w @microsoft/fast-webui-todo-app-example` runs esbuild on
-   `src/index.ts`.
-2. Esbuild emits `dist/index.js` for hydration and bootstrap code.
-3. Because `src/index.ts` imports
-   `@microsoft/fast-examples-design-system/tokens.css`, esbuild also emits
-   `dist/index.css`.
-4. `webui serve ./src --state ./data/state.json --plugin=fast --servedir ./dist`
-   uses `./src` as the source root for HTML templates and exposes the bundled
-   assets from `./dist`.
-5. On each request, `webui` reads `src/index.html`, resolves `{{}}` bindings
-   from `data/state.json`, renders Declarative Shadow DOM, and returns
-   prerendered HTML.
-6. In the browser, `/index.js` defines the FAST custom elements and hydrates the
-   prerendered DOM in place.
-7. `/index.css` makes the shared `--fast-*` tokens available to both the page
-   shell and shadow-root component styles.
-
-## Component model
-
-### `todo-app`
-
-`todo-app` is the root custom element. Its template renders, in order:
-
-- a literal `<h1>FAST Todos</h1>`,
-- a `<form>` containing a text `<input>` (bound to `description`) and an
-  "Add Todo" `<button type="submit">` that is `?disabled="{{!description}}"`,
-- a `<section>` with a `<label>` and `<select>` filter (All / Active /
-  Completed) bound to `activeFilter`, and
-- a `<ul class="todo-list">` populated by `<for each="item in filteredItems">`
-  with one `<li>` per visible `<todo-item>`.
-
-Internally it:
-
-- reads the prerendered `<todo-item>` children during `prepare()` and
-  reconstructs an observable `items` array;
-- maintains `@observable activeFilter` (`"all" | "active" | "completed"`),
-  `@observable description`, and `@observable filteredItems`;
-- recomputes `filteredItems` from `items` whenever `items` or `activeFilter`
-  changes (via `itemsChanged()` and `activeFilterChanged()` callbacks); and
-- handles add, toggle, delete, and filter-change events from its template.
-
-Toggle uses **immutable replacement** with a freshly constructed object
-literal (not the spread operator) — see
-[Reactive update patterns](#reactive-update-patterns) below.
-
-### `todo-item`
-
-`todo-item` is a focused row component. It accepts `id`, `description`, and
-`state` attributes; its template renders a native `<input type="checkbox">`
-(whose `?checked` mirrors `state == 'done'`), a `<span class="description">`,
-and a delete `<button class="delete">` showing `×`. `state="done"` adds a
-line-through via `:host([state="done"]) .description`. The component emits
-`toggle-item` and `delete-item` `CustomEvent`s carrying `{ id }` that the
-parent handles.
-
-The description text is assigned imperatively in `connectedCallback` and a
-`descriptionChanged` callback (instead of via a `{{ description }}` text
-interpolation in the shadow template) to work around a known fast-html
-hydration mismatch for text-interpolation bindings inside hydrated
-declarative-HTML templates.
-
-## Reactive update patterns
-
-`@microsoft/fast-html`'s `RenderableFASTElement` configures **deep observation**
-(`observerMap: "all"`) for the template's binding paths. To make nested
-properties on items reactive, the mixin replaces each item's enumerable own
-properties (`id`, `description`, `state`) with accessor pairs backed by
-underscore prefixed fields (`_id`, `_description`, `_state`).
-
-This has a non-obvious consequence: the idiomatic immutable update
-
-```ts
-{ ...item, state: "pending" }    // ❌ leaks _state from the wrapper
-```
-
-copies **both** `state` and `_state` from the observed item. When the new
-object is re-wrapped on assignment back to `items`, the wrapper finds the
-existing `_state` and uses it as the backing value, so the visible `state`
-property is silently restored to the old value.
-
-The correct pattern is to construct a fresh literal containing only the
-public properties:
-
-```ts
-{                                // ✅ no leaked backing fields
-    id: item.id,
-    description: item.description,
-    state: item.state === "done" ? "pending" : "done",
-}
-```
-
-`onToggleItem` in `src/todo-app/todo-app.ts` uses this pattern.
-
-## Design system wiring
-
-This example consumes the shared
-`@microsoft/fast-examples-design-system` workspace package.
-
-- `src/index.ts` imports `@microsoft/fast-examples-design-system/tokens.css`
-  exactly once.
-- `src/index.html` links the generated `/index.css` bundle before its inline
-  page-shell styles.
-- `<html dir="{{textdirection}}" lang="en" data-theme="light">` hard-codes the
-  light theme at document level.
-- There is no runtime theme toggle, no theme persistence, and no JavaScript
-  that mutates `data-theme`.
-
-The design-system package is CSS-only. This example just consumes the
-registered custom properties through `var(--fast-...)`.
-
-## Representative tokens
-
-The component styles rely on shared tokens rather than hard-coded design
-values. Representative examples include:
-
-- Page shell: `--fast-background-web-page-primary`,
-  `--fast-foreground-ctrl-neutral-primary-rest`,
-  `--fast-padding-content-xx-large`.
-- Root card and section chrome: `--fast-background-layer-primary-solid`,
-  `--fast-stroke-divider-subtle`, `--fast-corner-large`,
-  `--fast-shadow-card-rest`.
-- Typography: `--fast-text-style-default-regular-font-family`,
-  `--fast-text-global-body3-font-size`,
-  `--fast-text-global-body3-line-height`,
-  `--fast-text-global-title1-font-size`,
-  `--fast-text-global-title1-line-height`.
-- Brand actions: `--fast-background-ctrl-brand-rest`,
-  `--fast-background-ctrl-brand-hover`,
-  `--fast-background-ctrl-brand-pressed`,
-  `--fast-foreground-ctrl-on-brand-rest`.
-- Focus and motion: `--fast-ctrl-focus-outer-stroke`,
-  `--fast-ctrl-focus-outer-stroke-width`, `--fast-duration-fast`,
-  `--fast-curve-easy-ease`.
-- Status states: `--fast-status-success-tint-foreground`,
-  `--fast-status-success-tint-background`,
-  `--fast-status-danger-tint-foreground`,
-  `--fast-status-danger-tint-background`.
-
-## Why this example lives under `examples/ssr/`
-
-Although the UI hydrates into client-side FAST components, the initial render is
-produced through `@microsoft/webui` on the server. The important example
-behavior is therefore SSR + prerendering + hydration, not a purely client-only
-bootstrap.
diff --git a/examples/ssr/webui-todo-app/README.md b/examples/ssr/webui-todo-app/README.md
deleted file mode 100644
index 313bb84a39a..00000000000
--- a/examples/ssr/webui-todo-app/README.md
+++ /dev/null
@@ -1,126 +0,0 @@
-# WebUI Todo App
-
-A Todo app demonstrating FAST declarative HTML templates with
-[webui](https://github.com/microsoft/webui) prerendering and hydration.
-
-This example shows how to combine `@microsoft/fast-html` declarative templates
-with `@microsoft/webui` for server-side prerendering, producing a fast initial
-render that hydrates into a fully interactive FAST web component application.
-
-## Features
-
-- **Declarative templates**: Uses `.html` and `.css` files instead of
-  imperative `html`/`css` tagged template literals
-- **Server-side prerendering**: `webui serve` compiles declarative templates
-  and renders initial state into static HTML
-- **Client-side hydration**: `@microsoft/fast-html` picks up prerendered DOM
-  and attaches FAST reactive bindings
-- **Todo functionality**: Add items via a form, filter by status (all,
-  active, completed), toggle completion via native checkbox, delete items
-
-## Prerequisites
-
-From the monorepo root, install dependencies and build packages:
-
-```bash
-npm ci
-npm run build
-```
-
-## Running
-
-```bash
-# Build client bundle and start the webui dev server
-npm start -w @microsoft/fast-webui-todo-app-example
-```
-
-The app will be available at `http://localhost:8081`.
-
-For development with live reloading, run the client and server in separate
-terminals:
-
-```bash
-# Terminal 1: Watch and rebuild client bundle
-npm run start:client -w @microsoft/fast-webui-todo-app-example
-
-# Terminal 2: Start webui dev server with --watch
-npm run start:server -w @microsoft/fast-webui-todo-app-example
-```
-
-## Design system
-
-This example consumes the shared `@microsoft/fast-examples-design-system`
-workspace package. The design-system package is **CSS-only** — there are no
-JavaScript or TypeScript exports. `src/index.ts` imports
-`@microsoft/fast-examples-design-system/tokens.css` once, and the rest of the
-app references the registered `--fast-*` design tokens through `var(...)`.
-
-The app uses the **light** theme. `<html data-theme="light">` is set
-statically in [`src/index.html`](./src/index.html); the app does not implement
-a runtime theme toggle. (The shared design-system package supports dark and
-system-preference themes via the same `data-theme` attribute — see
-[`../../design-system/README.md`](../../design-system/README.md) — but this
-example deliberately keeps the SSR surface area minimal and demonstrates only
-token consumption.)
-
-For the shared package overview, the token catalog, and authoring rules, see
-[`../../design-system/README.md`](../../design-system/README.md) and
-[`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
-
-## Architecture
-
-### Server-side (`webui serve`)
-
-The `webui` CLI serves the app with the `--plugin=fast` flag, which enables
-FAST-aware template processing:
-
-1. Scans `./src` for declarative HTML templates (`.html` files wrapped in
-   `<f-template>` or containing `<template shadowrootmode="open">`)
-2. Reads initial state from `./data/state.json`
-3. Renders templates server-side with `{{}}` bindings resolved from state
-4. Injects Declarative Shadow DOM for instant first paint
-5. Serves the bundled client assets from `./dist`
-
-`src/index.ts` imports `@microsoft/fast-examples-design-system/tokens.css`.
-When esbuild bundles the entry point, it emits both `dist/index.js` and
-`dist/index.css`. `src/index.html` links `/index.css` so the shared `--fast-*`
-tokens are available during prerendering and after hydration.
-
-### Templates (`src/todo-app/`, `src/todo-item/`)
-
-Each component uses co-located files:
-
-- `*.html` — Declarative template with `<template shadowrootmode="open">`
-  and FAST bindings
-- `*.css` — Scoped styles loaded via `<link rel="stylesheet">` in the shadow
-  DOM
-- `*.ts` — Component class using `RenderableFASTElement` mixin with
-  `defineAsync`
-
-### Client entry (`src/index.ts`)
-
-Bootstraps hydration by:
-
-1. Importing components (side-effect registration via `defineAsync`)
-2. Configuring `TemplateElement` with observer maps for reactive attribute
-   tracking
-3. Defining `<f-template>` to trigger hydration of prerendered shadow DOM
-
-### Binding syntax
-
-| Syntax | Scope | Example |
-|---|---|---|
-| `{{expr}}` | Server + client | `{{title}}` — HTML-escaped value |
-| `{{{expr}}}` | Server + client | Raw unescaped HTML |
-| `{expr}` | Client-only | `{onClick(e)}` — event handlers, refs |
-| `@event="{handler}"` | Client-only | `@submit="{onSubmit()}"`, `@change="{onToggleChange()}"` |
-| `?attr="{{expr}}"` | Server + client | `?disabled="{{!description}}"`, `?checked="{{state == 'done'}}"` |
-| `f-ref="{prop}"` | Client-only | `f-ref="{addInput}"` — element reference |
-| `$e` | Event arg | `@input="{onInput($e)}"` — current event |
-
-### Template directives
-
-| Directive | Purpose | Example |
-|---|---|---|
-| `<for each="item in items">` | Iteration | `<for each="item in items"><todo-item>...</todo-item></for>` |
-| `<if condition="expr">` | Conditional | `<if condition="state == 'done'">...</if>` |
diff --git a/examples/ssr/webui-todo-app/data/state.json b/examples/ssr/webui-todo-app/data/state.json
deleted file mode 100644
index c14f301fdf7..00000000000
--- a/examples/ssr/webui-todo-app/data/state.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-    "textdirection": "ltr",
-    "language": "en",
-    "title": "FAST Todos",
-    "activeFilter": "all",
-    "description": "",
-    "items": [
-        {
-            "id": "1",
-            "description": "Buy groceries",
-            "state": "done"
-        },
-        {
-            "id": "2",
-            "description": "Write documentation",
-            "state": "pending"
-        },
-        {
-            "id": "3",
-            "description": "Ship feature",
-            "state": "pending"
-        }
-    ],
-    "filteredItems": [
-        {
-            "id": "1",
-            "description": "Buy groceries",
-            "state": "done"
-        },
-        {
-            "id": "2",
-            "description": "Write documentation",
-            "state": "pending"
-        },
-        {
-            "id": "3",
-            "description": "Ship feature",
-            "state": "pending"
-        }
-    ]
-}
diff --git a/examples/ssr/webui-todo-app/package.json b/examples/ssr/webui-todo-app/package.json
deleted file mode 100644
index d680e6db48a..00000000000
--- a/examples/ssr/webui-todo-app/package.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-    "name": "@microsoft/fast-webui-todo-app-example",
-    "version": "1.0.0",
-    "description": "A Todo app demonstrating FAST declarative HTML with webui prerendering.",
-    "type": "module",
-    "private": true,
-    "scripts": {
-        "build": "esbuild src/index.ts --bundle --outfile=dist/index.js --format=esm --metafile=dist/meta.json",
-        "start:client": "esbuild src/index.ts --bundle --outfile=dist/index.js --format=esm --sourcemap --watch",
-        "start:server": "webui serve ./src --state ./data/state.json --plugin=fast --servedir ./dist --port 8081 --watch",
-        "start:server:nowatch": "webui serve ./src --state ./data/state.json --plugin=fast --servedir ./dist --port 8081",
-        "start": "npm run build && npm run start:server",
-        "start:e2e": "npm run build && npm run start:server:nowatch",
-        "test": "npm run build"
-    },
-    "author": {
-        "name": "Microsoft",
-        "url": "https://discord.gg/FcSNfg4"
-    },
-    "homepage": "https://www.fast.design/",
-    "license": "MIT",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/Microsoft/fast.git",
-        "directory": "examples/ssr/webui-todo-app"
-    },
-    "dependencies": {
-        "@microsoft/fast-element": "^2.10.3",
-        "@microsoft/fast-examples-design-system": "^1.0.0",
-        "@microsoft/fast-html": "*",
-        "@microsoft/webui": "^0.0.12",
-        "tslib": "^2.6.3"
-    },
-    "devDependencies": {
-        "esbuild": "^0.25.0",
-        "typescript": "^5.8.0"
-    }
-}
diff --git a/examples/ssr/webui-todo-app/src/index.html b/examples/ssr/webui-todo-app/src/index.html
deleted file mode 100644
index d8b6524135c..00000000000
--- a/examples/ssr/webui-todo-app/src/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html dir="{{textdirection}}" lang="en" data-theme="light">
-    <head>
-        <meta charset="utf-8">
-        <title>{{ title }}</title>
-        <link rel="stylesheet" href="/index.css">
-        <style>
-        html,
-        body {
-            margin: 0;
-            background: var(--fast-background-web-page-primary);
-            color: var(--fast-foreground-ctrl-neutral-primary-rest);
-            font-family: var(--fast-text-style-default-regular-font-family);
-        }
-
-        :not(:defined) {
-            visibility: hidden;
-        }
-        </style>
-    </head>
-
-    <body>
-        <todo-app></todo-app>
-
-        <script type="module" src="/index.js"></script>
-    </body>
-</html>
diff --git a/examples/ssr/webui-todo-app/src/index.ts b/examples/ssr/webui-todo-app/src/index.ts
deleted file mode 100644
index 3021c5c55e9..00000000000
--- a/examples/ssr/webui-todo-app/src/index.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-
-/**
- * WebUI todo-app entry point — bootstraps FAST-HTML hydration.
- *
- * The server pre-renders HTML with hydration markers via `webui serve --plugin=fast`.
- * This script:
- *   1. Registers custom elements (todo-app, todo-item) via defineAsync
- *   2. Configures FAST-HTML observation maps for reactive attribute tracking
- *   3. Defines <f-template>, triggering hydration of pre-rendered shadow DOM
- */
-
-performance.mark("todo-hydration-started");
-
-import "@microsoft/fast-examples-design-system/tokens.css";
-import { TemplateElement } from "@microsoft/fast-html";
-
-// Side-effect imports — register custom elements via defineAsync
-import "./todo-app/todo-app.js";
-import "./todo-item/todo-item.js";
-
-// Configure and start hydration
-TemplateElement.options({
-    "todo-app": { observerMap: "all" },
-    "todo-item": { observerMap: "all" },
-})
-    .config({
-        hydrationComplete() {
-            performance.measure("todo-hydration-completed", "todo-hydration-started");
-            console.log("Hydration complete!");
-            (window as unknown as { __todoHydrated?: boolean }).__todoHydrated = true;
-        },
-    })
-    .define({
-        name: "f-template",
-    });
diff --git a/examples/ssr/webui-todo-app/src/todo-app/todo-app.css b/examples/ssr/webui-todo-app/src/todo-app/todo-app.css
deleted file mode 100644
index ce9ca569f7c..00000000000
--- a/examples/ssr/webui-todo-app/src/todo-app/todo-app.css
+++ /dev/null
@@ -1,130 +0,0 @@
-:host {
-    display: block;
-    padding: var(--fast-padding-content-medium);
-    max-width: 480px;
-    font-family: var(--fast-text-style-default-regular-font-family);
-    color: var(--fast-foreground-ctrl-neutral-primary-rest);
-    background: var(--fast-background-layer-primary-solid);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
-    border-radius: var(--fast-corner-large);
-    box-shadow: var(--fast-shadow-card-rest);
-    margin: var(--fast-gap-between-content-x-large) auto;
-}
-
-h1 {
-    margin: 0 0 var(--fast-gap-between-content-small);
-    font-size: var(--fast-text-global-display2-font-size);
-    line-height: var(--fast-text-global-display2-line-height);
-    font-weight: var(--fast-text-style-default-header-weight);
-    color: var(--fast-foreground-ctrl-brand-rest);
-}
-
-form {
-    display: flex;
-    align-items: center;
-    gap: var(--fast-gap-between-content-x-small);
-    margin: var(--fast-gap-between-content-small) 0;
-}
-
-input[type="text"] {
-    flex: 1;
-    min-width: 0;
-    background: var(--fast-background-layer-primary-solid);
-    color: var(--fast-foreground-ctrl-neutral-primary-rest);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-ctrl-on-outline-rest);
-    border-radius: var(--fast-corner-medium);
-    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-x-small);
-    font-family: var(--fast-text-style-default-regular-font-family);
-    font-size: var(--fast-text-global-body3-font-size);
-    line-height: var(--fast-text-global-body3-line-height);
-}
-
-input[type="text"]:focus-visible {
-    border-color: var(--fast-ctrl-focus-outer-stroke);
-    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
-        var(--fast-ctrl-focus-outer-stroke);
-    outline-offset: var(--fast-stroke-width-default);
-}
-
-button[type="submit"] {
-    background: var(--fast-background-ctrl-brand-rest);
-    color: var(--fast-foreground-ctrl-on-brand-rest);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-brand);
-    border-radius: var(--fast-corner-medium);
-    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-small);
-    font-family: inherit;
-    font-size: var(--fast-text-global-body3-font-size);
-    line-height: var(--fast-text-global-body3-line-height);
-    cursor: pointer;
-    transition: background var(--fast-duration-fast) var(--fast-curve-easy-ease);
-}
-
-button[type="submit"]:hover {
-    background: var(--fast-background-ctrl-brand-hover);
-}
-
-button[type="submit"]:active {
-    background: var(--fast-background-ctrl-brand-pressed);
-}
-
-button[type="submit"]:focus-visible {
-    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
-        var(--fast-ctrl-focus-outer-stroke);
-    outline-offset: var(--fast-stroke-width-default);
-}
-
-button[type="submit"]:disabled {
-    background: var(--fast-background-ctrl-brand-disabled);
-    color: var(--fast-foreground-ctrl-neutral-primary-disabled);
-    border-color: var(--fast-stroke-ctrl-on-outline-disabled);
-    cursor: not-allowed;
-}
-
-section {
-    display: flex;
-    align-items: center;
-    gap: var(--fast-gap-between-content-x-small);
-    margin-top: var(--fast-gap-between-content-small);
-    font-size: var(--fast-text-global-body3-font-size);
-    line-height: var(--fast-text-global-body3-line-height);
-    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
-}
-
-select {
-    background: var(--fast-background-layer-primary-solid);
-    color: var(--fast-foreground-ctrl-neutral-primary-rest);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-ctrl-on-outline-rest);
-    border-radius: var(--fast-corner-small);
-    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-x-small);
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit;
-}
-
-select:focus-visible {
-    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
-        var(--fast-ctrl-focus-outer-stroke);
-    outline-offset: var(--fast-stroke-width-default);
-}
-
-.todo-list {
-    list-style-type: none;
-    padding: 0;
-    margin: var(--fast-gap-between-content-small) 0 0;
-}
-
-.todo-list li {
-    list-style-type: none;
-}
-
-footer {
-    display: flex;
-    align-items: center;
-    gap: var(--fast-gap-between-content-x-small);
-    margin-top: var(--fast-gap-between-content-small);
-    padding-top: var(--fast-padding-content-x-small);
-    border-top: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
-    font-size: var(--fast-text-global-body3-font-size);
-    line-height: var(--fast-text-global-body3-line-height);
-    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
-}
diff --git a/examples/ssr/webui-todo-app/src/todo-app/todo-app.html b/examples/ssr/webui-todo-app/src/todo-app/todo-app.html
deleted file mode 100644
index cf72693c44a..00000000000
--- a/examples/ssr/webui-todo-app/src/todo-app/todo-app.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<template
-    shadowrootmode="open"
-    @toggle-item="{onToggleItem($e)}"
-    @delete-item="{onDeleteItem($e)}"
->
-    <h1>FAST Todos</h1>
-
-    <form @submit="{onSubmit()}">
-        <input type="text" f-ref="{addInput}" @input="{onInput($e)}">
-        <button type="submit" ?disabled="{{!description}}">Add Todo</button>
-    </form>
-
-    <section>
-        <label for="filter">Filter:</label>
-        <select name="filter" id="filter" title="filter" @change="{onFilterChange($e)}">
-            <option value="all" selected>All</option>
-            <option value="active">Active</option>
-            <option value="completed">Completed</option>
-        </select>
-    </section>
-
-    <ul class="todo-list">
-        <for each="item in filteredItems">
-            <li>
-                <todo-item
-                    id="{{item.id}}"
-                    description="{{item.description}}"
-                    state="{{item.state}}"
-                ></todo-item>
-            </li>
-        </for>
-    </ul>
-
-    <footer>
-        <span class="active-count"></span>
-        <span aria-hidden="true">·</span>
-        <span class="completed-count"></span>
-    </footer>
-</template>
diff --git a/examples/ssr/webui-todo-app/src/todo-app/todo-app.ts b/examples/ssr/webui-todo-app/src/todo-app/todo-app.ts
deleted file mode 100644
index 9cc64d7618d..00000000000
--- a/examples/ssr/webui-todo-app/src/todo-app/todo-app.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-
-import { FASTElement, observable } from "@microsoft/fast-element";
-import { RenderableFASTElement } from "@microsoft/fast-html";
-
-interface TodoItemData {
-    id: string;
-    description: string;
-    state: string;
-}
-
-type TodoListFilter = "all" | "active" | "completed";
-
-export class TodoApp extends RenderableFASTElement(FASTElement) {
-    @observable items: TodoItemData[] = [];
-    @observable activeFilter: TodoListFilter = "all";
-    @observable description: string = "";
-    @observable filteredItems: TodoItemData[] = [];
-    @observable activeCount: number = 0;
-    @observable completedCount: number = 0;
-
-    addInput!: HTMLInputElement;
-
-    private nextId = 100;
-
-    connectedCallback(): void {
-        super.connectedCallback();
-        this.syncCounts();
-    }
-
-    itemsChanged(): void {
-        this.recomputeFilteredItems();
-        this.recomputeCounts();
-    }
-
-    activeFilterChanged(): void {
-        this.recomputeFilteredItems();
-    }
-
-    activeCountChanged(): void {
-        this.syncCounts();
-    }
-
-    completedCountChanged(): void {
-        this.syncCounts();
-    }
-
-    async prepare(): Promise<void> {
-        const items: TodoItemData[] = [];
-
-        for (const el of this.shadowRoot!.querySelectorAll("todo-item")) {
-            items.push({
-                id: el.getAttribute("id") || "",
-                description: el.getAttribute("description") || "",
-                state: el.getAttribute("state") || "pending",
-            });
-        }
-
-        this.items = items;
-
-        if (items.length > 0) {
-            this.nextId = Math.max(...items.map(i => Number(i.id) || 0)) + 1;
-        }
-    }
-
-    onToggleItem(e: CustomEvent<{ id: string }>): void {
-        this.items = this.items.map(item =>
-            item.id === e.detail.id
-                ? {
-                      id: item.id,
-                      description: item.description,
-                      state: item.state === "done" ? "pending" : "done",
-                  }
-                : item,
-        );
-    }
-
-    onDeleteItem(e: CustomEvent<{ id: string }>): void {
-        this.items = this.items.filter(item => item.id !== e.detail.id);
-    }
-
-    onInput(e: Event): void {
-        this.description = (e.target as HTMLInputElement).value;
-    }
-
-    onFilterChange(e: Event): void {
-        this.activeFilter = (e.target as HTMLSelectElement).value as TodoListFilter;
-    }
-
-    onSubmit(): void {
-        const text = this.description.trim();
-
-        if (!text) return;
-
-        this.items = [
-            ...this.items,
-            { id: String(this.nextId++), description: text, state: "pending" },
-        ];
-        this.description = "";
-
-        if (this.addInput) {
-            this.addInput.value = "";
-            this.addInput.focus();
-        }
-    }
-
-    private recomputeFilteredItems(): void {
-        switch (this.activeFilter) {
-            case "active":
-                this.filteredItems = this.items.filter(i => i.state !== "done");
-                break;
-            case "completed":
-                this.filteredItems = this.items.filter(i => i.state === "done");
-                break;
-            default:
-                this.filteredItems = this.items;
-        }
-    }
-
-    private recomputeCounts(): void {
-        let active = 0;
-        let completed = 0;
-
-        for (const item of this.items) {
-            if (item.state === "done") {
-                completed++;
-            } else {
-                active++;
-            }
-        }
-
-        this.activeCount = active;
-        this.completedCount = completed;
-    }
-
-    /**
-     * Work around the fast-html hydration text-binding mismatch (see the
-     * `<todo-item>` `syncDescription()` helper for context): write the
-     * footer counters into the shadow DOM imperatively rather than via
-     * `{{ activeCount }}` / `{{ completedCount }}` text interpolations.
-     */
-    private syncCounts(): void {
-        const activeSpan = this.shadowRoot?.querySelector(".active-count");
-        const completedSpan = this.shadowRoot?.querySelector(".completed-count");
-
-        if (activeSpan) {
-            activeSpan.textContent = `${this.activeCount} ${
-                this.activeCount === 1 ? "item" : "items"
-            } left`;
-        }
-
-        if (completedSpan) {
-            completedSpan.textContent = `${this.completedCount} completed`;
-        }
-    }
-}
-
-TodoApp.defineAsync({
-    name: "todo-app",
-    templateOptions: "defer-and-hydrate",
-});
diff --git a/examples/ssr/webui-todo-app/src/todo-item/todo-item.css b/examples/ssr/webui-todo-app/src/todo-item/todo-item.css
deleted file mode 100644
index f30aac3ae61..00000000000
--- a/examples/ssr/webui-todo-app/src/todo-item/todo-item.css
+++ /dev/null
@@ -1,53 +0,0 @@
-:host {
-    display: flex;
-    align-items: center;
-    gap: var(--fast-gap-between-content-x-small);
-    margin: var(--fast-gap-between-content-x-small) 0;
-    padding: var(--fast-padding-content-x-small);
-    border-radius: var(--fast-corner-medium);
-    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-default);
-    background: var(--fast-background-layer-secondary);
-    transition: background var(--fast-duration-fast) var(--fast-curve-easy-ease);
-}
-
-:host(:hover) {
-    background: var(--fast-background-ctrl-subtle-hover);
-}
-
-.description {
-    display: inline-block;
-    align-self: center;
-    margin: 0;
-    flex: 1;
-    font-size: var(--fast-text-global-body3-font-size);
-    line-height: var(--fast-text-global-body3-line-height);
-}
-
-:host([state="done"]) .description {
-    text-decoration: line-through;
-    color: var(--fast-foreground-ctrl-hint-default);
-}
-
-.delete {
-    color: var(--fast-status-danger-tint-foreground);
-    background: transparent;
-    border: none;
-    border-radius: var(--fast-corner-medium);
-    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-xx-small);
-    font-family: inherit;
-    font-size: var(--fast-text-global-body3-font-size);
-    line-height: var(--fast-text-global-body3-line-height);
-    cursor: pointer;
-    transition: background var(--fast-duration-fast) var(--fast-curve-easy-ease);
-}
-
-.delete:hover,
-.delete:active {
-    background: var(--fast-status-danger-tint-background);
-}
-
-.delete:focus-visible {
-    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
-        var(--fast-status-danger-tint-stroke);
-    outline-offset: var(--fast-stroke-width-default);
-}
diff --git a/examples/ssr/webui-todo-app/src/todo-item/todo-item.html b/examples/ssr/webui-todo-app/src/todo-item/todo-item.html
deleted file mode 100644
index 8d3d61b7d7b..00000000000
--- a/examples/ssr/webui-todo-app/src/todo-item/todo-item.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<template shadowrootmode="open">
-    <input
-        type="checkbox"
-        class="toggle"
-        ?checked="{{state == 'done'}}"
-        @change="{onToggleChange()}"
-    >
-    <span class="description"></span>
-    <button
-        type="button"
-        class="delete"
-        @click="{onDeleteClick()}"
-        aria-label="Remove item"
-    >
-        &times;
-    </button>
-</template>
diff --git a/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts b/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
deleted file mode 100644
index b59e41c0e7f..00000000000
--- a/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-
-import { attr, FASTElement } from "@microsoft/fast-element";
-import { RenderableFASTElement } from "@microsoft/fast-html";
-
-export class TodoItem extends RenderableFASTElement(FASTElement) {
-    @attr id = "";
-    @attr description = "";
-    @attr state = "";
-
-    connectedCallback(): void {
-        super.connectedCallback();
-        this.syncDescription();
-    }
-
-    descriptionChanged(): void {
-        this.syncDescription();
-    }
-
-    onToggleChange(): void {
-        this.$emit("toggle-item", { id: this.id });
-    }
-
-    onDeleteClick(): void {
-        this.$emit("delete-item", { id: this.id });
-    }
-
-    /**
-     * Work around a known fast-html hydration mismatch for text-interpolation
-     * bindings inside `<todo-item>`: rather than rely on `{{ description }}` in
-     * the shadow template, assign the description text imperatively. See the
-     * hydration warning fast-html logs when this binding is left in place.
-     */
-    private syncDescription(): void {
-        const span = this.shadowRoot?.querySelector(".description");
-        if (span) {
-            span.textContent = this.description;
-        }
-    }
-}
-
-TodoItem.defineAsync({
-    name: "todo-item",
-    templateOptions: "defer-and-hydrate",
-});
diff --git a/examples/ssr/webui-todo-app/tsconfig.json b/examples/ssr/webui-todo-app/tsconfig.json
deleted file mode 100644
index 18044303e73..00000000000
--- a/examples/ssr/webui-todo-app/tsconfig.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-    "compilerOptions": {
-        "module": "NodeNext",
-        "moduleResolution": "NodeNext",
-        "target": "ESNext",
-        "strict": true,
-        "experimentalDecorators": true,
-        "useDefineForClassFields": false,
-        "skipLibCheck": true,
-        "allowSyntheticDefaultImports": true,
-        "sourceMap": true,
-        "incremental": true
-    },
-    "include": ["src"],
-    "exclude": ["node_modules", "dist"]
-}
diff --git a/examples/test/playwright.config.ts b/examples/test/playwright.config.ts
index 33da1a3bd4c..8ae12098db3 100644
--- a/examples/test/playwright.config.ts
+++ b/examples/test/playwright.config.ts
@@ -37,10 +37,6 @@ export default defineConfig({
             name: "csr-todo-mobx",
             use: { baseURL: "http://localhost:9001" },
         },
-        {
-            name: "ssr-webui-todo",
-            use: { baseURL: "http://localhost:8081" },
-        },
     ],
     webServer: [
         {
@@ -61,14 +57,5 @@ export default defineConfig({
             stdout: "pipe",
             stderr: "pipe",
         },
-        {
-            command: "npm run start:e2e -w @microsoft/fast-webui-todo-app-example",
-            url: "http://localhost:8081",
-            cwd: "../..",
-            reuseExistingServer: !isCI,
-            timeout: 180_000,
-            stdout: "pipe",
-            stderr: "pipe",
-        },
     ],
 });
diff --git a/examples/test/support/adapters/index.ts b/examples/test/support/adapters/index.ts
index e25d2ce6bfb..732f4dc8a72 100644
--- a/examples/test/support/adapters/index.ts
+++ b/examples/test/support/adapters/index.ts
@@ -1,11 +1,9 @@
 import { createCsrAdapter } from "./csr.js";
-import { ssrWebuiTodoAdapter } from "./ssr-webui-todo.js";
 import type { TodoAppAdapter } from "./types.js";
 
 const adapters: Record<string, TodoAppAdapter> = {
     "csr-todo": createCsrAdapter("csr-todo"),
     "csr-todo-mobx": createCsrAdapter("csr-todo-mobx"),
-    "ssr-webui-todo": ssrWebuiTodoAdapter,
 };
 
 export function getAdapter(projectName: string): TodoAppAdapter {
diff --git a/examples/test/support/adapters/ssr-webui-todo.ts b/examples/test/support/adapters/ssr-webui-todo.ts
deleted file mode 100644
index 0643ef661e6..00000000000
--- a/examples/test/support/adapters/ssr-webui-todo.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import type { Page } from "@playwright/test";
-import type { FilterValue, TodoAppAdapter } from "./types.js";
-
-/**
- * Adapter for the SSR webui-todo-app. Layout:
- *
- *     <todo-app> #shadow
- *       <h1>FAST Todos</h1>
- *       <form><input/><button/></form>
- *       <select name="filter">
- *       <ul.todo-list>
- *         <li>
- *           <todo-item> #shadow
- *             <input type="checkbox" class="toggle"/>
- *             <span.description/>
- *             <button class="delete" aria-label="Remove item">×</button>
- */
-export const ssrWebuiTodoAdapter: TodoAppAdapter = {
-    name: "ssr-webui-todo",
-    async goto(page) {
-        await page.goto("/");
-    },
-    async waitForReady(page) {
-        await page.locator("todo-app").waitFor();
-        await page.locator("h1", { hasText: "FAST Todos" }).waitFor();
-        await page.locator("form button[type=submit]", { hasText: "Add Todo" }).waitFor();
-        // The SSR app hydrates asynchronously; wait for the flag set in
-        // src/index.ts before issuing UI events that depend on event handlers.
-        await page.waitForFunction(
-            () => (window as unknown as { __todoHydrated?: boolean }).__todoHydrated,
-            undefined,
-            { timeout: 10_000 },
-        );
-    },
-    async addTodo(page, text) {
-        const input = page.locator("todo-app form input[type=text]");
-        await input.fill(text);
-        await page.locator("todo-app form button[type=submit]").click();
-        await page.locator("todo-item .description", { hasText: text }).waitFor();
-    },
-    async descriptions(page) {
-        const raw = await page.locator("todo-item .description").allInnerTexts();
-        return raw.map(s => s.trim());
-    },
-    async isDoneByDescription(page, description) {
-        const item = page.locator("todo-item").filter({
-            has: page.locator(".description", { hasText: description }),
-        });
-        return item.locator("input.toggle").isChecked();
-    },
-    async toggleByDescription(page, description) {
-        const item = page.locator("todo-item").filter({
-            has: page.locator(".description", { hasText: description }),
-        });
-        await item.locator("input.toggle").click();
-    },
-    async deleteByDescription(page, description) {
-        const item = page.locator("todo-item").filter({
-            has: page.locator(".description", { hasText: description }),
-        });
-        await item.locator("button.delete").click();
-        await page
-            .locator("todo-item .description", { hasText: description })
-            .waitFor({ state: "detached" });
-    },
-    async setFilter(page, value: FilterValue) {
-        await page.locator("select[name=filter]").selectOption(value);
-    },
-    async isAddDisabled(page) {
-        return page.locator("todo-app form button[type=submit]").isDisabled();
-    },
-    async getCounts(page) {
-        const active = await page.locator("todo-app footer .active-count").innerText();
-        const completed = await page
-            .locator("todo-app footer .completed-count")
-            .innerText();
-        return {
-            active: parseLeadingInt(active),
-            completed: parseLeadingInt(completed),
-        };
-    },
-};
-
-function parseLeadingInt(text: string): number {
-    const match = text.trim().match(/^\d+/);
-    return match ? Number(match[0]) : Number.NaN;
-}
diff --git a/examples/test/support/global-setup.ts b/examples/test/support/global-setup.ts
index 7a270121723..e9d618a9e95 100644
--- a/examples/test/support/global-setup.ts
+++ b/examples/test/support/global-setup.ts
@@ -1,29 +1,5 @@
-import { promises as fs } from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
 import type { FullConfig } from "@playwright/test";
 
-/**
- * The SSR webui-todo-app persists state to `examples/ssr/webui-todo-app/data/state.json`.
- * Tests will add/toggle/delete items there, mutating the file. Back it up
- * before the run and restore it after (see global-teardown.ts).
- */
-const HERE = path.dirname(fileURLToPath(import.meta.url));
-export const SSR_STATE_FILE = path.resolve(
-    HERE,
-    "../../ssr/webui-todo-app/data/state.json",
-);
-export const SSR_STATE_BACKUP = `${SSR_STATE_FILE}.e2e-backup`;
-
 export default async function globalSetup(_config: FullConfig): Promise<void> {
-    try {
-        const original = await fs.readFile(SSR_STATE_FILE, "utf8");
-        await fs.writeFile(SSR_STATE_BACKUP, original, "utf8");
-    } catch (err) {
-        // If the state file is missing we leave things alone; the SSR project
-        // will simply fail to start and surface its own diagnostics.
-        if ((err as NodeJS.ErrnoException).code !== "ENOENT") {
-            throw err;
-        }
-    }
+    // No global setup needed on v3 (SSR webui-todo-app example is not present).
 }
diff --git a/examples/test/support/global-teardown.ts b/examples/test/support/global-teardown.ts
index 9ad30cbaae6..c3334c27ed1 100644
--- a/examples/test/support/global-teardown.ts
+++ b/examples/test/support/global-teardown.ts
@@ -1,14 +1,3 @@
-import { promises as fs } from "node:fs";
-import { SSR_STATE_BACKUP, SSR_STATE_FILE } from "./global-setup.js";
-
 export default async function globalTeardown(): Promise<void> {
-    try {
-        const backup = await fs.readFile(SSR_STATE_BACKUP, "utf8");
-        await fs.writeFile(SSR_STATE_FILE, backup, "utf8");
-        await fs.unlink(SSR_STATE_BACKUP);
-    } catch (err) {
-        if ((err as NodeJS.ErrnoException).code !== "ENOENT") {
-            throw err;
-        }
-    }
+    // No global teardown needed on v3 (SSR webui-todo-app example is not present).
 }
diff --git a/package-lock.json b/package-lock.json
index 9a824ff4e52..57dd39c62a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -52,7 +52,7 @@
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
-        "@microsoft/fast-element": "^2.10.4",
+        "@microsoft/fast-element": "^3.0.0-rc.1",
         "@microsoft/fast-examples-design-system": "^1.0.0",
         "tslib": "^2.6.3"
       },
@@ -66,7 +66,7 @@
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
-        "@microsoft/fast-element": "^2.10.4",
+        "@microsoft/fast-element": "^3.0.0-rc.1",
         "@microsoft/fast-examples-design-system": "^1.0.0",
         "mobx": "^6.13.5",
         "tslib": "^2.6.3"
@@ -80,630 +80,33 @@
     "examples/ssr": {
       "name": "@microsoft/fast-ssr-example",
       "version": "1.0.0",
-      "dev": true,
+      "extraneous": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "@microsoft/fast-element": "^2.10.3",
-        "@microsoft/fast-ssr": "^1.0.0-beta.40",
-        "@microsoft/fast-todo-app-example": "1.0.0"
-      }
-    },
-    "examples/ssr/chat-app": {
-      "name": "@microsoft/fast-chat-app-example",
-      "version": "1.0.0",
-      "license": "MIT",
-      "dependencies": {
-        "@microsoft/fast-element": "*",
-        "@microsoft/fast-examples-design-system": "*",
-        "@microsoft/fast-html": "*",
-        "tslib": "^2.6.3"
-      },
-      "devDependencies": {
-        "@microsoft/fast-build": "*"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
-      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/android-arm": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
-      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/android-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
-      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/android-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
-      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
-      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
-      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
-      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
-      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/linux-arm": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
-      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
-      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
-      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
-      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
-      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
-      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
-      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
-      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/linux-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
-      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
-      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
-      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
-      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
-      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
-      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
-      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
-      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
-      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@esbuild/win32-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
-      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "examples/ssr/node_modules/@microsoft/webui": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui/-/webui-0.0.12.tgz",
-      "integrity": "sha512-jJRWsH2bvx7BAWhWf+2zRzGF4M/v/tUpvQUwwqXlrPnelQzFKXbpKnTMXgH+mu6OQEkjqZjSTg3dKLZD0k8g/g==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "webui": "bin/webui"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "@microsoft/webui-darwin-arm64": "0.0.12",
-        "@microsoft/webui-darwin-x64": "0.0.12",
-        "@microsoft/webui-linux-arm64": "0.0.12",
-        "@microsoft/webui-linux-x64": "0.0.12",
-        "@microsoft/webui-win32-arm64": "0.0.12",
-        "@microsoft/webui-win32-x64": "0.0.12"
-      }
-    },
-    "examples/ssr/node_modules/@microsoft/webui-darwin-arm64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-arm64/-/webui-darwin-arm64-0.0.12.tgz",
-      "integrity": "sha512-J3e23Zz4q7Ni0xDTvkPWtPl9Pzfi6wdgZtLtRYG+HitvF8UryorJPxqddrX/WsrQJzwDxbjcqq8AKUpXJTobCQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "examples/ssr/node_modules/@microsoft/webui-darwin-x64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-x64/-/webui-darwin-x64-0.0.12.tgz",
-      "integrity": "sha512-ZaCDeTftdT0Q8yUNMymXbK6qmRuhYVl8Ajo9DCfdJwTbwinSv5mpqkovNWJtpTP2Hao6hXDr3Dk1FkSdQ2dUBQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "examples/ssr/node_modules/@microsoft/webui-linux-arm64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-arm64/-/webui-linux-arm64-0.0.12.tgz",
-      "integrity": "sha512-rwlcXJts89pfIyle/boZJQ8/wEAriqOP3uB+qmr02ST77hhpkczUktQMJ97If98B6v3BSZa0cregz2FTSBJv4g==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "examples/ssr/node_modules/@microsoft/webui-linux-x64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-x64/-/webui-linux-x64-0.0.12.tgz",
-      "integrity": "sha512-f+Q9Jgv/fmlLCJWPKEdXkxOScRc3dBLOVCN2GVYQ6UP5wXte3SL8eWYenO5XxhWOpIrlgu+E77e9RPr3K41KIA==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "examples/ssr/node_modules/@microsoft/webui-win32-arm64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-arm64/-/webui-win32-arm64-0.0.12.tgz",
-      "integrity": "sha512-gHGHvsQQO5zoG5ZbkoFxTCKjItsZOvQ+xYJEmWgy2v+BpxQSJspgrqrIdEpCdQUzSoTHPDt6dVE+vvPhOPg1Pw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "examples/ssr/node_modules/@microsoft/webui-win32-x64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-x64/-/webui-win32-x64-0.0.12.tgz",
-      "integrity": "sha512-NpywUTlAwztpq3zrIAwDrX/Rxkty47/zOaBzhUa7UxpOpoKzaPeWRVO17dbP3Wp3uYbQvdTV//KLh6xnq4WseA==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
+        "@microsoft/fast-ssr": "^1.0.0-beta.40",
+        "@microsoft/fast-todo-app-example": "1.0.0"
+      }
     },
-    "examples/ssr/node_modules/esbuild": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
-      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
-      "dev": true,
-      "hasInstallScript": true,
+    "examples/ssr/chat-app": {
+      "name": "@microsoft/fast-chat-app-example",
+      "version": "1.0.0",
+      "extraneous": true,
       "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.12",
-        "@esbuild/android-arm": "0.25.12",
-        "@esbuild/android-arm64": "0.25.12",
-        "@esbuild/android-x64": "0.25.12",
-        "@esbuild/darwin-arm64": "0.25.12",
-        "@esbuild/darwin-x64": "0.25.12",
-        "@esbuild/freebsd-arm64": "0.25.12",
-        "@esbuild/freebsd-x64": "0.25.12",
-        "@esbuild/linux-arm": "0.25.12",
-        "@esbuild/linux-arm64": "0.25.12",
-        "@esbuild/linux-ia32": "0.25.12",
-        "@esbuild/linux-loong64": "0.25.12",
-        "@esbuild/linux-mips64el": "0.25.12",
-        "@esbuild/linux-ppc64": "0.25.12",
-        "@esbuild/linux-riscv64": "0.25.12",
-        "@esbuild/linux-s390x": "0.25.12",
-        "@esbuild/linux-x64": "0.25.12",
-        "@esbuild/netbsd-arm64": "0.25.12",
-        "@esbuild/netbsd-x64": "0.25.12",
-        "@esbuild/openbsd-arm64": "0.25.12",
-        "@esbuild/openbsd-x64": "0.25.12",
-        "@esbuild/openharmony-arm64": "0.25.12",
-        "@esbuild/sunos-x64": "0.25.12",
-        "@esbuild/win32-arm64": "0.25.12",
-        "@esbuild/win32-ia32": "0.25.12",
-        "@esbuild/win32-x64": "0.25.12"
-      }
-    },
-    "examples/ssr/node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
+      "dependencies": {
+        "@microsoft/fast-element": "*",
+        "@microsoft/fast-examples-design-system": "*",
+        "@microsoft/fast-html": "*",
+        "tslib": "^2.6.3"
       },
-      "engines": {
-        "node": ">=14.17"
+      "devDependencies": {
+        "@microsoft/fast-build": "*"
       }
     },
     "examples/ssr/webui-todo-app": {
       "name": "@microsoft/fast-webui-todo-app-example",
       "version": "1.0.0",
+      "extraneous": true,
       "license": "MIT",
       "dependencies": {
         "@microsoft/fast-element": "^2.10.3",
@@ -2404,10 +1807,6 @@
       "resolved": "build",
       "link": true
     },
-    "node_modules/@microsoft/fast-chat-app-example": {
-      "resolved": "examples/ssr/chat-app",
-      "link": true
-    },
     "node_modules/@microsoft/fast-element": {
       "resolved": "packages/fast-element",
       "link": true
@@ -2420,10 +1819,6 @@
       "resolved": "examples/test",
       "link": true
     },
-    "node_modules/@microsoft/fast-html": {
-      "resolved": "packages/fast-html",
-      "link": true
-    },
     "node_modules/@microsoft/fast-router": {
       "resolved": "packages/fast-router",
       "link": true
@@ -2444,10 +1839,6 @@
       "resolved": "examples/csr/todo-mobx-app",
       "link": true
     },
-    "node_modules/@microsoft/fast-webui-todo-app-example": {
-      "resolved": "examples/ssr/webui-todo-app",
-      "link": true
-    },
     "node_modules/@microsoft/tsdoc": {
       "version": "0.16.0",
       "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.16.0.tgz",
@@ -2466,6 +1857,112 @@
         "resolve": "~1.22.2"
       }
     },
+    "node_modules/@microsoft/webui": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui/-/webui-0.0.12.tgz",
+      "integrity": "sha512-jJRWsH2bvx7BAWhWf+2zRzGF4M/v/tUpvQUwwqXlrPnelQzFKXbpKnTMXgH+mu6OQEkjqZjSTg3dKLZD0k8g/g==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "webui": "bin/webui"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@microsoft/webui-darwin-arm64": "0.0.12",
+        "@microsoft/webui-darwin-x64": "0.0.12",
+        "@microsoft/webui-linux-arm64": "0.0.12",
+        "@microsoft/webui-linux-x64": "0.0.12",
+        "@microsoft/webui-win32-arm64": "0.0.12",
+        "@microsoft/webui-win32-x64": "0.0.12"
+      }
+    },
+    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-darwin-arm64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-arm64/-/webui-darwin-arm64-0.0.12.tgz",
+      "integrity": "sha512-J3e23Zz4q7Ni0xDTvkPWtPl9Pzfi6wdgZtLtRYG+HitvF8UryorJPxqddrX/WsrQJzwDxbjcqq8AKUpXJTobCQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-darwin-x64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-x64/-/webui-darwin-x64-0.0.12.tgz",
+      "integrity": "sha512-ZaCDeTftdT0Q8yUNMymXbK6qmRuhYVl8Ajo9DCfdJwTbwinSv5mpqkovNWJtpTP2Hao6hXDr3Dk1FkSdQ2dUBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-linux-arm64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-arm64/-/webui-linux-arm64-0.0.12.tgz",
+      "integrity": "sha512-rwlcXJts89pfIyle/boZJQ8/wEAriqOP3uB+qmr02ST77hhpkczUktQMJ97If98B6v3BSZa0cregz2FTSBJv4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-linux-x64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-x64/-/webui-linux-x64-0.0.12.tgz",
+      "integrity": "sha512-f+Q9Jgv/fmlLCJWPKEdXkxOScRc3dBLOVCN2GVYQ6UP5wXte3SL8eWYenO5XxhWOpIrlgu+E77e9RPr3K41KIA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-win32-arm64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-arm64/-/webui-win32-arm64-0.0.12.tgz",
+      "integrity": "sha512-gHGHvsQQO5zoG5ZbkoFxTCKjItsZOvQ+xYJEmWgy2v+BpxQSJspgrqrIdEpCdQUzSoTHPDt6dVE+vvPhOPg1Pw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-win32-x64": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-x64/-/webui-win32-x64-0.0.12.tgz",
+      "integrity": "sha512-NpywUTlAwztpq3zrIAwDrX/Rxkty47/zOaBzhUa7UxpOpoKzaPeWRVO17dbP3Wp3uYbQvdTV//KLh6xnq4WseA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -6864,7 +6361,7 @@
     },
     "packages/fast-build": {
       "name": "@microsoft/fast-build",
-      "version": "0.7.0",
+      "version": "0.5.0",
       "license": "MIT",
       "bin": {
         "fast": "bin/fast.js"
@@ -6875,12 +6372,17 @@
     },
     "packages/fast-element": {
       "name": "@microsoft/fast-element",
-      "version": "2.10.4",
-      "license": "MIT"
+      "version": "3.0.0-rc.1",
+      "license": "MIT",
+      "devDependencies": {
+        "@microsoft/fast-build": "*",
+        "@microsoft/webui": "0.0.12"
+      }
     },
     "packages/fast-html": {
       "name": "@microsoft/fast-html",
       "version": "1.0.0-alpha.53",
+      "extraneous": true,
       "license": "MIT",
       "devDependencies": {
         "@microsoft/fast-build": "^0.7.0",
@@ -6891,112 +6393,6 @@
         "@microsoft/fast-element": "^2.10.4"
       }
     },
-    "packages/fast-html/node_modules/@microsoft/webui": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui/-/webui-0.0.12.tgz",
-      "integrity": "sha512-jJRWsH2bvx7BAWhWf+2zRzGF4M/v/tUpvQUwwqXlrPnelQzFKXbpKnTMXgH+mu6OQEkjqZjSTg3dKLZD0k8g/g==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "webui": "bin/webui"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "@microsoft/webui-darwin-arm64": "0.0.12",
-        "@microsoft/webui-darwin-x64": "0.0.12",
-        "@microsoft/webui-linux-arm64": "0.0.12",
-        "@microsoft/webui-linux-x64": "0.0.12",
-        "@microsoft/webui-win32-arm64": "0.0.12",
-        "@microsoft/webui-win32-x64": "0.0.12"
-      }
-    },
-    "packages/fast-html/node_modules/@microsoft/webui-darwin-arm64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-arm64/-/webui-darwin-arm64-0.0.12.tgz",
-      "integrity": "sha512-J3e23Zz4q7Ni0xDTvkPWtPl9Pzfi6wdgZtLtRYG+HitvF8UryorJPxqddrX/WsrQJzwDxbjcqq8AKUpXJTobCQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "packages/fast-html/node_modules/@microsoft/webui-darwin-x64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-x64/-/webui-darwin-x64-0.0.12.tgz",
-      "integrity": "sha512-ZaCDeTftdT0Q8yUNMymXbK6qmRuhYVl8Ajo9DCfdJwTbwinSv5mpqkovNWJtpTP2Hao6hXDr3Dk1FkSdQ2dUBQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "packages/fast-html/node_modules/@microsoft/webui-linux-arm64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-arm64/-/webui-linux-arm64-0.0.12.tgz",
-      "integrity": "sha512-rwlcXJts89pfIyle/boZJQ8/wEAriqOP3uB+qmr02ST77hhpkczUktQMJ97If98B6v3BSZa0cregz2FTSBJv4g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "packages/fast-html/node_modules/@microsoft/webui-linux-x64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-x64/-/webui-linux-x64-0.0.12.tgz",
-      "integrity": "sha512-f+Q9Jgv/fmlLCJWPKEdXkxOScRc3dBLOVCN2GVYQ6UP5wXte3SL8eWYenO5XxhWOpIrlgu+E77e9RPr3K41KIA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "packages/fast-html/node_modules/@microsoft/webui-win32-arm64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-arm64/-/webui-win32-arm64-0.0.12.tgz",
-      "integrity": "sha512-gHGHvsQQO5zoG5ZbkoFxTCKjItsZOvQ+xYJEmWgy2v+BpxQSJspgrqrIdEpCdQUzSoTHPDt6dVE+vvPhOPg1Pw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "packages/fast-html/node_modules/@microsoft/webui-win32-x64": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-x64/-/webui-win32-x64-0.0.12.tgz",
-      "integrity": "sha512-NpywUTlAwztpq3zrIAwDrX/Rxkty47/zOaBzhUa7UxpOpoKzaPeWRVO17dbP3Wp3uYbQvdTV//KLh6xnq4WseA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
     "packages/fast-router": {
       "name": "@microsoft/fast-router",
       "version": "1.0.0-alpha.30",
@@ -7005,10 +6401,10 @@
         "tslib": "^2.6.3"
       },
       "devDependencies": {
-        "@microsoft/fast-element": "^2.10.4"
+        "@microsoft/fast-element": "^3.0.0-rc.1"
       },
       "peerDependencies": {
-        "@microsoft/fast-element": "^2.10.4"
+        "@microsoft/fast-element": "^3.0.0-rc.1"
       }
     },
     "packages/fast-ssr": {
@@ -7031,7 +6427,7 @@
     },
     "packages/fast-test-harness": {
       "name": "@microsoft/fast-test-harness",
-      "version": "0.2.0",
+      "version": "0.0.1",
       "license": "MIT",
       "dependencies": {
         "cheerio": "1.2.0"
@@ -7040,25 +6436,23 @@
         "fast-test-harness": "start.mjs"
       },
       "devDependencies": {
-        "@microsoft/fast-build": "^0.7.0",
-        "@microsoft/fast-element": "^2.10.4",
-        "@microsoft/fast-html": "^1.0.0-alpha.53"
+        "@microsoft/fast-build": "*",
+        "@microsoft/fast-element": "*"
       },
       "engines": {
         "node": ">=22.18.0"
       },
       "peerDependencies": {
-        "@microsoft/fast-build": "^0.7.0",
-        "@microsoft/fast-element": "^2.10.4 || ^3.0.0",
-        "@microsoft/fast-html": ">=1.0.0-alpha.53 <1.0.0",
+        "@microsoft/fast-build": ">=0.5.0 <1.0.0",
+        "@microsoft/fast-element": ">=2.10.4 <=3.0.0-rc.1",
         "@playwright/test": ">=1.40.0",
         "vite": ">=7.0.0"
       },
       "peerDependenciesMeta": {
-        "@microsoft/fast-element": {
+        "@microsoft/fast-build": {
           "optional": true
         },
-        "@microsoft/fast-html": {
+        "@microsoft/fast-element": {
           "optional": true
         }
       }
@@ -7067,8 +6461,8 @@
       "name": "@microsoft/fast-bench",
       "version": "0.0.0",
       "dependencies": {
-        "@microsoft/fast-element": "*",
-        "@microsoft/fast-html": "*"
+        "@microsoft/fast-build": "*",
+        "@microsoft/fast-element": "*"
       }
     },
     "sites/website": {
@@ -7081,8 +6475,8 @@
         "@microsoft/api-documenter": "7.29.7"
       },
       "devDependencies": {
-        "@microsoft/fast-build": "^0.7.0",
-        "@microsoft/fast-element": "^2.10.4"
+        "@microsoft/fast-build": "^0.5.0",
+        "@microsoft/fast-element": "^3.0.0-rc.1"
       }
     },
     "sites/website/node_modules/@microsoft/api-documenter": {
diff --git a/packages/fast-element/SIZES.md b/packages/fast-element/SIZES.md
index e6ac7937aa9..2a1cdc1a5f5 100644
--- a/packages/fast-element/SIZES.md
+++ b/packages/fast-element/SIZES.md
@@ -4,7 +4,7 @@ Bundle sizes for `@microsoft/fast-element` exports.
 
 | Export | Minified | Gzip | Brotli |
 |--------|----------|------|--------|
-| CDN Rollup Bundle | 76.36 KB | 22.91 KB | 20.35 KB |
+| CDN Rollup Bundle | 76.44 KB | 22.95 KB | 20.38 KB |
 | FASTElement (@microsoft/fast-element/fast-element.js) | 23.73 KB | 7.36 KB | 6.63 KB |
 | Updates (@microsoft/fast-element/updates.js) | 473 B | 335 B | 288 B |
 | Observable (@microsoft/fast-element/observable.js) | 6.70 KB | 2.50 KB | 2.22 KB |
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/host/host.spec.ts b/packages/fast-element/test/declarative/fixtures/bindings/host/host.spec.ts
index 4d42a506e39..04655a9d2f7 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/host/host.spec.ts
+++ b/packages/fast-element/test/declarative/fixtures/bindings/host/host.spec.ts
@@ -382,7 +382,7 @@ test.describe("Host Bindings Hydration", async () => {
             const hydrationCompleted = page.waitForFunction(
                 () => (window as any).hydrationCompleted === true,
             );
-            await page.goto("/fixtures/host-bindings/");
+            await page.goto("/fixtures/bindings/host/");
             await hydrationCompleted;
 
             const element = page.locator("host-autofocus");
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/host/index.html b/packages/fast-element/test/declarative/fixtures/bindings/host/index.html
index 25e9ac453c7..f946cdb81fb 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/host/index.html
+++ b/packages/fast-element/test/declarative/fixtures/bindings/host/index.html
@@ -38,7 +38,8 @@
         <host-perm-bool-first text="perm bool first" attr="value" disabled><template shadowrootmode="open" shadowroot="open"><span><!--fe:b-->perm bool first<!--fe:/b--></span></template></host-perm-bool-first>
         <host-perm-prop-first text="perm prop first" attr="value" disabled><template shadowrootmode="open" shadowroot="open"><span><!--fe:b-->perm prop first<!--fe:/b--></span></template></host-perm-prop-first>
         <!-- biome-ignore lint/a11y/noAutofocus: deliberate fixture verifying author-provided host attribute propagation through SSR -->
-        <host-autofocus autofocus tabindex="0"><template shadowrootmode="open" shadowroot="open"><span><!--fe:b-->autofocus<!--fe:/b--></span></template></host-autofocus>
+        <host-autofocus autofocus tabindex="0"><template shadowrootmode="open" shadowroot="open"><span><!--fe:b-->World<!--fe:/b--></span></template></host-autofocus>
+<!-- biome-ignore-all format: SSR renderer requires multi-line <template> layout for binding marker placement -->
 <f-template name="host-event-element">
     <template @click="{handleClick()}">
         <span>{{greeting}}</span>
diff --git a/sites/website/src/docs/3.x/resources/export-sizes.md b/sites/website/src/docs/3.x/resources/export-sizes.md
index 2325b5bf688..77e302fd095 100644
--- a/sites/website/src/docs/3.x/resources/export-sizes.md
+++ b/sites/website/src/docs/3.x/resources/export-sizes.md
@@ -19,7 +19,7 @@ Bundle sizes for `@microsoft/fast-element` exports.
 
 | Export | Minified | Gzip | Brotli |
 |--------|----------|------|--------|
-| CDN Rollup Bundle | 76.36 KB | 22.91 KB | 20.35 KB |
+| CDN Rollup Bundle | 76.44 KB | 22.95 KB | 20.38 KB |
 | FASTElement (@microsoft/fast-element/fast-element.js) | 23.73 KB | 7.36 KB | 6.63 KB |
 | Updates (@microsoft/fast-element/updates.js) | 473 B | 335 B | 288 B |
 | Observable (@microsoft/fast-element/observable.js) | 6.70 KB | 2.50 KB | 2.22 KB |

From f6ecae14d1064dce55681e6a854b68d2590d57f9 Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Wed, 27 May 2026 14:00:18 -0700
Subject: [PATCH 14/17] fix(examples): set useDefineForClassFields=false in
 csr/todo-app

With `target: ES2022` and no explicit `useDefineForClassFields` setting,
TypeScript defaults the option to `true`. Class fields are then emitted
with `Object.defineProperty(this, ...)` semantics, which install own
data properties on each instance that shadow the prototype getters/setters
installed by FAST's `@observable` decorator.

The practical result is that:

- The `@observable activeFilter` on `DefaultTodoList` no longer notifies
  on assignment, so the `<select :value=${twoWay(x => x.todos.activeFilter)}>`
  twoWay binding emits the "View=>Model update skipped" warning and
  filter changes are dropped.
- `@observable _todos` and `@observable description` (on TodoForm) also
  bypass the observation layer, so the footer `activeCount`/`completedCount`
  bindings never receive change notifications when items are added,
  toggled, or removed.

The sibling `examples/csr/todo-mobx-app` already sets
`useDefineForClassFields: false` for the same reason; align todo-app's
tsconfig.

Verified with `examples/test` Playwright suite (`npm run test:e2e`):
all 14 specs (7 per project, csr-todo + csr-todo-mobx) now pass; the
two previously-failing csr-todo specs (filter and footer counts) are
green.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 examples/csr/todo-app/tsconfig.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/examples/csr/todo-app/tsconfig.json b/examples/csr/todo-app/tsconfig.json
index 45ef640a343..1bdf23e3a87 100644
--- a/examples/csr/todo-app/tsconfig.json
+++ b/examples/csr/todo-app/tsconfig.json
@@ -18,6 +18,7 @@
         "moduleResolution": "bundler",
         "importHelpers": true,
         "experimentalDecorators": true,
+        "useDefineForClassFields": false,
         "declaration": true,
         "declarationMap": true,
         "sourceMap": true,

From 27b3eeb23accf80c663783320243b41ca37f4b27 Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Wed, 27 May 2026 14:37:57 -0700
Subject: [PATCH 15/17] feat(examples): port SSR examples to v3 declarative +
 hydration pattern

Restores examples/ssr/chat-app and examples/ssr/webui-todo-app on the
v3 release branch, porting them away from @microsoft/fast-html
(which does not exist on v3) to v3's declarativeTemplate() +
enableHydration() pattern from @microsoft/fast-element.

Port pattern applied to every custom element:

  class X extends RenderableFASTElement(FASTElement)        // before
    -> class X extends FASTElement                           // after

  X.defineAsync({ name, templateOptions: 'defer-and-hydrate' })  // before
    -> X.define(
         { name, template: declarativeTemplate() },
         [observerMap()],
       )                                                     // after

  TemplateElement.options({...}).config({...}).define(...)   // before
    -> enableHydration({ hydrationComplete() {...} })        // after

For webui-todo-app, TodoApp.prepare() was previously called from
connectedCallback after webui-driven prerender. That interleaves with
v3 hydration and corrupts the binding pass, so prepare() now runs from
the declarativeTemplate({ elementWillHydrate }) lifecycle callback so
the state is in place before v3 walks the prerendered shadow tree.

webui-todo-app moves from @microsoft/webui --plugin=fast (which emits
the legacy 'data-fe-c-N-M' / 'fe-b$$start$$N$$...' markers consumed
by fast-html) to webui ^0.0.13 with --plugin=fast-v3, which emits the
compact 'data-fe="N"' + '<!--fe:b-->' markers consumed by v3's
hydration.js.

Re-wires examples/test for the ssr-webui-todo Playwright project:

- playwright.config.ts: re-adds the ssr-webui-todo project (port 8081)
  and its npm-run webui webServer entry.
- support/adapters/ssr-webui-todo.ts: restored from main.
- support/adapters/index.ts: re-registers the ssr adapter.
- support/global-setup.ts / global-teardown.ts: restore the
  state.json backup/restore so SSR tests do not leak state between
  runs.

Drive-by v3 fixes for csr/todo-mobx-app so its e2e tests pass on this
branch (broken when cherry-picked because v3 reorganised the API):

- src/todo-app.ts: 'export const app = TodoApp.compose(...)' must now
  be awaited - compose() returns a Promise on v3.
- src/todo-app.template.ts and src/todo-form.template.ts: twoWay moved
  from '@microsoft/fast-element/binding/two-way.js' to
  '@microsoft/fast-element/two-way.js' on v3.
- tsconfig.json: bumped target/module from ES2020 to ES2022 so the
  top-level await above type-checks.

Restores the chat-app and webui-todo-app bullets in
.github/copilot-instructions.md; the webui bullet now mentions v3's
declarativeTemplate() + enableHydration() rather than fast-html
hydration.

Validation:
- npm run build (full monorepo): all 7 active workspaces succeed.
- examples/test e2e: 21/21 specs pass (csr-todo 7, csr-todo-mobx 7,
  ssr-webui-todo 7).
- npm run biome:check: clean.
- npm run checkchange: no change files required (all 4 affected
  example workspaces are private).

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 .github/copilot-instructions.md               |    2 +
 .../todo-mobx-app/src/todo-app.template.ts    |    2 +-
 examples/csr/todo-mobx-app/src/todo-app.ts    |    2 +-
 .../todo-mobx-app/src/todo-form.template.ts   |    2 +-
 examples/csr/todo-mobx-app/tsconfig.json      |    4 +-
 examples/ssr/chat-app/.gitignore              |    2 +
 examples/ssr/chat-app/DESIGN.md               |  168 +
 examples/ssr/chat-app/README.md               |   69 +
 examples/ssr/chat-app/biome.json              |   10 +
 examples/ssr/chat-app/build-markup.mjs        |   36 +
 examples/ssr/chat-app/entry.html              |   16 +
 examples/ssr/chat-app/fast-build.config.json  |    6 +
 examples/ssr/chat-app/package.json            |   33 +
 examples/ssr/chat-app/public/styles.css       |  323 ++
 examples/ssr/chat-app/src/chat-app.ts         |  203 +
 examples/ssr/chat-app/src/chat-card.ts        |   17 +
 examples/ssr/chat-app/src/chat-data.ts        |   86 +
 examples/ssr/chat-app/src/chat-message.ts     |   17 +
 examples/ssr/chat-app/src/chat-suggestion.ts  |   21 +
 examples/ssr/chat-app/src/design-system.d.ts  |    1 +
 examples/ssr/chat-app/src/exports.ts          |    5 +
 examples/ssr/chat-app/src/main.ts             |   14 +
 examples/ssr/chat-app/state.json              |    5 +
 examples/ssr/chat-app/templates.html          |   84 +
 examples/ssr/chat-app/tsconfig.json           |   20 +
 examples/ssr/chat-app/vite.config.ts          |   13 +
 examples/ssr/webui-todo-app/DESIGN.md         |  200 +
 examples/ssr/webui-todo-app/README.md         |  126 +
 examples/ssr/webui-todo-app/data/state.json   |   41 +
 examples/ssr/webui-todo-app/package.json      |   37 +
 examples/ssr/webui-todo-app/src/index.html    |   27 +
 examples/ssr/webui-todo-app/src/index.ts      |   30 +
 .../webui-todo-app/src/todo-app/todo-app.css  |  130 +
 .../webui-todo-app/src/todo-app/todo-app.html |   39 +
 .../webui-todo-app/src/todo-app/todo-app.ts   |  176 +
 .../src/todo-item/todo-item.css               |   53 +
 .../src/todo-item/todo-item.html              |   17 +
 .../webui-todo-app/src/todo-item/todo-item.ts |   51 +
 examples/ssr/webui-todo-app/tsconfig.json     |   16 +
 examples/test/playwright.config.ts            |   13 +
 examples/test/support/adapters/index.ts       |    2 +
 .../test/support/adapters/ssr-webui-todo.ts   |   87 +
 examples/test/support/global-setup.ts         |   26 +-
 examples/test/support/global-teardown.ts      |   13 +-
 package-lock.json                             | 3406 +++++++++--------
 45 files changed, 4139 insertions(+), 1512 deletions(-)
 create mode 100644 examples/ssr/chat-app/.gitignore
 create mode 100644 examples/ssr/chat-app/DESIGN.md
 create mode 100644 examples/ssr/chat-app/README.md
 create mode 100644 examples/ssr/chat-app/biome.json
 create mode 100644 examples/ssr/chat-app/build-markup.mjs
 create mode 100644 examples/ssr/chat-app/entry.html
 create mode 100644 examples/ssr/chat-app/fast-build.config.json
 create mode 100644 examples/ssr/chat-app/package.json
 create mode 100644 examples/ssr/chat-app/public/styles.css
 create mode 100644 examples/ssr/chat-app/src/chat-app.ts
 create mode 100644 examples/ssr/chat-app/src/chat-card.ts
 create mode 100644 examples/ssr/chat-app/src/chat-data.ts
 create mode 100644 examples/ssr/chat-app/src/chat-message.ts
 create mode 100644 examples/ssr/chat-app/src/chat-suggestion.ts
 create mode 100644 examples/ssr/chat-app/src/design-system.d.ts
 create mode 100644 examples/ssr/chat-app/src/exports.ts
 create mode 100644 examples/ssr/chat-app/src/main.ts
 create mode 100644 examples/ssr/chat-app/state.json
 create mode 100644 examples/ssr/chat-app/templates.html
 create mode 100644 examples/ssr/chat-app/tsconfig.json
 create mode 100644 examples/ssr/chat-app/vite.config.ts
 create mode 100644 examples/ssr/webui-todo-app/DESIGN.md
 create mode 100644 examples/ssr/webui-todo-app/README.md
 create mode 100644 examples/ssr/webui-todo-app/data/state.json
 create mode 100644 examples/ssr/webui-todo-app/package.json
 create mode 100644 examples/ssr/webui-todo-app/src/index.html
 create mode 100644 examples/ssr/webui-todo-app/src/index.ts
 create mode 100644 examples/ssr/webui-todo-app/src/todo-app/todo-app.css
 create mode 100644 examples/ssr/webui-todo-app/src/todo-app/todo-app.html
 create mode 100644 examples/ssr/webui-todo-app/src/todo-app/todo-app.ts
 create mode 100644 examples/ssr/webui-todo-app/src/todo-item/todo-item.css
 create mode 100644 examples/ssr/webui-todo-app/src/todo-item/todo-item.html
 create mode 100644 examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
 create mode 100644 examples/ssr/webui-todo-app/tsconfig.json
 create mode 100644 examples/test/support/adapters/ssr-webui-todo.ts

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index 8abf167d8e3..d754e21eb4e 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -37,6 +37,8 @@ Each package includes a DESIGN.md file, read that to gain a general understandin
 - `examples/design-system/` — Shared semantic design tokens (`@microsoft/fast-examples-design-system`) consumed by all example apps.
 - `examples/csr/todo-app/` — A simple To-Do app demonstrating FAST usage patterns and using the shared `@microsoft/fast-examples-design-system` tokens.
 - `examples/csr/todo-mobx-app/` — A To-Do app demonstrating how to integrate MobX state with `@microsoft/fast-element` using a single `autorun` per component (no custom bridge code).
+- `examples/ssr/chat-app/` — A declarative FAST chat demo that pre-renders with `@microsoft/fast-build` and streams canned assistant replies into the transcript. Dark theme.
+- `examples/ssr/webui-todo-app/` — A To-Do app demonstrating FAST declarative HTML with `@microsoft/webui` prerendering and `@microsoft/fast-element`'s `declarativeTemplate()` + `enableHydration()` for client-side hydration. Light theme.
 
 ## Skills
 
diff --git a/examples/csr/todo-mobx-app/src/todo-app.template.ts b/examples/csr/todo-mobx-app/src/todo-app.template.ts
index 97458ce59a7..7c2d1d9836c 100644
--- a/examples/csr/todo-mobx-app/src/todo-app.template.ts
+++ b/examples/csr/todo-mobx-app/src/todo-app.template.ts
@@ -1,5 +1,5 @@
 import { html, repeat } from "@microsoft/fast-element";
-import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
+import { twoWay } from "@microsoft/fast-element/two-way.js";
 import { type Todo, todoStore } from "./state/index.js";
 import type { TodoApp } from "./todo-app.js";
 import "./todo-form.js";
diff --git a/examples/csr/todo-mobx-app/src/todo-app.ts b/examples/csr/todo-mobx-app/src/todo-app.ts
index 0d585c9614d..246081d11d1 100644
--- a/examples/csr/todo-mobx-app/src/todo-app.ts
+++ b/examples/csr/todo-mobx-app/src/todo-app.ts
@@ -51,7 +51,7 @@ export class TodoApp extends FASTElement {
     }
 }
 
-export const app = TodoApp.compose({
+export const app = await TodoApp.compose({
     name: "todo-app",
     template,
     styles,
diff --git a/examples/csr/todo-mobx-app/src/todo-form.template.ts b/examples/csr/todo-mobx-app/src/todo-form.template.ts
index 37bc3c58262..36fdd342da2 100644
--- a/examples/csr/todo-mobx-app/src/todo-form.template.ts
+++ b/examples/csr/todo-mobx-app/src/todo-form.template.ts
@@ -1,5 +1,5 @@
 import { html } from "@microsoft/fast-element";
-import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
+import { twoWay } from "@microsoft/fast-element/two-way.js";
 import type { TodoForm } from "./todo-form.js";
 
 export const template = html<TodoForm>`
diff --git a/examples/csr/todo-mobx-app/tsconfig.json b/examples/csr/todo-mobx-app/tsconfig.json
index e2e6615089d..8dd113d3fb0 100644
--- a/examples/csr/todo-mobx-app/tsconfig.json
+++ b/examples/csr/todo-mobx-app/tsconfig.json
@@ -1,8 +1,8 @@
 {
     "compilerOptions": {
         "pretty": true,
-        "target": "ES2020",
-        "module": "ES2020",
+        "target": "ES2022",
+        "module": "ES2022",
         "moduleResolution": "bundler",
         "importHelpers": true,
         "experimentalDecorators": true,
diff --git a/examples/ssr/chat-app/.gitignore b/examples/ssr/chat-app/.gitignore
new file mode 100644
index 00000000000..070d1ee9985
--- /dev/null
+++ b/examples/ssr/chat-app/.gitignore
@@ -0,0 +1,2 @@
+# Generated by build-markup.mjs from entry.html + state.json + templates.html
+index.html
diff --git a/examples/ssr/chat-app/DESIGN.md b/examples/ssr/chat-app/DESIGN.md
new file mode 100644
index 00000000000..407b2850ac4
--- /dev/null
+++ b/examples/ssr/chat-app/DESIGN.md
@@ -0,0 +1,168 @@
+# Chat App Example Design
+
+## Overview
+
+`examples/ssr/chat-app` is a small end-to-end FAST example that combines three ideas:
+
+1. **Declarative FAST** custom elements defined with `RenderableFASTElement` from `@microsoft/fast-html` and matching `<f-template name="...">` definitions.
+2. **Initial markup generated by `@microsoft/fast-build`** from an entry document, state file, and declarative `<f-template>` definitions.
+3. **Streaming assistant replies** with the hidden-iframe + `document.write()` technique described in Jake Archibald's article, “Fun hacks for faster content” (<https://jakearchibald.com/2016/fun-hacks-faster-content/>).
+
+The example intentionally keeps the conversation simple and deterministic so the streaming mechanism is easy to observe.
+
+## Design system
+
+This example consumes the shared `@microsoft/fast-examples-design-system`
+workspace package.
+
+- `src/main.ts` imports `@microsoft/fast-examples-design-system/tokens.css`
+  before hydration and custom-element definition so the tokens are registered
+  before any component renders.
+- Every design value in `public/styles.css` is referenced through
+  `var(--fast-...)`; colors, type sizes and line heights, spacing, corners,
+  stroke widths, shadows, durations, and curves are not hard-coded.
+- The theme is hard-coded in markup with `<html data-theme="dark">` in
+  `entry.html`, and the FAST build step carries that attribute into generated
+  `index.html`. The example does not implement a runtime theme toggle. Apps
+  that want one can set, change, or remove the attribute with the standard DOM
+  API described in [`../../design-system/README.md`](../../design-system/README.md)
+  and [`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
+
+## Folder structure
+
+This example follows the same top-level shape as `examples/csr/todo-app/` and adds the extra declarative-rendering source files needed for FAST build:
+
+- `package.json` — workspace scripts for build/start/test.
+- `tsconfig.json` — copied from `todo-app` with the example-specific LSP route.
+- `vite.config.ts` — same shape as `todo-app`, building into `www/`.
+- `entry.html` — source HTML passed to `@microsoft/fast-build`; hard-codes `data-theme="dark"`.
+- `state.json` — initial SSR state for the shell.
+- `templates.html` — declarative `<f-template>` definitions for every custom element.
+- `build-markup.mjs` — regenerates `index.html` and injects `<f-template>` definitions for hydration.
+- `index.html` — generated output consumed by Vite.
+- `public/styles.css` — shared token-based stylesheet loaded by the page and every component shadow root.
+- `src/chat-app.ts` — root element, queueing, exact-match lookup, and iframe streaming logic.
+- `src/chat-data.ts` — canned turn data.
+- `src/chat-message.ts` — message bubble custom element.
+- `src/chat-card.ts` — supporting card callout custom element.
+- `src/chat-suggestion.ts` — copyable/clickable next-prompt custom element.
+- `src/design-system.d.ts` — declares the shared `tokens.css` side-effect import for TypeScript.
+- `src/main.ts` — imports the shared tokens, enables hydration, and defines the custom elements.
+- `src/exports.ts` — barrel for the example runtime.
+
+## Build flow
+
+`npm run build` for this example performs three steps:
+
+1. `npm run build:markup`
+   - runs the `@microsoft/fast-build` CLI against `fast-build.config.json`
+   - renders `entry.html` + `state.json` + `templates.html` into `index.html`
+   - injects the raw `<f-template>` definitions before the module script so the `<f-template>` runtime can resolve them during hydration
+2. `tsgo -p tsconfig.json`
+   - type-checks and emits the TypeScript source into `dist/`
+3. `vite build`
+   - bundles the hydrated browser entry into `www/`
+
+## Runtime flow
+
+### Hydration and declarative templates
+
+`src/main.ts` imports the shared design tokens, side-effect-imports each
+component class, and triggers hydration by registering the `<f-template>`
+custom element via `@microsoft/fast-html`'s `TemplateElement`:
+
+- `chat-message`
+- `chat-card`
+- `chat-suggestion`
+- `chat-app`
+
+Each class extends `RenderableFASTElement(FASTElement)`, so its rendered
+shadow root is hydrated against the matching `<f-template name="...">` in
+`templates.html`.
+
+### Conversation model
+
+`src/chat-data.ts` stores six canned turns. Each turn has:
+
+- the **exact** user message that must be entered (comparison uses `trim()` only)
+- the bot's full HTML response (`responseHtml`)
+- the same response broken into visible streaming chunks (`responseChunks`)
+- the next suggested user message shown after the reply
+
+Unknown input maps to a single fallback turn.
+
+### Queueing
+
+The textarea stays enabled while a reply is streaming. To keep the conversation stable, `chat-app` uses a FIFO queue:
+
+1. submit message
+2. append the user bubble immediately
+3. look up the canned bot turn (or fallback)
+4. queue the bot turn
+5. process one bot turn at a time
+
+This lets the user queue the next line while the current assistant turn is still streaming.
+
+### Streaming via iframe + `document.write`
+
+The implementation follows the article's approach closely:
+
+1. create a hidden iframe
+2. wait for it to load
+3. write a dummy `<streaming-element>` tag into the iframe document
+4. move that element into the real chat transcript
+5. continue calling `iframe.contentDocument.write(...)` asynchronously for each HTML chunk
+6. close the streaming element and the iframe document when done
+
+Because the HTML parser keeps the open element on its stack, later `document.write()` calls continue filling the moved element even after it has been appended into the transcript.
+
+The example adds a small artificial delay between chunks so the streaming is obvious during a quick manual smoke test.
+
+## Custom elements
+
+### `<chat-app>`
+
+The root shell element. It renders:
+
+- the title and intro copy
+- the transcript container
+- the textarea composer
+- the initial assistant prompt and first suggestion
+
+It also owns:
+
+- exact-match response lookup
+- submit handling
+- Enter vs. Shift+Enter behavior
+- streaming queue management
+- suggestion click handling
+
+### `<chat-message>`
+
+A simple bubble wrapper with a slot. `kind="bot"` and `kind="user"` switch the visual treatment.
+
+### `<chat-card>`
+
+A small callout card used inside every assistant turn so each reply mixes native HTML with at least one FAST custom element.
+
+### `<chat-suggestion>`
+
+Renders the next suggested user prompt as selectable text and emits a `use-suggestion` event when clicked so `chat-app` can paste it into the textarea.
+
+## Canned conversation data
+
+| User message | Next suggested message |
+| --- | --- |
+| `Hi` | `How are you?` |
+| `How are you?` | `What's the weather like?` |
+| `What's the weather like?` | `Tell me a joke` |
+| `Tell me a joke` | `What can you do?` |
+| `What can you do?` | `Goodbye` |
+| `Goodbye` | `Hi` |
+| fallback | `Hi` |
+
+## Notable decisions
+
+- The initial welcome bubble is static shell content rather than part of the exact-match turn table, so the canned conversation can start from the first user message.
+- All page and component styling lives in a single external `public/styles.css` file. It is linked from the document `<head>` (render-blocking, so the bytes are loaded before the rest of the body is processed) and from inside every `<template shadowrootmode="open">` in `templates.html`. The browser fetches the file once and applies it to each shadow root, so styles are isolated per component but maintained in one place. Each design value references the shared `--fast-*` tokens.
+- Dynamic messages are appended at runtime with DOM APIs (and streamed bot HTML) while the overall shell and component authoring remain declarative FAST.
diff --git a/examples/ssr/chat-app/README.md b/examples/ssr/chat-app/README.md
new file mode 100644
index 00000000000..68098a961f4
--- /dev/null
+++ b/examples/ssr/chat-app/README.md
@@ -0,0 +1,69 @@
+# Chat App Example
+
+A small declarative FAST chat demo that pre-renders its initial markup with `@microsoft/fast-build` and streams canned assistant replies with a hidden iframe plus `document.write()`.
+
+## Design system
+
+This example consumes the shared `@microsoft/fast-examples-design-system`
+workspace package. The design-system package is **CSS-only** — `src/main.ts`
+imports `@microsoft/fast-examples-design-system/tokens.css` once, and
+`public/styles.css` references the registered `--fast-*` tokens through
+`var(...)`.
+
+The app uses the **dark** theme statically. `<html data-theme="dark">` is set
+in [`entry.html`](./entry.html), so the FAST build step carries that attribute
+into the generated `index.html`. The example does not implement a runtime
+theme toggle.
+
+For the shared package overview, the token catalog, and authoring rules, see
+[`../../design-system/README.md`](../../design-system/README.md) and
+[`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
+
+## What it demonstrates
+
+- declarative FAST custom elements via `RenderableFASTElement` + `@microsoft/fast-html` `<f-template>`s
+- initial markup rendered from `entry.html` + `templates.html`
+- chunked assistant response streaming with the Jake Archibald iframe technique
+- mixed native HTML and FAST custom elements in each canned reply
+- exact-match canned prompts with a fallback response
+
+## Suggested prompts
+
+Use these exact prompts to walk through the conversation:
+
+- `Hi`
+- `How are you?`
+- `What's the weather like?`
+- `Tell me a joke`
+- `What can you do?`
+- `Goodbye`
+
+## Run locally
+
+From the repository root:
+
+```bash
+npm run build -w @microsoft/fast-chat-app-example
+npm run start -w @microsoft/fast-chat-app-example
+```
+
+Or from this folder:
+
+```bash
+npm run build
+npm start
+```
+
+The build first regenerates `index.html` from `entry.html`, `state.json`, and `templates.html`, then runs TypeScript and Vite.
+
+## Files
+
+- `entry.html` — source document for the FAST build step
+- `state.json` — initial state used while pre-rendering the page shell
+- `templates.html` — declarative FAST templates for the custom elements
+- `build-markup.mjs` — runs `@microsoft/fast-build` and injects the templates into `index.html`
+- `public/styles.css` — token-based shared stylesheet for the page shell and component shadow roots
+- `src/` — runtime classes, canned conversation data, and hydration bootstrap
+- `index.html` — generated pre-rendered page used by Vite
+
+See [DESIGN.md](./DESIGN.md) for architecture details, design-system notes, and the canned conversation data.
diff --git a/examples/ssr/chat-app/biome.json b/examples/ssr/chat-app/biome.json
new file mode 100644
index 00000000000..b859801678a
--- /dev/null
+++ b/examples/ssr/chat-app/biome.json
@@ -0,0 +1,10 @@
+{
+    "$schema": "https://biomejs.dev/schemas/2.4.8/schema.json",
+    "root": false,
+    "extends": "//",
+    "html": {
+        "formatter": {
+            "enabled": false
+        }
+    }
+}
diff --git a/examples/ssr/chat-app/build-markup.mjs b/examples/ssr/chat-app/build-markup.mjs
new file mode 100644
index 00000000000..f7a936ed13d
--- /dev/null
+++ b/examples/ssr/chat-app/build-markup.mjs
@@ -0,0 +1,36 @@
+import { execFileSync } from "node:child_process";
+import { readFileSync, writeFileSync } from "node:fs";
+import { createRequire } from "node:module";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const require = createRequire(import.meta.url);
+const cwd = path.dirname(fileURLToPath(import.meta.url));
+const fastCli = require.resolve("@microsoft/fast-build/bin/fast.js");
+const configPath = path.join(cwd, "fast-build.config.json");
+const templatesPath = path.join(cwd, "templates.html");
+const indexPath = path.join(cwd, "index.html");
+const scriptTag = '<script type="module" src="./src/main.ts"></script>';
+
+execFileSync(process.execPath, [fastCli, "build", `--config=${configPath}`], {
+    cwd,
+    stdio: "inherit",
+});
+
+const templates = readFileSync(templatesPath, "utf8").trim();
+const rendered = readFileSync(indexPath, "utf8");
+
+if (!rendered.includes(scriptTag)) {
+    throw new Error("Unable to find the module script while injecting f-templates.");
+}
+
+writeFileSync(
+    indexPath,
+    rendered.replace(
+        scriptTag,
+        `${templates}
+
+        ${scriptTag}`,
+    ),
+    "utf8",
+);
diff --git a/examples/ssr/chat-app/entry.html b/examples/ssr/chat-app/entry.html
new file mode 100644
index 00000000000..9ffa4346306
--- /dev/null
+++ b/examples/ssr/chat-app/entry.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+    <head>
+        <meta charset="utf-8">
+        <title>FAST Chat App</title>
+        <link rel="stylesheet" href="/styles.css">
+    </head>
+    <body>
+        <chat-app
+            welcome-title="{{welcomeTitle}}"
+            composer-placeholder="{{composerPlaceholder}}"
+            initial-suggestion="{{initialSuggestion}}"
+        ></chat-app>
+        <script type="module" src="./src/main.ts"></script>
+    </body>
+</html>
diff --git a/examples/ssr/chat-app/fast-build.config.json b/examples/ssr/chat-app/fast-build.config.json
new file mode 100644
index 00000000000..c291972cdad
--- /dev/null
+++ b/examples/ssr/chat-app/fast-build.config.json
@@ -0,0 +1,6 @@
+{
+    "entry": "entry.html",
+    "state": "state.json",
+    "output": "index.html",
+    "templates": "templates.html"
+}
diff --git a/examples/ssr/chat-app/package.json b/examples/ssr/chat-app/package.json
new file mode 100644
index 00000000000..057d1e7650e
--- /dev/null
+++ b/examples/ssr/chat-app/package.json
@@ -0,0 +1,33 @@
+{
+  "name": "@microsoft/fast-chat-app-example",
+  "version": "1.0.0",
+  "description": "Declarative FAST chat app example with iframe streaming",
+  "main": "dist/exports.js",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build:markup": "node ./build-markup.mjs",
+    "build": "npm run build:markup && tsgo -p tsconfig.json && vite build",
+    "start": "npm run build:markup && vite",
+    "test": "npm run build"
+  },
+  "author": {
+    "name": "Microsoft",
+    "url": "https://discord.gg/FcSNfg4"
+  },
+  "homepage": "https://www.fast.design/",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Microsoft/fast.git",
+    "directory": "examples/ssr/chat-app"
+  },
+  "dependencies": {
+    "@microsoft/fast-element": "^3.0.0-rc.1",
+    "@microsoft/fast-examples-design-system": "*",
+    "tslib": "^2.6.3"
+  },
+  "devDependencies": {
+    "@microsoft/fast-build": "*"
+  }
+}
diff --git a/examples/ssr/chat-app/public/styles.css b/examples/ssr/chat-app/public/styles.css
new file mode 100644
index 00000000000..a70050a22aa
--- /dev/null
+++ b/examples/ssr/chat-app/public/styles.css
@@ -0,0 +1,323 @@
+/*
+ * Chat app styles.
+ *
+ * Loaded twice on purpose:
+ *   1. From <head> in entry.html — render-blocks the document so the file is
+ *      fetched and cached before the HTML body is processed.
+ *   2. From inside each <template shadowrootmode="open"> in templates.html —
+ *      applies the styles inside each component's shadow root using the same
+ *      cached file.
+ *
+ * Because the same stylesheet is loaded into the document and multiple shadow
+ * roots, document-level rules stay limited to the page shell and component
+ * rules remain scoped with :host(<tag>) so they don't bleed across roots.
+ */
+
+html,
+body {
+    background: var(--fast-background-web-page-primary);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+}
+
+body {
+    margin: 0;
+}
+
+/* ----- chat-app ----- */
+
+:host(chat-app),
+:host(chat-app) *,
+:host(chat-app) *::before,
+:host(chat-app) *::after {
+    box-sizing: border-box;
+}
+
+:host(chat-app) {
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    display: block;
+    font-family: var(--fast-text-style-default-regular-font-family);
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+}
+
+:host(chat-app) .app-shell {
+    background: var(--fast-background-layer-primary-solid);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
+    border-radius: var(--fast-corner-large);
+    box-shadow: var(--fast-shadow-card-rest);
+    margin: var(--fast-gap-between-content-x-large) auto;
+    max-width: 760px;
+    padding: var(--fast-padding-content-x-large);
+}
+
+:host(chat-app) .eyebrow {
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    font-size: var(--fast-text-global-caption1-font-size);
+    font-weight: var(--fast-text-style-default-header-weight);
+    line-height: var(--fast-text-global-caption1-line-height);
+    margin: 0 0 var(--fast-gap-between-content-x-small);
+    text-transform: uppercase;
+}
+
+:host(chat-app) h1 {
+    font-size: var(--fast-text-global-display2-font-size);
+    font-weight: var(--fast-text-style-default-display-weight);
+    line-height: var(--fast-text-global-display2-line-height);
+    margin: 0;
+}
+
+:host(chat-app) .intro {
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    font-size: var(--fast-text-global-body2-font-size);
+    line-height: var(--fast-text-global-body2-line-height);
+    margin: var(--fast-gap-between-content-small) 0 0;
+}
+
+:host(chat-app) code {
+    font-family: var(--fast-text-style-code-regular-font-family);
+}
+
+:host(chat-app) .transcript {
+    background: var(--fast-background-layer-secondary);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-default);
+    border-radius: var(--fast-corner-large);
+    display: flex;
+    flex-direction: column;
+    gap: var(--fast-gap-between-content-small);
+    margin-top: var(--fast-gap-between-content-x-large);
+    max-height: 520px;
+    min-height: 340px;
+    overflow: auto;
+    padding: var(--fast-padding-content-large);
+}
+
+:host(chat-app) streaming-element {
+    display: contents;
+}
+
+:host(chat-app) .composer {
+    display: flex;
+    flex-direction: column;
+    gap: var(--fast-gap-between-content-small);
+    margin-top: var(--fast-gap-between-content-large);
+}
+
+:host(chat-app) label {
+    font-size: var(--fast-text-global-body3-font-size);
+    font-weight: var(--fast-text-style-default-header-weight);
+    line-height: var(--fast-text-global-body3-line-height);
+}
+
+:host(chat-app) textarea {
+    background: var(--fast-background-layer-secondary);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-ctrl-on-outline-rest);
+    border-radius: var(--fast-corner-medium);
+    color: inherit;
+    font: inherit;
+    min-height: 112px;
+    padding: var(--fast-padding-content-small) var(--fast-padding-content-medium);
+    resize: vertical;
+    transition:
+        background var(--fast-duration-fast) var(--fast-curve-easy-ease),
+        border-color var(--fast-duration-fast) var(--fast-curve-easy-ease),
+        outline-color var(--fast-duration-fast) var(--fast-curve-easy-ease);
+}
+
+:host(chat-app) textarea::placeholder {
+    color: var(--fast-foreground-ctrl-hint-default);
+}
+
+:host(chat-app) textarea:focus-visible {
+    border-color: var(--fast-ctrl-focus-outer-stroke);
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-ctrl-focus-outer-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
+
+:host(chat-app) .composer__hint {
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    display: flex;
+    flex-wrap: wrap;
+    font-size: var(--fast-text-global-caption1-font-size);
+    line-height: var(--fast-text-global-caption1-line-height);
+    gap: var(--fast-gap-between-content-x-small) var(--fast-gap-between-content-medium);
+}
+
+:host(chat-app) button {
+    align-self: flex-start;
+    background: var(--fast-background-ctrl-brand-rest);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-brand);
+    border-radius: var(--fast-corner-circular);
+    color: var(--fast-foreground-ctrl-on-brand-rest);
+    cursor: pointer;
+    font-family: inherit;
+    font-size: var(--fast-text-global-body3-font-size);
+    font-weight: var(--fast-text-style-default-header-weight);
+    line-height: var(--fast-text-global-body3-line-height);
+    padding: var(--fast-padding-content-x-small) var(--fast-padding-content-small);
+    transition:
+        background var(--fast-duration-fast) var(--fast-curve-easy-ease),
+        border-color var(--fast-duration-fast) var(--fast-curve-easy-ease);
+}
+
+:host(chat-app) button:hover {
+    background: var(--fast-background-ctrl-brand-hover);
+}
+
+:host(chat-app) button:active {
+    background: var(--fast-background-ctrl-brand-pressed);
+}
+
+:host(chat-app) button:focus-visible {
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-ctrl-focus-outer-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
+
+@media (max-width: 640px) {
+    :host(chat-app) .app-shell {
+        border-radius: var(--fast-corner-none);
+        margin: 0;
+        min-height: 100vh;
+    }
+
+    :host(chat-app) .transcript {
+        min-height: 50vh;
+    }
+}
+
+/* ----- chat-message ----- */
+
+:host(chat-message) {
+    display: block;
+}
+
+:host(chat-message) article {
+    background: var(--fast-background-layer-primary-solid);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
+    border-radius: var(--fast-corner-medium);
+    box-shadow: var(--fast-shadow-card-rest);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    font-size: var(--fast-text-global-body2-font-size);
+    line-height: var(--fast-text-global-body2-line-height);
+    padding: var(--fast-padding-content-medium);
+}
+
+:host(chat-message[kind="user"]) article {
+    background: var(--fast-background-ctrl-brand-rest);
+    border-color: var(--fast-stroke-divider-brand);
+    color: var(--fast-foreground-ctrl-on-brand-rest);
+    margin-left: calc(
+        var(--fast-padding-content-xxx-large) +
+        var(--fast-gap-between-content-xx-large)
+    );
+}
+
+:host(chat-message[kind="bot"]) article {
+    margin-right: calc(
+        var(--fast-padding-content-xxx-large) +
+        var(--fast-gap-between-content-xx-large)
+    );
+}
+
+:host(chat-message) ::slotted(p),
+:host(chat-message) ::slotted(ul),
+:host(chat-message) ::slotted(ol),
+:host(chat-message) ::slotted(chat-card) {
+    display: block;
+    margin: 0 0 var(--fast-gap-between-content-small);
+}
+
+:host(chat-message) ::slotted(p) {
+    white-space: pre-wrap;
+}
+
+@media (max-width: 640px) {
+    :host(chat-message[kind="user"]) article,
+    :host(chat-message[kind="bot"]) article {
+        margin-left: 0;
+        margin-right: 0;
+    }
+}
+
+/* ----- chat-card ----- */
+
+:host(chat-card) {
+    display: block;
+}
+
+:host(chat-card) article {
+    background: var(--fast-background-layer-secondary);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-default);
+    border-radius: var(--fast-corner-medium);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    padding: var(--fast-padding-content-small) var(--fast-padding-content-medium);
+}
+
+:host(chat-card) strong {
+    color: var(--fast-foreground-ctrl-brand-rest);
+    display: block;
+    font-size: var(--fast-text-global-body3-font-size);
+    font-weight: var(--fast-text-style-default-header-weight);
+    line-height: var(--fast-text-global-body3-line-height);
+    margin-bottom: var(--fast-gap-between-content-xx-small);
+}
+
+:host(chat-card) ::slotted(p),
+:host(chat-card) ::slotted(ul),
+:host(chat-card) ::slotted(ol) {
+    display: block;
+    margin: 0 0 var(--fast-gap-between-content-x-small);
+}
+
+/* ----- chat-suggestion ----- */
+
+:host(chat-suggestion) {
+    display: block;
+}
+
+:host(chat-suggestion) .suggestion {
+    background: var(--fast-background-layer-primary-solid);
+    border: var(--fast-stroke-width-default) dashed var(--fast-stroke-divider-brand);
+    border-radius: var(--fast-corner-medium);
+    color: var(--fast-foreground-ctrl-brand-rest);
+    cursor: pointer;
+    margin: 0 0 0 auto;
+    max-width: 420px;
+    padding: var(--fast-padding-content-x-small) var(--fast-padding-content-small);
+    transition:
+        background var(--fast-duration-fast) var(--fast-curve-easy-ease),
+        border-color var(--fast-duration-fast) var(--fast-curve-easy-ease),
+        color var(--fast-duration-fast) var(--fast-curve-easy-ease);
+    user-select: text;
+}
+
+:host(chat-suggestion) .suggestion:hover {
+    background: var(--fast-background-ctrl-subtle-hover);
+}
+
+:host(chat-suggestion) .suggestion:active {
+    background: var(--fast-background-ctrl-subtle-pressed);
+}
+
+:host(chat-suggestion) .label {
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+    display: block;
+    font-size: var(--fast-text-global-caption1-font-size);
+    font-weight: var(--fast-text-style-default-header-weight);
+    line-height: var(--fast-text-global-caption1-line-height);
+    margin-bottom: var(--fast-gap-between-content-xx-small);
+    text-transform: uppercase;
+}
+
+:host(chat-suggestion) code {
+    background: var(--fast-background-layer-secondary);
+    border-radius: var(--fast-corner-medium);
+    color: inherit;
+    display: inline-block;
+    font-family: var(--fast-text-style-code-regular-font-family);
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-x-small);
+    white-space: pre-wrap;
+}
diff --git a/examples/ssr/chat-app/src/chat-app.ts b/examples/ssr/chat-app/src/chat-app.ts
new file mode 100644
index 00000000000..aa4b38a3c2e
--- /dev/null
+++ b/examples/ssr/chat-app/src/chat-app.ts
@@ -0,0 +1,203 @@
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+import type { ChatTurn } from "./chat-data.js";
+import { cannedTurnMap, fallbackTurn } from "./chat-data.js";
+
+function escapeAttribute(value: string): string {
+    return value
+        .replace(/&/g, "&amp;")
+        .replace(/"/g, "&quot;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;");
+}
+
+function renderSuggestion(text: string): string {
+    return `<chat-suggestion text="${escapeAttribute(text)}"></chat-suggestion>`;
+}
+
+export class ChatApp extends FASTElement {
+    @attr({ attribute: "welcome-title" })
+    public welcomeTitle: string = "FAST Chat Demo";
+
+    @attr({ attribute: "composer-placeholder" })
+    public composerPlaceholder: string = "Type one of the suggested prompts exactly.";
+
+    @attr({ attribute: "initial-suggestion" })
+    public initialSuggestion: string = "Hi";
+
+    public composer: HTMLTextAreaElement | null = null;
+    public transcript: HTMLElement | null = null;
+
+    private readonly _queue: ChatTurn[] = [];
+    private _isStreaming = false;
+
+    public handleSubmit(event: Event): void {
+        event.preventDefault();
+        this.sendCurrentMessage();
+    }
+
+    public handleComposerKeydown(event: KeyboardEvent): void {
+        if (event.key === "Enter" && !event.shiftKey) {
+            event.preventDefault();
+            this.sendCurrentMessage();
+        }
+    }
+
+    public handleSuggestion(event: Event): void {
+        const suggestionEvent = event as CustomEvent<string>;
+        const suggestion = suggestionEvent.detail;
+
+        if (!this.composer || typeof suggestion !== "string") {
+            return;
+        }
+
+        this.composer.value = suggestion;
+        this.composer.focus();
+        this.composer.setSelectionRange(suggestion.length, suggestion.length);
+    }
+
+    private sendCurrentMessage(): void {
+        if (!this.composer || !this.transcript) {
+            return;
+        }
+
+        const message = this.composer.value.trim();
+
+        if (!message) {
+            return;
+        }
+
+        this.appendUserMessage(message);
+        this.composer.value = "";
+        this.scrollTranscript();
+
+        this._queue.push(cannedTurnMap.get(message) ?? fallbackTurn);
+        void this.processQueue();
+    }
+
+    private appendUserMessage(message: string): void {
+        if (!this.transcript) {
+            return;
+        }
+
+        const messageElement = document.createElement("chat-message");
+        const paragraph = document.createElement("p");
+
+        messageElement.setAttribute("kind", "user");
+        paragraph.textContent = message;
+        messageElement.append(paragraph);
+        this.transcript.append(messageElement);
+    }
+
+    private async processQueue(): Promise<void> {
+        if (this._isStreaming) {
+            return;
+        }
+
+        const nextTurn = this._queue.shift();
+
+        if (!nextTurn) {
+            return;
+        }
+
+        this._isStreaming = true;
+
+        try {
+            await this.streamTurn(nextTurn);
+        } finally {
+            this._isStreaming = false;
+        }
+
+        if (this._queue.length > 0) {
+            void this.processQueue();
+        }
+    }
+
+    private async streamTurn(turn: ChatTurn): Promise<void> {
+        await this.streamIntoTranscript([
+            ...turn.responseChunks,
+            renderSuggestion(turn.nextSuggestedUserMessage),
+        ]);
+    }
+
+    private streamIntoTranscript(chunks: readonly string[]): Promise<void> {
+        return new Promise((resolve, reject) => {
+            const iframe = document.createElement("iframe");
+
+            iframe.setAttribute("aria-hidden", "true");
+            iframe.tabIndex = -1;
+            iframe.style.display = "none";
+            document.body.append(iframe);
+
+            iframe.onload = () => {
+                iframe.onload = null;
+
+                const iframeDocument = iframe.contentDocument;
+
+                if (!iframeDocument || !this.transcript) {
+                    iframe.remove();
+                    reject(new Error("Streaming iframe failed to initialize."));
+                    return;
+                }
+
+                iframeDocument.write("<streaming-element>");
+
+                const streamingElement =
+                    iframeDocument.querySelector("streaming-element");
+
+                if (!streamingElement) {
+                    iframe.remove();
+                    reject(new Error("Unable to create the streaming element."));
+                    return;
+                }
+
+                this.transcript.append(streamingElement);
+
+                const writeChunks = async (): Promise<void> => {
+                    for (const chunk of chunks) {
+                        iframeDocument.write(chunk);
+                        this.scrollTranscript();
+                        await this.delay(600);
+                    }
+
+                    iframeDocument.write("</streaming-element>");
+                    iframeDocument.close();
+                    this.scrollTranscript();
+                    iframe.remove();
+                    resolve();
+                };
+
+                void writeChunks().catch(error => {
+                    iframe.remove();
+                    reject(error);
+                });
+            };
+
+            iframe.src = "";
+        });
+    }
+
+    private scrollTranscript(): void {
+        if (!this.transcript) {
+            return;
+        }
+
+        this.transcript.scrollTop = this.transcript.scrollHeight;
+    }
+
+    private delay(ms: number): Promise<void> {
+        return new Promise(resolve => {
+            window.setTimeout(resolve, ms);
+        });
+    }
+}
+
+ChatApp.define(
+    {
+        name: "chat-app",
+        template: declarativeTemplate() as any,
+    },
+    [observerMap()],
+);
diff --git a/examples/ssr/chat-app/src/chat-card.ts b/examples/ssr/chat-app/src/chat-card.ts
new file mode 100644
index 00000000000..1eea9178b96
--- /dev/null
+++ b/examples/ssr/chat-app/src/chat-card.ts
@@ -0,0 +1,17 @@
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+export class ChatCard extends FASTElement {
+    @attr
+    public heading?: string;
+}
+
+ChatCard.define(
+    {
+        name: "chat-card",
+        template: declarativeTemplate() as any,
+    },
+    [observerMap()],
+);
diff --git a/examples/ssr/chat-app/src/chat-data.ts b/examples/ssr/chat-app/src/chat-data.ts
new file mode 100644
index 00000000000..d295ac6ccb8
--- /dev/null
+++ b/examples/ssr/chat-app/src/chat-data.ts
@@ -0,0 +1,86 @@
+export interface ChatTurn {
+    userMessage: string;
+    responseHtml: string;
+    responseChunks: readonly string[];
+    nextSuggestedUserMessage: string;
+}
+
+function createTurn(
+    userMessage: string,
+    responseChunks: readonly string[],
+    nextSuggestedUserMessage: string,
+): ChatTurn {
+    return {
+        userMessage,
+        responseHtml: responseChunks.join(""),
+        responseChunks,
+        nextSuggestedUserMessage,
+    };
+}
+
+export const cannedTurns: readonly ChatTurn[] = [
+    createTurn(
+        "Hi",
+        [
+            `<chat-message kind="bot"><p><strong>Hi there!</strong> I'm doing a short round of friendly small talk.</p>`,
+            `<chat-card heading="First stop"><p>I stream this answer a piece at a time through a hidden iframe.</p></chat-card>`,
+            `</chat-message>`,
+        ],
+        "How are you?",
+    ),
+    createTurn(
+        "How are you?",
+        [
+            `<chat-message kind="bot"><p>I'm doing well—steady, <em>predictable</em>, and very chatty today.</p>`,
+            `<chat-card heading="Status"><p>My replies are canned, but the parser-driven streaming is real.</p></chat-card>`,
+            `</chat-message>`,
+        ],
+        "What's the weather like?",
+    ),
+    createTurn(
+        "What's the weather like?",
+        [
+            `<chat-message kind="bot"><p>I don't check real forecasts, but here's a cheerful pretend report:</p>`,
+            `<ul><li>clear skies</li><li>light breeze</li><li><strong>perfect</strong> demo weather</li></ul>`,
+            `<chat-card heading="Forecast"><p>Ask for a joke if you want to keep the conversation moving.</p></chat-card></chat-message>`,
+        ],
+        "Tell me a joke",
+    ),
+    createTurn(
+        "Tell me a joke",
+        [
+            `<chat-message kind="bot"><p>Why did the chat bot bring a ladder?</p>`,
+            `<p>Because the conversation kept going to the <code>next level</code>.</p>`,
+            `<chat-card heading="Comedy review"><p>I'll admit that one lands best with a generous audience.</p></chat-card></chat-message>`,
+        ],
+        "What can you do?",
+    ),
+    createTurn(
+        "What can you do?",
+        [
+            `<chat-message kind="bot"><p>I can walk through a tiny scripted chat and show a few interface patterns:</p>`,
+            `<ul><li>exact message matching</li><li>streamed HTML chunks</li><li>FAST custom elements inside each reply</li></ul>`,
+            `<chat-card heading="Try the ending"><p>Say goodbye and I'll wrap the demo up.</p></chat-card></chat-message>`,
+        ],
+        "Goodbye",
+    ),
+    createTurn(
+        "Goodbye",
+        [
+            `<chat-message kind="bot"><p><strong>Goodbye!</strong> Thanks for trying the demo.</p>`,
+            `<chat-card heading="Loop it again"><p>If you want another pass, paste <code>Hi</code> back into the composer.</p></chat-card></chat-message>`,
+        ],
+        "Hi",
+    ),
+];
+
+export const cannedTurnMap = new Map(cannedTurns.map(turn => [turn.userMessage, turn]));
+
+export const fallbackTurn = createTurn(
+    "fallback",
+    [
+        `<chat-message kind="bot"><p>I only know a small scripted set of lines in this example.</p>`,
+        `<chat-card heading="Try this instead"><p>Use the suggested prompt so the exact-match lookup can find a canned reply.</p></chat-card></chat-message>`,
+    ],
+    "Hi",
+);
diff --git a/examples/ssr/chat-app/src/chat-message.ts b/examples/ssr/chat-app/src/chat-message.ts
new file mode 100644
index 00000000000..6678acc1fa0
--- /dev/null
+++ b/examples/ssr/chat-app/src/chat-message.ts
@@ -0,0 +1,17 @@
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+export class ChatMessage extends FASTElement {
+    @attr
+    public kind?: string;
+}
+
+ChatMessage.define(
+    {
+        name: "chat-message",
+        template: declarativeTemplate() as any,
+    },
+    [observerMap()],
+);
diff --git a/examples/ssr/chat-app/src/chat-suggestion.ts b/examples/ssr/chat-app/src/chat-suggestion.ts
new file mode 100644
index 00000000000..a151539ea06
--- /dev/null
+++ b/examples/ssr/chat-app/src/chat-suggestion.ts
@@ -0,0 +1,21 @@
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+export class ChatSuggestion extends FASTElement {
+    @attr
+    public text?: string;
+
+    public emitSuggestion(): void {
+        this.$emit("use-suggestion", this.text ?? "");
+    }
+}
+
+ChatSuggestion.define(
+    {
+        name: "chat-suggestion",
+        template: declarativeTemplate() as any,
+    },
+    [observerMap()],
+);
diff --git a/examples/ssr/chat-app/src/design-system.d.ts b/examples/ssr/chat-app/src/design-system.d.ts
new file mode 100644
index 00000000000..320cbb073c5
--- /dev/null
+++ b/examples/ssr/chat-app/src/design-system.d.ts
@@ -0,0 +1 @@
+declare module "@microsoft/fast-examples-design-system/tokens.css";
diff --git a/examples/ssr/chat-app/src/exports.ts b/examples/ssr/chat-app/src/exports.ts
new file mode 100644
index 00000000000..7b3af7b6305
--- /dev/null
+++ b/examples/ssr/chat-app/src/exports.ts
@@ -0,0 +1,5 @@
+export * from "./chat-app.js";
+export * from "./chat-card.js";
+export * from "./chat-data.js";
+export * from "./chat-message.js";
+export * from "./chat-suggestion.js";
diff --git a/examples/ssr/chat-app/src/main.ts b/examples/ssr/chat-app/src/main.ts
new file mode 100644
index 00000000000..2104e754b5d
--- /dev/null
+++ b/examples/ssr/chat-app/src/main.ts
@@ -0,0 +1,14 @@
+import "@microsoft/fast-examples-design-system/tokens.css";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+
+// Side-effect imports — register the chat custom elements
+import "./chat-app.js";
+import "./chat-card.js";
+import "./chat-message.js";
+import "./chat-suggestion.js";
+
+enableHydration({
+    hydrationComplete() {
+        (window as any).hydrationCompleted = true;
+    },
+});
diff --git a/examples/ssr/chat-app/state.json b/examples/ssr/chat-app/state.json
new file mode 100644
index 00000000000..57ea21b2f7d
--- /dev/null
+++ b/examples/ssr/chat-app/state.json
@@ -0,0 +1,5 @@
+{
+    "welcomeTitle": "FAST Chat Demo",
+    "composerPlaceholder": "Type one of the suggested prompts exactly.",
+    "initialSuggestion": "Hi"
+}
diff --git a/examples/ssr/chat-app/templates.html b/examples/ssr/chat-app/templates.html
new file mode 100644
index 00000000000..256351f488c
--- /dev/null
+++ b/examples/ssr/chat-app/templates.html
@@ -0,0 +1,84 @@
+<f-template name="chat-app">
+    <template>
+        <link rel="stylesheet" href="/styles.css">
+
+        <section class="app-shell">
+            <header>
+                <p class="eyebrow">FAST example</p>
+                <h1>{{welcomeTitle}}</h1>
+                <p class="intro">
+                    A declarative FAST shell that pre-renders with
+                    <code>@microsoft/fast-build</code>
+                    and streams each assistant reply with a hidden iframe plus
+                    <code>document.write()</code>.
+                </p>
+            </header>
+
+            <div
+                class="transcript"
+                f-ref="{transcript}"
+                @use-suggestion="{handleSuggestion($e)}"
+            >
+                <chat-message kind="bot">
+                    <p>
+                        <strong>Welcome!</strong>
+                        Send the exact suggested prompt to step through the canned chat.
+                    </p>
+                    <chat-card heading="How to use it">
+                        <p>
+                            Each assistant turn mixes native HTML with FAST custom
+                            elements and streams into the transcript a chunk at a time.
+                        </p>
+                    </chat-card>
+                </chat-message>
+                <chat-suggestion text="{{initialSuggestion}}"></chat-suggestion>
+            </div>
+
+            <form class="composer" @submit="{handleSubmit($e)}">
+                <label for="chat-composer">Message</label>
+                <textarea
+                    id="chat-composer"
+                    rows="4"
+                    placeholder="{{composerPlaceholder}}"
+                    f-ref="{composer}"
+                    @keydown="{handleComposerKeydown($e)}"
+                ></textarea>
+                <div class="composer__hint">
+                    <span>Enter sends the message.</span>
+                    <span>Shift+Enter inserts a newline.</span>
+                </div>
+                <button type="submit">Send</button>
+            </form>
+        </section>
+    </template>
+</f-template>
+
+<f-template name="chat-message">
+    <template>
+        <link rel="stylesheet" href="/styles.css">
+
+        <article><slot></slot></article>
+    </template>
+</f-template>
+
+<f-template name="chat-card">
+    <template>
+        <link rel="stylesheet" href="/styles.css">
+
+        <article>
+            <strong>{{heading}}</strong>
+            <slot></slot>
+        </article>
+    </template>
+</f-template>
+
+<f-template name="chat-suggestion">
+    <template>
+        <link rel="stylesheet" href="/styles.css">
+
+        <p class="suggestion" @click="{emitSuggestion()}">
+            <span class="label">Next suggested user message</span>
+            <code>{{text}}</code>
+        </p>
+    </template>
+</f-template>
diff --git a/examples/ssr/chat-app/tsconfig.json b/examples/ssr/chat-app/tsconfig.json
new file mode 100644
index 00000000000..8d61c5bf7bc
--- /dev/null
+++ b/examples/ssr/chat-app/tsconfig.json
@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "pretty": true,
+        "target": "ES2022",
+        "module": "ES2022",
+        "moduleResolution": "bundler",
+        "importHelpers": true,
+        "experimentalDecorators": true,
+        "useDefineForClassFields": false,
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
+        "noEmitOnError": true,
+        "strict": true,
+        "outDir": "dist",
+        "rootDir": "src",
+        "lib": ["dom", "esnext"]
+    },
+    "include": ["src"]
+}
diff --git a/examples/ssr/chat-app/vite.config.ts b/examples/ssr/chat-app/vite.config.ts
new file mode 100644
index 00000000000..431215bc572
--- /dev/null
+++ b/examples/ssr/chat-app/vite.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({
+    build: {
+        outDir: "www",
+        emptyOutDir: true,
+        sourcemap: true,
+    },
+    server: {
+        port: 9000,
+        open: !process.env.CI,
+    },
+});
diff --git a/examples/ssr/webui-todo-app/DESIGN.md b/examples/ssr/webui-todo-app/DESIGN.md
new file mode 100644
index 00000000000..1b4a3d381ab
--- /dev/null
+++ b/examples/ssr/webui-todo-app/DESIGN.md
@@ -0,0 +1,200 @@
+# WebUI Todo App — design and architecture
+
+This document describes the SSR todo example in
+`examples/ssr/webui-todo-app/`. For the shared token catalog and naming rules,
+see [`../../design-system/README.md`](../../design-system/README.md) and
+[`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
+
+## Purpose
+
+This example demonstrates three pieces working together:
+
+- FAST declarative templates stored as co-located `*.html` and `*.css` files.
+- `@microsoft/webui` prerendering on the server, including Declarative Shadow
+  DOM output.
+- Client-side hydration through `@microsoft/fast-html`, so the prerendered UI
+  becomes interactive without re-rendering from scratch.
+
+The app stays intentionally small: a single todo list with add, toggle, and
+delete behavior backed by a JSON state file.
+
+## Folder structure
+
+```text
+examples/ssr/webui-todo-app/
+├── DESIGN.md
+├── README.md
+├── data/
+│   └── state.json
+├── src/
+│   ├── index.html
+│   ├── index.ts
+│   ├── todo-app/
+│   │   ├── todo-app.css
+│   │   ├── todo-app.html
+│   │   └── todo-app.ts
+│   └── todo-item/
+│       ├── todo-item.css
+│       ├── todo-item.html
+│       └── todo-item.ts
+├── package.json
+└── tsconfig.json
+```
+
+### File roles
+
+- `src/index.html` — document shell, page-level layout, and static
+  `data-theme="light"` selection.
+- `src/index.ts` — hydration entry; imports shared `tokens.css`, registers the
+  custom elements, and defines `<f-template>`.
+- `src/todo-app/` — root template, styles, and list management logic.
+- `src/todo-item/` — per-row template, styles, and event dispatch for toggle
+  and delete actions.
+- `data/state.json` — initial server state consumed by `webui serve`.
+
+## Build and serve flow
+
+1. `npm run build -w @microsoft/fast-webui-todo-app-example` runs esbuild on
+   `src/index.ts`.
+2. Esbuild emits `dist/index.js` for hydration and bootstrap code.
+3. Because `src/index.ts` imports
+   `@microsoft/fast-examples-design-system/tokens.css`, esbuild also emits
+   `dist/index.css`.
+4. `webui serve ./src --state ./data/state.json --plugin=fast --servedir ./dist`
+   uses `./src` as the source root for HTML templates and exposes the bundled
+   assets from `./dist`.
+5. On each request, `webui` reads `src/index.html`, resolves `{{}}` bindings
+   from `data/state.json`, renders Declarative Shadow DOM, and returns
+   prerendered HTML.
+6. In the browser, `/index.js` defines the FAST custom elements and hydrates the
+   prerendered DOM in place.
+7. `/index.css` makes the shared `--fast-*` tokens available to both the page
+   shell and shadow-root component styles.
+
+## Component model
+
+### `todo-app`
+
+`todo-app` is the root custom element. Its template renders, in order:
+
+- a literal `<h1>FAST Todos</h1>`,
+- a `<form>` containing a text `<input>` (bound to `description`) and an
+  "Add Todo" `<button type="submit">` that is `?disabled="{{!description}}"`,
+- a `<section>` with a `<label>` and `<select>` filter (All / Active /
+  Completed) bound to `activeFilter`, and
+- a `<ul class="todo-list">` populated by `<for each="item in filteredItems">`
+  with one `<li>` per visible `<todo-item>`.
+
+Internally it:
+
+- reads the prerendered `<todo-item>` children during `prepare()` and
+  reconstructs an observable `items` array;
+- maintains `@observable activeFilter` (`"all" | "active" | "completed"`),
+  `@observable description`, and `@observable filteredItems`;
+- recomputes `filteredItems` from `items` whenever `items` or `activeFilter`
+  changes (via `itemsChanged()` and `activeFilterChanged()` callbacks); and
+- handles add, toggle, delete, and filter-change events from its template.
+
+Toggle uses **immutable replacement** with a freshly constructed object
+literal (not the spread operator) — see
+[Reactive update patterns](#reactive-update-patterns) below.
+
+### `todo-item`
+
+`todo-item` is a focused row component. It accepts `id`, `description`, and
+`state` attributes; its template renders a native `<input type="checkbox">`
+(whose `?checked` mirrors `state == 'done'`), a `<span class="description">`,
+and a delete `<button class="delete">` showing `×`. `state="done"` adds a
+line-through via `:host([state="done"]) .description`. The component emits
+`toggle-item` and `delete-item` `CustomEvent`s carrying `{ id }` that the
+parent handles.
+
+The description text is assigned imperatively in `connectedCallback` and a
+`descriptionChanged` callback (instead of via a `{{ description }}` text
+interpolation in the shadow template) to work around a known fast-html
+hydration mismatch for text-interpolation bindings inside hydrated
+declarative-HTML templates.
+
+## Reactive update patterns
+
+`@microsoft/fast-html`'s `RenderableFASTElement` configures **deep observation**
+(`observerMap: "all"`) for the template's binding paths. To make nested
+properties on items reactive, the mixin replaces each item's enumerable own
+properties (`id`, `description`, `state`) with accessor pairs backed by
+underscore prefixed fields (`_id`, `_description`, `_state`).
+
+This has a non-obvious consequence: the idiomatic immutable update
+
+```ts
+{ ...item, state: "pending" }    // ❌ leaks _state from the wrapper
+```
+
+copies **both** `state` and `_state` from the observed item. When the new
+object is re-wrapped on assignment back to `items`, the wrapper finds the
+existing `_state` and uses it as the backing value, so the visible `state`
+property is silently restored to the old value.
+
+The correct pattern is to construct a fresh literal containing only the
+public properties:
+
+```ts
+{                                // ✅ no leaked backing fields
+    id: item.id,
+    description: item.description,
+    state: item.state === "done" ? "pending" : "done",
+}
+```
+
+`onToggleItem` in `src/todo-app/todo-app.ts` uses this pattern.
+
+## Design system wiring
+
+This example consumes the shared
+`@microsoft/fast-examples-design-system` workspace package.
+
+- `src/index.ts` imports `@microsoft/fast-examples-design-system/tokens.css`
+  exactly once.
+- `src/index.html` links the generated `/index.css` bundle before its inline
+  page-shell styles.
+- `<html dir="{{textdirection}}" lang="en" data-theme="light">` hard-codes the
+  light theme at document level.
+- There is no runtime theme toggle, no theme persistence, and no JavaScript
+  that mutates `data-theme`.
+
+The design-system package is CSS-only. This example just consumes the
+registered custom properties through `var(--fast-...)`.
+
+## Representative tokens
+
+The component styles rely on shared tokens rather than hard-coded design
+values. Representative examples include:
+
+- Page shell: `--fast-background-web-page-primary`,
+  `--fast-foreground-ctrl-neutral-primary-rest`,
+  `--fast-padding-content-xx-large`.
+- Root card and section chrome: `--fast-background-layer-primary-solid`,
+  `--fast-stroke-divider-subtle`, `--fast-corner-large`,
+  `--fast-shadow-card-rest`.
+- Typography: `--fast-text-style-default-regular-font-family`,
+  `--fast-text-global-body3-font-size`,
+  `--fast-text-global-body3-line-height`,
+  `--fast-text-global-title1-font-size`,
+  `--fast-text-global-title1-line-height`.
+- Brand actions: `--fast-background-ctrl-brand-rest`,
+  `--fast-background-ctrl-brand-hover`,
+  `--fast-background-ctrl-brand-pressed`,
+  `--fast-foreground-ctrl-on-brand-rest`.
+- Focus and motion: `--fast-ctrl-focus-outer-stroke`,
+  `--fast-ctrl-focus-outer-stroke-width`, `--fast-duration-fast`,
+  `--fast-curve-easy-ease`.
+- Status states: `--fast-status-success-tint-foreground`,
+  `--fast-status-success-tint-background`,
+  `--fast-status-danger-tint-foreground`,
+  `--fast-status-danger-tint-background`.
+
+## Why this example lives under `examples/ssr/`
+
+Although the UI hydrates into client-side FAST components, the initial render is
+produced through `@microsoft/webui` on the server. The important example
+behavior is therefore SSR + prerendering + hydration, not a purely client-only
+bootstrap.
diff --git a/examples/ssr/webui-todo-app/README.md b/examples/ssr/webui-todo-app/README.md
new file mode 100644
index 00000000000..313bb84a39a
--- /dev/null
+++ b/examples/ssr/webui-todo-app/README.md
@@ -0,0 +1,126 @@
+# WebUI Todo App
+
+A Todo app demonstrating FAST declarative HTML templates with
+[webui](https://github.com/microsoft/webui) prerendering and hydration.
+
+This example shows how to combine `@microsoft/fast-html` declarative templates
+with `@microsoft/webui` for server-side prerendering, producing a fast initial
+render that hydrates into a fully interactive FAST web component application.
+
+## Features
+
+- **Declarative templates**: Uses `.html` and `.css` files instead of
+  imperative `html`/`css` tagged template literals
+- **Server-side prerendering**: `webui serve` compiles declarative templates
+  and renders initial state into static HTML
+- **Client-side hydration**: `@microsoft/fast-html` picks up prerendered DOM
+  and attaches FAST reactive bindings
+- **Todo functionality**: Add items via a form, filter by status (all,
+  active, completed), toggle completion via native checkbox, delete items
+
+## Prerequisites
+
+From the monorepo root, install dependencies and build packages:
+
+```bash
+npm ci
+npm run build
+```
+
+## Running
+
+```bash
+# Build client bundle and start the webui dev server
+npm start -w @microsoft/fast-webui-todo-app-example
+```
+
+The app will be available at `http://localhost:8081`.
+
+For development with live reloading, run the client and server in separate
+terminals:
+
+```bash
+# Terminal 1: Watch and rebuild client bundle
+npm run start:client -w @microsoft/fast-webui-todo-app-example
+
+# Terminal 2: Start webui dev server with --watch
+npm run start:server -w @microsoft/fast-webui-todo-app-example
+```
+
+## Design system
+
+This example consumes the shared `@microsoft/fast-examples-design-system`
+workspace package. The design-system package is **CSS-only** — there are no
+JavaScript or TypeScript exports. `src/index.ts` imports
+`@microsoft/fast-examples-design-system/tokens.css` once, and the rest of the
+app references the registered `--fast-*` design tokens through `var(...)`.
+
+The app uses the **light** theme. `<html data-theme="light">` is set
+statically in [`src/index.html`](./src/index.html); the app does not implement
+a runtime theme toggle. (The shared design-system package supports dark and
+system-preference themes via the same `data-theme` attribute — see
+[`../../design-system/README.md`](../../design-system/README.md) — but this
+example deliberately keeps the SSR surface area minimal and demonstrates only
+token consumption.)
+
+For the shared package overview, the token catalog, and authoring rules, see
+[`../../design-system/README.md`](../../design-system/README.md) and
+[`../../design-system/DESIGN.md`](../../design-system/DESIGN.md).
+
+## Architecture
+
+### Server-side (`webui serve`)
+
+The `webui` CLI serves the app with the `--plugin=fast` flag, which enables
+FAST-aware template processing:
+
+1. Scans `./src` for declarative HTML templates (`.html` files wrapped in
+   `<f-template>` or containing `<template shadowrootmode="open">`)
+2. Reads initial state from `./data/state.json`
+3. Renders templates server-side with `{{}}` bindings resolved from state
+4. Injects Declarative Shadow DOM for instant first paint
+5. Serves the bundled client assets from `./dist`
+
+`src/index.ts` imports `@microsoft/fast-examples-design-system/tokens.css`.
+When esbuild bundles the entry point, it emits both `dist/index.js` and
+`dist/index.css`. `src/index.html` links `/index.css` so the shared `--fast-*`
+tokens are available during prerendering and after hydration.
+
+### Templates (`src/todo-app/`, `src/todo-item/`)
+
+Each component uses co-located files:
+
+- `*.html` — Declarative template with `<template shadowrootmode="open">`
+  and FAST bindings
+- `*.css` — Scoped styles loaded via `<link rel="stylesheet">` in the shadow
+  DOM
+- `*.ts` — Component class using `RenderableFASTElement` mixin with
+  `defineAsync`
+
+### Client entry (`src/index.ts`)
+
+Bootstraps hydration by:
+
+1. Importing components (side-effect registration via `defineAsync`)
+2. Configuring `TemplateElement` with observer maps for reactive attribute
+   tracking
+3. Defining `<f-template>` to trigger hydration of prerendered shadow DOM
+
+### Binding syntax
+
+| Syntax | Scope | Example |
+|---|---|---|
+| `{{expr}}` | Server + client | `{{title}}` — HTML-escaped value |
+| `{{{expr}}}` | Server + client | Raw unescaped HTML |
+| `{expr}` | Client-only | `{onClick(e)}` — event handlers, refs |
+| `@event="{handler}"` | Client-only | `@submit="{onSubmit()}"`, `@change="{onToggleChange()}"` |
+| `?attr="{{expr}}"` | Server + client | `?disabled="{{!description}}"`, `?checked="{{state == 'done'}}"` |
+| `f-ref="{prop}"` | Client-only | `f-ref="{addInput}"` — element reference |
+| `$e` | Event arg | `@input="{onInput($e)}"` — current event |
+
+### Template directives
+
+| Directive | Purpose | Example |
+|---|---|---|
+| `<for each="item in items">` | Iteration | `<for each="item in items"><todo-item>...</todo-item></for>` |
+| `<if condition="expr">` | Conditional | `<if condition="state == 'done'">...</if>` |
diff --git a/examples/ssr/webui-todo-app/data/state.json b/examples/ssr/webui-todo-app/data/state.json
new file mode 100644
index 00000000000..c14f301fdf7
--- /dev/null
+++ b/examples/ssr/webui-todo-app/data/state.json
@@ -0,0 +1,41 @@
+{
+    "textdirection": "ltr",
+    "language": "en",
+    "title": "FAST Todos",
+    "activeFilter": "all",
+    "description": "",
+    "items": [
+        {
+            "id": "1",
+            "description": "Buy groceries",
+            "state": "done"
+        },
+        {
+            "id": "2",
+            "description": "Write documentation",
+            "state": "pending"
+        },
+        {
+            "id": "3",
+            "description": "Ship feature",
+            "state": "pending"
+        }
+    ],
+    "filteredItems": [
+        {
+            "id": "1",
+            "description": "Buy groceries",
+            "state": "done"
+        },
+        {
+            "id": "2",
+            "description": "Write documentation",
+            "state": "pending"
+        },
+        {
+            "id": "3",
+            "description": "Ship feature",
+            "state": "pending"
+        }
+    ]
+}
diff --git a/examples/ssr/webui-todo-app/package.json b/examples/ssr/webui-todo-app/package.json
new file mode 100644
index 00000000000..14fceaeada9
--- /dev/null
+++ b/examples/ssr/webui-todo-app/package.json
@@ -0,0 +1,37 @@
+{
+    "name": "@microsoft/fast-webui-todo-app-example",
+    "version": "1.0.0",
+    "description": "A Todo app demonstrating FAST declarative HTML with webui prerendering.",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "build": "esbuild src/index.ts --bundle --outfile=dist/index.js --format=esm --metafile=dist/meta.json",
+        "start:client": "esbuild src/index.ts --bundle --outfile=dist/index.js --format=esm --sourcemap --watch",
+        "start:server": "webui serve ./src --state ./data/state.json --plugin=fast-v3 --servedir ./dist --port 8081 --watch",
+        "start:server:nowatch": "webui serve ./src --state ./data/state.json --plugin=fast-v3 --servedir ./dist --port 8081",
+        "start": "npm run build && npm run start:server",
+        "start:e2e": "npm run build && npm run start:server:nowatch",
+        "test": "npm run build"
+    },
+    "author": {
+        "name": "Microsoft",
+        "url": "https://discord.gg/FcSNfg4"
+    },
+    "homepage": "https://www.fast.design/",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/Microsoft/fast.git",
+        "directory": "examples/ssr/webui-todo-app"
+    },
+    "dependencies": {
+        "@microsoft/fast-element": "^3.0.0-rc.1",
+        "@microsoft/fast-examples-design-system": "^1.0.0",
+        "@microsoft/webui": "^0.0.13",
+        "tslib": "^2.6.3"
+    },
+    "devDependencies": {
+        "esbuild": "^0.25.0",
+        "typescript": "^5.8.0"
+    }
+}
diff --git a/examples/ssr/webui-todo-app/src/index.html b/examples/ssr/webui-todo-app/src/index.html
new file mode 100644
index 00000000000..d8b6524135c
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html dir="{{textdirection}}" lang="en" data-theme="light">
+    <head>
+        <meta charset="utf-8">
+        <title>{{ title }}</title>
+        <link rel="stylesheet" href="/index.css">
+        <style>
+        html,
+        body {
+            margin: 0;
+            background: var(--fast-background-web-page-primary);
+            color: var(--fast-foreground-ctrl-neutral-primary-rest);
+            font-family: var(--fast-text-style-default-regular-font-family);
+        }
+
+        :not(:defined) {
+            visibility: hidden;
+        }
+        </style>
+    </head>
+
+    <body>
+        <todo-app></todo-app>
+
+        <script type="module" src="/index.js"></script>
+    </body>
+</html>
diff --git a/examples/ssr/webui-todo-app/src/index.ts b/examples/ssr/webui-todo-app/src/index.ts
new file mode 100644
index 00000000000..788626d17de
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/index.ts
@@ -0,0 +1,30 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+/**
+ * WebUI todo-app entry point — bootstraps v3 declarative hydration.
+ *
+ * The server pre-renders HTML with declarative shadow DOM via
+ * `webui serve --plugin=fast`. This script:
+ *   1. Registers custom elements (todo-app, todo-item) using
+ *      `declarativeTemplate()` plus the `observerMap()` registry feature.
+ *   2. Calls `enableHydration` to drive client-side hydration of the
+ *      pre-rendered shadow DOM.
+ */
+
+performance.mark("todo-hydration-started");
+
+import "@microsoft/fast-examples-design-system/tokens.css";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+
+// Side-effect imports — register custom elements
+import "./todo-app/todo-app.js";
+import "./todo-item/todo-item.js";
+
+enableHydration({
+    hydrationComplete() {
+        performance.measure("todo-hydration-completed", "todo-hydration-started");
+        console.log("Hydration complete!");
+        (window as unknown as { __todoHydrated?: boolean }).__todoHydrated = true;
+    },
+});
diff --git a/examples/ssr/webui-todo-app/src/todo-app/todo-app.css b/examples/ssr/webui-todo-app/src/todo-app/todo-app.css
new file mode 100644
index 00000000000..ce9ca569f7c
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-app/todo-app.css
@@ -0,0 +1,130 @@
+:host {
+    display: block;
+    padding: var(--fast-padding-content-medium);
+    max-width: 480px;
+    font-family: var(--fast-text-style-default-regular-font-family);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    background: var(--fast-background-layer-primary-solid);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
+    border-radius: var(--fast-corner-large);
+    box-shadow: var(--fast-shadow-card-rest);
+    margin: var(--fast-gap-between-content-x-large) auto;
+}
+
+h1 {
+    margin: 0 0 var(--fast-gap-between-content-small);
+    font-size: var(--fast-text-global-display2-font-size);
+    line-height: var(--fast-text-global-display2-line-height);
+    font-weight: var(--fast-text-style-default-header-weight);
+    color: var(--fast-foreground-ctrl-brand-rest);
+}
+
+form {
+    display: flex;
+    align-items: center;
+    gap: var(--fast-gap-between-content-x-small);
+    margin: var(--fast-gap-between-content-small) 0;
+}
+
+input[type="text"] {
+    flex: 1;
+    min-width: 0;
+    background: var(--fast-background-layer-primary-solid);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-ctrl-on-outline-rest);
+    border-radius: var(--fast-corner-medium);
+    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-x-small);
+    font-family: var(--fast-text-style-default-regular-font-family);
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+}
+
+input[type="text"]:focus-visible {
+    border-color: var(--fast-ctrl-focus-outer-stroke);
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-ctrl-focus-outer-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
+
+button[type="submit"] {
+    background: var(--fast-background-ctrl-brand-rest);
+    color: var(--fast-foreground-ctrl-on-brand-rest);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-brand);
+    border-radius: var(--fast-corner-medium);
+    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-small);
+    font-family: inherit;
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+    cursor: pointer;
+    transition: background var(--fast-duration-fast) var(--fast-curve-easy-ease);
+}
+
+button[type="submit"]:hover {
+    background: var(--fast-background-ctrl-brand-hover);
+}
+
+button[type="submit"]:active {
+    background: var(--fast-background-ctrl-brand-pressed);
+}
+
+button[type="submit"]:focus-visible {
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-ctrl-focus-outer-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
+
+button[type="submit"]:disabled {
+    background: var(--fast-background-ctrl-brand-disabled);
+    color: var(--fast-foreground-ctrl-neutral-primary-disabled);
+    border-color: var(--fast-stroke-ctrl-on-outline-disabled);
+    cursor: not-allowed;
+}
+
+section {
+    display: flex;
+    align-items: center;
+    gap: var(--fast-gap-between-content-x-small);
+    margin-top: var(--fast-gap-between-content-small);
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+}
+
+select {
+    background: var(--fast-background-layer-primary-solid);
+    color: var(--fast-foreground-ctrl-neutral-primary-rest);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-ctrl-on-outline-rest);
+    border-radius: var(--fast-corner-small);
+    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-x-small);
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+}
+
+select:focus-visible {
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-ctrl-focus-outer-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
+
+.todo-list {
+    list-style-type: none;
+    padding: 0;
+    margin: var(--fast-gap-between-content-small) 0 0;
+}
+
+.todo-list li {
+    list-style-type: none;
+}
+
+footer {
+    display: flex;
+    align-items: center;
+    gap: var(--fast-gap-between-content-x-small);
+    margin-top: var(--fast-gap-between-content-small);
+    padding-top: var(--fast-padding-content-x-small);
+    border-top: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-subtle);
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+    color: var(--fast-foreground-ctrl-neutral-secondary-rest);
+}
diff --git a/examples/ssr/webui-todo-app/src/todo-app/todo-app.html b/examples/ssr/webui-todo-app/src/todo-app/todo-app.html
new file mode 100644
index 00000000000..cf72693c44a
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-app/todo-app.html
@@ -0,0 +1,39 @@
+<template
+    shadowrootmode="open"
+    @toggle-item="{onToggleItem($e)}"
+    @delete-item="{onDeleteItem($e)}"
+>
+    <h1>FAST Todos</h1>
+
+    <form @submit="{onSubmit()}">
+        <input type="text" f-ref="{addInput}" @input="{onInput($e)}">
+        <button type="submit" ?disabled="{{!description}}">Add Todo</button>
+    </form>
+
+    <section>
+        <label for="filter">Filter:</label>
+        <select name="filter" id="filter" title="filter" @change="{onFilterChange($e)}">
+            <option value="all" selected>All</option>
+            <option value="active">Active</option>
+            <option value="completed">Completed</option>
+        </select>
+    </section>
+
+    <ul class="todo-list">
+        <for each="item in filteredItems">
+            <li>
+                <todo-item
+                    id="{{item.id}}"
+                    description="{{item.description}}"
+                    state="{{item.state}}"
+                ></todo-item>
+            </li>
+        </for>
+    </ul>
+
+    <footer>
+        <span class="active-count"></span>
+        <span aria-hidden="true">·</span>
+        <span class="completed-count"></span>
+    </footer>
+</template>
diff --git a/examples/ssr/webui-todo-app/src/todo-app/todo-app.ts b/examples/ssr/webui-todo-app/src/todo-app/todo-app.ts
new file mode 100644
index 00000000000..380e45d6e6b
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-app/todo-app.ts
@@ -0,0 +1,176 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { observable } from "@microsoft/fast-element/observable.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+interface TodoItemData {
+    id: string;
+    description: string;
+    state: string;
+}
+
+type TodoListFilter = "all" | "active" | "completed";
+
+export class TodoApp extends FASTElement {
+    @observable items: TodoItemData[] = [];
+    @observable activeFilter: TodoListFilter = "all";
+    @observable description: string = "";
+    @observable filteredItems: TodoItemData[] = [];
+    @observable activeCount: number = 0;
+    @observable completedCount: number = 0;
+
+    addInput!: HTMLInputElement;
+
+    private nextId = 100;
+
+    connectedCallback(): void {
+        super.connectedCallback();
+        this.syncCounts();
+    }
+
+    itemsChanged(): void {
+        this.recomputeFilteredItems();
+        this.recomputeCounts();
+    }
+
+    activeFilterChanged(): void {
+        this.recomputeFilteredItems();
+    }
+
+    activeCountChanged(): void {
+        this.syncCounts();
+    }
+
+    completedCountChanged(): void {
+        this.syncCounts();
+    }
+
+    prepare(): void {
+        const root = this.shadowRoot;
+        if (!root) {
+            return;
+        }
+
+        const items: TodoItemData[] = [];
+
+        for (const el of root.querySelectorAll("todo-item")) {
+            items.push({
+                id: el.getAttribute("id") || "",
+                description: el.getAttribute("description") || "",
+                state: el.getAttribute("state") || "pending",
+            });
+        }
+
+        this.items = items;
+
+        if (items.length > 0) {
+            this.nextId = Math.max(...items.map(i => Number(i.id) || 0)) + 1;
+        }
+    }
+
+    onToggleItem(e: CustomEvent<{ id: string }>): void {
+        this.items = this.items.map(item =>
+            item.id === e.detail.id
+                ? {
+                      id: item.id,
+                      description: item.description,
+                      state: item.state === "done" ? "pending" : "done",
+                  }
+                : item,
+        );
+    }
+
+    onDeleteItem(e: CustomEvent<{ id: string }>): void {
+        this.items = this.items.filter(item => item.id !== e.detail.id);
+    }
+
+    onInput(e: Event): void {
+        this.description = (e.target as HTMLInputElement).value;
+    }
+
+    onFilterChange(e: Event): void {
+        this.activeFilter = (e.target as HTMLSelectElement).value as TodoListFilter;
+    }
+
+    onSubmit(): void {
+        const text = this.description.trim();
+
+        if (!text) return;
+
+        this.items = [
+            ...this.items,
+            { id: String(this.nextId++), description: text, state: "pending" },
+        ];
+        this.description = "";
+
+        if (this.addInput) {
+            this.addInput.value = "";
+            this.addInput.focus();
+        }
+    }
+
+    private recomputeFilteredItems(): void {
+        switch (this.activeFilter) {
+            case "active":
+                this.filteredItems = this.items.filter(i => i.state !== "done");
+                break;
+            case "completed":
+                this.filteredItems = this.items.filter(i => i.state === "done");
+                break;
+            default:
+                this.filteredItems = this.items;
+        }
+    }
+
+    private recomputeCounts(): void {
+        let active = 0;
+        let completed = 0;
+
+        for (const item of this.items) {
+            if (item.state === "done") {
+                completed++;
+            } else {
+                active++;
+            }
+        }
+
+        this.activeCount = active;
+        this.completedCount = completed;
+    }
+
+    /**
+     * Work around the fast-html hydration text-binding mismatch (see the
+     * `<todo-item>` `syncDescription()` helper for context): write the
+     * footer counters into the shadow DOM imperatively rather than via
+     * `{{ activeCount }}` / `{{ completedCount }}` text interpolations.
+     */
+    private syncCounts(): void {
+        const activeSpan = this.shadowRoot?.querySelector(".active-count");
+        const completedSpan = this.shadowRoot?.querySelector(".completed-count");
+
+        if (activeSpan) {
+            activeSpan.textContent = `${this.activeCount} ${
+                this.activeCount === 1 ? "item" : "items"
+            } left`;
+        }
+
+        if (completedSpan) {
+            completedSpan.textContent = `${this.completedCount} completed`;
+        }
+    }
+}
+
+TodoApp.define(
+    {
+        name: "todo-app",
+        template: declarativeTemplate({
+            elementWillHydrate(source) {
+                (source as TodoApp).prepare();
+            },
+        }) as any,
+    },
+    [observerMap()],
+);
diff --git a/examples/ssr/webui-todo-app/src/todo-item/todo-item.css b/examples/ssr/webui-todo-app/src/todo-item/todo-item.css
new file mode 100644
index 00000000000..f30aac3ae61
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-item/todo-item.css
@@ -0,0 +1,53 @@
+:host {
+    display: flex;
+    align-items: center;
+    gap: var(--fast-gap-between-content-x-small);
+    margin: var(--fast-gap-between-content-x-small) 0;
+    padding: var(--fast-padding-content-x-small);
+    border-radius: var(--fast-corner-medium);
+    border: var(--fast-stroke-width-default) solid var(--fast-stroke-divider-default);
+    background: var(--fast-background-layer-secondary);
+    transition: background var(--fast-duration-fast) var(--fast-curve-easy-ease);
+}
+
+:host(:hover) {
+    background: var(--fast-background-ctrl-subtle-hover);
+}
+
+.description {
+    display: inline-block;
+    align-self: center;
+    margin: 0;
+    flex: 1;
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+}
+
+:host([state="done"]) .description {
+    text-decoration: line-through;
+    color: var(--fast-foreground-ctrl-hint-default);
+}
+
+.delete {
+    color: var(--fast-status-danger-tint-foreground);
+    background: transparent;
+    border: none;
+    border-radius: var(--fast-corner-medium);
+    padding: var(--fast-padding-content-xx-small) var(--fast-padding-content-xx-small);
+    font-family: inherit;
+    font-size: var(--fast-text-global-body3-font-size);
+    line-height: var(--fast-text-global-body3-line-height);
+    cursor: pointer;
+    transition: background var(--fast-duration-fast) var(--fast-curve-easy-ease);
+}
+
+.delete:hover,
+.delete:active {
+    background: var(--fast-status-danger-tint-background);
+}
+
+.delete:focus-visible {
+    outline: var(--fast-ctrl-focus-outer-stroke-width) solid
+        var(--fast-status-danger-tint-stroke);
+    outline-offset: var(--fast-stroke-width-default);
+}
diff --git a/examples/ssr/webui-todo-app/src/todo-item/todo-item.html b/examples/ssr/webui-todo-app/src/todo-item/todo-item.html
new file mode 100644
index 00000000000..8d3d61b7d7b
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-item/todo-item.html
@@ -0,0 +1,17 @@
+<template shadowrootmode="open">
+    <input
+        type="checkbox"
+        class="toggle"
+        ?checked="{{state == 'done'}}"
+        @change="{onToggleChange()}"
+    >
+    <span class="description"></span>
+    <button
+        type="button"
+        class="delete"
+        @click="{onDeleteClick()}"
+        aria-label="Remove item"
+    >
+        &times;
+    </button>
+</template>
diff --git a/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts b/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
new file mode 100644
index 00000000000..5ffeb891741
--- /dev/null
+++ b/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
@@ -0,0 +1,51 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+export class TodoItem extends FASTElement {
+    @attr id = "";
+    @attr description = "";
+    @attr state = "";
+
+    connectedCallback(): void {
+        super.connectedCallback();
+        this.syncDescription();
+    }
+
+    descriptionChanged(): void {
+        this.syncDescription();
+    }
+
+    onToggleChange(): void {
+        this.$emit("toggle-item", { id: this.id });
+    }
+
+    onDeleteClick(): void {
+        this.$emit("delete-item", { id: this.id });
+    }
+
+    /**
+     * Work around a known fast-html hydration mismatch for text-interpolation
+     * bindings inside `<todo-item>`: rather than rely on `{{ description }}` in
+     * the shadow template, assign the description text imperatively. See the
+     * hydration warning fast-html logs when this binding is left in place.
+     */
+    private syncDescription(): void {
+        const span = this.shadowRoot?.querySelector(".description");
+        if (span) {
+            span.textContent = this.description;
+        }
+    }
+}
+
+TodoItem.define(
+    {
+        name: "todo-item",
+        template: declarativeTemplate() as any,
+    },
+    [observerMap()],
+);
diff --git a/examples/ssr/webui-todo-app/tsconfig.json b/examples/ssr/webui-todo-app/tsconfig.json
new file mode 100644
index 00000000000..18044303e73
--- /dev/null
+++ b/examples/ssr/webui-todo-app/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "target": "ESNext",
+        "strict": true,
+        "experimentalDecorators": true,
+        "useDefineForClassFields": false,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "sourceMap": true,
+        "incremental": true
+    },
+    "include": ["src"],
+    "exclude": ["node_modules", "dist"]
+}
diff --git a/examples/test/playwright.config.ts b/examples/test/playwright.config.ts
index 8ae12098db3..33da1a3bd4c 100644
--- a/examples/test/playwright.config.ts
+++ b/examples/test/playwright.config.ts
@@ -37,6 +37,10 @@ export default defineConfig({
             name: "csr-todo-mobx",
             use: { baseURL: "http://localhost:9001" },
         },
+        {
+            name: "ssr-webui-todo",
+            use: { baseURL: "http://localhost:8081" },
+        },
     ],
     webServer: [
         {
@@ -57,5 +61,14 @@ export default defineConfig({
             stdout: "pipe",
             stderr: "pipe",
         },
+        {
+            command: "npm run start:e2e -w @microsoft/fast-webui-todo-app-example",
+            url: "http://localhost:8081",
+            cwd: "../..",
+            reuseExistingServer: !isCI,
+            timeout: 180_000,
+            stdout: "pipe",
+            stderr: "pipe",
+        },
     ],
 });
diff --git a/examples/test/support/adapters/index.ts b/examples/test/support/adapters/index.ts
index 732f4dc8a72..e25d2ce6bfb 100644
--- a/examples/test/support/adapters/index.ts
+++ b/examples/test/support/adapters/index.ts
@@ -1,9 +1,11 @@
 import { createCsrAdapter } from "./csr.js";
+import { ssrWebuiTodoAdapter } from "./ssr-webui-todo.js";
 import type { TodoAppAdapter } from "./types.js";
 
 const adapters: Record<string, TodoAppAdapter> = {
     "csr-todo": createCsrAdapter("csr-todo"),
     "csr-todo-mobx": createCsrAdapter("csr-todo-mobx"),
+    "ssr-webui-todo": ssrWebuiTodoAdapter,
 };
 
 export function getAdapter(projectName: string): TodoAppAdapter {
diff --git a/examples/test/support/adapters/ssr-webui-todo.ts b/examples/test/support/adapters/ssr-webui-todo.ts
new file mode 100644
index 00000000000..0643ef661e6
--- /dev/null
+++ b/examples/test/support/adapters/ssr-webui-todo.ts
@@ -0,0 +1,87 @@
+import type { Page } from "@playwright/test";
+import type { FilterValue, TodoAppAdapter } from "./types.js";
+
+/**
+ * Adapter for the SSR webui-todo-app. Layout:
+ *
+ *     <todo-app> #shadow
+ *       <h1>FAST Todos</h1>
+ *       <form><input/><button/></form>
+ *       <select name="filter">
+ *       <ul.todo-list>
+ *         <li>
+ *           <todo-item> #shadow
+ *             <input type="checkbox" class="toggle"/>
+ *             <span.description/>
+ *             <button class="delete" aria-label="Remove item">×</button>
+ */
+export const ssrWebuiTodoAdapter: TodoAppAdapter = {
+    name: "ssr-webui-todo",
+    async goto(page) {
+        await page.goto("/");
+    },
+    async waitForReady(page) {
+        await page.locator("todo-app").waitFor();
+        await page.locator("h1", { hasText: "FAST Todos" }).waitFor();
+        await page.locator("form button[type=submit]", { hasText: "Add Todo" }).waitFor();
+        // The SSR app hydrates asynchronously; wait for the flag set in
+        // src/index.ts before issuing UI events that depend on event handlers.
+        await page.waitForFunction(
+            () => (window as unknown as { __todoHydrated?: boolean }).__todoHydrated,
+            undefined,
+            { timeout: 10_000 },
+        );
+    },
+    async addTodo(page, text) {
+        const input = page.locator("todo-app form input[type=text]");
+        await input.fill(text);
+        await page.locator("todo-app form button[type=submit]").click();
+        await page.locator("todo-item .description", { hasText: text }).waitFor();
+    },
+    async descriptions(page) {
+        const raw = await page.locator("todo-item .description").allInnerTexts();
+        return raw.map(s => s.trim());
+    },
+    async isDoneByDescription(page, description) {
+        const item = page.locator("todo-item").filter({
+            has: page.locator(".description", { hasText: description }),
+        });
+        return item.locator("input.toggle").isChecked();
+    },
+    async toggleByDescription(page, description) {
+        const item = page.locator("todo-item").filter({
+            has: page.locator(".description", { hasText: description }),
+        });
+        await item.locator("input.toggle").click();
+    },
+    async deleteByDescription(page, description) {
+        const item = page.locator("todo-item").filter({
+            has: page.locator(".description", { hasText: description }),
+        });
+        await item.locator("button.delete").click();
+        await page
+            .locator("todo-item .description", { hasText: description })
+            .waitFor({ state: "detached" });
+    },
+    async setFilter(page, value: FilterValue) {
+        await page.locator("select[name=filter]").selectOption(value);
+    },
+    async isAddDisabled(page) {
+        return page.locator("todo-app form button[type=submit]").isDisabled();
+    },
+    async getCounts(page) {
+        const active = await page.locator("todo-app footer .active-count").innerText();
+        const completed = await page
+            .locator("todo-app footer .completed-count")
+            .innerText();
+        return {
+            active: parseLeadingInt(active),
+            completed: parseLeadingInt(completed),
+        };
+    },
+};
+
+function parseLeadingInt(text: string): number {
+    const match = text.trim().match(/^\d+/);
+    return match ? Number(match[0]) : Number.NaN;
+}
diff --git a/examples/test/support/global-setup.ts b/examples/test/support/global-setup.ts
index e9d618a9e95..7a270121723 100644
--- a/examples/test/support/global-setup.ts
+++ b/examples/test/support/global-setup.ts
@@ -1,5 +1,29 @@
+import { promises as fs } from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
 import type { FullConfig } from "@playwright/test";
 
+/**
+ * The SSR webui-todo-app persists state to `examples/ssr/webui-todo-app/data/state.json`.
+ * Tests will add/toggle/delete items there, mutating the file. Back it up
+ * before the run and restore it after (see global-teardown.ts).
+ */
+const HERE = path.dirname(fileURLToPath(import.meta.url));
+export const SSR_STATE_FILE = path.resolve(
+    HERE,
+    "../../ssr/webui-todo-app/data/state.json",
+);
+export const SSR_STATE_BACKUP = `${SSR_STATE_FILE}.e2e-backup`;
+
 export default async function globalSetup(_config: FullConfig): Promise<void> {
-    // No global setup needed on v3 (SSR webui-todo-app example is not present).
+    try {
+        const original = await fs.readFile(SSR_STATE_FILE, "utf8");
+        await fs.writeFile(SSR_STATE_BACKUP, original, "utf8");
+    } catch (err) {
+        // If the state file is missing we leave things alone; the SSR project
+        // will simply fail to start and surface its own diagnostics.
+        if ((err as NodeJS.ErrnoException).code !== "ENOENT") {
+            throw err;
+        }
+    }
 }
diff --git a/examples/test/support/global-teardown.ts b/examples/test/support/global-teardown.ts
index c3334c27ed1..9ad30cbaae6 100644
--- a/examples/test/support/global-teardown.ts
+++ b/examples/test/support/global-teardown.ts
@@ -1,3 +1,14 @@
+import { promises as fs } from "node:fs";
+import { SSR_STATE_BACKUP, SSR_STATE_FILE } from "./global-setup.js";
+
 export default async function globalTeardown(): Promise<void> {
-    // No global teardown needed on v3 (SSR webui-todo-app example is not present).
+    try {
+        const backup = await fs.readFile(SSR_STATE_BACKUP, "utf8");
+        await fs.writeFile(SSR_STATE_FILE, backup, "utf8");
+        await fs.unlink(SSR_STATE_BACKUP);
+    } catch (err) {
+        if ((err as NodeJS.ErrnoException).code !== "ENOENT") {
+            throw err;
+        }
+    }
 }
diff --git a/package-lock.json b/package-lock.json
index 57dd39c62a7..40f62749d4f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -77,26 +77,13 @@
       "version": "1.0.0",
       "license": "MIT"
     },
-    "examples/ssr": {
-      "name": "@microsoft/fast-ssr-example",
-      "version": "1.0.0",
-      "extraneous": true,
-      "license": "MIT",
-      "dependencies": {
-        "@microsoft/fast-element": "^2.10.3",
-        "@microsoft/fast-ssr": "^1.0.0-beta.40",
-        "@microsoft/fast-todo-app-example": "1.0.0"
-      }
-    },
     "examples/ssr/chat-app": {
       "name": "@microsoft/fast-chat-app-example",
       "version": "1.0.0",
-      "extraneous": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/fast-element": "*",
+        "@microsoft/fast-element": "^3.0.0-rc.1",
         "@microsoft/fast-examples-design-system": "*",
-        "@microsoft/fast-html": "*",
         "tslib": "^2.6.3"
       },
       "devDependencies": {
@@ -106,13 +93,11 @@
     "examples/ssr/webui-todo-app": {
       "name": "@microsoft/fast-webui-todo-app-example",
       "version": "1.0.0",
-      "extraneous": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/fast-element": "^2.10.3",
+        "@microsoft/fast-element": "^3.0.0-rc.1",
         "@microsoft/fast-examples-design-system": "^1.0.0",
-        "@microsoft/fast-html": "*",
-        "@microsoft/webui": "^0.0.12",
+        "@microsoft/webui": "^0.0.13",
         "tslib": "^2.6.3"
       },
       "devDependencies": {
@@ -120,41 +105,124 @@
         "typescript": "^5.8.0"
       }
     },
-    "examples/test": {
-      "name": "@microsoft/fast-examples-e2e",
-      "version": "1.0.0",
-      "license": "MIT"
-    },
-    "examples/todo-app": {
-      "name": "@microsoft/fast-todo-app-example",
-      "version": "1.0.0",
-      "extraneous": true,
+    "examples/ssr/webui-todo-app/node_modules/@microsoft/webui": {
+      "version": "0.0.13",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui/-/webui-0.0.13.tgz",
+      "integrity": "sha512-K0saIXV8WZcwBgUO8K2G0uur2iAJGLwdX78r937yThGPs7OxJuslmEyRCE4qST6taTWySMhVJoHXp9uYNEnBDg==",
+      "hasInstallScript": true,
       "license": "MIT",
-      "dependencies": {
-        "@microsoft/fast-element": "^2.10.3",
-        "tslib": "^2.6.3"
+      "bin": {
+        "webui": "bin/webui"
       },
-      "devDependencies": {
-        "@genesiscommunitysuccess/cep-fast-plugin": "5.0.3",
-        "@genesiscommunitysuccess/custom-elements-lsp": "5.0.3"
-      }
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@microsoft/webui-darwin-arm64": "0.0.13",
+        "@microsoft/webui-darwin-x64": "0.0.13",
+        "@microsoft/webui-linux-arm64": "0.0.13",
+        "@microsoft/webui-linux-x64": "0.0.13",
+        "@microsoft/webui-win32-arm64": "0.0.13",
+        "@microsoft/webui-win32-x64": "0.0.13"
+      }
+    },
+    "examples/ssr/webui-todo-app/node_modules/@microsoft/webui-darwin-arm64": {
+      "version": "0.0.13",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-arm64/-/webui-darwin-arm64-0.0.13.tgz",
+      "integrity": "sha512-PzVmNfI4vnzxRVDQ2SQhtA+lhuTdqLv2YnqJrHj4HsWf57lSKwmuOQpjBcrBq51W4UjOvvZau6dawLLUjiWs8Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "examples/webui-todo-app": {
-      "name": "@microsoft/fast-webui-todo-app-example",
-      "version": "1.0.0",
-      "extraneous": true,
+    "examples/ssr/webui-todo-app/node_modules/@microsoft/webui-darwin-x64": {
+      "version": "0.0.13",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-x64/-/webui-darwin-x64-0.0.13.tgz",
+      "integrity": "sha512-PuWPG2xpbUq5NGDYYq5/V5T0SyJCa3+TGzdMEvvgJcF/oqtLMy4cfgUnrf4mIGO7B8EtCtKf4uZIChRaOZzBBQ==",
+      "cpu": [
+        "x64"
+      ],
       "license": "MIT",
-      "dependencies": {
-        "@microsoft/fast-element": "^2.10.3",
-        "@microsoft/fast-html": "*",
-        "@microsoft/webui": "^0.0.6",
-        "tslib": "^2.6.3"
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "examples/ssr/webui-todo-app/node_modules/@microsoft/webui-linux-arm64": {
+      "version": "0.0.13",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-arm64/-/webui-linux-arm64-0.0.13.tgz",
+      "integrity": "sha512-40+93zX5An6ksCtSptQ9VGiKZVvdB13OKmlUpG4lXNWBBSh56Pfmzd/gl/4SxU3q0fpXBgrUzYbQzOI0psjL7w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "examples/ssr/webui-todo-app/node_modules/@microsoft/webui-linux-x64": {
+      "version": "0.0.13",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-x64/-/webui-linux-x64-0.0.13.tgz",
+      "integrity": "sha512-E1ku0UoxZok0Zw/yVnOaFNADyl0D0OqIdm0uZt8sEgR2IY0D/5MNENrySxfl3qT+xd08xRL2w8sGdruLstNZ8A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "examples/ssr/webui-todo-app/node_modules/@microsoft/webui-win32-arm64": {
+      "version": "0.0.13",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-arm64/-/webui-win32-arm64-0.0.13.tgz",
+      "integrity": "sha512-LtTlWjULDehGzv1htPe0Jee8O3Zet4zpkQGJ03nuXmHuEr9UAIFIwWEVSSfHLLSt1A8q5p2BqGiiTKdty8hmMQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "examples/ssr/webui-todo-app/node_modules/@microsoft/webui-win32-x64": {
+      "version": "0.0.13",
+      "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-x64/-/webui-win32-x64-0.0.13.tgz",
+      "integrity": "sha512-J34GiuhWyESy2bYufxZPbMORLAX+CHptiGZh8IlsSiWAWZdn6KuK7u9Knd8+T5VLOJOQYyS4/fdUJWG1FRbMLQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "examples/ssr/webui-todo-app/node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
       },
-      "devDependencies": {
-        "esbuild": "^0.25.0",
-        "typescript": "^5.8.0"
+      "engines": {
+        "node": ">=14.17"
       }
     },
+    "examples/test": {
+      "name": "@microsoft/fast-examples-e2e",
+      "version": "1.0.0",
+      "license": "MIT"
+    },
     "node_modules/@11ty/dependency-tree": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@11ty/dependency-tree/-/dependency-tree-4.0.2.tgz",
@@ -177,44 +245,44 @@
       }
     },
     "node_modules/@11ty/eleventy": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.2.tgz",
-      "integrity": "sha512-IcsDlbXnBf8cHzbM1YBv3JcTyLB35EK88QexmVyFdVJVgUU6bh9g687rpxryJirHzo06PuwnYaEEdVZQfIgRGg==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.5.tgz",
+      "integrity": "sha512-hZ0g6MwZyRxCqXsPm82gIM304LraKbUz3ZmezOSjsqxttZG6cHTib3Qq8QkESJoKwnr+yX1eyfOkPC5/mEgZnQ==",
       "license": "MIT",
       "dependencies": {
-        "@11ty/dependency-tree": "^4.0.0",
-        "@11ty/dependency-tree-esm": "^2.0.0",
+        "@11ty/dependency-tree": "^4.0.2",
+        "@11ty/dependency-tree-esm": "^2.0.4",
         "@11ty/eleventy-dev-server": "^2.0.8",
-        "@11ty/eleventy-plugin-bundle": "^3.0.6",
+        "@11ty/eleventy-plugin-bundle": "^3.0.7",
         "@11ty/eleventy-utils": "^2.0.7",
         "@11ty/lodash-custom": "^4.17.21",
-        "@11ty/posthtml-urls": "^1.0.1",
-        "@11ty/recursive-copy": "^4.0.2",
+        "@11ty/posthtml-urls": "^1.0.2",
+        "@11ty/recursive-copy": "^4.0.4",
         "@sindresorhus/slugify": "^2.2.1",
         "bcp-47-normalize": "^2.3.0",
         "chokidar": "^3.6.0",
-        "debug": "^4.4.1",
+        "debug": "^4.4.3",
         "dependency-graph": "^1.0.0",
         "entities": "^6.0.1",
         "filesize": "^10.1.6",
         "gray-matter": "^4.0.3",
         "iso-639-1": "^3.1.5",
-        "js-yaml": "^4.1.0",
+        "js-yaml": "^4.1.1",
         "kleur": "^4.1.5",
-        "liquidjs": "^10.21.1",
-        "luxon": "^3.6.1",
-        "markdown-it": "^14.1.0",
+        "liquidjs": "^10.25.0",
+        "luxon": "^3.7.2",
+        "markdown-it": "^14.1.1",
         "minimist": "^1.2.8",
-        "moo": "^0.5.2",
+        "moo": "0.5.2",
         "node-retrieve-globals": "^6.0.1",
         "nunjucks": "^3.2.4",
-        "picomatch": "^4.0.2",
+        "picomatch": "^4.0.3",
         "please-upgrade-node": "^3.2.0",
-        "posthtml": "^0.16.6",
+        "posthtml": "^0.16.7",
         "posthtml-match-helper": "^2.0.3",
-        "semver": "^7.7.2",
-        "slugify": "^1.6.6",
-        "tinyglobby": "^0.2.14"
+        "semver": "^7.7.4",
+        "slugify": "^1.6.8",
+        "tinyglobby": "^0.2.15"
       },
       "bin": {
         "eleventy": "cmd.cjs"
@@ -257,349 +325,153 @@
         "url": "https://opencollective.com/11ty"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+    "node_modules/@11ty/eleventy-navigation": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-navigation/-/eleventy-navigation-1.0.5.tgz",
+      "integrity": "sha512-zb6xe29cM9viSdYtZywKIkJw2HIROyBINdBcFWC9uD0c/jYOTAex5nwy3HNEuh5t6/Ld/S9V4gEizfmeYuYpCQ==",
       "license": "MIT",
       "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
+        "dependency-graph": "^1.0.0"
       },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+    "node_modules/@11ty/eleventy-plugin-bundle": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-bundle/-/eleventy-plugin-bundle-3.0.7.tgz",
+      "integrity": "sha512-QK1tRFBhQdZASnYU8GMzpTdsMMFLVAkuU0gVVILqNyp09xJJZb81kAS3AFrNrwBCsgLxTdWHJ8N64+OTTsoKkA==",
       "license": "MIT",
+      "dependencies": {
+        "@11ty/eleventy-utils": "^2.0.2",
+        "debug": "^4.4.0",
+        "posthtml-match-helper": "^2.0.3"
+      },
       "engines": {
-        "node": ">= 0.8"
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/fresh": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
-      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+    "node_modules/@11ty/eleventy-plugin-syntaxhighlight": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-syntaxhighlight/-/eleventy-plugin-syntaxhighlight-5.0.2.tgz",
+      "integrity": "sha512-T6xVVRDJuHlrFMHbUiZkHjj5o1IlLzZW+1IL9eUsyXFU7rY2ztcYhZew/64vmceFFpQwzuSfxQOXxTJYmKkQ+A==",
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
+      "dependencies": {
+        "prismjs": "^1.30.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/http-errors": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
-      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+    "node_modules/@11ty/eleventy-utils": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-2.0.7.tgz",
+      "integrity": "sha512-6QE+duqSQ0GY9rENXYb4iPR4AYGdrFpqnmi59tFp9VrleOl0QSh8VlBr2yd6dlhkdtj7904poZW5PvGr9cMiJQ==",
       "license": "MIT",
-      "dependencies": {
-        "depd": "~2.0.0",
-        "inherits": "~2.0.4",
-        "setprototypeof": "~1.2.0",
-        "statuses": "~2.0.2",
-        "toidentifier": "~1.0.1"
-      },
       "engines": {
-        "node": ">= 0.8"
+        "node": ">=18"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/express"
+        "url": "https://opencollective.com/11ty"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/mime": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
-      "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
+    "node_modules/@11ty/eleventy/node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
       "license": "MIT",
-      "bin": {
-        "mime": "cli.js"
-      },
       "engines": {
-        "node": ">=10.0.0"
+        "node": ">=6"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/mime-db": {
-      "version": "1.54.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
-      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
-      "license": "MIT",
+    "node_modules/@11ty/eleventy/node_modules/semver": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.1.tgz",
+      "integrity": "sha512-rkVq3IXh+4FDGch+KwzX3aV9W3kO54GyEgpvBzSyctDA6Xtd7RJQV1xmXbeQp5v7+VzLOfVqiutSE6GICgPFvg==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
       "engines": {
-        "node": ">= 0.6"
+        "node": ">=10"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/mime-types": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
-      "integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
+    "node_modules/@11ty/lodash-custom": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/@11ty/lodash-custom/-/lodash-custom-4.17.21.tgz",
+      "integrity": "sha512-Mqt6im1xpb1Ykn3nbcCovWXK3ggywRJa+IXIdoz4wIIK+cvozADH63lexcuPpGS/gJ6/m2JxyyXDyupkMr5DHw==",
       "license": "MIT",
-      "dependencies": {
-        "mime-db": "^1.54.0"
-      },
       "engines": {
-        "node": ">=18"
+        "node": ">=14"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/express"
+        "url": "https://opencollective.com/11ty"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
-    },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/send": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
-      "integrity": "sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==",
+    "node_modules/@11ty/posthtml-urls": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@11ty/posthtml-urls/-/posthtml-urls-1.0.3.tgz",
+      "integrity": "sha512-1YvhnkaNlFnnJic1rBMWmTC2adbuy+JQiBfl1Hecr1Wjjik1pQZmGyk/eC9zKX/FQv52s2Nht1Gi/UwhYqrBeg==",
       "license": "MIT",
       "dependencies": {
-        "debug": "^4.4.3",
-        "encodeurl": "^2.0.0",
-        "escape-html": "^1.0.3",
-        "etag": "^1.8.1",
-        "fresh": "^2.0.0",
-        "http-errors": "^2.0.1",
-        "mime-types": "^3.0.2",
-        "ms": "^2.1.3",
-        "on-finished": "^2.4.1",
-        "range-parser": "^1.2.1",
-        "statuses": "^2.0.2"
+        "evaluate-value": "^2.0.0",
+        "http-equiv-refresh": "^2.0.1",
+        "list-to-array": "^1.1.0",
+        "parse-srcset": "^1.0.2"
       },
       "engines": {
-        "node": ">= 18"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
+        "node": ">= 6"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/ssri": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/ssri/-/ssri-11.0.0.tgz",
-      "integrity": "sha512-aZpUoMN/Jj2MqA4vMCeiKGnc/8SuSyHbGSBdgFbZxP8OJGF/lFkIuElzPxsN0q8TQQ+prw3P4EDfB3TBHHgfXw==",
+    "node_modules/@11ty/recursive-copy": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@11ty/recursive-copy/-/recursive-copy-4.0.4.tgz",
+      "integrity": "sha512-oI7m8pa7/IAU/3lqRU9vjBbs20iKFo7x+1K9kT3aVira6scc1X9MjBdgLCHzLJeJ7iB6wydioA+kr9/qPnvmlQ==",
       "license": "ISC",
       "dependencies": {
-        "minipass": "^7.0.3"
+        "errno": "^1.0.0",
+        "junk": "^3.1.0",
+        "minimatch": "^3.1.5",
+        "slash": "^3.0.0"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@11ty/eleventy-dev-server/node_modules/statuses": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
-      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/@11ty/eleventy-navigation": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@11ty/eleventy-navigation/-/eleventy-navigation-1.0.5.tgz",
-      "integrity": "sha512-zb6xe29cM9viSdYtZywKIkJw2HIROyBINdBcFWC9uD0c/jYOTAex5nwy3HNEuh5t6/Ld/S9V4gEizfmeYuYpCQ==",
-      "license": "MIT",
-      "dependencies": {
-        "dependency-graph": "^1.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/11ty"
-      }
-    },
-    "node_modules/@11ty/eleventy-plugin-bundle": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-bundle/-/eleventy-plugin-bundle-3.0.7.tgz",
-      "integrity": "sha512-QK1tRFBhQdZASnYU8GMzpTdsMMFLVAkuU0gVVILqNyp09xJJZb81kAS3AFrNrwBCsgLxTdWHJ8N64+OTTsoKkA==",
-      "license": "MIT",
-      "dependencies": {
-        "@11ty/eleventy-utils": "^2.0.2",
-        "debug": "^4.4.0",
-        "posthtml-match-helper": "^2.0.3"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/11ty"
-      }
-    },
-    "node_modules/@11ty/eleventy-plugin-bundle/node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@11ty/eleventy-plugin-bundle/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
-    },
-    "node_modules/@11ty/eleventy-plugin-syntaxhighlight": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-syntaxhighlight/-/eleventy-plugin-syntaxhighlight-5.0.2.tgz",
-      "integrity": "sha512-T6xVVRDJuHlrFMHbUiZkHjj5o1IlLzZW+1IL9eUsyXFU7rY2ztcYhZew/64vmceFFpQwzuSfxQOXxTJYmKkQ+A==",
-      "license": "MIT",
-      "dependencies": {
-        "prismjs": "^1.30.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/11ty"
-      }
-    },
-    "node_modules/@11ty/eleventy-utils": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-2.0.7.tgz",
-      "integrity": "sha512-6QE+duqSQ0GY9rENXYb4iPR4AYGdrFpqnmi59tFp9VrleOl0QSh8VlBr2yd6dlhkdtj7904poZW5PvGr9cMiJQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/11ty"
-      }
-    },
-    "node_modules/@11ty/eleventy/node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@11ty/eleventy/node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/@11ty/eleventy/node_modules/filesize": {
-      "version": "10.1.6",
-      "resolved": "https://registry.npmjs.org/filesize/-/filesize-10.1.6.tgz",
-      "integrity": "sha512-sJslQKU2uM33qH5nqewAwVB2QgR6w1aMNsYUp3aN5rMRyXEwJGmZvaWzeJFNTOXWlHQyBFCWrdj3fV/fsTOX8w==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">= 10.4.0"
-      }
-    },
-    "node_modules/@11ty/eleventy/node_modules/kleur": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
-      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@11ty/eleventy/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+    "node_modules/@11ty/recursive-copy/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "license": "MIT"
     },
-    "node_modules/@11ty/eleventy/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/@11ty/eleventy/node_modules/semver": {
-      "version": "7.7.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
-      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@11ty/lodash-custom": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/@11ty/lodash-custom/-/lodash-custom-4.17.21.tgz",
-      "integrity": "sha512-Mqt6im1xpb1Ykn3nbcCovWXK3ggywRJa+IXIdoz4wIIK+cvozADH63lexcuPpGS/gJ6/m2JxyyXDyupkMr5DHw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/11ty"
-      }
-    },
-    "node_modules/@11ty/posthtml-urls": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@11ty/posthtml-urls/-/posthtml-urls-1.0.2.tgz",
-      "integrity": "sha512-0vaV3Wt0surZ+oS1VdKKe0axeeupuM+l7W/Z866WFQwF+dGg2Tc/nmhk/5l74/Y55P8KyImnLN9CdygNw2huHg==",
+    "node_modules/@11ty/recursive-copy/node_modules/brace-expansion": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
+      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
       "license": "MIT",
       "dependencies": {
-        "evaluate-value": "^2.0.0",
-        "http-equiv-refresh": "^2.0.1",
-        "list-to-array": "^1.1.0",
-        "parse-srcset": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 6"
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
-    "node_modules/@11ty/recursive-copy": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@11ty/recursive-copy/-/recursive-copy-4.0.3.tgz",
-      "integrity": "sha512-SX48BTLEGX8T/OsKWORsHAAeiDsbFl79Oa/0Wg/mv/d27b7trCVZs7fMHvpSgDvZz/fZqx5rDk8+nx5oyT7xBw==",
+    "node_modules/@11ty/recursive-copy/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "license": "ISC",
       "dependencies": {
-        "errno": "^1.0.0",
-        "junk": "^3.1.0",
-        "maximatch": "^0.1.0",
-        "slash": "^3.0.0"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": ">=18"
+        "node": "*"
       }
     },
     "node_modules/@ast-grep/cli": {
@@ -748,24 +620,24 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
-      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+      "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.29.7",
         "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
+        "picocolors": "^1.1.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
-      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -980,35 +852,6 @@
         "fsevents": "~2.3.2"
       }
     },
-    "node_modules/@custom-elements-manifest/analyzer/node_modules/command-line-args": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/command-line-args/-/command-line-args-5.1.2.tgz",
-      "integrity": "sha512-fytTsbndLbl+pPWtS0CxLV3BEWw9wJayB8NnU2cbQqVPsNdYezQeT+uIQv009m+GShnMNyuoBrRo8DTmuTfSCA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-back": "^6.1.2",
-        "find-replace": "^3.0.0",
-        "lodash.camelcase": "^4.3.0",
-        "typical": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/@custom-elements-manifest/analyzer/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/@custom-elements-manifest/analyzer/node_modules/globby": {
       "version": "11.0.4",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
@@ -1054,20 +897,14 @@
         "es-module-lexer": "^0.9.3"
       }
     },
-    "node_modules/@custom-elements-manifest/find-dependencies/node_modules/es-module-lexer": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
-      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz",
-      "integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1078,12 +915,13 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.7.tgz",
-      "integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1094,12 +932,13 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz",
-      "integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1110,12 +949,13 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.7.tgz",
-      "integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1126,12 +966,13 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz",
-      "integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1142,12 +983,13 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz",
-      "integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1158,12 +1000,13 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz",
-      "integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1174,12 +1017,13 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz",
-      "integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1190,12 +1034,13 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz",
-      "integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1206,12 +1051,13 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz",
-      "integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1222,12 +1068,13 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz",
-      "integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1238,12 +1085,13 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz",
-      "integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1254,12 +1102,13 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz",
-      "integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
       "cpu": [
         "mips64el"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1270,12 +1119,13 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz",
-      "integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1286,12 +1136,13 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz",
-      "integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1302,12 +1153,13 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz",
-      "integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1318,12 +1170,13 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz",
-      "integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1334,12 +1187,13 @@
       }
     },
     "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz",
-      "integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1350,12 +1204,13 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz",
-      "integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1366,12 +1221,13 @@
       }
     },
     "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz",
-      "integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1382,12 +1238,13 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz",
-      "integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1398,12 +1255,13 @@
       }
     },
     "node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz",
-      "integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1414,12 +1272,13 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz",
-      "integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1430,12 +1289,13 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz",
-      "integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1446,12 +1306,13 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz",
-      "integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1462,12 +1323,13 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz",
-      "integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1547,24 +1409,21 @@
       }
     },
     "node_modules/@github/catalyst": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@github/catalyst/-/catalyst-1.7.0.tgz",
-      "integrity": "sha512-qOAxrDdRZz9+v4y2WoAfh11rpRY/x4FRofPNmJyZFzAjubtzE3sCa/tAycWWufmQGoYiwwzL/qJBBgyg7avxPw==",
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@github/catalyst/-/catalyst-1.8.1.tgz",
+      "integrity": "sha512-dnN4WWpbeuQvA17LvsGdlXEueJdBk9y+I+WO5pdNpoHNOXPsFcz3hJrq1iRmdsNgQOf4S8e83axtwIxvG62eWA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "devOptional": true,
+      "license": "MIT",
       "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
         "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
@@ -1572,72 +1431,59 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "devOptional": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "devOptional": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/source-map": {
-      "version": "0.3.6",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
-      "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
       "devOptional": true,
+      "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25"
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
-      "devOptional": true
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "devOptional": true,
+      "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "devOptional": true,
+      "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/@microsoft/api-extractor": {
-      "version": "7.58.1",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.58.1.tgz",
-      "integrity": "sha512-kF3GFME4lN22O5zbnXk2RP4y/4PDQdps0xKiYTipMYprkwCmmpsWLZt/N2Fkbil540cSLfJX0BW7LkHzgMVUYg==",
-      "dev": true,
+    "node_modules/@microsoft/api-documenter": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-documenter/-/api-documenter-7.29.7.tgz",
+      "integrity": "sha512-hBI9sBwyhSNfLxSoP2IOZcFOwqYeRG6uRc5scEeBD2oaz+jrJ3mwe/amSiY4Dz/Q8RWCLCWHf1WYqabEmhMlug==",
       "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor-model": "7.33.5",
+        "@microsoft/api-extractor-model": "7.33.4",
         "@microsoft/tsdoc": "~0.16.0",
-        "@microsoft/tsdoc-config": "~0.18.1",
-        "@rushstack/node-core-library": "5.21.0",
-        "@rushstack/rig-package": "0.7.2",
-        "@rushstack/terminal": "0.22.4",
-        "@rushstack/ts-command-line": "5.3.4",
-        "diff": "~8.0.2",
-        "lodash": "~4.18.1",
-        "minimatch": "10.2.3",
-        "resolve": "~1.22.1",
-        "semver": "~7.5.4",
-        "source-map": "~0.6.1",
-        "typescript": "5.9.3"
+        "@rushstack/node-core-library": "5.20.3",
+        "@rushstack/terminal": "0.22.3",
+        "@rushstack/ts-command-line": "5.3.3",
+        "js-yaml": "~4.1.0",
+        "resolve": "~1.22.1"
       },
       "bin": {
-        "api-extractor": "bin/api-extractor"
+        "api-documenter": "bin/api-documenter"
       }
     },
-    "node_modules/@microsoft/api-extractor-model": {
+    "node_modules/@microsoft/api-documenter/node_modules/@microsoft/api-extractor-model": {
       "version": "7.33.4",
       "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.4.tgz",
       "integrity": "sha512-u1LTaNTikZAQ9uK6KG1Ms7nvNedsnODnspq/gH2dcyETWvH4hVNGNDvRAEutH66kAmxA4/necElqGNs1FggC8w==",
@@ -1648,23 +1494,10 @@
         "@rushstack/node-core-library": "5.20.3"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/@microsoft/api-extractor-model": {
-      "version": "7.33.5",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.5.tgz",
-      "integrity": "sha512-Xh4dXuusndVQqVz4nEN9xOp0DyzsKxeD2FFJkSPg4arAjDSKPcy6cAc7CaeBPA7kF2wV1fuDlo2p/bNMpVr8yg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@microsoft/tsdoc": "~0.16.0",
-        "@microsoft/tsdoc-config": "~0.18.1",
-        "@rushstack/node-core-library": "5.21.0"
-      }
-    },
-    "node_modules/@microsoft/api-extractor/node_modules/@rushstack/node-core-library": {
-      "version": "5.21.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.21.0.tgz",
-      "integrity": "sha512-LFzN+1lyWROit/P8Md6yxAth7lLYKn37oCKJHirEE2TQB25NDUM7bALf0ar+JAtwFfRCH+D+DGOA7DAzIi2r+g==",
-      "dev": true,
+    "node_modules/@microsoft/api-documenter/node_modules/@rushstack/node-core-library": {
+      "version": "5.20.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.20.3.tgz",
+      "integrity": "sha512-95JgEPq2k7tHxhF9/OJnnyHDXfC9cLhhta0An/6MlkDsX2A6dTzDrTUG18vx4vjc280V0fi0xDH9iQczpSuWsw==",
       "license": "MIT",
       "dependencies": {
         "ajv": "~8.18.0",
@@ -1685,14 +1518,13 @@
         }
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/@rushstack/terminal": {
-      "version": "0.22.4",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.4.tgz",
-      "integrity": "sha512-fhtLjnXCc/4WleVbVl6aoc7jcWnU6yqjS1S8WoaNREG3ycu/viZ9R/9QM7Y/b4CDvcXoiDyMNIay7JMwBptM3g==",
-      "dev": true,
+    "node_modules/@microsoft/api-documenter/node_modules/@rushstack/terminal": {
+      "version": "0.22.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.3.tgz",
+      "integrity": "sha512-gHC9pIMrUPzAbBiI4VZMU7Q+rsCzb8hJl36lFIulIzoceKotyKL3Rd76AZ2CryCTKEg+0bnTj406HE5YY5OQvw==",
       "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.21.0",
+        "@rushstack/node-core-library": "5.20.3",
         "@rushstack/problem-matcher": "0.2.1",
         "supports-color": "~8.1.1"
       },
@@ -1705,80 +1537,54 @@
         }
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/@rushstack/ts-command-line": {
-      "version": "5.3.4",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.4.tgz",
-      "integrity": "sha512-MLkVKVEN6/2clKTrjN2B2KqKCuPxRwnNsWY7a+FCAq2EMdkj10cM8YgiBSMeGFfzM0mDMzargpHNnNzaBi9Whg==",
-      "dev": true,
+    "node_modules/@microsoft/api-documenter/node_modules/@rushstack/ts-command-line": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.3.tgz",
+      "integrity": "sha512-c+ltdcvC7ym+10lhwR/vWiOhsrm/bP3By2VsFcs5qTKv+6tTmxgbVrtJ5NdNjANiV5TcmOZgUN+5KYQ4llsvEw==",
       "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.22.4",
+        "@rushstack/terminal": "0.22.3",
         "@types/argparse": "1.0.38",
         "argparse": "~1.0.9",
         "string-argv": "~0.3.1"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/balanced-match": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
-      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
-    },
-    "node_modules/@microsoft/api-extractor/node_modules/brace-expansion": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
-      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+    "node_modules/@microsoft/api-extractor": {
+      "version": "7.58.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.58.1.tgz",
+      "integrity": "sha512-kF3GFME4lN22O5zbnXk2RP4y/4PDQdps0xKiYTipMYprkwCmmpsWLZt/N2Fkbil540cSLfJX0BW7LkHzgMVUYg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^4.0.2"
-      },
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
-    },
-    "node_modules/@microsoft/api-extractor/node_modules/minimatch": {
-      "version": "10.2.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.3.tgz",
-      "integrity": "sha512-Rwi3pnapEqirPSbWbrZaa6N3nmqq4Xer/2XooiOKyV3q12ML06f7MOuc5DVH8ONZIFhwIYQ3yzPH4nt7iWHaTg==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "brace-expansion": "^5.0.2"
-      },
-      "engines": {
-        "node": "18 || 20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@microsoft/api-extractor/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
+        "@microsoft/api-extractor-model": "7.33.5",
+        "@microsoft/tsdoc": "~0.16.0",
+        "@microsoft/tsdoc-config": "~0.18.1",
+        "@rushstack/node-core-library": "5.21.0",
+        "@rushstack/rig-package": "0.7.2",
+        "@rushstack/terminal": "0.22.4",
+        "@rushstack/ts-command-line": "5.3.4",
+        "diff": "~8.0.2",
+        "lodash": "~4.18.1",
+        "minimatch": "10.2.3",
+        "resolve": "~1.22.1",
+        "semver": "~7.5.4",
+        "source-map": "~0.6.1",
+        "typescript": "5.9.3"
       },
       "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
+        "api-extractor": "bin/api-extractor"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+    "node_modules/@microsoft/api-extractor-model": {
+      "version": "7.33.5",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.5.tgz",
+      "integrity": "sha512-Xh4dXuusndVQqVz4nEN9xOp0DyzsKxeD2FFJkSPg4arAjDSKPcy6cAc7CaeBPA7kF2wV1fuDlo2p/bNMpVr8yg==",
       "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/tsdoc": "~0.16.0",
+        "@microsoft/tsdoc-config": "~0.18.1",
+        "@rushstack/node-core-library": "5.21.0"
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/typescript": {
@@ -1807,6 +1613,10 @@
       "resolved": "build",
       "link": true
     },
+    "node_modules/@microsoft/fast-chat-app-example": {
+      "resolved": "examples/ssr/chat-app",
+      "link": true
+    },
     "node_modules/@microsoft/fast-element": {
       "resolved": "packages/fast-element",
       "link": true
@@ -1839,6 +1649,10 @@
       "resolved": "examples/csr/todo-mobx-app",
       "link": true
     },
+    "node_modules/@microsoft/fast-webui-todo-app-example": {
+      "resolved": "examples/ssr/webui-todo-app",
+      "link": true
+    },
     "node_modules/@microsoft/tsdoc": {
       "version": "0.16.0",
       "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.16.0.tgz",
@@ -1879,7 +1693,7 @@
         "@microsoft/webui-win32-x64": "0.0.12"
       }
     },
-    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-darwin-arm64": {
+    "node_modules/@microsoft/webui-darwin-arm64": {
       "version": "0.0.12",
       "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-arm64/-/webui-darwin-arm64-0.0.12.tgz",
       "integrity": "sha512-J3e23Zz4q7Ni0xDTvkPWtPl9Pzfi6wdgZtLtRYG+HitvF8UryorJPxqddrX/WsrQJzwDxbjcqq8AKUpXJTobCQ==",
@@ -1893,7 +1707,7 @@
         "darwin"
       ]
     },
-    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-darwin-x64": {
+    "node_modules/@microsoft/webui-darwin-x64": {
       "version": "0.0.12",
       "resolved": "https://registry.npmjs.org/@microsoft/webui-darwin-x64/-/webui-darwin-x64-0.0.12.tgz",
       "integrity": "sha512-ZaCDeTftdT0Q8yUNMymXbK6qmRuhYVl8Ajo9DCfdJwTbwinSv5mpqkovNWJtpTP2Hao6hXDr3Dk1FkSdQ2dUBQ==",
@@ -1907,7 +1721,7 @@
         "darwin"
       ]
     },
-    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-linux-arm64": {
+    "node_modules/@microsoft/webui-linux-arm64": {
       "version": "0.0.12",
       "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-arm64/-/webui-linux-arm64-0.0.12.tgz",
       "integrity": "sha512-rwlcXJts89pfIyle/boZJQ8/wEAriqOP3uB+qmr02ST77hhpkczUktQMJ97If98B6v3BSZa0cregz2FTSBJv4g==",
@@ -1921,7 +1735,7 @@
         "linux"
       ]
     },
-    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-linux-x64": {
+    "node_modules/@microsoft/webui-linux-x64": {
       "version": "0.0.12",
       "resolved": "https://registry.npmjs.org/@microsoft/webui-linux-x64/-/webui-linux-x64-0.0.12.tgz",
       "integrity": "sha512-f+Q9Jgv/fmlLCJWPKEdXkxOScRc3dBLOVCN2GVYQ6UP5wXte3SL8eWYenO5XxhWOpIrlgu+E77e9RPr3K41KIA==",
@@ -1935,7 +1749,7 @@
         "linux"
       ]
     },
-    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-win32-arm64": {
+    "node_modules/@microsoft/webui-win32-arm64": {
       "version": "0.0.12",
       "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-arm64/-/webui-win32-arm64-0.0.12.tgz",
       "integrity": "sha512-gHGHvsQQO5zoG5ZbkoFxTCKjItsZOvQ+xYJEmWgy2v+BpxQSJspgrqrIdEpCdQUzSoTHPDt6dVE+vvPhOPg1Pw==",
@@ -1949,7 +1763,7 @@
         "win32"
       ]
     },
-    "node_modules/@microsoft/webui/node_modules/@microsoft/webui-win32-x64": {
+    "node_modules/@microsoft/webui-win32-x64": {
       "version": "0.0.12",
       "resolved": "https://registry.npmjs.org/@microsoft/webui-win32-x64/-/webui-win32-x64-0.0.12.tgz",
       "integrity": "sha512-NpywUTlAwztpq3zrIAwDrX/Rxkty47/zOaBzhUa7UxpOpoKzaPeWRVO17dbP3Wp3uYbQvdTV//KLh6xnq4WseA==",
@@ -1968,6 +1782,7 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -1981,6 +1796,7 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -1990,6 +1806,7 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -2089,14 +1906,15 @@
       }
     },
     "node_modules/@rollup/pluginutils": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
-      "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
+      "integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "estree-walker": "^2.0.2",
-        "picomatch": "^2.3.1"
+        "picomatch": "^4.0.2"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -2436,9 +2254,10 @@
       ]
     },
     "node_modules/@rushstack/node-core-library": {
-      "version": "5.20.3",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.20.3.tgz",
-      "integrity": "sha512-95JgEPq2k7tHxhF9/OJnnyHDXfC9cLhhta0An/6MlkDsX2A6dTzDrTUG18vx4vjc280V0fi0xDH9iQczpSuWsw==",
+      "version": "5.21.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.21.0.tgz",
+      "integrity": "sha512-LFzN+1lyWROit/P8Md6yxAth7lLYKn37oCKJHirEE2TQB25NDUM7bALf0ar+JAtwFfRCH+D+DGOA7DAzIi2r+g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ajv": "~8.18.0",
@@ -2459,21 +2278,6 @@
         }
       }
     },
-    "node_modules/@rushstack/node-core-library/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "license": "ISC",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@rushstack/problem-matcher": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/@rushstack/problem-matcher/-/problem-matcher-0.2.1.tgz",
@@ -2500,12 +2304,13 @@
       }
     },
     "node_modules/@rushstack/terminal": {
-      "version": "0.22.3",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.3.tgz",
-      "integrity": "sha512-gHC9pIMrUPzAbBiI4VZMU7Q+rsCzb8hJl36lFIulIzoceKotyKL3Rd76AZ2CryCTKEg+0bnTj406HE5YY5OQvw==",
+      "version": "0.22.4",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.4.tgz",
+      "integrity": "sha512-fhtLjnXCc/4WleVbVl6aoc7jcWnU6yqjS1S8WoaNREG3ycu/viZ9R/9QM7Y/b4CDvcXoiDyMNIay7JMwBptM3g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.20.3",
+        "@rushstack/node-core-library": "5.21.0",
         "@rushstack/problem-matcher": "0.2.1",
         "supports-color": "~8.1.1"
       },
@@ -2519,12 +2324,13 @@
       }
     },
     "node_modules/@rushstack/ts-command-line": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.3.tgz",
-      "integrity": "sha512-c+ltdcvC7ym+10lhwR/vWiOhsrm/bP3By2VsFcs5qTKv+6tTmxgbVrtJ5NdNjANiV5TcmOZgUN+5KYQ4llsvEw==",
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.4.tgz",
+      "integrity": "sha512-MLkVKVEN6/2clKTrjN2B2KqKCuPxRwnNsWY7a+FCAq2EMdkj10cM8YgiBSMeGFfzM0mDMzargpHNnNzaBi9Whg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.22.3",
+        "@rushstack/terminal": "0.22.4",
         "@types/argparse": "1.0.38",
         "argparse": "~1.0.9",
         "string-argv": "~0.3.1"
@@ -2546,18 +2352,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@sindresorhus/slugify/node_modules/escape-string-regexp": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
-      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@sindresorhus/transliterate": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/transliterate/-/transliterate-1.6.0.tgz",
@@ -2573,27 +2367,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@sindresorhus/transliterate/node_modules/escape-string-regexp": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
-      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@types/argparse": {
       "version": "1.0.38",
       "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
-      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA=="
+      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
+      "license": "MIT"
     },
     "node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/node": {
@@ -2617,7 +2401,8 @@
       "version": "1.20.2",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
       "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@typescript/native-preview": {
       "version": "7.0.0-dev.20260421.2",
@@ -2749,19 +2534,6 @@
         "node": ">=10.0.0"
       }
     },
-    "node_modules/@web/config-loader/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@yarnpkg/lockfile": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
@@ -2776,9 +2548,9 @@
       "license": "MIT"
     },
     "node_modules/acorn": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -2787,6 +2559,18 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/acorn-walk": {
+      "version": "8.3.5",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.5.tgz",
+      "integrity": "sha512-HEHNfbars9v4pgpW6SO1KSPkfoS0xVOM/9UzkJltjlsHZmJasxg8aXkuZa7SMf8vKGIBhpUsPluQSqhJFCqebw==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.11.0"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/ajv": {
       "version": "8.18.0",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
@@ -2807,6 +2591,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz",
       "integrity": "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==",
+      "license": "MIT",
       "peerDependencies": {
         "ajv": "^8.5.0"
       },
@@ -2820,6 +2605,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
       "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
+      "license": "MIT",
       "dependencies": {
         "ajv": "^8.0.0"
       },
@@ -2832,6 +2618,16 @@
         }
       }
     },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -2852,6 +2648,7 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "license": "ISC",
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -2860,30 +2657,35 @@
         "node": ">= 8"
       }
     },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/argparse": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "license": "MIT",
       "dependencies": {
         "sprintf-js": "~1.0.2"
       }
     },
     "node_modules/array-back": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/array-back/-/array-back-6.2.2.tgz",
-      "integrity": "sha512-gUAZ7HPyb4SJczXAMUXMGAvI976JoK3qEx9v1FTmeYuJj0IBiaKttG1ydtGKdkfqWkIkouke7nG8ufGy77+Cvw==",
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/array-back/-/array-back-6.2.3.tgz",
+      "integrity": "sha512-SGDvmg6QTYiTxCBkYVmThcoa67uLl35pyzRHdpCGBOcqFy6BtwnphoFPk7LhJshD+Yk1Kt35WGWeZPTgwR4Fhw==",
       "dev": true,
-      "engines": {
-        "node": ">=12.17"
-      }
-    },
-    "node_modules/array-differ": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-1.0.0.tgz",
-      "integrity": "sha512-LeZY+DZDRnvP7eMuQ6LHfCzUGxAAIViUBliK24P3hWXL6y4SortgR6Nim6xrkfSLlmH0+k+9NYNwVC2s53ZrYQ==",
       "license": "MIT",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=12.17"
       }
     },
     "node_modules/array-union": {
@@ -2891,26 +2693,9 @@
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
       "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
       "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/array-uniq": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
-      "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/arrify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
-      "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==",
       "license": "MIT",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
       }
     },
     "node_modules/asap": {
@@ -2920,9 +2705,14 @@
       "license": "MIT"
     },
     "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
     },
     "node_modules/bcp-47": {
       "version": "2.1.0",
@@ -2988,49 +2778,42 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/beachball/node_modules/cosmiconfig": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
-      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
+    "node_modules/beachball/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/beachball/node_modules/brace-expansion": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
+      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "env-paths": "^2.2.1",
-        "import-fresh": "^3.3.0",
-        "js-yaml": "^4.1.0",
-        "parse-json": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/d-fischer"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.9.5"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
-    "node_modules/beachball/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+    "node_modules/beachball/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": ">=10"
+        "node": "*"
       }
     },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -3041,22 +2824,27 @@
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "license": "ISC"
     },
     "node_modules/brace-expansion": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.13.tgz",
-      "integrity": "sha512-9ZLprWS6EENmhEOpjCYW2c8VkmOvckIJZfkr7rBW6dObmfgJ/L1GpSYW5Hpo9lDz4D1+n0Ckz8rU7FwHDQiG/w==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
       }
     },
     "node_modules/braces": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
       },
@@ -3068,13 +2856,15 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "devOptional": true
+      "devOptional": true,
+      "license": "MIT"
     },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -3151,65 +2941,11 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
-    "node_modules/cheerio/node_modules/entities": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
-      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/cheerio/node_modules/htmlparser2": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.1.0.tgz",
-      "integrity": "sha512-VTZkM9GWRAtEpveh7MSF6SjjrpNVNNVJfFup7xTY3UpFtm67foy9HDVXneLtFVt4pMz5kZtgNcvCniNFb1hlEQ==",
-      "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.2.2",
-        "entities": "^7.0.1"
-      }
-    },
-    "node_modules/cheerio/node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
-      "license": "MIT",
-      "dependencies": {
-        "entities": "^6.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
-    "node_modules/cheerio/node_modules/parse5/node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "license": "MIT",
       "dependencies": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -3229,17 +2965,6 @@
         "fsevents": "~2.3.2"
       }
     },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/cliui": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
@@ -3255,87 +2980,47 @@
         "node": ">=12"
       }
     },
-    "node_modules/cliui/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
       "engines": {
-        "node": ">=8"
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/cliui/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cliui/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cliui/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cliui/node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
+      "license": "MIT"
     },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+    "node_modules/command-line-args": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/command-line-args/-/command-line-args-5.1.2.tgz",
+      "integrity": "sha512-fytTsbndLbl+pPWtS0CxLV3BEWw9wJayB8NnU2cbQqVPsNdYezQeT+uIQv009m+GShnMNyuoBrRo8DTmuTfSCA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "color-name": "~1.1.4"
+        "array-back": "^6.1.2",
+        "find-replace": "^3.0.0",
+        "lodash.camelcase": "^4.3.0",
+        "typical": "^4.0.0"
       },
       "engines": {
-        "node": ">=7.0.0"
+        "node": ">=4.0.0"
       }
     },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/comment-parser": {
@@ -3351,7 +3036,8 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "license": "MIT"
     },
     "node_modules/concurrently": {
       "version": "9.2.1",
@@ -3378,6 +3064,33 @@
         "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
       }
     },
+    "node_modules/cosmiconfig": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.1.tgz",
+      "integrity": "sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -3393,25 +3106,11 @@
         "node": ">= 8"
       }
     },
-    "node_modules/cross-spawn/node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/css-select": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
-      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
+      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "license": "BSD-2-Clause",
       "dependencies": {
         "boolbase": "^1.0.0",
         "css-what": "^6.1.0",
@@ -3424,9 +3123,10 @@
       }
     },
     "node_modules/css-what": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
-      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">= 6"
       },
@@ -3445,15 +3145,24 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz",
       "integrity": "sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
       "license": "MIT",
       "dependencies": {
-        "ms": "2.0.0"
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
       }
     },
     "node_modules/deepmerge": {
@@ -3461,6 +3170,7 @@
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
       "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3469,6 +3179,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -3493,9 +3204,9 @@
       }
     },
     "node_modules/diff": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.3.tgz",
-      "integrity": "sha512-qejHi7bcSD4hQAZE0tNAawRK1ZtafHDmMTMkrrIGgSLl7hTnQHmKCeB45xAcbfTqK2zowkM3j3bHt/4b/ARbYQ==",
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.4.tgz",
+      "integrity": "sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==",
       "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
@@ -3507,6 +3218,7 @@
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
       "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "path-type": "^4.0.0"
       },
@@ -3518,6 +3230,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
       "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "license": "MIT",
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.2",
@@ -3527,6 +3240,18 @@
         "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
       }
     },
+    "node_modules/dom-serializer/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/domelementtype": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
@@ -3536,12 +3261,14 @@
           "type": "github",
           "url": "https://github.com/sponsors/fb55"
         }
-      ]
+      ],
+      "license": "BSD-2-Clause"
     },
     "node_modules/domhandler": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
       "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "license": "BSD-2-Clause",
       "dependencies": {
         "domelementtype": "^2.3.0"
       },
@@ -3569,7 +3296,24 @@
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
     },
     "node_modules/encoding-sniffer": {
       "version": "0.2.1",
@@ -3584,22 +3328,10 @@
         "url": "https://github.com/fb55/encoding-sniffer?sponsor=1"
       }
     },
-    "node_modules/encoding-sniffer/node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -3631,18 +3363,36 @@
       }
     },
     "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-arrayish": "^0.2.1"
       }
     },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
+      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/esbuild": {
-      "version": "0.27.7",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
-      "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==",
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "bin": {
@@ -3652,32 +3402,32 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.27.7",
-        "@esbuild/android-arm": "0.27.7",
-        "@esbuild/android-arm64": "0.27.7",
-        "@esbuild/android-x64": "0.27.7",
-        "@esbuild/darwin-arm64": "0.27.7",
-        "@esbuild/darwin-x64": "0.27.7",
-        "@esbuild/freebsd-arm64": "0.27.7",
-        "@esbuild/freebsd-x64": "0.27.7",
-        "@esbuild/linux-arm": "0.27.7",
-        "@esbuild/linux-arm64": "0.27.7",
-        "@esbuild/linux-ia32": "0.27.7",
-        "@esbuild/linux-loong64": "0.27.7",
-        "@esbuild/linux-mips64el": "0.27.7",
-        "@esbuild/linux-ppc64": "0.27.7",
-        "@esbuild/linux-riscv64": "0.27.7",
-        "@esbuild/linux-s390x": "0.27.7",
-        "@esbuild/linux-x64": "0.27.7",
-        "@esbuild/netbsd-arm64": "0.27.7",
-        "@esbuild/netbsd-x64": "0.27.7",
-        "@esbuild/openbsd-arm64": "0.27.7",
-        "@esbuild/openbsd-x64": "0.27.7",
-        "@esbuild/openharmony-arm64": "0.27.7",
-        "@esbuild/sunos-x64": "0.27.7",
-        "@esbuild/win32-arm64": "0.27.7",
-        "@esbuild/win32-ia32": "0.27.7",
-        "@esbuild/win32-x64": "0.27.7"
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
       }
     },
     "node_modules/escalade": {
@@ -3693,7 +3443,20 @@
     "node_modules/escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
     },
     "node_modules/esm-import-transformer": {
       "version": "3.0.5",
@@ -3721,7 +3484,8 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/etag": {
       "version": "1.8.1",
@@ -3746,6 +3510,7 @@
       "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
       "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "cross-spawn": "^7.0.3",
         "get-stream": "^6.0.0",
@@ -3779,36 +3544,26 @@
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
     },
     "node_modules/fast-glob": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
         "glob-parent": "^5.1.2",
         "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
+        "micromatch": "^4.0.8"
       },
       "engines": {
         "node": ">=8.6.0"
       }
     },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/fast-uri": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
@@ -3826,18 +3581,46 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/fastq": {
-      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
       }
     },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/filesize": {
+      "version": "10.1.6",
+      "resolved": "https://registry.npmjs.org/filesize/-/filesize-10.1.6.tgz",
+      "integrity": "sha512-sJslQKU2uM33qH5nqewAwVB2QgR6w1aMNsYUp3aN5rMRyXEwJGmZvaWzeJFNTOXWlHQyBFCWrdj3fV/fsTOX8w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 10.4.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -3846,37 +3629,44 @@
       }
     },
     "node_modules/finalhandler": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
-      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
       "license": "MIT",
       "dependencies": {
         "debug": "2.6.9",
         "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
-        "on-finished": "2.4.1",
+        "on-finished": "~2.4.1",
         "parseurl": "~1.3.3",
-        "statuses": "2.0.1",
+        "statuses": "~2.0.2",
         "unpipe": "~1.0.0"
       },
       "engines": {
         "node": ">= 0.8"
       }
     },
-    "node_modules/finalhandler/node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
+      "dependencies": {
+        "ms": "2.0.0"
       }
     },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
     "node_modules/find-replace": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/find-replace/-/find-replace-3.0.0.tgz",
       "integrity": "sha512-6Tb2myMioCAgv5kfvP5/PkZZ/ntTpVK39fHY7WkWBgvbeE+VHd/tZuZ4mrC+bxh4cfOZeYKVPaJIZtZXV7GNCQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "array-back": "^3.0.1"
       },
@@ -3889,14 +3679,24 @@
       "resolved": "https://registry.npmjs.org/array-back/-/array-back-3.1.0.tgz",
       "integrity": "sha512-TkuxA4UCOvxuDK6NZYXCalszEzj+TLszyASooky+i742l9TqsOdYCMJJupxRic61hwquNtppB3hgcuq9SVSH1Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
+    "node_modules/fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
+      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/fs-extra": {
-      "version": "11.3.4",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.4.tgz",
-      "integrity": "sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==",
+      "version": "11.3.5",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.5.tgz",
+      "integrity": "sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==",
       "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -3912,6 +3712,7 @@
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
       "hasInstallScript": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -3924,6 +3725,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -3933,6 +3735,7 @@
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
       "dev": true,
+      "license": "ISC",
       "engines": {
         "node": "6.* || 8.* || >= 10.*"
       }
@@ -3942,6 +3745,7 @@
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
       "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -3950,9 +3754,9 @@
       }
     },
     "node_modules/get-tsconfig": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
-      "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.14.0.tgz",
+      "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4085,11 +3889,24 @@
         "node": ">= 10"
       }
     },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/globby": {
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
       "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
@@ -4108,7 +3925,8 @@
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
     },
     "node_modules/gray-matter": {
       "version": "4.0.3",
@@ -4142,14 +3960,16 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
       },
@@ -4162,14 +3982,15 @@
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "he": "bin/he"
       }
     },
     "node_modules/htmlparser2": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.2.0.tgz",
-      "integrity": "sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.1.0.tgz",
+      "integrity": "sha512-VTZkM9GWRAtEpveh7MSF6SjjrpNVNNVJfFup7xTY3UpFtm67foy9HDVXneLtFVt4pMz5kZtgNcvCniNFb1hlEQ==",
       "funding": [
         "https://github.com/fb55/htmlparser2?sponsor=1",
         {
@@ -4179,68 +4000,16 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.2.2",
-        "domutils": "^2.8.0",
-        "entities": "^3.0.1"
-      }
-    },
-    "node_modules/htmlparser2/node_modules/dom-serializer": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
-      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
-      "license": "MIT",
-      "dependencies": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.2.0",
-        "entities": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-      }
-    },
-    "node_modules/htmlparser2/node_modules/dom-serializer/node_modules/entities": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "license": "BSD-2-Clause",
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/htmlparser2/node_modules/domhandler": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
-      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "domelementtype": "^2.2.0"
-      },
-      "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
-      }
-    },
-    "node_modules/htmlparser2/node_modules/domutils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
-      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "dom-serializer": "^1.0.1",
-        "domelementtype": "^2.2.0",
-        "domhandler": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.2",
+        "entities": "^7.0.1"
       }
     },
     "node_modules/htmlparser2/node_modules/entities": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
-      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -4258,29 +4027,64 @@
         "node": ">= 6"
       }
     },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/human-signals": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
       "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": ">=10.17.0"
       }
     },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ignore": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
-      "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 4"
       }
     },
     "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -4296,6 +4100,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
       "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -4303,7 +4108,8 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
     },
     "node_modules/is-alphabetical": {
       "version": "2.0.1",
@@ -4333,12 +4139,14 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "license": "MIT",
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -4347,11 +4155,12 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.14.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.14.0.tgz",
-      "integrity": "sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==",
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
+      "license": "MIT",
       "dependencies": {
-        "hasown": "^2.0.2"
+        "hasown": "^2.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4383,6 +4192,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4392,6 +4202,7 @@
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -4400,6 +4211,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -4417,12 +4229,14 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
       "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
       }
@@ -4442,6 +4256,7 @@
       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
       "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -4453,7 +4268,8 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/iso-639-1": {
       "version": "3.1.5",
@@ -4467,13 +4283,15 @@
     "node_modules/jju": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
-      "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA=="
+      "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
+      "license": "MIT"
     },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/js-yaml": {
       "version": "4.1.1",
@@ -4490,23 +4308,26 @@
     "node_modules/js-yaml/node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
     },
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/json-schema-traverse": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
     },
     "node_modules/jsonfile": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
-      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
+      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
       "license": "MIT",
       "dependencies": {
         "universalify": "^2.0.0"
@@ -4528,6 +4349,7 @@
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
       "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4537,6 +4359,7 @@
       "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
       "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -4727,12 +4550,23 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/linkify-it": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
-      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.1.tgz",
+      "integrity": "sha512-wVoTjP4Q6R0NW5hiZkVJaFZPWgtXfoGF+6LucL3/FtiNjmcHhYjEr5f1Kqjirc1nBW07J/ZuRFumqr2oqccEWg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/markdown-it"
+        }
+      ],
       "license": "MIT",
       "dependencies": {
         "uc.micro": "^2.0.0"
@@ -4784,7 +4618,8 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
       "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/lru-cache": {
       "version": "6.0.0",
@@ -4808,14 +4643,24 @@
       }
     },
     "node_modules/markdown-it": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.1.tgz",
-      "integrity": "sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==",
+      "version": "14.2.0",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.2.0.tgz",
+      "integrity": "sha512-1TGiQiJVRQ3NPmZH6sx5Cfnmg6GQm9jvC1ch4TK511NjSJvjzKLzn5pPfZRNZkRPZP0HqCioSndqH8v2nRaWVQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/markdown-it"
+        }
+      ],
       "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1",
         "entities": "^4.4.0",
-        "linkify-it": "^5.0.0",
+        "linkify-it": "^5.0.1",
         "mdurl": "^2.0.0",
         "punycode.js": "^2.3.1",
         "uc.micro": "^2.1.0"
@@ -4830,31 +4675,16 @@
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
       "license": "Python-2.0"
     },
-    "node_modules/maximatch": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/maximatch/-/maximatch-0.1.0.tgz",
-      "integrity": "sha512-9ORVtDUFk4u/NFfo0vG/ND/z7UQCVZBL539YW0+U1I7H1BkZwizcPx5foFv7LCPcBnm2U6RjFnQOsIvN4/Vm2A==",
-      "license": "MIT",
-      "dependencies": {
-        "array-differ": "^1.0.0",
-        "array-union": "^1.0.1",
-        "arrify": "^1.0.0",
-        "minimatch": "^3.0.0"
-      },
+    "node_modules/markdown-it/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/maximatch/node_modules/array-union": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
-      "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
-      "license": "MIT",
-      "dependencies": {
-        "array-uniq": "^1.0.1"
+        "node": ">=0.12"
       },
-      "engines": {
-        "node": ">=0.10.0"
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
     "node_modules/mdurl": {
@@ -4867,13 +4697,15 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -4892,54 +4724,111 @@
         "node": ">=8.6"
       }
     },
-    "node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/mime": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
+      "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
+      "integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
-      "license": "ISC",
+      "version": "10.2.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.3.tgz",
+      "integrity": "sha512-Rwi3pnapEqirPSbWbrZaa6N3nmqq4Xer/2XooiOKyV3q12ML06f7MOuc5DVH8ONZIFhwIYQ3yzPH4nt7iWHaTg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "brace-expansion": "^5.0.2"
       },
       "engines": {
-        "node": "*"
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/minimist": {
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/minimist-lite": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/minimist-lite/-/minimist-lite-2.2.1.tgz",
-      "integrity": "sha512-RSrWIRWGYoM2TDe102s7aIyeSipXMIXKb1fSHYx1tAbxAV0z4g2xR6ra3oPzkTqFb0EIUz1H3A/qvYYeDd+/qQ==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/minimist-lite/-/minimist-lite-2.3.0.tgz",
+      "integrity": "sha512-jYjPvcjtLk4W+qNYAS5xb+PkIVsgLLxOI4iX2OsOAMz778t02Os9q6adaTRYSKf2Hq9xSH/lw2wUw1B2DB/gcQ==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
+      "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
+      "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
     },
     "node_modules/mobx": {
-      "version": "6.15.3",
-      "resolved": "https://registry.npmjs.org/mobx/-/mobx-6.15.3.tgz",
-      "integrity": "sha512-6+ZSYDs5zgH5CdGfEU2q2Lsa5PztVryL1ys7kAImTU25n2A9LAMj/yneVsQpd03MfwMLDQF+7kakJR9Z+cQxSw==",
+      "version": "6.15.4",
+      "resolved": "https://registry.npmjs.org/mobx/-/mobx-6.15.4.tgz",
+      "integrity": "sha512-do+2UsEKRVT70W/QqP2F2sju2x4p2xZo+5/azXqKjXgTk2jfmzsLjzwW0YI8CBEjy4ZUdU8EunXocXXwJdCrtw==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
@@ -4959,9 +4848,9 @@
       "license": "MIT"
     },
     "node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "license": "MIT"
     },
     "node_modules/nanoid": {
@@ -5004,22 +4893,11 @@
         "esm-import-transformer": "^3.0.3"
       }
     },
-    "node_modules/node-retrieve-globals/node_modules/acorn-walk": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
-      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
-      "license": "MIT",
-      "dependencies": {
-        "acorn": "^8.11.0"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5029,6 +4907,7 @@
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
       "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.0.0"
       },
@@ -5040,6 +4919,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
       "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "license": "BSD-2-Clause",
       "dependencies": {
         "boolbase": "^1.0.0"
       },
@@ -5085,6 +4965,7 @@
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
       "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
       "dependencies": {
         "ee-first": "1.1.1"
       },
@@ -5097,6 +4978,7 @@
       "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
       "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "mimic-fn": "^2.1.0"
       },
@@ -5108,9 +4990,9 @@
       }
     },
     "node_modules/p-graph": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/p-graph/-/p-graph-1.1.2.tgz",
-      "integrity": "sha512-GnEEHrOMozk0hCjXBm011oYb3zpaOolxHgqL2s7Od2niGAJKyk/4FZ2VRUAgjqqqoQnZQtwkF6fjGDJkIQTjDQ==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/p-graph/-/p-graph-1.3.0.tgz",
+      "integrity": "sha512-QL8xXlJl/oWWbzQK0de3KMFDzCXF8SQ2medloXxRFI1GUjNFBHiOtNv7X1azGBzF1SolIhm+gZ5XshBo6+3sdw==",
       "dev": true,
       "license": "MIT"
     },
@@ -5119,6 +5001,7 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -5134,6 +5017,7 @@
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -5146,6 +5030,7 @@
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
       "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -5189,32 +5074,7 @@
         "node": ">=14.13.0"
       }
     },
-    "node_modules/parse5-htmlparser2-tree-adapter": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
-      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
-      "license": "MIT",
-      "dependencies": {
-        "domhandler": "^5.0.3",
-        "parse5": "^7.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
-    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/parse5": {
+    "node_modules/parse5": {
       "version": "7.3.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
       "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
@@ -5226,37 +5086,26 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/parse5-parser-stream": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
-      "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
+    "node_modules/parse5-htmlparser2-tree-adapter": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
+      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
       "license": "MIT",
       "dependencies": {
+        "domhandler": "^5.0.3",
         "parse5": "^7.0.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/parse5-parser-stream/node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/parse5-parser-stream/node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+    "node_modules/parse5-parser-stream": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
+      "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
       "license": "MIT",
       "dependencies": {
-        "entities": "^6.0.0"
+        "parse5": "^7.0.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
@@ -5266,6 +5115,7 @@
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
       "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -5275,6 +5125,7 @@
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -5282,13 +5133,15 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
     },
     "node_modules/path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -5300,12 +5153,12 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "license": "MIT",
       "engines": {
-        "node": ">=8.6"
+        "node": ">=12"
       },
       "funding": {
         "url": "https://github.com/sponsors/jonschlinkert"
@@ -5359,6 +5212,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz",
       "integrity": "sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==",
+      "license": "MIT",
       "dependencies": {
         "semver-compare": "^1.0.0"
       }
@@ -5428,6 +5282,89 @@
         "node": ">=12"
       }
     },
+    "node_modules/posthtml-parser/node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/posthtml-parser/node_modules/dom-serializer/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "license": "BSD-2-Clause",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/posthtml-parser/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/posthtml-parser/node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/posthtml-parser/node_modules/entities": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
+      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/posthtml-parser/node_modules/htmlparser2": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.2.0.tgz",
+      "integrity": "sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.2",
+        "domutils": "^2.8.0",
+        "entities": "^3.0.1"
+      }
+    },
     "node_modules/posthtml-render": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/posthtml-render/-/posthtml-render-3.0.0.tgz",
@@ -5454,6 +5391,7 @@
       "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
       "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "kleur": "^3.0.3",
         "sisteransi": "^1.0.5"
@@ -5502,12 +5440,14 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/range-parser": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
       "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -5516,6 +5456,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "license": "MIT",
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -5523,11 +5464,24 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/readdirp/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
       "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5536,24 +5490,30 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "license": "MIT",
       "dependencies": {
-        "is-core-module": "^2.13.0",
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
       "bin": {
         "resolve": "bin/resolve"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/resolve-from": {
@@ -5561,6 +5521,7 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -5599,10 +5560,11 @@
       }
     },
     "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -5652,6 +5614,12 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/rollup/node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "license": "MIT"
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -5671,6 +5639,7 @@
           "url": "https://feross.org/support"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "queue-microtask": "^1.2.2"
       }
@@ -5688,7 +5657,8 @@
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
     },
     "node_modules/section-matter": {
       "version": "1.0.0",
@@ -5703,10 +5673,52 @@
         "node": ">=4"
       }
     },
+    "node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/semver-compare": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
-      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow=="
+      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
+      "license": "MIT"
+    },
+    "node_modules/send": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
+      "integrity": "sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.3",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.1",
+        "mime-types": "^3.0.2",
+        "ms": "^2.1.3",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "statuses": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
     },
     "node_modules/serialize-javascript": {
       "version": "7.0.5",
@@ -5721,13 +5733,15 @@
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
     },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -5740,6 +5754,7 @@
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -5761,36 +5776,53 @@
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/sisteransi": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
       "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/slugify": {
-      "version": "1.6.6",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.6.tgz",
-      "integrity": "sha512-h+z7HKHYXj6wJU+AnS/+IH8Uh9fdcX1Lrhg1/VMdf9PwoBQXFcXiAdsy2tSK0P6gKwJLXp02r90ahUCqHk9rrw==",
+      "version": "1.6.9",
+      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.9.tgz",
+      "integrity": "sha512-vZ7rfeehZui7wQs438JXBckYLkIIdfHOXsaVEUMyS5fHo1483l1bMdo0EDSWYclY0yZKFOipDy4KHuKs6ssvdg==",
       "license": "MIT",
       "engines": {
         "node": ">=8.0.0"
       }
     },
     "node_modules/smob": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/smob/-/smob-1.5.0.tgz",
-      "integrity": "sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==",
-      "dev": true
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/smob/-/smob-1.6.2.tgz",
+      "integrity": "sha512-RQsvleCbF8cVHEv+xuDGaA4pOizFqJ0GgjtMSRo6oP8pnN7WsigHgVGey6aILRBKv4W2YOMHLqbKdnB6hpB9fw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "devOptional": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
     },
     "node_modules/source-map-js": {
       "version": "1.2.1",
@@ -5806,29 +5838,35 @@
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
       "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
       "devOptional": true,
+      "license": "MIT",
       "dependencies": {
         "buffer-from": "^1.0.0",
         "source-map": "^0.6.0"
       }
     },
-    "node_modules/source-map-support/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ssri": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-11.0.0.tgz",
+      "integrity": "sha512-aZpUoMN/Jj2MqA4vMCeiKGnc/8SuSyHbGSBdgFbZxP8OJGF/lFkIuElzPxsN0q8TQQ+prw3P4EDfB3TBHHgfXw==",
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.3"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
     },
     "node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -5837,10 +5875,39 @@
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
       "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.6.19"
       }
     },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-bom-string": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
@@ -5855,6 +5922,7 @@
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
       "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -5864,6 +5932,7 @@
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -5875,6 +5944,7 @@
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -5889,6 +5959,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -5897,13 +5968,14 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.31.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.1.tgz",
-      "integrity": "sha512-37upzU1+viGvuFtBo9NPufCb9dwM0+l9hMxYyWfBA+fbwrPqNJAhbZ6W47bBFnZHKHTUBnMvi87434qq+qnxOg==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.48.0.tgz",
+      "integrity": "sha512-J/9An6vs9Us6wKRriSFXBWdRZapREHqFzdNUKk0pmu804EMR6dr6winwo7e5JDxN4xahxQsuysyYFwlwj4XN/Q==",
       "devOptional": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
-        "acorn": "^8.8.2",
+        "acorn": "^8.15.0",
         "commander": "^2.20.0",
         "source-map-support": "~0.5.20"
       },
@@ -5914,20 +5986,14 @@
         "node": ">=10"
       }
     },
-    "node_modules/terser/node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "devOptional": true
-    },
     "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
+        "picomatch": "^4.0.4"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -5936,39 +6002,11 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
-    "node_modules/tinyglobby/node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -5980,6 +6018,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
       "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.6"
       }
@@ -5988,7 +6027,8 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz",
       "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/tree-kill": {
       "version": "1.2.2",
@@ -6001,9 +6041,10 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
-      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ=="
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
     },
     "node_modules/typescript": {
       "version": "5.5.4",
@@ -6031,6 +6072,7 @@
       "resolved": "https://registry.npmjs.org/typical/-/typical-4.0.0.tgz",
       "integrity": "sha512-VAH4IvQ7BDFYglMd7BPRDfLgxZZX4O4TFcRDA6EN5X7erNJJq+McIEp8np9aVtxrCJ6qx4GTYVfOWNjcqwZgRw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -6042,9 +6084,9 @@
       "license": "MIT"
     },
     "node_modules/undici": {
-      "version": "7.25.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-7.25.0.tgz",
-      "integrity": "sha512-xXnp4kTyor2Zq+J1FfPI6Eq3ew5h6Vl0F/8d9XU5zZQf1tX9s2Su1/3PiMmUANFULpmksxkClamIZcaUqryHsQ==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.26.0.tgz",
+      "integrity": "sha512-3O9Tf67pGhgOv9jM35AbhkXAKi13f3oy3aE4CSgr+TckGeY+/iu97ZXN+J7DpHPzLbVApFd1IFhcnBjREYXYcg==",
       "license": "MIT",
       "engines": {
         "node": ">=20.18.1"
@@ -6070,6 +6112,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
       "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -6085,102 +6128,530 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.2.tgz",
       "integrity": "sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==",
       "license": "MIT",
-      "dependencies": {
-        "esbuild": "^0.27.0",
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3",
-        "postcss": "^8.5.6",
-        "rollup": "^4.43.0",
-        "tinyglobby": "^0.2.15"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
+      "dependencies": {
+        "esbuild": "^0.27.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz",
+      "integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.7.tgz",
+      "integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz",
+      "integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.7.tgz",
+      "integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz",
+      "integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz",
+      "integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz",
+      "integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz",
+      "integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz",
+      "integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz",
+      "integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz",
+      "integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz",
+      "integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz",
+      "integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz",
+      "integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz",
+      "integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz",
+      "integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz",
+      "integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz",
+      "integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz",
+      "integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz",
+      "integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz",
+      "integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz",
+      "integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^20.19.0 || >=22.12.0",
-        "jiti": ">=1.21.0",
-        "less": "^4.0.0",
-        "lightningcss": "^1.21.0",
-        "sass": "^1.70.0",
-        "sass-embedded": "^1.70.0",
-        "stylus": ">=0.54.8",
-        "sugarss": "^5.0.0",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "jiti": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
+        "node": ">=18"
       }
     },
-    "node_modules/vite/node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+    "node_modules/vite/node_modules/@esbuild/win32-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz",
+      "integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==",
+      "cpu": [
+        "x64"
+      ],
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
+        "node": ">=18"
       }
     },
-    "node_modules/vite/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+    "node_modules/vite/node_modules/esbuild": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
+      "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==",
+      "hasInstallScript": true,
       "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.7",
+        "@esbuild/android-arm": "0.27.7",
+        "@esbuild/android-arm64": "0.27.7",
+        "@esbuild/android-x64": "0.27.7",
+        "@esbuild/darwin-arm64": "0.27.7",
+        "@esbuild/darwin-x64": "0.27.7",
+        "@esbuild/freebsd-arm64": "0.27.7",
+        "@esbuild/freebsd-x64": "0.27.7",
+        "@esbuild/linux-arm": "0.27.7",
+        "@esbuild/linux-arm64": "0.27.7",
+        "@esbuild/linux-ia32": "0.27.7",
+        "@esbuild/linux-loong64": "0.27.7",
+        "@esbuild/linux-mips64el": "0.27.7",
+        "@esbuild/linux-ppc64": "0.27.7",
+        "@esbuild/linux-riscv64": "0.27.7",
+        "@esbuild/linux-s390x": "0.27.7",
+        "@esbuild/linux-x64": "0.27.7",
+        "@esbuild/netbsd-arm64": "0.27.7",
+        "@esbuild/netbsd-x64": "0.27.7",
+        "@esbuild/openbsd-arm64": "0.27.7",
+        "@esbuild/openbsd-x64": "0.27.7",
+        "@esbuild/openharmony-arm64": "0.27.7",
+        "@esbuild/sunos-x64": "0.27.7",
+        "@esbuild/win32-arm64": "0.27.7",
+        "@esbuild/win32-ia32": "0.27.7",
+        "@esbuild/win32-x64": "0.27.7"
       }
     },
     "node_modules/whatwg-encoding": {
@@ -6196,18 +6667,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/whatwg-encoding/node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/whatwg-mimetype": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
@@ -6217,6 +6676,22 @@
         "node": ">=18"
       }
     },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/workspace-tools": {
       "version": "0.40.4",
       "resolved": "https://registry.npmjs.org/workspace-tools/-/workspace-tools-0.40.4.tgz",
@@ -6233,6 +6708,24 @@
         "micromatch": "^4.0.0"
       }
     },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/ws": {
       "version": "8.21.0",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
@@ -6259,6 +6752,7 @@
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
       "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
       "dev": true,
+      "license": "ISC",
       "engines": {
         "node": ">=10"
       }
@@ -6293,56 +6787,17 @@
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
       "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
       "dev": true,
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
     },
-    "node_modules/yargs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/yargs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -6350,15 +6805,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "packages/bench": {
-      "name": "@microsoft/fast-bench",
-      "version": "0.0.0",
-      "extraneous": true,
-      "dependencies": {
-        "@microsoft/fast-element": "*",
-        "@microsoft/fast-html": "*"
-      }
-    },
     "packages/fast-build": {
       "name": "@microsoft/fast-build",
       "version": "0.5.0",
@@ -6379,20 +6825,6 @@
         "@microsoft/webui": "0.0.12"
       }
     },
-    "packages/fast-html": {
-      "name": "@microsoft/fast-html",
-      "version": "1.0.0-alpha.53",
-      "extraneous": true,
-      "license": "MIT",
-      "devDependencies": {
-        "@microsoft/fast-build": "^0.7.0",
-        "@microsoft/fast-element": "^2.10.4",
-        "@microsoft/webui": "0.0.12"
-      },
-      "peerDependencies": {
-        "@microsoft/fast-element": "^2.10.4"
-      }
-    },
     "packages/fast-router": {
       "name": "@microsoft/fast-router",
       "version": "1.0.0-alpha.30",
@@ -6407,24 +6839,6 @@
         "@microsoft/fast-element": "^3.0.0-rc.1"
       }
     },
-    "packages/fast-ssr": {
-      "name": "@microsoft/fast-ssr",
-      "version": "1.0.0-beta.40",
-      "deprecated": "This package is deprecated. Please use @microsoft/fast-build and @microsoft/webui instead.",
-      "extraneous": true,
-      "license": "MIT",
-      "dependencies": {
-        "parse5": "^6.0.1",
-        "tslib": "^2.6.3"
-      },
-      "devDependencies": {
-        "@microsoft/fast-element": "^2.10.3",
-        "@types/parse5": "^5.0.0"
-      },
-      "peerDependencies": {
-        "@microsoft/fast-element": "^2.10.3"
-      }
-    },
     "packages/fast-test-harness": {
       "name": "@microsoft/fast-test-harness",
       "version": "0.0.1",
@@ -6478,24 +6892,6 @@
         "@microsoft/fast-build": "^0.5.0",
         "@microsoft/fast-element": "^3.0.0-rc.1"
       }
-    },
-    "sites/website/node_modules/@microsoft/api-documenter": {
-      "version": "7.29.7",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-documenter/-/api-documenter-7.29.7.tgz",
-      "integrity": "sha512-hBI9sBwyhSNfLxSoP2IOZcFOwqYeRG6uRc5scEeBD2oaz+jrJ3mwe/amSiY4Dz/Q8RWCLCWHf1WYqabEmhMlug==",
-      "license": "MIT",
-      "dependencies": {
-        "@microsoft/api-extractor-model": "7.33.4",
-        "@microsoft/tsdoc": "~0.16.0",
-        "@rushstack/node-core-library": "5.20.3",
-        "@rushstack/terminal": "0.22.3",
-        "@rushstack/ts-command-line": "5.3.3",
-        "js-yaml": "~4.1.0",
-        "resolve": "~1.22.1"
-      },
-      "bin": {
-        "api-documenter": "bin/api-documenter"
-      }
     }
   }
 }

From a933fb01f89cd1f4857de6e41ea9e088afe86f2d Mon Sep 17 00:00:00 2001
From: Jane Chu <7559015+janechu@users.noreply.github.com>
Date: Wed, 27 May 2026 15:37:49 -0700
Subject: [PATCH 16/17] fix(fast-element): make declarativeTemplate() generic
 over the element constructor

declarativeTemplate() previously returned
FASTElementTemplateResolver, which defaults to
FASTElementTemplateResolver<Constructable<HTMLElement>>. When a strict
consumer wrote

    MyElement.define(
        { name: 'my-element', template: declarativeTemplate() },
        [observerMap()],
    );

the template field is typed as ElementViewTemplate<MyElement, any> |
FASTElementTemplateResolver<typeof MyElement> | undefined, but the
return type was the wider HTMLElement-flavoured resolver. Under tsgo
(or any consumer with noImplicitThis enabled) that mismatch caused
overload resolution to fall through to the second
define(type, nameOrDef?, extensions?) overload and report 'name does
not exist in type Constructable<HTMLElement>'.

Make declarativeTemplate generic over TType extends
Constructable<HTMLElement>, with the same default that
FASTElementTemplateResolver uses, so the returned resolver narrows to
the element type at the call site and overload resolution picks the
this:TType overload as intended.

Strips the 'declarativeTemplate() as any' workaround from
examples/ssr/chat-app and examples/ssr/webui-todo-app introduced in
the previous commit on this branch; both example apps build cleanly
under tsgo + vite/esbuild and the full Playwright e2e suite still
passes 21/21.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 ...-fast-element-28b8d51f-b7d9-4366-a363-aeb3602015f8.json | 7 +++++++
 examples/ssr/chat-app/src/chat-app.ts                      | 2 +-
 examples/ssr/chat-app/src/chat-card.ts                     | 2 +-
 examples/ssr/chat-app/src/chat-message.ts                  | 2 +-
 examples/ssr/chat-app/src/chat-suggestion.ts               | 2 +-
 examples/ssr/webui-todo-app/src/todo-item/todo-item.ts     | 2 +-
 packages/fast-element/SIZES.md                             | 2 +-
 packages/fast-element/docs/declarative/api-report.api.md   | 2 +-
 packages/fast-element/src/declarative/template.ts          | 7 ++++---
 9 files changed, 18 insertions(+), 10 deletions(-)
 create mode 100644 change/@microsoft-fast-element-28b8d51f-b7d9-4366-a363-aeb3602015f8.json

diff --git a/change/@microsoft-fast-element-28b8d51f-b7d9-4366-a363-aeb3602015f8.json b/change/@microsoft-fast-element-28b8d51f-b7d9-4366-a363-aeb3602015f8.json
new file mode 100644
index 00000000000..c3fd50c192a
--- /dev/null
+++ b/change/@microsoft-fast-element-28b8d51f-b7d9-4366-a363-aeb3602015f8.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "make declarativeTemplate() generic over the element constructor so its returned FASTElementTemplateResolver narrows to the specific element type at the call site, removing the need for an `as any` cast when calling Element.define({ template: declarativeTemplate() }, [...]) under noImplicitThis.",
+  "packageName": "@microsoft/fast-element",
+  "email": "7559015+janechu@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/examples/ssr/chat-app/src/chat-app.ts b/examples/ssr/chat-app/src/chat-app.ts
index aa4b38a3c2e..fbf66343ba9 100644
--- a/examples/ssr/chat-app/src/chat-app.ts
+++ b/examples/ssr/chat-app/src/chat-app.ts
@@ -197,7 +197,7 @@ export class ChatApp extends FASTElement {
 ChatApp.define(
     {
         name: "chat-app",
-        template: declarativeTemplate() as any,
+        template: declarativeTemplate(),
     },
     [observerMap()],
 );
diff --git a/examples/ssr/chat-app/src/chat-card.ts b/examples/ssr/chat-app/src/chat-card.ts
index 1eea9178b96..4722ac37cdf 100644
--- a/examples/ssr/chat-app/src/chat-card.ts
+++ b/examples/ssr/chat-app/src/chat-card.ts
@@ -11,7 +11,7 @@ export class ChatCard extends FASTElement {
 ChatCard.define(
     {
         name: "chat-card",
-        template: declarativeTemplate() as any,
+        template: declarativeTemplate(),
     },
     [observerMap()],
 );
diff --git a/examples/ssr/chat-app/src/chat-message.ts b/examples/ssr/chat-app/src/chat-message.ts
index 6678acc1fa0..84ac6e70058 100644
--- a/examples/ssr/chat-app/src/chat-message.ts
+++ b/examples/ssr/chat-app/src/chat-message.ts
@@ -11,7 +11,7 @@ export class ChatMessage extends FASTElement {
 ChatMessage.define(
     {
         name: "chat-message",
-        template: declarativeTemplate() as any,
+        template: declarativeTemplate(),
     },
     [observerMap()],
 );
diff --git a/examples/ssr/chat-app/src/chat-suggestion.ts b/examples/ssr/chat-app/src/chat-suggestion.ts
index a151539ea06..de0de13c584 100644
--- a/examples/ssr/chat-app/src/chat-suggestion.ts
+++ b/examples/ssr/chat-app/src/chat-suggestion.ts
@@ -15,7 +15,7 @@ export class ChatSuggestion extends FASTElement {
 ChatSuggestion.define(
     {
         name: "chat-suggestion",
-        template: declarativeTemplate() as any,
+        template: declarativeTemplate(),
     },
     [observerMap()],
 );
diff --git a/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts b/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
index 5ffeb891741..2c2d3a9353c 100644
--- a/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
+++ b/examples/ssr/webui-todo-app/src/todo-item/todo-item.ts
@@ -45,7 +45,7 @@ export class TodoItem extends FASTElement {
 TodoItem.define(
     {
         name: "todo-item",
-        template: declarativeTemplate() as any,
+        template: declarativeTemplate(),
     },
     [observerMap()],
 );
diff --git a/packages/fast-element/SIZES.md b/packages/fast-element/SIZES.md
index 2a1cdc1a5f5..e6ac7937aa9 100644
--- a/packages/fast-element/SIZES.md
+++ b/packages/fast-element/SIZES.md
@@ -4,7 +4,7 @@ Bundle sizes for `@microsoft/fast-element` exports.
 
 | Export | Minified | Gzip | Brotli |
 |--------|----------|------|--------|
-| CDN Rollup Bundle | 76.44 KB | 22.95 KB | 20.38 KB |
+| CDN Rollup Bundle | 76.36 KB | 22.91 KB | 20.35 KB |
 | FASTElement (@microsoft/fast-element/fast-element.js) | 23.73 KB | 7.36 KB | 6.63 KB |
 | Updates (@microsoft/fast-element/updates.js) | 473 B | 335 B | 288 B |
 | Observable (@microsoft/fast-element/observable.js) | 6.70 KB | 2.50 KB | 2.22 KB |
diff --git a/packages/fast-element/docs/declarative/api-report.api.md b/packages/fast-element/docs/declarative/api-report.api.md
index dca727a0dab..b238448a041 100644
--- a/packages/fast-element/docs/declarative/api-report.api.md
+++ b/packages/fast-element/docs/declarative/api-report.api.md
@@ -94,7 +94,7 @@ export type ConstructibleStyleStrategy = {
 };
 
 // @public
-export function declarativeTemplate(callbacks?: TemplateLifecycleCallbacks): FASTElementTemplateResolver;
+export function declarativeTemplate<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>>(callbacks?: TemplateLifecycleCallbacks): FASTElementTemplateResolver<TType>;
 
 // @public
 export interface DefaultCachedPath extends CachedPathCommon {
diff --git a/packages/fast-element/src/declarative/template.ts b/packages/fast-element/src/declarative/template.ts
index ea0abbd426c..d175d434338 100644
--- a/packages/fast-element/src/declarative/template.ts
+++ b/packages/fast-element/src/declarative/template.ts
@@ -5,6 +5,7 @@ import type {
     TemplateLifecycleCallbacks,
 } from "../components/fast-definitions.js";
 import { Schema } from "../components/schema.js";
+import type { Constructable } from "../interfaces.js";
 import { FAST } from "../platform.js";
 import type { ElementViewTemplate } from "../templating/template.js";
 import { Message } from "./interfaces.js";
@@ -93,9 +94,9 @@ function chainLifecycleCallback<TArgs extends unknown[]>(
  * @param callbacks - Optional per-element lifecycle callbacks.
  * @public
  */
-export function declarativeTemplate(
-    callbacks?: TemplateLifecycleCallbacks,
-): FASTElementTemplateResolver {
+export function declarativeTemplate<
+    TType extends Constructable<HTMLElement> = Constructable<HTMLElement>,
+>(callbacks?: TemplateLifecycleCallbacks): FASTElementTemplateResolver<TType> {
     ensureDeclarativeRuntime();
 
     return async definition => {

From 2f073f335a78c38a973390080f21aaa1f05eadfd Mon Sep 17 00:00:00 2001
From: John Kreitlow <863023+radium-v@users.noreply.github.com>
Date: Thu, 28 May 2026 08:26:01 -0700
Subject: [PATCH 17/17] fix(fast-test-harness): preserve subdirectory structure
 in generateStylesheets outDir (#7535)

* fix: correct output directory structure for generated CSS files

* Change files
---
 ...s-f59cad4a-a9c4-46c4-b48b-b04ee70367ab.json |  7 +++++++
 .../src/build/generate-stylesheets.test.ts     | 18 ++++++++++++++++++
 .../src/build/generate-stylesheets.ts          |  3 ++-
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 change/@microsoft-fast-test-harness-f59cad4a-a9c4-46c4-b48b-b04ee70367ab.json

diff --git a/change/@microsoft-fast-test-harness-f59cad4a-a9c4-46c4-b48b-b04ee70367ab.json b/change/@microsoft-fast-test-harness-f59cad4a-a9c4-46c4-b48b-b04ee70367ab.json
new file mode 100644
index 00000000000..6867d3fdb76
--- /dev/null
+++ b/change/@microsoft-fast-test-harness-f59cad4a-a9c4-46c4-b48b-b04ee70367ab.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: correct output directory structure for generated CSS files",
+  "packageName": "@microsoft/fast-test-harness",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/packages/fast-test-harness/src/build/generate-stylesheets.test.ts b/packages/fast-test-harness/src/build/generate-stylesheets.test.ts
index ad0b52c9bdd..30ff0db0939 100644
--- a/packages/fast-test-harness/src/build/generate-stylesheets.test.ts
+++ b/packages/fast-test-harness/src/build/generate-stylesheets.test.ts
@@ -49,6 +49,24 @@ test.describe("generateStylesheets", () => {
         assert.ok(css.includes(".card { padding: 8px; }"));
     });
 
+    test("should preserve subdirectory structure in outDir", async () => {
+        const distDir = join(tempDir, "dist", "badge");
+        await mkdir(distDir, { recursive: true });
+
+        await writeFile(
+            join(distDir, "badge.styles.js"),
+            `export const styles = { styles: [":host { display: inline; }"] };`,
+        );
+
+        await generateStylesheets({ cwd: tempDir, outDir: "src" });
+
+        const css = await readFile(
+            join(tempDir, "src", "badge", "badge.styles.css"),
+            "utf8",
+        );
+        assert.ok(css.includes(":host { display: inline; }"));
+    });
+
     test("should apply a format function", async () => {
         const distDir = join(tempDir, "dist");
         await mkdir(distDir, { recursive: true });
diff --git a/packages/fast-test-harness/src/build/generate-stylesheets.ts b/packages/fast-test-harness/src/build/generate-stylesheets.ts
index e7f65c08142..568d34fbea8 100644
--- a/packages/fast-test-harness/src/build/generate-stylesheets.ts
+++ b/packages/fast-test-harness/src/build/generate-stylesheets.ts
@@ -98,8 +98,9 @@ export async function generateStylesheets(
     for await (const jsFile of glob(pattern, { cwd: distDir })) {
         const jsFilePath = path.resolve(distDir, jsFile);
         const baseName = path.basename(jsFile, ".js") + ".css";
+        const relativeDir = path.relative(distDir, path.dirname(jsFilePath));
         const cssFilePath = outDir
-            ? path.resolve(outDir, baseName)
+            ? path.resolve(outDir, relativeDir, baseName)
             : path.resolve(path.dirname(jsFilePath), baseName);
 
         try {