From 2bbd97ac793a70c0c91bf25f6a2c41bb247c03e2 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:05:19 +0800
Subject: [PATCH 01/15] docs(windows): freeze UIOS research and design contract

---
 .ui-os/design/DIRECTIONS.md                   |   85 +
 .ui-os/design/DISCOVERY.md                    |   78 +
 .ui-os/design/FROZEN_CONTRACT.md              |  109 +
 .ui-os/design/WIREFRAMES.md                   |   79 +
 .../baseline/windows-runtime-boundary.json    |   24 +
 .ui-os/evidence/manifest.json                 |   20 +
 .ui-os/flows.json                             |  148 +
 .ui-os/project.json                           |   32 +
 .ui-os/research-task-windows.json             |   85 +
 ...ndows-winui3-standard-20260813-review.json |   13 +
 .../manifest.json                             |  804 +++++
 .../objects/balena-etcher-fcc7a0c1e178.html   |  986 ++++++
 .../objects/fluent-motion-42ab4dc9afb2.html   |  379 ++
 ...ithub-desktop-onboarding-7567553258da.html |  944 +++++
 ...s-accessibility-overview-16e36128ea2b.html | 1673 +++++++++
 .../objects/ms-file-picker-e528f24783d9.html  | 1865 ++++++++++
 .../ms-navigationview-6d9beff44ebb.html       | 3051 +++++++++++++++++
 .../ms-progress-controls-46c7ddeaae35.html    | 1704 +++++++++
 .../ms-ui-settings-motion-5b2413221dc1.html   | 1521 ++++++++
 .../pattern-intelligence-brief.md             |  108 +
 .../task-context.json                         |   89 +
 .ui-os/tokens.json                            |   55 +
 22 files changed, 13852 insertions(+)
 create mode 100644 .ui-os/design/DIRECTIONS.md
 create mode 100644 .ui-os/design/DISCOVERY.md
 create mode 100644 .ui-os/design/FROZEN_CONTRACT.md
 create mode 100644 .ui-os/design/WIREFRAMES.md
 create mode 100644 .ui-os/evidence/baseline/windows-runtime-boundary.json
 create mode 100644 .ui-os/evidence/manifest.json
 create mode 100644 .ui-os/flows.json
 create mode 100644 .ui-os/project.json
 create mode 100644 .ui-os/research-task-windows.json
 create mode 100644 .ui-os/research/reviews/windows-winui3-standard-20260813-review.json
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/manifest.json
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/objects/balena-etcher-fcc7a0c1e178.html
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/objects/fluent-motion-42ab4dc9afb2.html
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/objects/github-desktop-onboarding-7567553258da.html
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-accessibility-overview-16e36128ea2b.html
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-file-picker-e528f24783d9.html
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-navigationview-6d9beff44ebb.html
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-progress-controls-46c7ddeaae35.html
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-ui-settings-motion-5b2413221dc1.html
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/pattern-intelligence-brief.md
 create mode 100644 .ui-os/research/runs/windows-winui3-standard-20260813/task-context.json
 create mode 100644 .ui-os/tokens.json

diff --git a/.ui-os/design/DIRECTIONS.md b/.ui-os/design/DIRECTIONS.md
new file mode 100644
index 0000000..768f837
--- /dev/null
+++ b/.ui-os/design/DIRECTIONS.md
@@ -0,0 +1,85 @@
+# Windows Standard design directions
+
+Both directions consume the independently reviewed task-time research run `windows-winui3-standard-20260813` and preserve the same shared product kernel, action identities, state scopes, confirmation, fingerprints, backup, manifest, and rollback behavior. They differ in structure, not palette.
+
+## Direction A — Guided Fluent workspace (selected)
+
+**Shape:** one WinUI `NavigationView` owns application destinations. Convert owns a bounded four-step task whose current step is rendered in one work surface with a persistent command footer.
+
+```text
+NavigationView          Convert content
+Conversion              Step 1 of 4 — Input
+  Convert save          [mode] [slot]
+Records                 [3DS source selected-path row]
+  History               [current reference in Repair]
+Advanced                [output selected-path row]
+  Experimental CEC      [technical details disclosure]
+Application             --------------------------------
+  Settings              status/reason + Fix    [Inspect]
+```
+
+### Full flow
+
+1. **Input** — choose source, optional read-only current reference, and output; Inspect is the sole primary action.
+2. **Optional Data** — all domains are off by default. Enabling a domain reveals only its required paths and independent actions. **Skip optional data** removes only optional intent; **Continue to Dry Run** never requires optional configuration.
+3. **Dry Run** — a Ready/Needs action list explains the exact core transaction. The sole primary action is **Run Dry Run**. A blocker sits in the footer with one local Fix.
+4. **Write / Result** — authorized fingerprints lead to native `ContentDialog` confirmation. Running feedback stays local with stable CTA geometry. Success/failure shows report and rollback without false success.
+5. **History** — current-session history only; empty state offers **Start conversion** and never hosts conversion blockers.
+6. **Experimental CEC** — isolated advanced route with its own acknowledgement and transaction sequence.
+7. **Settings** — language, CLI fallback, update checking and accessibility/motion diagnostics; no conversion blocker.
+
+### Expert path
+
+- Windows standard Tab/Shift+Tab order follows task order.
+- `Alt` access keys are attached to frequent route/primary commands where WinUI supports them.
+- Enter/Space activates focused commands; Escape cancels confirmation and returns focus to the invoker.
+- No keyboard shortcut bypasses Inspect, Dry Run, expected-hash binding, confirmation, or rollback evidence.
+
+### Why selected
+
+- Most legible at the 920×600 minimum and at increased text scale.
+- Separates application navigation from ordered transaction progress.
+- Makes the disabled reason, Fix, and current primary action one stable local unit.
+- Keeps first-time guidance while progressive disclosure protects expert density.
+- Maps directly to native `NavigationView`, `InfoBar`, `Expander`, picker, progress and dialog primitives.
+
+## Direction B — Compact operation canvas (rejected)
+
+**Shape:** the same app `NavigationView`, but Convert presents a persistent source/current/output comparison canvas with a right-side transaction inspector and collapsible task sections.
+
+```text
+NavigationView     Source / current / output      Transaction inspector
+Convert            [path summary rows]            status + next action
+History            [Inspect details]              Dry Run evidence
+CEC                [Optional details]             Write / rollback
+Settings
+```
+
+### Full flow
+
+- Users can inspect or replace any selected input without moving between steps.
+- Optional System/ExtData attach beneath their related source/target row.
+- Dry Run, write confirmation, result and recovery stay in the transaction inspector.
+- History may reopen a previous session result into the inspector without mutating inputs.
+
+### Why rejected
+
+- At minimum width or 150–200% text scale the comparison and inspector compete, forcing either horizontal compression or a long stacked canvas.
+- First-time users must understand the source/current/output topology before seeing a single next action.
+- Persistent transaction inspector risks duplicating state already present at the affected input or result surface.
+- It is faster for expert repeated repair, but that efficiency does not outweigh weaker first-run clarity for this Pilot.
+
+## Decision matrix
+
+| Criterion | A Guided Fluent workspace | B Compact operation canvas |
+| --- | ---: | ---: |
+| Five-second task clarity | 5 | 3 |
+| Information hierarchy | 5 | 4 |
+| Minimum-window behavior | 5 | 3 |
+| Windows native fit | 5 | 4 |
+| Keyboard/focus predictability | 5 | 4 |
+| Text scaling / zh-Hans | 5 | 3 |
+| Scoped recovery | 5 | 4 |
+| Expert repeat efficiency | 4 | 5 |
+| Cross-screen consistency | 5 | 4 |
+
diff --git a/.ui-os/design/DISCOVERY.md b/.ui-os/design/DISCOVERY.md
new file mode 100644
index 0000000..d0d8f3f
--- /dev/null
+++ b/.ui-os/design/DISCOVERY.md
@@ -0,0 +1,78 @@
+# Windows UI Quality OS discovery
+
+## Verified repository baseline
+
+- Repository: `MHToolkit/mh-save-sync`.
+- Isolated worktree: `/Volumes/GameHub/Development/Games/mh-save-sync-windows-ui-quality-os`.
+- Feature branch: `feat/mh3g-windows-ui-quality-os`.
+- Baseline: `origin/main` at `b3d58f70aa713b5e7f0ba7397d745b7166925547` (`v0.0.18`).
+- Target stack: unpackaged **WinUI 3**, .NET 8, Windows App SDK `1.8.260710003`, Windows 10 1809 minimum, x64 self-contained packaging.
+- Backend boundary: the existing C# presentation invokes the bundled Rust CLI as independent argv elements. Rust remains authoritative for inspection, dry-run authorization, expected hashes, transactional write, manifest, backup, and rollback.
+
+## Runtime baseline status
+
+A downloaded portable executable exists at `/Users/vincentadamnemessis/Downloads/MH3GSaveConverter-Portable-x64.exe`, but it is an older, provenance-uncertain artifact (timestamp 2026-08-01; embedded assembly version `1.0.0.0`) and is not tied to the current `v0.0.18` source hash. This macOS host has no active Windows VM or native Windows runner. Previous GameHub execution was already reported unusable and is not repeated.
+
+Therefore **current Windows runtime baseline screenshots, UI Automation tree, focus traversal, High Contrast, text scaling, and animation evidence are BLOCKED/UNVERIFIED**. The Pilot may improve source, fixtures, source-level gates and Windows CI capture support here, but must not label cross-compilation or static XAML inspection as Windows runtime proof.
+
+## Existing surface inventory
+
+The current app is one 1,240×900 `ScrollViewer` containing the entire product:
+
+- fixed top brand/status/language strip;
+- a large illustrated hero and a four-item visual stage strip;
+- five post-operation `InfoBar` continuations;
+- source/current/output/CLI controls;
+- Inspect, progress inspection, event inspection, Dry Run, Write, rollback;
+- shared `system`, ExtData, CEC, latest report, and operation history;
+- 43 buttons, 16 text boxes, 8 InfoBars, 104 text blocks, 28 hard-coded ARGB colors;
+- no `NavigationView`, no `Expander`, no stable `AutomationId`, and no deterministic UI fixture launch contract.
+
+The `StageArtwork` control swaps among five raster images and overlays a second stage presentation. Hard-coded light surfaces and text colors bypass theme and High Contrast resources. A single long surface means task scope, utility scope, history, status, and recovery compete vertically.
+
+## Baseline problems to solve
+
+1. **No primary navigation:** core conversion, optional transactions, CEC, history, report, update, and rollback are stacked into one document.
+2. **Repeated state/navigation:** top status, hero stage labels, stage artwork, InfoBars, section copy, and action availability all describe the same progression.
+3. **Primary action distance:** Inspect, Dry Run, Write, rollback, and their explanations live in different columns or far-apart vertical regions; the correct next action is not stable at the first screen.
+4. **Optional-data contradiction:** `SelectedOptionalDataIsConfigured` currently disables core Dry Run and Write whenever an enabled optional domain is incomplete. This makes “optional” a global core blocker.
+5. **Scope leakage risk:** all global InfoBars and optional controls share one root surface, so unrelated history/report/settings content has no structural boundary from optional warnings.
+6. **Repair path cognitive load:** source, read-only current reference, output, version detection, and CLI path appear as one uninterrupted technical form.
+7. **Technical detail dominance:** CLI path, hashes/reports/manifests, file topology and transaction implementation remain in primary reading order.
+8. **Theme/accessibility debt:** hard-coded colors, missing stable AutomationIds, no explicit minimum-size contract, no deterministic keyboard/High Contrast/text-scale fixture coverage.
+9. **Decorative displacement:** the hero and stage artwork consume the highest-value area but do not select a step, fix a blocker, or authorize a transaction.
+10. **No causal motion contract:** stage artwork transitions exist, but async action acknowledgement, local dependency reveal, selected-path confirmation, and reduced-motion equivalents are undefined.
+
+## Shared product kernel
+
+The Windows profile must preserve the already established cross-client task semantics:
+
+`Select source / read-only current reference / output → Inspect → configure or skip Optional Data → Dry Run → Confirm Write → Result / Rollback`
+
+- New conversion omits the current-reference input.
+- Repair keeps source, current reference, and output as three independent roles.
+- Optional transactions are opt-in and independently authorized; skipping them never weakens or blocks core conversion.
+- Experimental CEC remains an advanced, independently acknowledged transaction.
+- No fixture may execute the CLI, touch a real save, or report a synthetic write as real success.
+
+## Delete / merge before adding
+
+| Delete or merge | Windows destination / reason |
+| --- | --- |
+| Large hero and `StageArtwork` | Remove from operational flow. Keep only a compact product mark and, if useful, one small non-interactive empty-state vector. |
+| Four visual stage labels | Replace with one bounded step indicator inside Convert; it communicates location but is not a second app navigator. |
+| Top status badge and five global continuation InfoBars | Render state once at the narrowest affected surface; put the next action in a persistent task footer. |
+| One giant ScrollViewer | Use a native grouped `NavigationView`: Convert, History, Experimental CEC, Settings. |
+| Dry Run/Write side card plus remote reasons | One current-step surface; disabled CTA has one adjacent reason and executable Fix. |
+| Always-visible CLI path | Move to Settings/technical disclosure; bundled sidecar remains the default. |
+| Raw report/hash/manifest in primary order | Move to `Expander`/dialog technical details except confirmation and recovery-critical evidence. |
+| Global optional readiness gate | Scope incomplete optional paths to that component only; core Inspect/Dry Run/Write stay independent. |
+| Raster control-like artwork | Use licensed WinUI `SymbolIcon`/font glyphs for interaction and theme-aware vectors for any retained empty-state illustration. |
+
+## Baseline machine evidence
+
+- `scripts/verify-mh3g-save-converter-windows-source.py`: PASS on baseline.
+- `cargo test -p mh3g-save-convert`: 220 passed on baseline.
+- `cargo clippy -p mh3g-save-convert --all-targets -- -D warnings`: PASS on baseline.
+- macOS `dotnet build --no-restore`: expectedly failed because the isolated worktree had no restored Windows-target assets; this is environment evidence, not a product regression.
+
diff --git a/.ui-os/design/FROZEN_CONTRACT.md b/.ui-os/design/FROZEN_CONTRACT.md
new file mode 100644
index 0000000..a4c6b01
--- /dev/null
+++ b/.ui-os/design/FROZEN_CONTRACT.md
@@ -0,0 +1,109 @@
+# Frozen Windows UI contract v0.1 — Guided Fluent workspace
+
+Status: **frozen for candidate implementation**. Research receipt: `../research/reviews/windows-winui3-standard-20260813-review.json` (`pass`). Material IA, visual-language, state-meaning, or motion-intent changes require a new contract revision and fresh review; implementation must not silently accept a new baseline.
+
+## Shared kernel invariants
+
+1. The product task remains `source / read-only current reference / output → Inspect → optional configure or skip → Dry Run → Confirm Write → Result / Rollback`.
+2. New conversion uses source and output. Repair uses three independent roles: original 3DS source, current Wii U/Cemu reference (read-only), and separate output.
+3. App navigation has exactly four grouped destinations: Convert, History, Experimental CEC, Settings.
+4. Convert is one bounded four-step task: Input, Optional Data, Dry Run, Write/Result. Progress is not a second app navigator.
+5. Each current task surface has one page title, one scoped state presentation, and one primary action.
+6. The primary action remains in the first viewport at 1,120×760 and 920×600. If disabled, one adjacent plain-language reason and one executable Fix appear in the same footer host.
+7. Optional data is opt-in and independently authorized. An incomplete optional domain blocks only its own Dry Run/write. It never blocks core Inspect, core Dry Run, or core write.
+8. History and Settings never render `optional.missing-path` or another conversion blocker.
+9. Experimental CEC remains independent, experimental, acknowledged, dry-run authorized, hash-bound, confirmed, backed up, manifested and reversible.
+10. Rust CLI argv, JSON status, fingerprints, expected hashes, output-absence intent, transaction manifests, backups, confirmations and rollback are authoritative and fail closed.
+11. Fixtures cannot invoke the CLI, read real saves, create targets, or claim a real write. Synthetic success is clearly marked as preview-only evidence.
+
+## Windows profile mapping
+
+- `NavigationView` owns application routes. Its native back/navigation semantics are not used to skip transaction gates.
+- Use WinUI Button, ToggleSwitch, CheckBox, ComboBox, TextBox, InfoBar, Expander, ProgressBar, ContentDialog, FileOpenPicker and FolderPicker.
+- Controls use WinUI `SymbolIcon`/licensed vector glyphs plus localized labels; interaction icons are never rasterized text.
+- Work surfaces use theme resources and an explicit High Contrast resource dictionary. Hard-coded light-only foreground/background colors are forbidden.
+- Default width is 1,120 and minimum is 920×600. The active content reflows to one column before clipping.
+- XAML/task order defines logical Tab order. Primary and local Fix controls expose stable AutomationId and Name; scoped state uses one polite live region.
+- Paths may visually ellipsize only while UI Automation retains the complete value and role.
+
+## Information hierarchy and plain copy
+
+1. Page title and one-sentence task purpose.
+2. Current-step progress and scoped readiness.
+3. Required controls and selected-path summaries.
+4. Current primary command plus adjacent reason/Fix.
+5. Technical details disclosure for CLI path, hashes, reports, version detection and manifests.
+
+Preferred role labels:
+
+- `3DS source`
+- `Current Wii U reference (read-only)`
+- `Output`
+- `Optional data`
+- `Skip optional data`
+- `Dry Run checks these exact files without writing.`
+
+## Stable semantic IDs
+
+- Routes: `mh3g.converter.windows.navigation.{convert,history,experimentalCEC,settings}`.
+- Titles: `mh3g.converter.windows.page.{input,optionals,dryRun,writeResult,history,experimentalCEC,settings}.title`.
+- Primary actions: `mh3g.converter.windows.action.{inspect,continueOptionals,runDryRun,confirmWrite,startConversion}`.
+- Local actions: `mh3g.converter.windows.action.{fixOptional,skipOptional,chooseSource,chooseCurrent,chooseOutput,rollback}`.
+- State: `mh3g.converter.windows.state.{inputMissing,optionalMissing,optionalSkipped,dryRunReady,dryRunBlocked,writeAuthorized,running,success,failure,historyEmpty}`.
+- Path rows: `mh3g.converter.windows.path.{source,current,output,systemSource,systemTarget,extdataSource,extdataTarget,cecSource,cecTarget}`.
+
+## Deterministic fixture contract
+
+Launch fixtures are opt-in through explicit `--ui-fixture <id>` / `MH3G_UI_FIXTURE` parsing before the window is created:
+
+- `first-run`
+- `input.empty`
+- `components.optional-missing`
+- `components.optional-skipped`
+- `dry-run.ready`
+- `dry-run.blocked`
+- `write.authorized`
+- `write.confirmation`
+- `conversion.success`
+- `conversion.failure`
+- `history.empty`
+- `history.result`
+
+Every fixture uses a fixed seed and synthetic `C:\UIFixture\...` presentation paths. No fixture may call `ConverterCliClient` or `FileFingerprintService`, and no destructive dialog fixture may accept its primary action.
+
+## Motion contract
+
+| Seam | Purpose / frequency | Windows behavior | Reduced motion | Evidence |
+| --- | --- | --- | --- | --- |
+| Inspect/Dry Run/Write starts | Immediate receipt; occasional | CTA frame remains fixed; local text/state changes immediately and native indeterminate `ProgressBar` appears | Same text and progress semantics; no custom motion | state trace + normal/reduced terminal frames |
+| Optional enabled | Relate toggle to dependent fields; occasional | Short interruptible local opacity/content transition, no whole-page movement | Immediate reveal/collapse | state trace + focus order |
+| Picker returns | Confirm cause/effect; frequent | Path row updates in place and retains/reclaims focus; no toast | Immediate update | interaction trace + UIA value |
+| Blocked → ready → authorized/result | Clarify state progression; occasional | Fixed footer host changes icon/text/surface over one short native transition | Immediate static replacement | transition trace + final screenshots |
+| Success | Rare completion | One bounded check/status transition; never loops | Immediate check/status | bounded trace + terminal frame |
+
+Custom motion is permitted only when `Windows.UI.ViewManagement.UISettings.AnimationsEnabled` is true. No page slide, navigation delay, form stagger, hover lift/scale, shimmer, confetti, failure shake, flash, or looping empty-state motion.
+
+## Required responsive/state matrix
+
+Critical coverage on a native Windows runner:
+
+- 1,120×760 default and 920×600 minimum;
+- Light, Dark, High Contrast;
+- English and zh-Hans;
+- 100%, 150%, and critical 200% text scaling cells;
+- pointer and full keyboard path;
+- normal and disabled animation preference;
+- input empty, optional missing/skipped, Dry Run ready/blocked/running, write authorized/confirmation/running, success/failure, history empty/result, recovery.
+
+## Acceptance gates
+
+- 0 duplicate primary navigation.
+- 0 optional blocker instances on History or Settings.
+- 0 critical clipping, overlap, inaccessible action, or focus trap in required native Windows cells.
+- One primary action per current task surface.
+- Disabled primary action has one adjacent reason and executable Fix.
+- UI Automation identifiers are unique and stable.
+- Accessibility critical findings: 0.
+- Motion normal/reduced traces preserve identical state meaning and stable primary-action geometry.
+- Machine, independent AI, Windows runtime, and human/task verdicts remain separate. Human stays pending until a real target user completes the task.
+
diff --git a/.ui-os/design/WIREFRAMES.md b/.ui-os/design/WIREFRAMES.md
new file mode 100644
index 0000000..e987442
--- /dev/null
+++ b/.ui-os/design/WIREFRAMES.md
@@ -0,0 +1,79 @@
+# Frozen direction wireframes
+
+These text wireframes define structure and hierarchy, not pixels. Runtime WinUI remains authoritative.
+
+## Input
+
+```text
+┌ Navigation ┐  Input & inspection                      Step 1 of 4
+│ Convert    │  Choose the exact files for this conversion.
+│ History    │
+│ CEC        │  Mode [New conversion ▼]  Slot [user2 ▼]
+│ Settings   │
+└────────────┘  3DS source
+                [No source selected                 ] [File] [Folder]
+
+                Output
+                [No output selected                 ] [File] [Folder]
+
+                Technical details ▸
+                ─────────────────────────────────────────────────
+                Choose a source and output to continue.   [Inspect]
+```
+
+## Optional missing
+
+```text
+Optional data                                      Step 2 of 4
+Core conversion does not require optional data.
+
+[on] Shared system
+     Source [not selected] [Choose]
+     Target [not selected] [Choose]
+     ⚠ Shared system needs both paths. [Choose paths]
+
+[off] Guild cards / quests
+
+──────────────────────────────────────────────────────────────
+Optional paths affect only this component. [Skip optional data] [Continue]
+```
+
+## Dry Run blocked / ready
+
+```text
+Dry Run                                            Step 3 of 4
+Checks the exact core files without writing.
+
+✓ 3DS source inspected
+✓ Output intent inspected
+! Original converter version has multiple candidates
+
+──────────────────────────────────────────────────────────────
+Choose one detected version, then try again. [Choose version] [Run Dry Run]
+```
+
+## Write confirmation / result
+
+```text
+Write & result                                     Step 4 of 4
+✓ Dry Run authorized these exact files
+
+Source / current / output summary
+Technical hash details ▸
+
+──────────────────────────────────────────────────────────────
+Authorization is current.                         [Confirm write]
+
+ContentDialog: target + fingerprint + backup + manifest + Cancel / Write
+
+Result: ✓ completed | ✕ failed, report ▸, manifest, Roll back
+```
+
+## History empty
+
+```text
+History
+No transactions in this app session.
+Start with an explicit source and output; nothing is scanned automatically.
+[Start conversion]
+```
diff --git a/.ui-os/evidence/baseline/windows-runtime-boundary.json b/.ui-os/evidence/baseline/windows-runtime-boundary.json
new file mode 100644
index 0000000..87066e3
--- /dev/null
+++ b/.ui-os/evidence/baseline/windows-runtime-boundary.json
@@ -0,0 +1,24 @@
+{
+  "schema": "mh3g.windows-ui-baseline-boundary/v1",
+  "source_revision": "b3d58f70aa713b5e7f0ba7397d745b7166925547",
+  "target": "windows-winui3-x64",
+  "host": "macos-arm64",
+  "runtime_status": "blocked-unverified",
+  "reason": "No active native Windows runner or VM is available. A local portable executable is older and not provenance-bound to the current source, and previously reported GameHub execution is not repeated.",
+  "source_hashes": {
+    "MainWindow.xaml": "f1960aa4ff0011aa800aace184056cd9ae6b078458753688384484001a75535a",
+    "MainWindow.xaml.cs": "20abbbfa32310779623df5ef3c5134d519db912b97962490dbf12657d64948c7",
+    "MainViewModel.cs": "7d0f2fa7bd5e9492f1abc9b8af2dd01235cbdbb414da92f652b4856ca297fa96"
+  },
+  "unverified": [
+    "current default-window screenshot",
+    "minimum-window screenshot",
+    "UI Automation tree",
+    "keyboard focus traversal",
+    "screen reader",
+    "text scaling",
+    "High Contrast",
+    "normal and reduced motion",
+    "artifact startup"
+  ]
+}
diff --git a/.ui-os/evidence/manifest.json b/.ui-os/evidence/manifest.json
new file mode 100644
index 0000000..4511f1f
--- /dev/null
+++ b/.ui-os/evidence/manifest.json
@@ -0,0 +1,20 @@
+{
+  "schema_version": "uios.evidence/v0.1",
+  "project": {
+    "id": "mh3g-save-converter",
+    "revision": "b3d58f70aa713b5e7f0ba7397d745b7166925547",
+    "dirty": true
+  },
+  "inputs": {
+    "contract_sha256": "09638a4326d67ff8d8fc1340ba11d2b8390c3a78710eb60c816de9b91a8d6567",
+    "flows_sha256": "549013ee5054b5725604503c23e71fae48196f4d552d862f3f83a59db438f2dc",
+    "tokens_sha256": "37e36f1a4757ffa9b8a6861759fcce18baded0a54ef5dc6e4209182793a166c3"
+  },
+  "cells": [],
+  "verdicts": {
+    "machine": "pending",
+    "independent_ai": "pending",
+    "human": "pending",
+    "release": "blocked"
+  }
+}
diff --git a/.ui-os/flows.json b/.ui-os/flows.json
new file mode 100644
index 0000000..a900cd1
--- /dev/null
+++ b/.ui-os/flows.json
@@ -0,0 +1,148 @@
+{
+  "schema_version": "uios.flows/v0.1",
+  "flows": [
+    {
+      "id": "conversion.new",
+      "entry": "User starts a new conversion with no local save modified",
+      "success": "The selected output slot is transactionally written and a backup plus manifest is available",
+      "actions": [
+        "conversion.select-source",
+        "conversion.select-output",
+        "conversion.inspect",
+        "conversion.configure-optionals",
+        "conversion.skip-optionals",
+        "conversion.run-dry-run",
+        "conversion.confirm-write",
+        "conversion.review-result",
+        "conversion.rollback"
+      ]
+    },
+    {
+      "id": "conversion.repair",
+      "entry": "User has an original 3DS slot, a read-only current Wii U reference, and an explicit separate output",
+      "success": "Eligible historical conversion fields are repaired while later Wii U progress is retained and transaction evidence is produced",
+      "actions": [
+        "conversion.select-source",
+        "conversion.select-current-reference",
+        "conversion.select-output",
+        "conversion.inspect",
+        "conversion.configure-optionals",
+        "conversion.skip-optionals",
+        "conversion.run-dry-run",
+        "conversion.choose-history-version",
+        "conversion.confirm-write",
+        "conversion.review-result",
+        "conversion.rollback"
+      ]
+    },
+    {
+      "id": "optional.standard",
+      "entry": "User explicitly enables system, guild-card, or quest migration",
+      "success": "Each selected optional transaction is independently previewed, authorized, written, and recoverable",
+      "actions": [
+        "conversion.configure-optionals",
+        "optional.fix-paths",
+        "conversion.skip-optionals",
+        "optional.run-dry-run",
+        "optional.confirm-write",
+        "conversion.review-result",
+        "conversion.rollback"
+      ]
+    },
+    {
+      "id": "utility.cec",
+      "entry": "Advanced user opens Experimental CEC and explicitly acknowledges its risk",
+      "success": "The exact CEC mailbox and cache are independently dry-run, written, and recoverable",
+      "actions": [
+        "cec.select-mailbox",
+        "cec.select-cache",
+        "cec.acknowledge",
+        "cec.run-dry-run",
+        "cec.confirm-write",
+        "conversion.rollback"
+      ]
+    }
+  ],
+  "states": [
+    {
+      "id": "input.missing",
+      "scope": "control",
+      "severity": "warning",
+      "blocks": ["conversion.inspect"],
+      "recovery": ["conversion.select-source", "conversion.select-output"],
+      "presentation": {"allowed_hosts": ["conversion.input"], "max_primary_instances": 1, "global_banner": "forbidden"}
+    },
+    {
+      "id": "optional.missing-path",
+      "scope": "section",
+      "severity": "warning",
+      "blocks": ["optional.run-dry-run", "optional.confirm-write"],
+      "recovery": ["optional.fix-paths", "conversion.skip-optionals"],
+      "presentation": {"allowed_hosts": ["conversion.optionals", "conversion.write.optionals"], "max_primary_instances": 1, "global_banner": "forbidden"}
+    },
+    {
+      "id": "optional.skipped",
+      "scope": "section",
+      "severity": "info",
+      "blocks": [],
+      "recovery": ["conversion.configure-optionals"],
+      "presentation": {"allowed_hosts": ["conversion.optionals", "conversion.review"], "max_primary_instances": 1, "global_banner": "forbidden"}
+    },
+    {
+      "id": "dry-run.blocked",
+      "scope": "surface",
+      "severity": "warning",
+      "blocks": ["conversion.run-dry-run", "conversion.confirm-write"],
+      "recovery": ["conversion.inspect", "conversion.choose-history-version"],
+      "presentation": {"allowed_hosts": ["conversion.review"], "max_primary_instances": 1, "global_banner": "forbidden"}
+    },
+    {
+      "id": "dry-run.ready",
+      "scope": "surface",
+      "severity": "success",
+      "blocks": [],
+      "recovery": ["conversion.run-dry-run"],
+      "presentation": {"allowed_hosts": ["conversion.review"], "max_primary_instances": 1, "global_banner": "forbidden"}
+    },
+    {
+      "id": "write.authorized",
+      "scope": "surface",
+      "severity": "success",
+      "blocks": [],
+      "recovery": ["conversion.confirm-write"],
+      "presentation": {"allowed_hosts": ["conversion.write"], "max_primary_instances": 1, "global_banner": "forbidden"}
+    },
+    {
+      "id": "conversion.running",
+      "scope": "surface",
+      "severity": "info",
+      "blocks": ["conversion.confirm-write"],
+      "recovery": [],
+      "presentation": {"allowed_hosts": ["conversion.input", "conversion.review", "conversion.write"], "max_primary_instances": 1, "global_banner": "forbidden"}
+    },
+    {
+      "id": "conversion.failed",
+      "scope": "surface",
+      "severity": "error",
+      "blocks": ["conversion.confirm-write"],
+      "recovery": ["conversion.inspect", "conversion.run-dry-run", "conversion.rollback"],
+      "presentation": {"allowed_hosts": ["conversion.write", "conversion.result"], "max_primary_instances": 1, "global_banner": "forbidden"}
+    },
+    {
+      "id": "conversion.success",
+      "scope": "surface",
+      "severity": "success",
+      "blocks": [],
+      "recovery": ["conversion.review-result", "conversion.rollback"],
+      "presentation": {"allowed_hosts": ["conversion.result", "history.session"], "max_primary_instances": 1, "global_banner": "forbidden"}
+    },
+    {
+      "id": "history.empty",
+      "scope": "surface",
+      "severity": "info",
+      "blocks": [],
+      "recovery": ["conversion.select-source"],
+      "presentation": {"allowed_hosts": ["history.session"], "max_primary_instances": 1, "global_banner": "forbidden"}
+    }
+  ]
+}
diff --git a/.ui-os/project.json b/.ui-os/project.json
new file mode 100644
index 0000000..a87a0e9
--- /dev/null
+++ b/.ui-os/project.json
@@ -0,0 +1,32 @@
+{
+  "schema_version": "uios.project/v0.1",
+  "product": {
+    "id": "mh3g-save-converter",
+    "name": "MH3G Save Converter",
+    "primary_users": [
+      "First-time MH3G players converting one local Japanese 3DS character slot to Wii U or Cemu",
+      "Returning players repairing an older converted slot while preserving later Wii U progress",
+      "Advanced users deliberately migrating optional system, ExtData, or experimental CEC data"
+    ],
+    "critical_jobs": [
+      "Choose explicit source and output paths, inspect read-only, configure or skip optional data, run Dry Run, confirm a guarded write, then review or roll back",
+      "Repair from original 3DS source plus a read-only current Wii U reference into a separate output without weakening fingerprint or transaction checks",
+      "Keep every optional domain independently configured, authorized, written, and recoverable"
+    ]
+  },
+  "targets": [
+    "windows"
+  ],
+  "status": {
+    "agent_proposed_status": "draft",
+    "verifier_status": "pending_pilot"
+  },
+  "gates": {
+    "required_lanes": [
+      "machine",
+      "independent_ai",
+      "human"
+    ],
+    "human_task_evidence": "required_for_material_flow_change"
+  }
+}
diff --git a/.ui-os/research-task-windows.json b/.ui-os/research-task-windows.json
new file mode 100644
index 0000000..ccb2048
--- /dev/null
+++ b/.ui-os/research-task-windows.json
@@ -0,0 +1,85 @@
+{
+  "schema_version": "uios.research-task/v0.2",
+  "task_id": "mh3g-save-converter-windows-ui-quality-os-20260813",
+  "summary": "Redesign the existing MH3G Save Converter WinUI 3 desktop workflow so first-time and returning users can inspect, optionally extend, dry-run, safely write, review, and roll back without duplicated navigation, remote recovery, or optional-data scope confusion.",
+  "product": {
+    "id": "mh3g-save-converter",
+    "class": "windows-desktop-save-conversion-utility",
+    "primary_users": [
+      "first-time MH3G player converting one 3DS slot",
+      "returning player repairing a previously converted Wii U or Cemu slot",
+      "advanced user adding optional system, ExtData, or experimental CEC data"
+    ],
+    "critical_job": "complete a local conversion or repair with explicit inputs, a read-only inspection, optional data that may be skipped, a fingerprint-bound dry run, guarded write, and recoverable result"
+  },
+  "research_kinds": [
+    "layout",
+    "interaction-pattern",
+    "component",
+    "motion",
+    "style",
+    "iconography",
+    "onboarding"
+  ],
+  "targets": [
+    {
+      "id": "windows-winui3-desktop",
+      "platform": "windows",
+      "framework": "winui3",
+      "form_factor": "desktop",
+      "input_modes": ["pointer", "keyboard", "screen-reader"]
+    }
+  ],
+  "states": [
+    "first-run",
+    "input-empty",
+    "input-inspecting",
+    "optional-missing",
+    "optional-skipped",
+    "dry-run-ready",
+    "dry-run-blocked",
+    "dry-run-running",
+    "write-authorized",
+    "write-confirmation",
+    "write-running",
+    "conversion-success",
+    "conversion-failure",
+    "history-empty",
+    "history-result",
+    "recovery"
+  ],
+  "accessibility_requirements": [
+    "keyboard-and-ui-automation",
+    "logical-focus-order",
+    "text-scaling-and-locale-expansion",
+    "high-contrast",
+    "reduced-motion-and-animation-preferences",
+    "non-color-cues",
+    "stable-accessibility-identifiers"
+  ],
+  "constraints": {
+    "brand": [
+      "MH Toolkit product identity",
+      "restrained utility-first brand layer",
+      "licensed WinUI SymbolIcon or project vector assets only for controls"
+    ],
+    "existing_system": [
+      "WinUI 3 with Windows App SDK 1.8",
+      "existing C# MainViewModel and Rust CLI sidecar",
+      "shared conversion kernel: input, inspect, optional, dry run, confirm write, result or rollback",
+      "source, current reference, and output remain separate paths",
+      "hash, backup, manifest, confirmation, and fail-closed semantics remain unchanged"
+    ],
+    "forbidden": [
+      "real save data",
+      "Cemu or emulator launch",
+      "macOS visual translation",
+      "Apple material or web dashboard styling",
+      "global optional-data blockers",
+      "decorative hero, glow, texture, confetti, looping empty-state motion",
+      "navigation animation or delayed primary actions",
+      "animation as the only state signal"
+    ]
+  },
+  "freshness_claim": "current"
+}
diff --git a/.ui-os/research/reviews/windows-winui3-standard-20260813-review.json b/.ui-os/research/reviews/windows-winui3-standard-20260813-review.json
new file mode 100644
index 0000000..17ac531
--- /dev/null
+++ b/.ui-os/research/reviews/windows-winui3-standard-20260813-review.json
@@ -0,0 +1,13 @@
+{
+  "schema_version": "uios.research-review/v0.2",
+  "manifest_path": "/Volumes/GameHub/Development/Games/mh-save-sync-windows-ui-quality-os/.ui-os/research/runs/windows-winui3-standard-20260813/manifest.json",
+  "manifest_sha256": "c33b8c80328a16b7c6c5734d5c642599f9fb3a94fcb1097eb206ca7a1835e6ee",
+  "context_sha256": "4d999977163c19026d470038147c4568a3628985c2d4669eeaa8a6437ecc1766",
+  "protected_snapshot_sha256": "bb5a74dd2747e7a3aa14944422228ccba54dc62f9828df8ddaf47bf831c93144",
+  "reviewed_at": "2026-08-13T02:01:26Z",
+  "verdict": "pass",
+  "reviewer": "isolated-uios-research-review",
+  "notes": [
+    "Grounded Standard proposal: all eight hashed artifacts match and all canonical URLs independently reopened with publisher and claimed substance intact; candidates adapt rather than copy and cover Windows native, keyboard/UIA, High Contrast, text scaling, non-color and AnimationsEnabled fallbacks. Shipped-flow evidence remains public and incomplete, so runtime usability, visual fidelity, motion, and accessibility are not verified."
+  ]
+}
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/manifest.json b/.ui-os/research/runs/windows-winui3-standard-20260813/manifest.json
new file mode 100644
index 0000000..d55b8e8
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/manifest.json
@@ -0,0 +1,804 @@
+{
+  "schema_version": "uios.research/v0.2",
+  "run_id": "windows-winui3-standard-20260813",
+  "task": {
+    "id": "mh3g-save-converter-windows-ui-quality-os-20260813",
+    "context_path": "task-context.json",
+    "context_sha256": "4d999977163c19026d470038147c4568a3628985c2d4669eeaa8a6437ecc1766",
+    "product_id": "mh3g-save-converter",
+    "product_revision": "b3d58f70aa713b5e7f0ba7397d745b7166925547",
+    "git_status_sha256": "9bfd1aae9a960e67e70e2382d9f28be367d3bcea58743e5203e9523463acba29",
+    "protected_snapshot_sha256": "bb5a74dd2747e7a3aa14944422228ccba54dc62f9828df8ddaf47bf831c93144"
+  },
+  "research_mode": "standard",
+  "research_kinds": [
+    "layout",
+    "interaction-pattern",
+    "component",
+    "motion",
+    "style",
+    "iconography",
+    "onboarding"
+  ],
+  "started_at": "2026-08-13T01:42:50Z",
+  "completed_at": "2026-08-13T01:54:02Z",
+  "network_mode": "live",
+  "freshness_claim": "current",
+  "targets": [
+    {
+      "id": "windows-winui3-desktop",
+      "platform": "windows",
+      "framework": "winui3",
+      "form_factor": "desktop",
+      "input_modes": [
+        "pointer",
+        "keyboard",
+        "screen-reader"
+      ]
+    }
+  ],
+  "states": [
+    "first-run",
+    "input-empty",
+    "input-inspecting",
+    "optional-missing",
+    "optional-skipped",
+    "dry-run-ready",
+    "dry-run-blocked",
+    "dry-run-running",
+    "write-authorized",
+    "write-confirmation",
+    "write-running",
+    "conversion-success",
+    "conversion-failure",
+    "history-empty",
+    "history-result",
+    "recovery"
+  ],
+  "accessibility_requirements": [
+    "keyboard-and-ui-automation",
+    "logical-focus-order",
+    "text-scaling-and-locale-expansion",
+    "high-contrast",
+    "reduced-motion-and-animation-preferences",
+    "non-color-cues",
+    "stable-accessibility-identifiers"
+  ],
+  "queries": [
+    {
+      "id": "q-winui-navigation-layout",
+      "text": "current official WinUI 3 desktop NavigationView hierarchy keyboard high contrast guidance",
+      "research_kind": "layout",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T01:46:00Z"
+    },
+    {
+      "id": "q-winui-file-picker",
+      "text": "current Windows App SDK 1.8 WinUI 3 file and folder picker implementation",
+      "research_kind": "component",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T01:46:00Z"
+    },
+    {
+      "id": "q-winui-progress-feedback",
+      "text": "current WinUI ProgressBar ProgressRing async operation local feedback guidance",
+      "research_kind": "interaction-pattern",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T01:46:00Z"
+    },
+    {
+      "id": "q-windows-accessibility",
+      "text": "current Windows app accessibility UI Automation keyboard text scale high contrast motion preference",
+      "research_kind": "interaction-pattern",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T01:46:00Z"
+    },
+    {
+      "id": "q-fluent-motion",
+      "text": "current Fluent Windows task state transition motion reduced motion guidance",
+      "research_kind": "motion",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T01:46:00Z"
+    },
+    {
+      "id": "q-shipped-onboarding-recovery",
+      "text": "shipped Windows desktop utility onboarding next step empty state and recovery flow",
+      "research_kind": "onboarding",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T01:46:00Z"
+    },
+    {
+      "id": "q-shipped-guarded-conversion",
+      "text": "shipped desktop image conversion utility source target guarded write progress result flow",
+      "research_kind": "interaction-pattern",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T01:46:00Z"
+    }
+  ],
+  "sources": [
+    {
+      "id": "ms-navigationview",
+      "query_id": "q-winui-navigation-layout",
+      "title": "NavigationView - Windows apps",
+      "canonical_url": "https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/navigationview",
+      "publisher_id": "microsoft",
+      "tier": "primary-authority",
+      "classification": "platform-convention",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T01:47:12Z",
+      "opened_full_page": true,
+      "content_sha256": "6d9beff44ebb1dd8e28a44a3cf4584f0b7cd325040cb140806268408c2777822",
+      "artifact_path": "objects/ms-navigationview-6d9beff44ebb.html",
+      "artifact_sha256": "6d9beff44ebb1dd8e28a44a3cf4584f0b7cd325040cb140806268408c2777822",
+      "artifact_bytes": 131063,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/navigationview"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T01:47:12Z",
+        "etag": "\"wzjThNK/VdaQS/B92I6ZQNeggUY=\"",
+        "last_modified": "Wed, 05 Aug 2026 08:00:08 GMT"
+      },
+      "source_revision_date": null,
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "NavigationView is the native top-level container; keyboarding and high-contrast theme resources must remain supported."
+      ]
+    },
+    {
+      "id": "ms-file-picker",
+      "query_id": "q-winui-file-picker",
+      "title": "Open files and folders with Windows App SDK pickers",
+      "canonical_url": "https://learn.microsoft.com/en-us/windows/apps/develop/files/using-file-folder-pickers",
+      "publisher_id": "microsoft",
+      "tier": "implementation",
+      "classification": "recommendation",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T01:47:12Z",
+      "opened_full_page": true,
+      "content_sha256": "e528f24783d9367bf8c4aa4c4946fdf0f19f7a5ab754656d6b3bb27256599db4",
+      "artifact_path": "objects/ms-file-picker-e528f24783d9.html",
+      "artifact_sha256": "e528f24783d9367bf8c4aa4c4946fdf0f19f7a5ab754656d6b3bb27256599db4",
+      "artifact_bytes": 69280,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://learn.microsoft.com/en-us/windows/apps/develop/files/using-file-folder-pickers"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T01:47:12Z",
+        "etag": "\"Wl4vsxOQUaCXN1XcWUpZYYoQotg=\"",
+        "last_modified": "Wed, 05 Aug 2026 07:59:59 GMT"
+      },
+      "source_revision_date": null,
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "Windows App SDK 1.8 pickers provide native file and folder selection with a WindowId and return paths suitable for local confirmation."
+      ]
+    },
+    {
+      "id": "ms-progress-controls",
+      "query_id": "q-winui-progress-feedback",
+      "title": "Progress controls - Windows apps",
+      "canonical_url": "https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/progress-controls",
+      "publisher_id": "microsoft",
+      "tier": "implementation",
+      "classification": "recommendation",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T01:47:13Z",
+      "opened_full_page": true,
+      "content_sha256": "46c7ddeaae3526fed92ba375219de33baeceb3bd6d77ac505a882130accfb311",
+      "artifact_path": "objects/ms-progress-controls-46c7ddeaae35.html",
+      "artifact_sha256": "46c7ddeaae3526fed92ba375219de33baeceb3bd6d77ac505a882130accfb311",
+      "artifact_bytes": 62185,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/progress-controls"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T01:47:13Z",
+        "etag": "\"1u3eKpyYUBJWTO84BNAG85048zE=\"",
+        "last_modified": "Wed, 05 Aug 2026 08:00:01 GMT"
+      },
+      "source_revision_date": "2026-07-08",
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "Choose determinate or indeterminate progress by whether duration is known and interaction is blocked; pair progress with explanatory text when needed."
+      ]
+    },
+    {
+      "id": "ms-accessibility-overview",
+      "query_id": "q-windows-accessibility",
+      "title": "Accessibility overview - Windows apps",
+      "canonical_url": "https://learn.microsoft.com/en-us/windows/apps/design/accessibility/accessibility-overview",
+      "publisher_id": "microsoft",
+      "tier": "accessibility-authority",
+      "classification": "normative",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T01:47:14Z",
+      "opened_full_page": true,
+      "content_sha256": "16e36128ea2b0c2f0f488597ebd70bb37de3a2f07146e25b6fda934a0643424a",
+      "artifact_path": "objects/ms-accessibility-overview-16e36128ea2b.html",
+      "artifact_sha256": "16e36128ea2b0c2f0f488597ebd70bb37de3a2f07146e25b6fda934a0643424a",
+      "artifact_bytes": 66977,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://learn.microsoft.com/en-us/windows/apps/design/accessibility/accessibility-overview"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T01:47:14Z",
+        "etag": "\"2Ma9MiHehZcgEO2HcxyvzVBVpRA=\"",
+        "last_modified": "Wed, 05 Aug 2026 08:00:03 GMT"
+      },
+      "source_revision_date": null,
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "WinUI controls inherit keyboard and UI Automation support, while text, scaling, color, and high contrast require explicit verification."
+      ]
+    },
+    {
+      "id": "fluent-motion",
+      "query_id": "q-fluent-motion",
+      "title": "Fluent 2 motion",
+      "canonical_url": "https://fluent2.microsoft.design/motion",
+      "publisher_id": "microsoft",
+      "tier": "primary-authority",
+      "classification": "platform-convention",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T01:47:30Z",
+      "opened_full_page": true,
+      "content_sha256": "42ab4dc9afb22832d658eb80442f1efbc39df821b0be6b782b6149c1746e46a7",
+      "artifact_path": "objects/fluent-motion-42ab4dc9afb2.html",
+      "artifact_sha256": "42ab4dc9afb22832d658eb80442f1efbc39df821b0be6b782b6149c1746e46a7",
+      "artifact_bytes": 123126,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://fluent2.microsoft.design/motion"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T01:47:30Z",
+        "etag": null,
+        "last_modified": null
+      },
+      "source_revision_date": null,
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "Motion should communicate hierarchy, feedback, and spatial relation with platform-native timing rather than decorative choreography."
+      ]
+    },
+    {
+      "id": "github-desktop-onboarding",
+      "query_id": "q-shipped-onboarding-recovery",
+      "title": "GitHub Desktop onboarding and suggested next steps",
+      "canonical_url": "https://github.blog/news-insights/product-news/github-desktop-update/",
+      "publisher_id": "github.blog",
+      "tier": "shipped-product",
+      "classification": "recommendation",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T01:47:32Z",
+      "opened_full_page": true,
+      "content_sha256": "7567553258da3e158e0cea1d384ea5ce368c237993c047bf014fb340c4a119c6",
+      "artifact_path": "objects/github-desktop-onboarding-7567553258da.html",
+      "artifact_sha256": "7567553258da3e158e0cea1d384ea5ce368c237993c047bf014fb340c4a119c6",
+      "artifact_bytes": 167844,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://github.blog/news-insights/product-news/github-desktop-update/"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T01:47:32Z",
+        "etag": null,
+        "last_modified": null
+      },
+      "source_revision_date": "2021-12-19",
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "A shipped desktop utility uses contextual next-step guidance in initial and empty states rather than leaving users to infer the workflow."
+      ]
+    },
+    {
+      "id": "balena-etcher",
+      "query_id": "q-shipped-guarded-conversion",
+      "title": "balenaEtcher shipped image-writing utility",
+      "canonical_url": "https://github.com/balena-io/etcher",
+      "publisher_id": "github.com",
+      "tier": "shipped-product",
+      "classification": "recommendation",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T01:47:34Z",
+      "opened_full_page": true,
+      "content_sha256": "fcc7a0c1e17860b9cd6bd5e49bf171b92d2dbf0db169b2a85101e4e5c0edd20a",
+      "artifact_path": "objects/balena-etcher-fcc7a0c1e178.html",
+      "artifact_sha256": "fcc7a0c1e17860b9cd6bd5e49bf171b92d2dbf0db169b2a85101e4e5c0edd20a",
+      "artifact_bytes": 346562,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://github.com/balena-io/etcher"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T01:47:34Z",
+        "etag": "W/\"9aa8383cbaf23024ad5f2c7618e914d8\"",
+        "last_modified": null
+      },
+      "source_revision_date": null,
+      "license_status": "permitted-with-attribution",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "A shipped destructive desktop utility makes source selection, target selection, guarded write, verification, and failure recovery explicit while protecting system drives."
+      ]
+    },
+    {
+      "id": "ms-ui-settings-motion",
+      "query_id": "q-fluent-motion",
+      "title": "UISettings AnimationsEnabled",
+      "canonical_url": "https://learn.microsoft.com/en-us/uwp/api/windows.ui.viewmanagement.uisettings.animationsenabled?view=winrt-26100",
+      "publisher_id": "microsoft",
+      "tier": "implementation",
+      "classification": "recommendation",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T01:48:39Z",
+      "opened_full_page": true,
+      "content_sha256": "5b2413221dc15d5cedf92a61c2d41f343b3e227300ee978f10287cb8668657fc",
+      "artifact_path": "objects/ms-ui-settings-motion-5b2413221dc1.html",
+      "artifact_sha256": "5b2413221dc15d5cedf92a61c2d41f343b3e227300ee978f10287cb8668657fc",
+      "artifact_bytes": 50434,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://learn.microsoft.com/en-us/uwp/api/windows.ui.viewmanagement.uisettings.animationsenabled?view=winrt-26100"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T01:48:39Z",
+        "etag": "\"p8uYS3UqVynwNjrVZAZQHo2G7w4=\"",
+        "last_modified": "Wed, 05 Aug 2026 07:38:14 GMT"
+      },
+      "source_revision_date": null,
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "Windows exposes the user animation preference through UISettings.AnimationsEnabled; custom motion must preserve semantics when disabled."
+      ]
+    }
+  ],
+  "candidates": [
+    {
+      "id": "guided-native-workflow",
+      "title": "Guided native workflow",
+      "user_problem": "A first-time player must understand the next safe action without reading every path, hash, optional transaction, and recovery detail at once.",
+      "reusable_principle": "Use one native application navigator, then reveal one bounded task stage with one local primary action and contextual recovery.",
+      "source_ids": [
+        "ms-navigationview",
+        "ms-file-picker",
+        "ms-accessibility-overview",
+        "fluent-motion",
+        "github-desktop-onboarding"
+      ],
+      "decision": "adapt",
+      "source_expression": "Windows guidance supplies adaptive top-level navigation and familiar pickers, while a shipped desktop onboarding flow presents contextual next steps after an empty or completed state.",
+      "product_expression": "The converter can separate Convert, History, Advanced, and Settings in a single Fluent shell, then keep source selection, optional data, Dry Run, guarded write, and recovery inside one ordered conversion workspace.",
+      "target_adaptations": [
+        {
+          "target_id": "windows-winui3-desktop",
+          "native_components": "Use WinUI 3 NavigationView only for application destinations; use Windows App SDK FileOpenPicker and FolderPicker, native Button, ToggleSwitch, InfoBar, ContentDialog, and text controls inside the conversion task.",
+          "navigation": "Keep application navigation persistent and distinct from a compact conversion progress indicator; do not create a second sidebar or animate page navigation.",
+          "density": "Use Windows desktop spacing with one readable working column at the minimum window and wider summary support only when space permits; collapse technical details rather than shrinking controls.",
+          "icons": "Use licensed WinUI SymbolIcon or project vector glyphs paired with plain labels for commands; never use a symbol without an accessible name.",
+          "motion": "Use native control feedback and a short local opacity or visual-state change only when optional fields appear or the footer state changes.",
+          "input_behavior": "Preserve logical XAML order for Tab traversal, Enter or Space activation, Escape cancellation, visible focus, pointer hover supplied by native controls, and stable focus after asynchronous state changes."
+        }
+      ],
+      "accessibility": {
+        "reduced_motion": "Read UISettings.AnimationsEnabled; when false, swap optional and footer states immediately without translation or scale.",
+        "non_motion_equivalence": "Every transition ends in persistent title, status text, enabled state, reason, and recovery command that remain understandable without animation.",
+        "contrast": "Resolve foregrounds, surfaces, borders, and focus visuals from theme resources with an explicit HighContrast dictionary rather than hard-coded light colors.",
+        "non_color": "Pair warning, success, failure, selection, and readiness colors with text, state icon, and control enabled state.",
+        "text_scaling": "Let labels and path summaries wrap, keep buttons auto-sized, and reflow to one column before text clips in English, Simplified Chinese, or increased text scale.",
+        "focus_input": "Use the semantic task order as the XAML order and move focus only after explicit navigation, not after background status updates.",
+        "assistive_tech": "Assign stable AutomationId, accessible Name, role, value, and LiveSetting only to scoped status changes; avoid repeating the same status in several live regions."
+      },
+      "motion": {
+        "purpose": "spatial-continuity",
+        "frequency": "occasional",
+        "trigger": "The user enables optional data or a task state changes between blocked, ready, running, and result.",
+        "timing_intent": "Immediate semantic state update with one short platform-native local content transition; the primary command frame never moves.",
+        "interruptible": true,
+        "looping": "none",
+        "stop_condition": "",
+        "reduced_motion_variant": "Instant layout update plus persistent text, icon, and focus semantics.",
+        "performance_risk": "Avoid animating ScrollViewer layout, page containers, blur, shadow, or long path text; prefer one compositor-friendly opacity state if used."
+      },
+      "contraindications": [
+        "Do not expose optional System, ExtData, or CEC fields until the user enables that transaction.",
+        "Do not duplicate NavigationView with a second persistent stage rail.",
+        "Do not move the task primary action away from its local reason or recovery action."
+      ],
+      "copied_assets": [],
+      "confidence": 0.9
+    },
+    {
+      "id": "compact-operation-canvas",
+      "title": "Compact operation canvas",
+      "user_problem": "A returning player needs to compare selected source, current reference, output, readiness, and recovery quickly without walking through a decorative wizard.",
+      "reusable_principle": "Keep the operation summary and its guarded command stable, then disclose the affected inputs and technical report at the narrowest truthful scope.",
+      "source_ids": [
+        "ms-navigationview",
+        "ms-progress-controls",
+        "ms-accessibility-overview",
+        "ms-ui-settings-motion",
+        "balena-etcher"
+      ],
+      "decision": "adapt",
+      "source_expression": "A shipped destructive utility foregrounds source, target, guarded execution, verification, and recovery; Windows controls distinguish local nonblocking progress from interaction-blocking wait states.",
+      "product_expression": "The converter can present a compact source-current-output summary above a stable command footer, with read-only inspection and recovery details expanding beside the exact field or operation they explain.",
+      "target_adaptations": [
+        {
+          "target_id": "windows-winui3-desktop",
+          "native_components": "Use WinUI path rows backed by native pickers, an InfoBar at the affected operation, ProgressBar for nonmodal unknown work, ProgressRing only when the local surface truly cannot continue, and ContentDialog for the write confirmation.",
+          "navigation": "Retain one NavigationView for application destinations; inside Convert use an operation canvas and compact state summary rather than another navigational list.",
+          "density": "Favor concise selected-path summaries, aligned labels, and a two-column review layout only above the responsive breakpoint; stack inputs and footer at the minimum width.",
+          "icons": "Use Windows symbols for file, folder, inspect, shield, write, undo, warning, and completion, always accompanied by localized text for primary and destructive commands.",
+          "motion": "Keep the footer rectangle fixed and crossfade only its status content; use native progress behavior during Inspect, Dry Run, and Write.",
+          "input_behavior": "Allow expert keyboard traversal through the three core paths and primary command before progressive technical disclosures; preserve focus when a picker returns and announce the selected path locally."
+        }
+      ],
+      "accessibility": {
+        "reduced_motion": "Disable custom transitions when AnimationsEnabled is false and leave only native static state changes and progress text.",
+        "non_motion_equivalence": "Running, blocked, authorized, success, and failure always have plain text, an icon, and an automation state independent of progress animation.",
+        "contrast": "Use Windows theme resources and test all semantic surfaces in Light, Dark, and High Contrast without relying on translucent fills.",
+        "non_color": "Show the exact blocked reason and a labeled Fix action; never use accent color alone to distinguish selected, ready, or failed.",
+        "text_scaling": "Selected paths may truncate visually only when their accessible name retains the full path; labels, reasons, and commands must wrap or reflow.",
+        "focus_input": "Keep a deterministic Tab path from source to current reference to output to primary action, with Escape closing confirmation and focus returning to the invoking control.",
+        "assistive_tech": "Expose progress state, blocked reason, selected path, manifest location, and rollback availability through native UI Automation patterns and scoped polite announcements."
+      },
+      "motion": {
+        "purpose": "feedback",
+        "frequency": "occasional",
+        "trigger": "Inspect, Dry Run, or Write starts or resolves, or a native picker returns a selected path.",
+        "timing_intent": "Acknowledge input immediately; keep the CTA geometry fixed while a nearby label and native progress indicator communicate work, then show one bounded completion transition.",
+        "interruptible": true,
+        "looping": "bounded",
+        "stop_condition": "Stop progress motion when the asynchronous command resolves, cancels, or fails.",
+        "reduced_motion_variant": "Replace custom crossfade or spatial transition with an immediate text and icon update; retain only essential native progress behavior if the operation is still running.",
+        "performance_risk": "Do not animate height, width, large surfaces, or progress position manually; use native progress controls and compositor-safe opacity only."
+      },
+      "contraindications": [
+        "Do not imitate balenaEtcher branding, wording, exact three-panel composition, or assets.",
+        "Do not turn History or Settings into operation-summary panels with conversion blockers.",
+        "Do not render hashes, fingerprints, or manifest JSON permanently at the primary level."
+      ],
+      "copied_assets": [],
+      "confidence": 0.86
+    }
+  ],
+  "rejections": [
+    {
+      "id": "reject-decorative-hero-dashboard",
+      "idea": "Retain the large artwork hero, four stage labels, global status badge, repeated InfoBars, and card-heavy single scrolling dashboard.",
+      "reason": "The current product already repeats navigation and status while pushing the active task and recovery apart; Windows platform guidance supports a native top-level navigator and scoped controls instead of compensating with decorative hierarchy.",
+      "source_ids": [
+        "ms-navigationview",
+        "github-desktop-onboarding"
+      ]
+    },
+    {
+      "id": "reject-global-blocking-spinner",
+      "idea": "Use a full-window indeterminate ring and disable all navigation for every Inspect, Dry Run, picker, or optional transaction.",
+      "reason": "Windows guidance distinguishes nonmodal and blocking progress; most converter operations should keep unrelated application destinations responsive and scope waiting feedback to the command that started it.",
+      "source_ids": [
+        "ms-progress-controls",
+        "ms-accessibility-overview"
+      ]
+    },
+    {
+      "id": "reject-ornamental-motion",
+      "idea": "Add page slides, staggered form entrance, hover lift, looping empty-state art, failure shake, or success confetti.",
+      "reason": "These effects add no operational meaning, compete with frequent keyboard and pointer tasks, and create unnecessary reduced-motion and performance obligations.",
+      "source_ids": [
+        "fluent-motion",
+        "ms-ui-settings-motion"
+      ]
+    },
+    {
+      "id": "reject-optional-as-required",
+      "idea": "Keep System, ExtData, or CEC paths visible as missing requirements before core Inspect or Dry Run.",
+      "reason": "Optional transactions must remain independently skippable; contextual next-step evidence supports showing the next relevant action rather than unrelated global blockers.",
+      "source_ids": [
+        "github-desktop-onboarding",
+        "ms-accessibility-overview"
+      ]
+    }
+  ],
+  "contradictions": [
+    {
+      "source_ids": [
+        "ms-navigationview",
+        "github-desktop-onboarding"
+      ],
+      "conflict": "NavigationView is appropriate for top-level destinations, while onboarding evidence favors contextual sequential guidance; using both as navigation would duplicate hierarchy.",
+      "resolution": "Use NavigationView only for Convert, History, Advanced, and Settings. Represent conversion progress as a non-navigational, bounded in-page state sequence with one local command."
+    },
+    {
+      "source_ids": [
+        "ms-progress-controls",
+        "balena-etcher"
+      ],
+      "conflict": "A guarded write may deserve blocking feedback, but Inspect and Dry Run do not justify freezing the whole application.",
+      "resolution": "Keep command geometry stable, disable only conflicting controls, use scoped text plus ProgressBar for nonmodal work, and reserve modal confirmation or blocking ProgressRing for the actual write boundary."
+    }
+  ],
+  "protected_files": [
+    {
+      "scope": "plugin",
+      "path": ".codex-plugin/plugin.json",
+      "sha256": "6dab1143cf01d70c754f35a5b1e8e8d69a472ed1d5f795ce870b42f573117f24"
+    },
+    {
+      "scope": "plugin",
+      "path": "assets/project-template/flows.json",
+      "sha256": "d3304e6b6ac380c80d1eaa01bf2196aedeed42430cb02fad80813633a926c47d"
+    },
+    {
+      "scope": "plugin",
+      "path": "assets/project-template/project.json",
+      "sha256": "c0e5932228e44cfefaf8ca786f91cae21dd2dcfe3d6ccb06cfd23689faecfbbc"
+    },
+    {
+      "scope": "plugin",
+      "path": "assets/project-template/tokens.json",
+      "sha256": "f88a8f78819020dffd779494710042eac7f3eb5da21f29b533ba10b25d739236"
+    },
+    {
+      "scope": "plugin",
+      "path": "assets/research-task-template.json",
+      "sha256": "408d6acb8631d64cab6b63ecccd973d76f587c5a6d825c08bf6744c5a178525f"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/evidence-contract.md",
+      "sha256": "cca00e244fe0befbf7d761d0b5c731834cffd9d4b75be2915c6e27174d4b0bcd"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/kernel.md",
+      "sha256": "c7704f2bce4f05ec5a51e41a6a6c78fff892848a552b1580415ba920afea6e3d"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/motion-intelligence.md",
+      "sha256": "0d5cd07a56f0da7dfd2c55739578b226a9854a664bc4441b289d0f6eb379590f"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/pattern-intelligence.md",
+      "sha256": "44329e4a72ac11389891e46f25ff196cdda2adba3b92e782b9545b9fc6a433d1"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/profiles.md",
+      "sha256": "0d8a4d23e26462ef388ebcc9b49fde1268637ef1d89e717d1abbd5bfc3b67e71"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/role-prompts.md",
+      "sha256": "47013cb05ea96e26ed62b36ca0987952f5af7ba5592b31e1bd4ce9081cb0631f"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/source-registry.md",
+      "sha256": "c90d72ed88ebf82f995b856595eb7ab67cbc5424961e97aa2d082b2ff479b81e"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/standards-sources.md",
+      "sha256": "d38dab3e6a2c27ed0368ef601950dd77b4ea509eea1df9921ce40819ddb0f4c1"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/style-intelligence.md",
+      "sha256": "b1c6ccb79a2fcfd4152134afca27306d75452293788196154b326f7dd0751087"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/workflow.md",
+      "sha256": "0f27704d443efac53685027aa04b429fae8c2ce6e4ccf8e116ef59ec701d2535"
+    },
+    {
+      "scope": "plugin",
+      "path": "schemas/evidence.schema.json",
+      "sha256": "dc7414d061fdaf4b6852ea721ab2308395fb3f6551431f8b2d4e8cf4701c4277"
+    },
+    {
+      "scope": "plugin",
+      "path": "schemas/flows.schema.json",
+      "sha256": "fc84e0d732ad86c51b256e06e7b5a41468aba0cdf887b02ff4eb7d84fa9b129e"
+    },
+    {
+      "scope": "plugin",
+      "path": "schemas/project.schema.json",
+      "sha256": "5683e56d98d5d0875975210d899b915f9f1ae1f5a12213e2067006a8440ef9eb"
+    },
+    {
+      "scope": "plugin",
+      "path": "schemas/research.schema.json",
+      "sha256": "6be02ad673eb814c46f85d2835a3a81865c99d8a3fa8c63f741726d5031774c1"
+    },
+    {
+      "scope": "plugin",
+      "path": "schemas/tokens.schema.json",
+      "sha256": "6ae4e1719ea73f078d6f56b5eab782cd9dcacbef258cd6baf36aa3029303d9d5"
+    },
+    {
+      "scope": "plugin",
+      "path": "scripts/pattern_intelligence.py",
+      "sha256": "491439a339eaf5e96d737a8125a263d746c7db878020e15466f6ecec38c3b2d4"
+    },
+    {
+      "scope": "plugin",
+      "path": "scripts/ui_os.py",
+      "sha256": "677b64a60c686bc84bdabb3316b85e8813fd79864a489d6f33fb99b861d91d86"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-design/SKILL.md",
+      "sha256": "0025a9f59dd9b9ebd7dd8ca13ff0fa0bdd9ef9cd2e084a2fa53517b339277f0a"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-design/agents/openai.yaml",
+      "sha256": "cca06cada07909a075be3431596ed9138d99225e1d0ed3c93d691984ff0a0660"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-implement/SKILL.md",
+      "sha256": "d2e2f32c0968ecc0be27e58344c245db9b020890d38357b2c0a86ddaf68073c3"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-implement/agents/openai.yaml",
+      "sha256": "5e84077fac23036aa6bdcd64a4a8ee26e7dc727b1011f5ce379f0f97d26709b3"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-orchestrate/SKILL.md",
+      "sha256": "991f493535dd75f490f1ed6d751e899c5488ee7935fe11295e0988632de4d544"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-orchestrate/agents/openai.yaml",
+      "sha256": "4d1a4f158ad8e8d6253d1210307fe76fd4d4261646c4899bcdb396b17ab95921"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-refresh/SKILL.md",
+      "sha256": "49980791aa415129d981dc13166746c343eda0f7d730a98c3dea73c2a49185af"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-refresh/agents/openai.yaml",
+      "sha256": "88ecfa0854787f4f290b8c3d404c19bacbda648515dad6e22ad4aae258b6a36b"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-research-review/SKILL.md",
+      "sha256": "617adf85ec9a707bcbf700ec2c248dee575985d1e50b78b357e5bd53b49b0764"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-research-review/agents/openai.yaml",
+      "sha256": "5e97fa9976131dd89404a197dfe05ff6cff547faf225aa43a1dcef6a7280666d"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-research/SKILL.md",
+      "sha256": "06a919fcf7aa727934e6ec21ba2f05b347dc7399df9b2dc5b81dc3f58a94fa6b"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-research/agents/openai.yaml",
+      "sha256": "d29fdf4fb538140777bcce36644ac2d491182b1160e23bb515daeabb3d0c46c2"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-verify/SKILL.md",
+      "sha256": "f9c7a6572a375e5f3806d85464d5f72345a2fa8ca794e052f40d2860df0ebe48"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-verify/agents/openai.yaml",
+      "sha256": "dbde1eb673d550a8129093c33af45b2528bd0f84e6181fea746efff20a960553"
+    },
+    {
+      "scope": "plugin",
+      "path": "tests/test_pattern_intelligence.py",
+      "sha256": "226d4bb8bd6e8d6eb4f6b77c892dbb6aca89da914db3dcce5fd63d413e6345ba"
+    },
+    {
+      "scope": "plugin",
+      "path": "tests/test_ui_os.py",
+      "sha256": "7a3f68dc3622e5e17a6ee6c3af1908c15782d0983ab49a4d3272ff127aa229c3"
+    },
+    {
+      "scope": "product",
+      "path": ".ui-os/evidence/manifest.json",
+      "sha256": "d5686268cdc01966504b443b0f32ff3d6f65bcb471eaeb10f883bf9e821814f3"
+    },
+    {
+      "scope": "product",
+      "path": ".ui-os/flows.json",
+      "sha256": "d3304e6b6ac380c80d1eaa01bf2196aedeed42430cb02fad80813633a926c47d"
+    },
+    {
+      "scope": "product",
+      "path": ".ui-os/project.json",
+      "sha256": "959ee08c40874cac4ec42c143e9a15481cfabae31a5df7134f9701f4b9ab47d0"
+    },
+    {
+      "scope": "product",
+      "path": ".ui-os/tokens.json",
+      "sha256": "f88a8f78819020dffd779494710042eac7f3eb5da21f29b533ba10b25d739236"
+    }
+  ],
+  "limitations": [
+    "The shipped-product lane uses public release and repository evidence, not a newly recorded interactive Windows session or a paid flow database.",
+    "The GitHub Desktop onboarding source is historical and supports only the contextual-next-step principle; it is not current visual-style authority.",
+    "The balenaEtcher source establishes a shipped safety-oriented utility and recovery posture but does not provide a complete adjacent-state screenshot set in the fetched artifact.",
+    "This isolated research role did not run or modify the WinUI application; runtime fidelity, animation behavior, accessibility tree, and minimum-window behavior remain implementation and verification work."
+  ],
+  "brief": {
+    "path": "pattern-intelligence-brief.md",
+    "sha256": "7a621c6cea4b1a23605badf468ab53b3a6eab999ff9e37c2c54d674505f023f5",
+    "bytes": 8823
+  },
+  "verdict": "grounded_proposal"
+}
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/objects/balena-etcher-fcc7a0c1e178.html b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/balena-etcher-fcc7a0c1e178.html
new file mode 100644
index 0000000..7f3cdc9
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/balena-etcher-fcc7a0c1e178.html
@@ -0,0 +1,986 @@
+
+
+
+
+  
+
+<!DOCTYPE html>
+<html
+  lang="en"
+  
+  data-color-mode="auto" data-light-theme="light" data-dark-theme="dark"
+  data-a11y-animated-images="system" data-a11y-link-underlines="true"
+  
+  >
+
+
+
+
+  <head>
+    <meta charset="utf-8">
+  <link rel="dns-prefetch" href="https://github.githubassets.com">
+  <link rel="dns-prefetch" href="https://avatars.githubusercontent.com">
+  <link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com">
+  <link rel="dns-prefetch" href="https://user-images.githubusercontent.com/">
+  <link rel="preconnect" href="https://github.githubassets.com" crossorigin>
+  <link rel="preconnect" href="https://avatars.githubusercontent.com">
+
+
+
+  
+
+
+  <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/light-707b19cf061aa459.css" /><link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/light_high_contrast-fc4b867e16562d12.css" /><link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/dark-93f3c6b445d800ff.css" /><link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/dark_high_contrast-49511e11e3ed53a8.css" /><link data-color-theme="light" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light-707b19cf061aa459.css" /><link data-color-theme="light_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_high_contrast-fc4b867e16562d12.css" /><link data-color-theme="light_colorblind" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_colorblind-2db8d59cbe087225.css" /><link data-color-theme="light_colorblind_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_colorblind_high_contrast-791e59a1f8b634e0.css" /><link data-color-theme="light_tritanopia" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_tritanopia-a08991540f7253d8.css" /><link data-color-theme="light_tritanopia_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_tritanopia_high_contrast-aeaea6b5f1a1a577.css" /><link data-color-theme="dark" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark-93f3c6b445d800ff.css" /><link data-color-theme="dark_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_high_contrast-49511e11e3ed53a8.css" /><link data-color-theme="dark_colorblind" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_colorblind-507c9f8797b64d1c.css" /><link data-color-theme="dark_colorblind_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_colorblind_high_contrast-f74ce15fe4370f96.css" /><link data-color-theme="dark_tritanopia" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_tritanopia-77e8f27cae657ef7.css" /><link data-color-theme="dark_tritanopia_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_tritanopia_high_contrast-95c6d23fc206d719.css" /><link data-color-theme="dark_dimmed" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_dimmed-61d370fdb2984fe4.css" /><link data-color-theme="dark_dimmed_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_dimmed_high_contrast-a0271da34562fd22.css" />
+
+  <style type="text/css">
+    :root {
+      --tab-size-preference: 4;
+    }
+
+    pre, code {
+      tab-size: var(--tab-size-preference);
+    }
+  </style>
+
+    <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-primitives-9f1db623a2d85734.css" />
+    <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-73a0e2225731ad3f.css" />
+    <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/global-9c67779f7c7b843b.css" />
+    <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/github-59fc16002818df36.css" />
+  <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/repository-3aa75d4cd2374bb7.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/code-12d60eb17c94521c.css" />
+
+  
+
+  <script type="application/json" id="client-env">{"locale":"en","featureFlags":["actions_enable_background_steps","activity_diff_file_tree","activity_repos_file_tree","activity_repos_overview_header","activity_repos_overview_sidebar","agent_author_search_expansion","agent_author_search_expansion_ui_pulls","alternate_user_config_repo","billing_billable_licenses_cost_center_bucket_fix","billing_cost_center_list_assigned_resources","billing_cost_center_user_level_budgets","billing_discount_threshold_notification","billing_multi_user_cost_center_total_user_count","billing_user_level_budgets","billing_user_level_budgets_manage","ccr_files_changed_model_picker","ccr_mcp_skills_ga","code_quality_enablement_banner_targeting","code_quality_new_repo_selection_card","code_quality_remove_preview","code_view_raf_sticky_lines","code_view_react_header","codespaces_prebuild_region_target_update","coding_agent_tbb_quota_banner","coding_agent_third_party_model_ui","contentful_primer_code_blocks","copilot_agent_snippy","copilot_api_agentic_issue_marshal_yaml","copilot_automations_pagination","copilot_chat_attach_multiple_images","copilot_chat_auto_mode_picker_paid","copilot_chat_category_rate_limit_messages","copilot_chat_clear_model_selection_for_default_change","copilot_chat_compact_tables","copilot_chat_docked_panel","copilot_chat_enable_tool_call_logs","copilot_chat_header_reorder","copilot_chat_input_commands","copilot_chat_interspersed_tool_calls","copilot_chat_max_upsell","copilot_chat_minimize_contextual","copilot_chat_model_picker_promotions","copilot_chat_models_browser_cache","copilot_chat_opening_thread_switch","copilot_chat_prettify_pasted_code","copilot_chat_reduce_quota_checks","copilot_chat_vision_dotcom_chat_ga_gate","copilot_chat_vision_in_claude","copilot_chat_vision_preview_gate","copilot_cli_install_cta_max_plan","copilot_css_textarea_autosize","copilot_custom_copilots","copilot_custom_copilots_feature_preview","copilot_diff_explain_conversation_intent","copilot_diff_reference_context","copilot_duplicate_thread","copilot_extensions_removal_on_marketplace","copilot_fix_failed_workflows_all_skus","copilot_ftp_hyperspace_upgrade_prompt","copilot_hide_hovercard","copilot_immersive_code_block_transition_wrap","copilot_immersive_embedded_deferred_payload","copilot_immersive_embedded_draggable","copilot_immersive_embedded_header_button","copilot_immersive_embedded_implicit_references","copilot_immersive_embedded_skip_copilot_api_token_for_dotcom_context","copilot_immersive_file_block_transition_open","copilot_immersive_file_preview_keep_mounted","copilot_immersive_job_result_preview","copilot_immersive_suggestion_pills","copilot_immersive_task_hyperlinking","copilot_immersive_task_within_chat_thread","copilot_mc_cli_resume_any_users_task","copilot_mc_nudges","copilot_mission_control_agent_filtering","copilot_mission_control_agents_page_redesign","copilot_mission_control_environment_list_icons","copilot_mission_control_grouped_tasks_endpoint","copilot_mission_control_needs_attention","copilot_mission_control_reasoning_effort","copilot_mission_control_sandbox_remote_bypass","copilot_mission_control_session_events_ui","copilot_mission_control_session_filters","copilot_mission_control_task_alive_updates","copilot_mission_control_task_sharing","copilot_org_policy_page_focus_mode","copilot_plans_signups_enabled","copilot_pr_chat_enhancements","copilot_prominent_upgrade_button","copilot_resource_panel","copilot_share_active_subthread","copilot_spaces_ga","copilot_spaces_individual_policies_ga","copilot_spark_handle_nil_friendly_name","copilot_swe_agent_authorization_status_ui","copilot_swe_agent_hide_model_picker_if_only_auto","copilot_swe_agent_issue_comment_trigger","copilot_swe_agent_pr_comment_model_picker","copilot_swe_agent_pull_request_comment_trigger","copilot_swe_agent_pull_request_merged_trigger","copilot_swe_agent_pull_request_opened_trigger","copilot_swe_agent_pull_request_synchronize_trigger","copilot_swe_agent_use_subagents","copilot_task_api_github_rest_style","copilot_token_based_billing","copilot_unconfigured_is_inherited","copilot_user_can_upgrade_plan_field","copilot_workbench_sunset","copilot_workbench_ubb","dashboard_indexeddb_caching","dashboard_lists_max_age_filter","dashboard_surface_persistent_preferences","dashboard_universe_2025_feedback_dialog","disable_customize_option_thread_subscriptions","flex_cta_groups_mvp","ga_enterprise_teams_ui","glc_code_quality_repo_settings_workflow_config","global_nav_react","hide_github_models_ui","hyperspace_2025_logged_out_batch_1","hyperspace_2025_logged_out_batch_2","hyperspace_2025_logged_out_batch_3","in_product_messaging_datadog_monitoring","ipm_budget_deep_linking","ipm_global_transactional_message_agents","ipm_global_transactional_message_copilot","ipm_global_transactional_message_issues","ipm_global_transactional_message_prs","ipm_global_transactional_message_repos","ipm_global_transactional_message_spaces","issue_cca_modal_open","issue_fields_multi_select","issue_inline_avatars","issue_relative_time_micro","issue_viewer_subissues_optimistic_overlay","issues_dashboard_sso_structured_errors","issues_expanded_file_types","issues_in_pulls_dashboard","issues_lazy_load_comment_box_suggestions","issues_react_chrome_container_query_fix","landing_pages_ninetailed","landing_pages_web_vitals_tracking","lifecycle_label_name_updates","marketing_pages_search_explore_provider","memex_default_issue_create_repository","memex_lazy_hydrate_agent_tasks","memex_live_update_hovercard","memex_mwl_filter_field_delimiter","memex_remove_deprecated_type_issue","merge_queue_restricted_pushers_warning","merge_status_checks_refetch_dedupe","merge_status_header_feedback","new_quick_search_dotcom","oauth_authorize_clickjacking_protection","octocaptcha_origin_optimization","primer_react_css_anchor_positioning","primer_react_merged_forwarded_refs","property_definition_empty_state_suggestions","prs_copilot_app_open_action","prs_css_anchor_positioning","pull_request_copilot_attribution_header","pull_request_overview_panel_edit_description","pull_request_stacks_feedback_dialog","pull_request_virtualization_image_estimate","pull_request_virtualization_scroll_compensation","pull_request_virtualization_scroll_intent","react_blob_isolate_code_lines","react_blob_ssr_content_visibility","react_data_router_code_view_sidebar","react_data_router_tanstack_allowed","react_sandbox_future_tanstack","react_sw_route_component_preload","repo_issues_sidebar_layout","repo_overview_ask_copilot","repos_contributors_limited_default_range","review_involves_filter","rulesets_actor_list_editor","sample_network_conn_type","secret_scanning_pattern_alerts_link","security_center_artifact_filters_popover","semantic_similarity_duplicate_issue_detection","session_logs_ungroup_reasoning_text","site_banner_desktop_copilot_app","site_code_quality_page","site_github_app_ga_page","site_github_app_ga_page_highlight","site_global_banner_deprecate_spark","site_global_nav_spark_models_removed","spark_prompt_secret_scanning","spark_server_connection_status","suppress_automated_browser_vitals","swp_forms_disable_octocaptcha","update_issue_suggestions","viewscreen_sandbox","warn_inaccessible_attachments","webp_support","workbench_store_readonly"],"copilotApiOverrideUrl":"https://api.githubcopilot.com","cmcApiUrl":"https://api.github.com/cmc_internal/api"}</script>
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/high-contrast-cookie-3b456c1efccae649.js"></script>
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/wp-runtime-19e83b73ff0161f3.js" defer="defer"></script>
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/app-foundation-33f393e599bf3cff.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/app-runtime-c75b74c6c9da072c.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/fetch-utilities-13e6a2728cb8d6a4.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/78205-75aff589688e0be2.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/environment-08058c9d5b08c1ee.js" defer="defer"></script>
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/app-runtime.bed436009292e433.module.css" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/catalyst-fe76da6b29217672.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/selector-observer-31e911ea8e9046d3.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/relative-time-element-30f4d10f3776b4ac.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/296-cddf2922ea3a416c.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/816-29b762091e5033a9.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/65637-e357a8be37eda955.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/58494-8fde42aa50c63758.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/31721-903cd2b317a8cc03.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/46740-0a6e4901e467cc61.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/98944-e7414dc2340e0a21.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/github-elements-50274a5a752034ff.js" defer="defer"></script>
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/element-registry-630bdab725afc0c9.js" defer="defer"></script>
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/runtime-helpers-b5a5a1cee32a4b87.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/aria-live-f791bd0decd4aed1.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/hotkey-18e2cf4c6aadb3ff.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/react-core-0f882e6b7e600396.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/react-lib-1c1e7314c65e556e.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/50841-f6411d024525940b.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/2761-3f26182ea6dd74be.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/88475-e7c45daacb58e0a3.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/26533-36c85461b011ffd5.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/3609-2a17d1c3e2ce7fe5.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/87644-7ec64f4e3cd64d13.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/21880-b24d4bde9914fd6b.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/75145-7597929c9020acb6.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/29685-9b276fea68fdefcc.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/90775-fff03cb223239d89.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/55887-99a4521199610050.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/behaviors-ef42b5bca064d613.js" defer="defer"></script>
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/react-core.698399596832c5c7.module.css" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/66728-0ce5549de1472c6f.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/codespaces-07eea0a7b99aa9c3.js" defer="defer"></script>
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/48042-7e814f43e9ff3678.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/repositories-18377c16b6c7a113.js" defer="defer"></script>
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/code-menu-9518c22d5e80fca8.js" defer="defer"></script>
+  
+  <link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/wp-runtime-19e83b73ff0161f3.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/primer-react-f2be8bd603059e72.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/76256-72283498e260887e.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/71393-41834f9c99699fd4.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/437-e211f0d3b29f548a.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/2927-6545834de562a1fe.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/13365-ed074e3b0d62ce5b.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/7463-b9008e6ac564c75f.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/96305-2aea220328b24ac0.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/27600-7a9495310b3a045d.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/88493-eabaae5d94674ff7.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/47406-be9d0d3f87bc4d3d.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/76041-7042697a0321fd55.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/11294-438be97a7ccfa6d8.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/29802-349614a98d1cc8d8.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/6065-7268903736fcd489.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/28840-26cd0c2688c3adda.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/65390-8192b87a390f0f9d.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/72027-77bcba0f6edad982.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/40062-8a0280342e37bc65.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/84437-f3c45c69e10fe08a.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/28213-a3860c594091c485.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/87093-0538a2f0e7076446.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/95685-4bba5b9eb357f56c.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/16946-2337b8f0e64081a7.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/55240-de5499b5e0462c82.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/88118-7a8d2d09965cb950.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/81976-f069f0ebe08dca02.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/73785-f3e0c4e0a7596864.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/15071-7df77fe4261e8def.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/78804-db092567c20af264.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/95194-6235d0e20f252acb.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/90227-65109ca9a6b0e850.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/43939-ca6041e0d13b6bf5.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/68616-10cc76a44ea9ca47.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/47752-057638fa7b8d8a8e.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/20188-ccc8ccbf1e726b80.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/79095-b2985c3e266eb3ac.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/7126-07d46d7c30d89ce8.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/2850-0ab48fcfc40b922d.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/40039-24cfd6c5c8d82b2a.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/60092-25a7ff34c42bcee6.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/code-view-6990a5937980c361.js" defer="defer"></script>
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react-css.d9a6dfacdd1cbc81.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/15071.ec210741e33d5011.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/60092.e749e6cc81e0f69e.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/code-view.a8b90a562003637f.module.css" />
+
+  <link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/80897-4b57a0d58a611ba8.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/notifications-subscriptions-menu-29273d9e57b258a9.js" defer="defer"></script>
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react-css.d9a6dfacdd1cbc81.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/notifications-subscriptions-menu.2774d24149229ea9.module.css" />
+
+
+  <title>GitHub - balena-io/etcher: Flash OS images to SD cards &amp; USB drives, safely and easily. · GitHub</title>
+
+
+
+  <meta name="route-pattern" content="/:user_id/:repository" data-turbo-transient>
+  <meta name="route-controller" content="files" data-turbo-transient>
+  <meta name="route-action" content="disambiguate" data-turbo-transient>
+  <meta name="fetch-nonce" content="v2:2fcae04a-58d2-5019-35ae-ce0d9a08d099">
+
+    
+  <meta name="current-catalog-service-hash" content="f3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb">
+
+
+  <meta name="request-id" content="B700:78A91:C1C80D:FE0DBF:6A7D2235" data-pjax-transient="true"/><meta name="html-safe-nonce" content="48529a688c48963f435961f126354fa95d423827f77b0c55f8b0df66f62d878c" data-pjax-transient="true"/><meta name="visitor-payload" content="eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJCNzAwOjc4QTkxOkMxQzgwRDpGRTBEQkY6NkE3RDIyMzUiLCJ2aXNpdG9yX2lkIjoiOTY0MDc5NjAxNTM4MjU4NDUiLCJyZWdpb25fZWRnZSI6InNvdXRoZWFzdGFzaWEiLCJyZWdpb25fcmVuZGVyIjoic291dGhlYXN0YXNpYSJ9" data-pjax-transient="true"/><meta name="visitor-hmac" content="d6a6e8a19bfeb95ca54cf0d5d6b1297ed276745ae77767c817be6e7da30f76fa" data-pjax-transient="true"/>
+
+
+    <meta name="hovercard-subject-tag" content="repository:45055693" data-turbo-transient>
+
+
+  <meta name="github-keyboard-shortcuts" content="repository,copilot" data-turbo-transient="true" />
+  
+
+  <meta name="selected-link" value="repo_source" data-turbo-transient>
+  <link rel="assets" href="https://github.githubassets.com/">
+
+    <meta name="google-site-verification" content="Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I">
+
+<meta name="octolytics-url" content="https://collector.github.com/github/collect" />
+
+
+
+
+
+  <meta name="analytics-location" content="/&lt;user-name&gt;/&lt;repo-name&gt;" data-turbo-transient="true" />
+
+  
+
+
+
+
+    <meta name="user-login" content="">
+
+  
+
+    <meta name="viewport" content="width=device-width">
+
+    
+
+      <meta name="description" content="Flash OS images to SD cards &amp; USB drives, safely and easily. - balena-io/etcher">
+
+      <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
+
+    <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
+    <meta property="fb:app_id" content="1401488693436528">
+    <meta name="apple-itunes-app" content="app-id=1477376905, app-argument=https://github.com/balena-io/etcher" />
+
+      <meta name="twitter:image" content="https://opengraph.githubassets.com/2a201f95bb1b7c7a7a310646930e51b93dfb44356c94e8c997ae60cde88df255/balena-io/etcher" /><meta name="twitter:site" content="@github" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="GitHub - balena-io/etcher: Flash OS images to SD cards &amp; USB drives, safely and easily." /><meta name="twitter:description" content="Flash OS images to SD cards &amp; USB drives, safely and easily. - balena-io/etcher" />
+  <meta property="og:image" content="https://opengraph.githubassets.com/2a201f95bb1b7c7a7a310646930e51b93dfb44356c94e8c997ae60cde88df255/balena-io/etcher" /><meta property="og:image:alt" content="Flash OS images to SD cards &amp; USB drives, safely and easily. - balena-io/etcher" /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="600" /><meta property="og:site_name" content="GitHub" /><meta property="og:type" content="object" /><meta property="og:title" content="GitHub - balena-io/etcher: Flash OS images to SD cards &amp; USB drives, safely and easily." /><meta property="og:url" content="https://github.com/balena-io/etcher" /><meta property="og:description" content="Flash OS images to SD cards &amp; USB drives, safely and easily. - balena-io/etcher" />
+  
+
+
+
+
+      <meta name="hostname" content="github.com">
+
+
+
+        <meta name="expected-hostname" content="github.com">
+
+
+  <meta http-equiv="x-pjax-version" content="f1a167e2db51e1a563f32188db7a845a6ed07238a581648a08efd629ebc635d3" data-turbo-track="reload">
+  <meta http-equiv="x-pjax-csp-version" content="2af6a6627810d190be616096b617c8f37a1419b9435f76190f0e0d7638222ac1" data-turbo-track="reload">
+  <meta http-equiv="x-pjax-css-version" content="f4f50ea2eb36d55c9e044ee711de11fe7e5fde5894de0e48c79d4f0b69ce00ae" data-turbo-track="reload">
+  <meta http-equiv="x-pjax-js-version" content="f9c88b6b80e73d591d1ed467f7641f3730750f05e87c53cc9254930c765665b8" data-turbo-track="reload">
+
+  <meta name="turbo-cache-control" content="no-preview" data-turbo-transient="">
+
+      <meta name="turbo-cache-control" content="no-cache" data-turbo-transient>
+
+    <meta data-hydrostats="publish">
+
+  <meta name="go-import" content="github.com/balena-io/etcher git https://github.com/balena-io/etcher.git">
+
+  <meta name="octolytics-dimension-user_id" content="6157842" /><meta name="octolytics-dimension-user_login" content="balena-io" /><meta name="octolytics-dimension-repository_id" content="45055693" /><meta name="octolytics-dimension-repository_nwo" content="balena-io/etcher" /><meta name="octolytics-dimension-repository_public" content="true" /><meta name="octolytics-dimension-repository_is_fork" content="false" /><meta name="octolytics-dimension-repository_network_root_id" content="45055693" /><meta name="octolytics-dimension-repository_network_root_nwo" content="balena-io/etcher" />
+  
+
+
+
+    
+
+    <meta name="turbo-body-classes" content="logged-out env-production page-responsive">
+  <meta name="disable-turbo" content="false">
+
+
+  <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">
+
+
+  <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">
+
+    <meta name="release" content="3bcd182de74a4561639c913b634cc5d5fc67271f" data-turbo-track="reload">
+  <meta name="ui-target" content="full">
+
+  <link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000">
+  <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png">
+  <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
+
+<meta name="theme-color" content="#1e2327">
+<meta name="color-scheme" content="light dark" />
+
+
+  <link rel="manifest" href="/manifest.json" crossOrigin="use-credentials">
+
+  </head>
+
+  <body class="logged-out env-production page-responsive" style="word-wrap: break-word;" >
+    <div data-turbo-body class="logged-out env-production page-responsive" style="word-wrap: break-word;" >
+      <div id="__primerPortalRoot__" style="z-index: 1000; position: absolute; width: 100%;" data-turbo-permanent></div>
+      
+
+    <div class="position-relative header-wrapper js-header-wrapper ">
+      <a href="#start-of-content" data-skip-target-assigned="false" class="px-2 tmp-py-4 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus js-skip-to-content">Skip to content</a>
+
+      <span data-view-component="true" class="progress-pjax-loader Progress position-fixed width-full">
+    <span style="width: 0%;" data-view-component="true" class="Progress-item progress-pjax-loader-bar left-0 top-0 color-bg-accent-emphasis"></span>
+</span>      
+      <link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/24383-a0d18af3f92d963f.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/keyboard-shortcuts-dialog-f49d6687b116d4ad.js" fetchpriority="low" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react-css.d9a6dfacdd1cbc81.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/keyboard-shortcuts-dialog.219228efddb1696d.module.css" />
+
+<react-partial
+  partial-name="keyboard-shortcuts-dialog"
+  data-ssr="false"
+  data-attempted-ssr="false"
+  data-react-profiling="false"
+>
+  
+  <script type="application/json" data-target="react-partial.embeddedData">{"props":{"docsUrl":"https://docs.github.com/get-started/accessibility/keyboard-shortcuts"}}</script>
+  <div data-target="react-partial.reactRoot"></div>
+</react-partial>
+
+
+
+
+
+      
+
+          
+
+                <link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/42179-06f4866e8ee19668.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/97662-4cacc5f29e833c39.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/71236-18053476e03a7169.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/54266-a243da4179a94260.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/9739-18f0a7d6cdb8c8ea.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/24360-79deb141ba3dfbc7.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/43403-3045f1fd875ce7b4.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/lazy-react-partial-marketing-header-949772d0091bc4af.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/marketing-header-c3ee7b3df010f1e3.js" fetchpriority="low" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react-css.d9a6dfacdd1cbc81.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react-brand-css.566b06f97d781cc2.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/lazy-react-partial-marketing-header.8ea8ee290929a5da.module.css" />
+
+<react-partial
+  partial-name="marketing-header"
+  data-ssr="true"
+  data-attempted-ssr="true"
+  data-react-profiling="false"
+>
+  
+  <script type="application/json" data-target="react-partial.embeddedData">{"props":{"color_mode":"auto","logged_in":false,"marketing_page":false,"home_path":"/","login_path":"/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher","signup_path":"/signup?ref_cta=Sign+up\u0026ref_loc=header+logged+out\u0026ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E\u0026source=header-repo\u0026source_repo=balena-io%2Fetcher","signup_enabled":true,"is_signup_controller":false,"show_search_and_nav":true,"hide_search":false,"private_mode_enabled":false,"should_use_dotcom_links":true,"auth_hydro_click":"{\"event_type\":\"authentication.click\",\"payload\":{\"location_in_page\":\"site header menu\",\"repository_id\":null,\"auth_type\":\"SIGN_UP\",\"originating_url\":\"https://github.com/balena-io/etcher\",\"user_id\":null}}","auth_hydro_click_hmac":"3221b21d764bf650a319db3f3853ef91d9e6fdd0c74e4f9e1438b07a615aa669","variant":"default","overlay":false,"fixed":false}}</script>
+  <div data-target="react-partial.reactRoot"><header class="MarketingHeader-module__root__Tk7n3 HeaderMktg header-logged-out MarketingHeader-module__default__nHxYu" role="banner" data-marketing-header="true" data-color-mode="auto" data-light-theme="light" data-dark-theme="dark" data-is-top="true"><h2 class="MarketingHeader-module__visuallyHidden__sqKsl">Navigation Menu</h2><button type="button" class="MarketingHeader-module__backdrop__sw4RU" aria-label="Close navigation menu"></button><div class="MarketingHeader-module__bar__mBSyE"><div class="MarketingHeader-module__topRow__yeury"><div class="MarketingHeader-module__toggleSlot__hDxbh"><button type="button" class="HeaderMenuToggle-module__toggle__i8EiC" aria-label="Toggle navigation" aria-expanded="false"><span class="HeaderMenuToggle-module__toggleBar__jVN0H"></span><span class="HeaderMenuToggle-module__toggleBar__jVN0H"></span><span class="HeaderMenuToggle-module__toggleBar__jVN0H"></span></button></div><a href="/" aria-label="Homepage" class="HeaderLogo-module__logo__UFyHI" data-analytics-event="{&quot;action&quot;:&quot;homepage&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;logo&quot;,&quot;location&quot;:&quot;header&quot;,&quot;label&quot;:&quot;homepage_link_logo_header&quot;}"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-mark-github" viewBox="0 0 24 24" width="32" height="32" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M10.226 17.284c-2.965-.36-5.054-2.493-5.054-5.256 0-1.123.404-2.336 1.078-3.144-.292-.741-.247-2.314.09-2.965.898-.112 2.111.36 2.83 1.01.853-.269 1.752-.404 2.853-.404 1.1 0 1.999.135 2.807.382.696-.629 1.932-1.1 2.83-.988.315.606.36 2.179.067 2.942.72.854 1.101 2 1.101 3.167 0 2.763-2.089 4.852-5.098 5.234.763.494 1.28 1.572 1.28 2.807v2.336c0 .674.561 1.056 1.235.786 4.066-1.55 7.255-5.615 7.255-10.646C23.5 6.188 18.334 1 11.978 1 5.62 1 .5 6.188.5 12.545c0 4.986 3.167 9.12 7.435 10.669.606.225 1.19-.18 1.19-.786V20.63a2.9 2.9 0 0 1-1.078.224c-1.483 0-2.359-.808-2.987-2.313-.247-.607-.517-.966-1.034-1.033-.27-.023-.359-.135-.359-.27 0-.27.45-.471.898-.471.652 0 1.213.404 1.797 1.235.45.651.921.943 1.483.943.561 0 .92-.202 1.437-.719.382-.381.674-.718.944-.943"></path></svg></a><div class="AuthCTAs-module__mobileActions__NNzeV"><a href="/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher" class="AuthCTAs-module__link__sMMQQ AuthCTAs-module__button__OLoT8 AuthCTAs-module__defaultOutline__UaTyg" data-analytics-event="{&quot;action&quot;:&quot;sign_in&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;auth_cta&quot;,&quot;location&quot;:&quot;header&quot;,&quot;label&quot;:&quot;sign_in_link_auth_cta_header&quot;}" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header menu&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="3221b21d764bf650a319db3f3853ef91d9e6fdd0c74e4f9e1438b07a615aa669">Sign in</a><button data-component="IconButton" type="button" aria-haspopup="dialog" class="prc-Button-ButtonBase-9n-Xk HeaderAppearanceSettings-module__trigger__hUheK prc-Button-IconButton-fyge7" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="invisible" aria-labelledby="_R_1mt_"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-sliders" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M15 2.75a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75Zm-8.5.75v1.25a.75.75 0 0 0 1.5 0v-4a.75.75 0 0 0-1.5 0V2H1.75a.75.75 0 0 0 0 1.5H6.5Zm1.25 5.25a.75.75 0 0 0 0-1.5h-6a.75.75 0 0 0 0 1.5h6ZM15 8a.75.75 0 0 1-.75.75H11.5V10a.75.75 0 1 1-1.5 0V6a.75.75 0 0 1 1.5 0v1.25h2.75A.75.75 0 0 1 15 8Zm-9 5.25v-2a.75.75 0 0 0-1.5 0v1.25H1.75a.75.75 0 0 0 0 1.5H4.5v1.25a.75.75 0 0 0 1.5 0v-2Zm9 0a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1 0-1.5h6a.75.75 0 0 1 .75.75Z"></path></svg></button><span class="prc-TooltipV2-Tooltip-tLeuB" data-direction="s" data-component="Tooltip" aria-hidden="true" id="_R_1mt_">Appearance settings</span></div></div><div class="MarketingHeader-module__menu__GIy3y"><div class="MarketingHeader-module__menuWrapper__owstH"><nav class="MarketingNavigation-module__nav__W0KYY" aria-label="Global"><ul class="MarketingNavigation-module__list__tFbMb"><li><div class="NavDropdown-module__container__l2YeI"><button type="button" class="NavDropdown-module__button__PEHWX" aria-expanded="false" aria-controls="_R_bd_">Platform<svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-right NavDropdown-module__buttonIcon__Tkl8_" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg></button><div id="_R_bd_" class="NavDropdown-module__dropdown__xm1jd"><ul class="NavDropdown-module__list__zuCgG"><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_2qbd_">AI CODE CREATION</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_2qbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/copilot" data-analytics-event="{&quot;action&quot;:&quot;github_copilot&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_copilot_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-copilot NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M7.998 15.035c-4.562 0-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686 1.588-2.065.013-.07.024-.143.036-.218.029-.183.06-.384.126-.612-.201-.508-.254-1.084-.254-1.656 0-.87.128-1.769.693-2.484.579-.733 1.494-1.124 2.724-1.261 1.206-.134 2.262.034 2.944.765.05.053.096.108.139.165.044-.057.094-.112.143-.165.682-.731 1.738-.899 2.944-.765 1.23.137 2.145.528 2.724 1.261.566.715.693 1.614.693 2.484 0 .572-.053 1.148-.254 1.656.066.228.098.429.126.612.012.076.024.148.037.218.924.385 1.522 1.471 1.591 2.095v1.872c0 .766-3.351 3.795-8.002 3.795Zm0-1.485c2.28 0 4.584-1.11 5.002-1.433V7.862l-.023-.116c-.49.21-1.075.291-1.727.291-1.146 0-2.059-.327-2.71-.991A3.222 3.222 0 0 1 8 6.303a3.24 3.24 0 0 1-.544.743c-.65.664-1.563.991-2.71.991-.652 0-1.236-.081-1.727-.291l-.023.116v4.255c.419.323 2.722 1.433 5.002 1.433ZM6.762 2.83c-.193-.206-.637-.413-1.682-.297-1.019.113-1.479.404-1.713.7-.247.312-.369.789-.369 1.554 0 .793.129 1.171.308 1.371.162.181.519.379 1.442.379.853 0 1.339-.235 1.638-.54.315-.322.527-.827.617-1.553.117-.935-.037-1.395-.241-1.614Zm4.155-.297c-1.044-.116-1.488.091-1.681.297-.204.219-.359.679-.242 1.614.091.726.303 1.231.618 1.553.299.305.784.54 1.638.54.922 0 1.28-.198 1.442-.379.179-.2.308-.578.308-1.371 0-.765-.123-1.242-.37-1.554-.233-.296-.693-.587-1.713-.7Z"></path><path d="M6.25 9.037a.75.75 0 0 1 .75.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 .75-.75Zm4.25.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 1.5 0Z"></path></svg>GitHub Copilot</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Write better code with AI</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/ai/github-app" data-analytics-event="{&quot;action&quot;:&quot;github_copilot_app&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_copilot_app_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-mark-github NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M6.766 11.328c-2.063-.25-3.516-1.734-3.516-3.656 0-.781.281-1.625.75-2.188-.203-.515-.172-1.609.063-2.062.625-.078 1.468.25 1.968.703.594-.187 1.219-.281 1.985-.281.765 0 1.39.094 1.953.265.484-.437 1.344-.765 1.969-.687.218.422.25 1.515.046 2.047.5.593.766 1.39.766 2.203 0 1.922-1.453 3.375-3.547 3.64.531.344.89 1.094.89 1.954v1.625c0 .468.391.734.86.547C13.781 14.359 16 11.53 16 8.03 16 3.61 12.406 0 7.984 0 3.563 0 0 3.61 0 8.031a7.88 7.88 0 0 0 5.172 7.422c.422.156.828-.125.828-.547v-1.25c-.219.094-.5.156-.75.156-1.031 0-1.64-.562-2.078-1.609-.172-.422-.36-.672-.719-.719-.187-.015-.25-.093-.25-.187 0-.188.313-.328.625-.328.453 0 .844.281 1.25.86.313.452.64.655 1.031.655s.641-.14 1-.5c.266-.265.47-.5.657-.656"></path></svg>GitHub Copilot app</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Direct agents from issue to merge</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/mcp" data-analytics-event="{&quot;action&quot;:&quot;mcp_registry&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;mcp_registry_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-mcp NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M5.52 1.12a3.578 3.578 0 0 1 6.078 2.98 3.578 3.578 0 0 1 2.982 6.08l-3.292 3.293a.252.252 0 0 0 0 .354l.843.843a.749.749 0 1 1-1.06 1.06l-.844-.843a1.75 1.75 0 0 1 0-2.474L13.52 9.12a2.08 2.08 0 0 0 0-2.94 2.08 2.08 0 0 0-2.94 0L7.731 9.03A.75.75 0 0 1 6.67 7.97l2.85-2.85a2.08 2.08 0 0 0 0-2.94 2.08 2.08 0 0 0-2.94 0l-4.799 4.8A.75.75 0 0 1 .72 5.92Z"></path><path d="M7.52 3.12a.749.749 0 1 1 1.06 1.06L5.731 7.03A2.079 2.079 0 0 0 8.67 9.97l2.85-2.85a.749.749 0 1 1 1.06 1.06l-2.849 2.85A3.578 3.578 0 0 1 4.67 5.97Z"></path></svg>MCP Registry</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Integrate external tools</span></span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_4qbd_">DEVELOPER WORKFLOWS</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_4qbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/actions" data-analytics-event="{&quot;action&quot;:&quot;actions&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;actions_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-workflow NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 1.75C0 .784.784 0 1.75 0h3.5C6.216 0 7 .784 7 1.75v3.5A1.75 1.75 0 0 1 5.25 7H4v4a1 1 0 0 0 1 1h4v-1.25C9 9.784 9.784 9 10.75 9h3.5c.966 0 1.75.784 1.75 1.75v3.5A1.75 1.75 0 0 1 14.25 16h-3.5A1.75 1.75 0 0 1 9 14.25v-.75H5A2.5 2.5 0 0 1 2.5 11V7h-.75A1.75 1.75 0 0 1 0 5.25Zm1.75-.25a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.25-.25Zm9 9a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.25-.25Z"></path></svg>Actions</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Automate any workflow</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/codespaces" data-analytics-event="{&quot;action&quot;:&quot;codespaces&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;codespaces_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-codespaces NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 11.25c0-.966.784-1.75 1.75-1.75h12.5c.966 0 1.75.784 1.75 1.75v3A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm2-9.5C2 .784 2.784 0 3.75 0h8.5C13.216 0 14 .784 14 1.75v5a1.75 1.75 0 0 1-1.75 1.75h-8.5A1.75 1.75 0 0 1 2 6.75Zm1.75-.25a.25.25 0 0 0-.25.25v5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5a.25.25 0 0 0-.25-.25Zm-2 9.5a.25.25 0 0 0-.25.25v3c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25Z"></path><path d="M7 12.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Zm-4 0a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z"></path></svg>Codespaces</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Instant dev environments</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/issues" data-analytics-event="{&quot;action&quot;:&quot;issues&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;issues_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-issue-opened NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path></svg>Issues</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Plan and track work</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/code-review" data-analytics-event="{&quot;action&quot;:&quot;code_review&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;code_review_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-code NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path></svg>Code Review</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Manage code changes</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/code-quality" data-analytics-event="{&quot;action&quot;:&quot;code_quality&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;code_quality_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-codescan-checkmark NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M10.28 6.28a.75.75 0 1 0-1.06-1.06L6.25 8.19l-.97-.97a.75.75 0 0 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.06 0l3.5-3.5Z"></path><path d="M7.5 15a7.5 7.5 0 1 1 5.807-2.754l2.473 2.474a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-2.474-2.473A7.472 7.472 0 0 1 7.5 15Zm0-13.5a6 6 0 1 0 4.094 10.386.748.748 0 0 1 .293-.292 6.002 6.002 0 0 0 1.117-6.486A6.002 6.002 0 0 0 7.5 1.5Z"></path></svg>Code Quality</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Enforce quality at merge</span></span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_6qbd_">APPLICATION SECURITY</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_6qbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/security/advanced-security" data-analytics-event="{&quot;action&quot;:&quot;github_advanced_security&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_advanced_security_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-shield-check NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m8.533.133 5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667l5.25-1.68a1.748 1.748 0 0 1 1.066 0Zm-.61 1.429.001.001-5.25 1.68a.251.251 0 0 0-.174.237V7c0 1.36.275 2.666 1.057 3.859.784 1.194 2.121 2.342 4.366 3.298a.196.196 0 0 0 .154 0c2.245-.957 3.582-2.103 4.366-3.297C13.225 9.666 13.5 8.358 13.5 7V3.48a.25.25 0 0 0-.174-.238l-5.25-1.68a.25.25 0 0 0-.153 0ZM11.28 6.28l-3.5 3.5a.75.75 0 0 1-1.06 0l-1.5-1.5a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l.97.97 2.97-2.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path></svg>GitHub Advanced Security</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Find and fix vulnerabilities</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/security/advanced-security/code-security" data-analytics-event="{&quot;action&quot;:&quot;code_security&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;code_security_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-code-square NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25Zm7.47 3.97a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1 0 1.06l-2 2a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L10.69 8 9.22 6.53a.75.75 0 0 1 0-1.06ZM6.78 6.53 5.31 8l1.47 1.47a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-2-2a.75.75 0 0 1 0-1.06l2-2a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path></svg>Code security</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Secure your code as you build</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/security/advanced-security/secret-protection" data-analytics-event="{&quot;action&quot;:&quot;secret_protection&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;secret_protection_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-lock NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M4 4a4 4 0 0 1 8 0v2h.25c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 12.25 15h-8.5A1.75 1.75 0 0 1 2 13.25v-5.5C2 6.784 2.784 6 3.75 6H4Zm8.25 3.5h-8.5a.25.25 0 0 0-.25.25v5.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25ZM10.5 6V4a2.5 2.5 0 1 0-5 0v2Z"></path></svg>Secret protection</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Stop leaks before they start</span></span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ NavGroup-module__hasSeparator__FnMrN"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_8qbd_">EXPLORE</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_8qbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/why-github" data-analytics-event="{&quot;action&quot;:&quot;why_github&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;why_github_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Why GitHub</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://docs.github.com" data-analytics-event="{&quot;action&quot;:&quot;documentation&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;documentation_link_platform_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Documentation</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://github.blog" data-analytics-event="{&quot;action&quot;:&quot;blog&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;blog_link_platform_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Blog</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://github.blog/changelog" data-analytics-event="{&quot;action&quot;:&quot;changelog&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;changelog_link_platform_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Changelog</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/marketplace" data-analytics-event="{&quot;action&quot;:&quot;marketplace&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;marketplace_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Marketplace</span></a></li></ul></div></li></ul><div class="NavDropdown-module__trailingLinkContainer__VgJGL"><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/features" data-analytics-event="{&quot;action&quot;:&quot;view_all_features&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_features_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all features</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></div></div></div></li><li><div class="NavDropdown-module__container__l2YeI"><button type="button" class="NavDropdown-module__button__PEHWX" aria-expanded="false" aria-controls="_R_jd_">Solutions<svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-right NavDropdown-module__buttonIcon__Tkl8_" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg></button><div id="_R_jd_" class="NavDropdown-module__dropdown__xm1jd"><ul class="NavDropdown-module__list__zuCgG"><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_2qjd_">BY COMPANY SIZE</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_2qjd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/enterprise" data-analytics-event="{&quot;action&quot;:&quot;enterprises&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;enterprises_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Enterprises</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/team" data-analytics-event="{&quot;action&quot;:&quot;small_and_medium_teams&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;small_and_medium_teams_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Small and medium teams</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/enterprise/startups" data-analytics-event="{&quot;action&quot;:&quot;startups&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;startups_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Startups</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/industry/nonprofits" data-analytics-event="{&quot;action&quot;:&quot;nonprofits&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;nonprofits_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Nonprofits</span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_4qjd_">BY USE CASE</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_4qjd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/use-case/app-modernization" data-analytics-event="{&quot;action&quot;:&quot;app_modernization&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;app_modernization_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">App Modernization</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/use-case/devsecops" data-analytics-event="{&quot;action&quot;:&quot;devsecops&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;devsecops_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">DevSecOps</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/use-case/devops" data-analytics-event="{&quot;action&quot;:&quot;devops&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;devops_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">DevOps</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/use-case/ci-cd" data-analytics-event="{&quot;action&quot;:&quot;ci/cd&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;ci/cd_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">CI/CD</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/solutions/use-case" data-analytics-event="{&quot;action&quot;:&quot;view_all_use_cases&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_use_cases_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all use cases</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_6qjd_">BY INDUSTRY</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_6qjd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/industry/healthcare" data-analytics-event="{&quot;action&quot;:&quot;healthcare&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;healthcare_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Healthcare</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/industry/financial-services" data-analytics-event="{&quot;action&quot;:&quot;financial_services&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;financial_services_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Financial services</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/industry/manufacturing" data-analytics-event="{&quot;action&quot;:&quot;manufacturing&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;manufacturing_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Manufacturing</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/industry/government" data-analytics-event="{&quot;action&quot;:&quot;government&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;government_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Government</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/solutions/industry" data-analytics-event="{&quot;action&quot;:&quot;view_all_industries&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_industries_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all industries</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></li></ul></div></li></ul><div class="NavDropdown-module__trailingLinkContainer__VgJGL"><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/solutions" data-analytics-event="{&quot;action&quot;:&quot;view_all_solutions&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_solutions_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all solutions</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></div></div></div></li><li><div class="NavDropdown-module__container__l2YeI"><button type="button" class="NavDropdown-module__button__PEHWX" aria-expanded="false" aria-controls="_R_rd_">Resources<svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-right NavDropdown-module__buttonIcon__Tkl8_" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg></button><div id="_R_rd_" class="NavDropdown-module__dropdown__xm1jd"><ul class="NavDropdown-module__list__zuCgG"><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_2qrd_">EXPLORE BY TOPIC</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_2qrd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/articles?topic=ai" data-analytics-event="{&quot;action&quot;:&quot;ai&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;ai_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">AI</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/articles?topic=software-development" data-analytics-event="{&quot;action&quot;:&quot;software_development&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;software_development_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Software Development</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/articles?topic=devops" data-analytics-event="{&quot;action&quot;:&quot;devops&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;devops_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">DevOps</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/articles?topic=security" data-analytics-event="{&quot;action&quot;:&quot;security&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;security_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Security</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/resources/articles" data-analytics-event="{&quot;action&quot;:&quot;view_all_topics&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_topics_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all topics</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_4qrd_">EXPLORE BY TYPE</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_4qrd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/customer-stories" data-analytics-event="{&quot;action&quot;:&quot;customer_stories&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;customer_stories_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Customer stories</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/events" data-analytics-event="{&quot;action&quot;:&quot;events__webinars&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;events__webinars_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Events &amp; webinars</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/whitepapers" data-analytics-event="{&quot;action&quot;:&quot;ebooks__reports&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;ebooks__reports_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Ebooks &amp; reports</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/executive-insights" data-analytics-event="{&quot;action&quot;:&quot;business_insights&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;business_insights_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Business insights</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://skills.github.com" data-analytics-event="{&quot;action&quot;:&quot;github_skills&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_skills_link_resources_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">GitHub Skills</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_6qrd_">SUPPORT &amp; SERVICES</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_6qrd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://docs.github.com" data-analytics-event="{&quot;action&quot;:&quot;documentation&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;documentation_link_resources_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Documentation</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://support.github.com" data-analytics-event="{&quot;action&quot;:&quot;customer_support&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;customer_support_link_resources_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Customer support</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/orgs/community/discussions" data-analytics-event="{&quot;action&quot;:&quot;community_forum&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;community_forum_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Community forum</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/trust-center" data-analytics-event="{&quot;action&quot;:&quot;trust_center&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;trust_center_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Trust center</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/partners" data-analytics-event="{&quot;action&quot;:&quot;partners&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;partners_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Partners</span></a></li></ul></div></li></ul><div class="NavDropdown-module__trailingLinkContainer__VgJGL"><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/resources" data-analytics-event="{&quot;action&quot;:&quot;view_all_resources&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_resources_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all resources</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></div></div></div></li><li><div class="NavDropdown-module__container__l2YeI"><button type="button" class="NavDropdown-module__button__PEHWX" aria-expanded="false" aria-controls="_R_13d_">Open Source<svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-right NavDropdown-module__buttonIcon__Tkl8_" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg></button><div id="_R_13d_" class="NavDropdown-module__dropdown__xm1jd"><ul class="NavDropdown-module__list__zuCgG"><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_2r3d_">COMMUNITY</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_2r3d_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/open-source/sponsors" data-analytics-event="{&quot;action&quot;:&quot;github_sponsors&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_sponsors_link_open_source_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-sponsor-tiers NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M10.586 1C12.268 1 13.5 2.37 13.5 4.25c0 1.745-.996 3.359-2.622 4.831-.166.15-.336.297-.509.438l1.116 5.584a.75.75 0 0 1-.991.852l-2.409-.876a.25.25 0 0 0-.17 0l-2.409.876a.75.75 0 0 1-.991-.852L5.63 9.519a13.78 13.78 0 0 1-.51-.438C3.497 7.609 2.5 5.995 2.5 4.25 2.5 2.37 3.732 1 5.414 1c.963 0 1.843.403 2.474 1.073L8 2.198l.112-.125a3.385 3.385 0 0 1 2.283-1.068L10.586 1Zm-3.621 9.495-.718 3.594 1.155-.42a1.75 1.75 0 0 1 1.028-.051l.168.051 1.154.42-.718-3.592c-.199.13-.37.235-.505.314l-.169.097a.75.75 0 0 1-.72 0 9.54 9.54 0 0 1-.515-.308l-.16-.105ZM10.586 2.5c-.863 0-1.611.58-1.866 1.459-.209.721-1.231.721-1.44 0C7.025 3.08 6.277 2.5 5.414 2.5 4.598 2.5 4 3.165 4 4.25c0 1.23.786 2.504 2.128 3.719.49.443 1.018.846 1.546 1.198l.325.21.076-.047.251-.163a13.341 13.341 0 0 0 1.546-1.198C11.214 6.754 12 5.479 12 4.25c0-1.085-.598-1.75-1.414-1.75Z"></path></svg>GitHub Sponsors</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Fund open source developers</span></span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_4r3d_">PROGRAMS</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_4r3d_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://securitylab.github.com" data-analytics-event="{&quot;action&quot;:&quot;security_lab&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;security_lab_link_open_source_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Security Lab</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://maintainers.github.com" data-analytics-event="{&quot;action&quot;:&quot;maintainer_community&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;maintainer_community_link_open_source_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Maintainer Community</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/open-source/accelerator" data-analytics-event="{&quot;action&quot;:&quot;accelerator&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;accelerator_link_open_source_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Accelerator</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://stars.github.com" data-analytics-event="{&quot;action&quot;:&quot;github_stars&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_stars_link_open_source_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">GitHub Stars</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://archiveprogram.github.com" data-analytics-event="{&quot;action&quot;:&quot;archive_program&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;archive_program_link_open_source_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Archive Program</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_6r3d_">REPOSITORIES</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_6r3d_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/topics" data-analytics-event="{&quot;action&quot;:&quot;topics&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;topics_link_open_source_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Topics</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/trending" data-analytics-event="{&quot;action&quot;:&quot;trending&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;trending_link_open_source_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Trending</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/collections" data-analytics-event="{&quot;action&quot;:&quot;collections&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;collections_link_open_source_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Collections</span></a></li></ul></div></li></ul></div></div></li><li><div class="NavDropdown-module__container__l2YeI"><button type="button" class="NavDropdown-module__button__PEHWX" aria-expanded="false" aria-controls="_R_1bd_">Enterprise<svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-right NavDropdown-module__buttonIcon__Tkl8_" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg></button><div id="_R_1bd_" class="NavDropdown-module__dropdown__xm1jd"><ul class="NavDropdown-module__list__zuCgG"><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_2rbd_">ENTERPRISE SOLUTIONS</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_2rbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/enterprise" data-analytics-event="{&quot;action&quot;:&quot;enterprise_platform&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;enterprise&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;enterprise_platform_link_enterprise_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-stack NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M7.122.392a1.75 1.75 0 0 1 1.756 0l5.003 2.902c.83.481.83 1.68 0 2.162L8.878 8.358a1.75 1.75 0 0 1-1.756 0L2.119 5.456a1.251 1.251 0 0 1 0-2.162ZM8.125 1.69a.248.248 0 0 0-.25 0l-4.63 2.685 4.63 2.685a.248.248 0 0 0 .25 0l4.63-2.685ZM1.601 7.789a.75.75 0 0 1 1.025-.273l5.249 3.044a.248.248 0 0 0 .25 0l5.249-3.044a.75.75 0 0 1 .752 1.298l-5.248 3.044a1.75 1.75 0 0 1-1.756 0L1.874 8.814A.75.75 0 0 1 1.6 7.789Zm0 3.5a.75.75 0 0 1 1.025-.273l5.249 3.044a.248.248 0 0 0 .25 0l5.249-3.044a.75.75 0 0 1 .752 1.298l-5.248 3.044a1.75 1.75 0 0 1-1.756 0l-5.248-3.044a.75.75 0 0 1-.273-1.025Z"></path></svg>Enterprise platform</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">AI-powered developer platform</span></span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_4rbd_">AVAILABLE ADD-ONS</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_4rbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/security/advanced-security" data-analytics-event="{&quot;action&quot;:&quot;github_advanced_security&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;enterprise&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_advanced_security_link_enterprise_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-shield-check NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m8.533.133 5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667l5.25-1.68a1.748 1.748 0 0 1 1.066 0Zm-.61 1.429.001.001-5.25 1.68a.251.251 0 0 0-.174.237V7c0 1.36.275 2.666 1.057 3.859.784 1.194 2.121 2.342 4.366 3.298a.196.196 0 0 0 .154 0c2.245-.957 3.582-2.103 4.366-3.297C13.225 9.666 13.5 8.358 13.5 7V3.48a.25.25 0 0 0-.174-.238l-5.25-1.68a.25.25 0 0 0-.153 0ZM11.28 6.28l-3.5 3.5a.75.75 0 0 1-1.06 0l-1.5-1.5a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l.97.97 2.97-2.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path></svg>GitHub Advanced Security</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Enterprise-grade security features</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/copilot/copilot-business" data-analytics-event="{&quot;action&quot;:&quot;copilot_for_business&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;enterprise&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;copilot_for_business_link_enterprise_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-copilot NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M7.998 15.035c-4.562 0-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686 1.588-2.065.013-.07.024-.143.036-.218.029-.183.06-.384.126-.612-.201-.508-.254-1.084-.254-1.656 0-.87.128-1.769.693-2.484.579-.733 1.494-1.124 2.724-1.261 1.206-.134 2.262.034 2.944.765.05.053.096.108.139.165.044-.057.094-.112.143-.165.682-.731 1.738-.899 2.944-.765 1.23.137 2.145.528 2.724 1.261.566.715.693 1.614.693 2.484 0 .572-.053 1.148-.254 1.656.066.228.098.429.126.612.012.076.024.148.037.218.924.385 1.522 1.471 1.591 2.095v1.872c0 .766-3.351 3.795-8.002 3.795Zm0-1.485c2.28 0 4.584-1.11 5.002-1.433V7.862l-.023-.116c-.49.21-1.075.291-1.727.291-1.146 0-2.059-.327-2.71-.991A3.222 3.222 0 0 1 8 6.303a3.24 3.24 0 0 1-.544.743c-.65.664-1.563.991-2.71.991-.652 0-1.236-.081-1.727-.291l-.023.116v4.255c.419.323 2.722 1.433 5.002 1.433ZM6.762 2.83c-.193-.206-.637-.413-1.682-.297-1.019.113-1.479.404-1.713.7-.247.312-.369.789-.369 1.554 0 .793.129 1.171.308 1.371.162.181.519.379 1.442.379.853 0 1.339-.235 1.638-.54.315-.322.527-.827.617-1.553.117-.935-.037-1.395-.241-1.614Zm4.155-.297c-1.044-.116-1.488.091-1.681.297-.204.219-.359.679-.242 1.614.091.726.303 1.231.618 1.553.299.305.784.54 1.638.54.922 0 1.28-.198 1.442-.379.179-.2.308-.578.308-1.371 0-.765-.123-1.242-.37-1.554-.233-.296-.693-.587-1.713-.7Z"></path><path d="M6.25 9.037a.75.75 0 0 1 .75.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 .75-.75Zm4.25.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 1.5 0Z"></path></svg>Copilot for Business</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Enterprise-grade AI features</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/enterprise/premium-support" data-analytics-event="{&quot;action&quot;:&quot;premium_support&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;enterprise&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;premium_support_link_enterprise_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-comment-discussion NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path></svg>Premium Support</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Enterprise-grade 24/7 support</span></span></a></li></ul></div></li></ul></div></div></li><li><a href="https://github.com/pricing" data-analytics-event="{&quot;action&quot;:&quot;pricing&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;pricing&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;pricing_link_pricing_navbar&quot;}" class="MarketingNavigation-module__navLink__hUomM">Pricing</a></li></ul></nav><div class="MarketingHeader-module__ctaContainer__tBmPz"><div class="HeaderSearch-module__searchSlot__oVOUS"><button type="button" class="HeaderSearch-module__trigger__zsF9q" aria-haspopup="dialog" aria-expanded="false" aria-label="Search or jump to, type / to search" data-analytics-event="{&quot;action&quot;:&quot;searchbar&quot;,&quot;tag&quot;:&quot;input&quot;,&quot;context&quot;:&quot;global&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;searchbar_input_global_navbar&quot;}"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-search HeaderSearch-module__icon__wcrHX" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path></svg><span class="HeaderSearch-module__placeholder__xWpYW">Type <kbd class="HeaderSearch-module__kbd__HNG0o">/</kbd> to search</span></button><div class="d-none"></div></div><div class="AuthCTAs-module__signInWrap__q2P60"><a href="/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher" class="AuthCTAs-module__link__sMMQQ AuthCTAs-module__button__OLoT8 AuthCTAs-module__defaultOutline__UaTyg AuthCTAs-module__signInDesktop__PMene AuthCTAs-module__hiddenBelowLg__BfKBw" data-analytics-event="{&quot;action&quot;:&quot;sign_in&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;auth_cta&quot;,&quot;location&quot;:&quot;header&quot;,&quot;label&quot;:&quot;sign_in_link_auth_cta_header&quot;}" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header menu&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="3221b21d764bf650a319db3f3853ef91d9e6fdd0c74e4f9e1438b07a615aa669">Sign in</a></div><a href="/signup?ref_cta=Sign+up&amp;ref_loc=header+logged+out&amp;ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&amp;source=header-repo&amp;source_repo=balena-io%2Fetcher" class="AuthCTAs-module__link__sMMQQ AuthCTAs-module__button__OLoT8 AuthCTAs-module__defaultOutline__UaTyg AuthCTAs-module__signUp__zF_eG" data-analytics-event="{&quot;action&quot;:&quot;sign_up&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;auth_cta&quot;,&quot;location&quot;:&quot;header&quot;,&quot;label&quot;:&quot;sign_up_link_auth_cta_header&quot;}" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header menu&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="3221b21d764bf650a319db3f3853ef91d9e6fdd0c74e4f9e1438b07a615aa669">Sign up</a><button data-component="IconButton" type="button" aria-haspopup="dialog" class="prc-Button-ButtonBase-9n-Xk HeaderAppearanceSettings-module__trigger__hUheK HeaderAppearanceSettings-module__triggerInMenu__sjApM prc-Button-IconButton-fyge7" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="invisible" aria-labelledby="_R_7ld_"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-sliders" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M15 2.75a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75Zm-8.5.75v1.25a.75.75 0 0 0 1.5 0v-4a.75.75 0 0 0-1.5 0V2H1.75a.75.75 0 0 0 0 1.5H6.5Zm1.25 5.25a.75.75 0 0 0 0-1.5h-6a.75.75 0 0 0 0 1.5h6ZM15 8a.75.75 0 0 1-.75.75H11.5V10a.75.75 0 1 1-1.5 0V6a.75.75 0 0 1 1.5 0v1.25h2.75A.75.75 0 0 1 15 8Zm-9 5.25v-2a.75.75 0 0 0-1.5 0v1.25H1.75a.75.75 0 0 0 0 1.5H4.5v1.25a.75.75 0 0 0 1.5 0v-2Zm9 0a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1 0-1.5h6a.75.75 0 0 1 .75.75Z"></path></svg></button><span class="prc-TooltipV2-Tooltip-tLeuB" data-direction="s" data-component="Tooltip" aria-hidden="true" id="_R_7ld_">Appearance settings</span></div></div></div></div></header></div>
+</react-partial>
+
+
+
+      <div hidden="hidden" data-view-component="true" class="js-stale-session-flash stale-session-flash flash flash-warn flash-full">
+  
+        <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
+    <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
+</svg>
+        <span class="js-stale-session-flash-signed-in" hidden>You signed in with another tab or window. <a class="Link--inTextBlock" href="">Reload</a> to refresh your session.</span>
+        <span class="js-stale-session-flash-signed-out" hidden>You signed out in another tab or window. <a class="Link--inTextBlock" href="">Reload</a> to refresh your session.</span>
+        <span class="js-stale-session-flash-switched" hidden>You switched accounts on another tab or window. <a class="Link--inTextBlock" href="">Reload</a> to refresh your session.</span>
+
+    <button id="icon-button-2f128264-9bd1-4b78-a500-4daf8a74085a" aria-labelledby="tooltip-a8449452-3b43-4bb9-9310-8514c1dbae3f" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium flash-close js-flash-close">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x Button-visual">
+    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+</button><tool-tip id="tooltip-a8449452-3b43-4bb9-9310-8514c1dbae3f" for="icon-button-2f128264-9bd1-4b78-a500-4daf8a74085a" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Dismiss alert</tool-tip>
+
+
+  
+</div>
+    </div>
+
+  <div id="start-of-content" class="show-on-focus"></div>
+
+
+
+
+
+
+
+
+    <div id="js-flash-container" class="flash-container" data-turbo-replace>
+
+
+
+
+
+  <template class="js-flash-template">
+    
+<div class="flash flash-full   {{ className }}">
+  <div >
+    <button autofocus class="flash-close js-flash-close" type="button" aria-label="Dismiss this message">
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
+    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+    </button>
+    <div aria-atomic="true" role="alert" class="js-flash-alert">
+      
+      <div>{{ message }}</div>
+
+    </div>
+  </div>
+</div>
+  </template>
+</div>
+
+
+    
+
+
+
+
+
+
+  <div
+    class="application-main "
+    data-commit-hovercards-enabled
+    data-discussion-hovercards-enabled
+    data-issue-and-pr-hovercards-enabled
+    data-project-hovercards-enabled
+  >
+        <div itemscope itemtype="http://schema.org/SoftwareSourceCode" class="">
+    <main id="js-repo-pjax-container" >
+      
+      
+    
+
+    <include-fragment src="/in-product-messaging/budget-threshold-banner?organization=balena-io" data-nonce="v2:2fcae04a-58d2-5019-35ae-ce0d9a08d099" data-view-component="true">
+  
+  <div data-show-on-forbidden-error hidden>
+    <div class="Box">
+  <div class="blankslate-container">
+    <div data-view-component="true" class="blankslate blankslate-spacious color-bg-default rounded-2">
+      
+
+      <h3 data-view-component="true" class="blankslate-heading">        Uh oh!
+</h3>
+      <p data-view-component="true" class="blankslate-description">        <p class="color-fg-muted my-2 mb-2 ws-normal">There was an error while loading. <a class="Link--inTextBlock" data-turbo="false" href="" aria-label="Please reload this page">Please reload this page</a>.</p>
+</p>
+
+</div>  </div>
+</div>  </div>
+</include-fragment>
+
+    
+
+
+
+
+
+
+
+
+  
+
+  <div id="repository-container-header"  class="tmp-pt-3 hide-full-screen" style="background-color: var(--page-header-bgColor, var(--color-page-header-bg));" data-turbo-replace>
+
+      <div class="d-flex flex-nowrap flex-justify-end tmp-mb-3  tmp-px-3 tmp-px-lg-5" style="gap: 1rem;">
+
+        <div class="flex-auto min-width-0 width-fit">
+            
+  <div class=" d-flex flex-wrap flex-items-center wb-break-word f3 text-normal">
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo color-fg-muted mr-2 tmp-mr-2">
+    <path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path>
+</svg>
+    
+    <span class="author flex-self-stretch" itemprop="author">
+      <a class="url fn" rel="author" data-hovercard-type="organization" data-hovercard-url="/orgs/balena-io/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/balena-io">
+        balena-io
+</a>    </span>
+    <span class="mx-1 flex-self-stretch color-fg-muted">/</span>
+    <strong itemprop="name" class="mr-2 flex-self-stretch">
+      <a data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" href="/balena-io/etcher">etcher</a>
+    </strong>
+
+    <span></span><span class="Label Label--secondary v-align-middle mr-1">Public</span>
+  </div>
+
+
+        </div>
+
+        <div id="repository-details-container" class="flex-shrink-0" data-turbo-replace style="max-width: 70%;">
+            <ul class="pagehead-actions flex-shrink-0 d-none d-md-inline" style="padding: 2px 0;">
+    
+      
+
+  <li>
+            <a href="/login?return_to=%2Fbalena-io%2Fetcher" rel="nofollow" id="repository-details-watch-button" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;notification subscription menu watch&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;LOG_IN&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="ce430fa4d54d77e4f256abd7b370bf15a56f18105be1eee20b183e85affdfe9b" aria-label="You must be signed in to change notification settings" data-view-component="true" class="btn-sm btn">    <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-bell mr-2 tmp-mr-2">
+    <path d="M8 16a2 2 0 0 0 1.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 0 0 8 16ZM3 5a5 5 0 0 1 10 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.519 1.519 0 0 1 13.482 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.255.255 0 0 0 3 7.947Zm5-3.5A3.5 3.5 0 0 0 4.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.017.017 0 0 0-.003.01l.001.006c0 .002.002.004.004.006l.006.004.007.001h10.964l.007-.001.006-.004.004-.006.001-.007a.017.017 0 0 0-.003-.01l-1.703-2.554a1.745 1.745 0 0 1-.294-.97V5A3.5 3.5 0 0 0 8 1.5Z"></path>
+</svg>Notifications
+</a>    <tool-tip id="tooltip-dd6d5f4b-2db1-4444-91ab-8fdca2e586b8" for="repository-details-watch-button" popover="manual" data-direction="s" data-type="description" data-view-component="true" class="sr-only position-absolute">You must be signed in to change notification settings</tool-tip>
+
+  </li>
+
+  <li>
+          <a icon="repo-forked" id="fork-button" href="/login?return_to=%2Fbalena-io%2Fetcher" rel="nofollow" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;repo details fork button&quot;,&quot;repository_id&quot;:45055693,&quot;auth_type&quot;:&quot;LOG_IN&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="b67ba007129ce1461e471654dfa419dfa4a5362ca7ff0d47d691fdd4aa24f09f" data-view-component="true" class="btn-sm btn">    <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo-forked mr-2 tmp-mr-2">
+    <path d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path>
+</svg>Fork
+    <span id="repo-network-counter" data-pjax-replace="true" data-turbo-replace="true" title="2,402" data-view-component="true" class="Counter">2.4k</span>
+</a>
+  </li>
+
+  <li>
+        <div data-view-component="true" class="BtnGroup d-flex">
+        <a href="/login?return_to=%2Fbalena-io%2Fetcher" rel="nofollow" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;star button&quot;,&quot;repository_id&quot;:45055693,&quot;auth_type&quot;:&quot;LOG_IN&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="29c8f0310ddfbaca64c12422e31ea1823756c4eca1ed2dd10d9ad9222e285a7e" aria-label="You must be signed in to star a repository" data-view-component="true" class="tooltipped tooltipped-sw btn-sm btn">    <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-star v-align-text-bottom d-inline-block mr-2 tmp-mr-2">
+    <path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path>
+</svg><span data-view-component="true" class="d-inline">
+          Star
+</span>          <span id="repo-stars-counter-star" aria-label="34147 users starred this repository" data-singular-suffix="user starred this repository" data-plural-suffix="users starred this repository" data-turbo-replace="true" title="34,147" data-view-component="true" class="Counter js-social-count">34.1k</span>
+</a></div>
+  </li>
+
+</ul>
+
+        </div>
+      </div>
+
+        <div id="responsive-meta-container" data-turbo-replace>
+</div>
+
+
+          <nav data-pjax="#js-repo-pjax-container" aria-label="Repository" data-view-component="true" class="js-repo-nav js-sidenav-container-pjax js-responsive-underlinenav overflow-hidden UnderlineNav px-3 tmp-px-3 px-md-4 tmp-px-md-4 px-lg-5 tmp-px-lg-5">
+
+  <ul data-view-component="true" class="UnderlineNav-body list-style-none">
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="code-tab" href="/balena-io/etcher" data-tab-item="i0code-tab" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches repo_packages repo_deployments repo_attestations /balena-io/etcher" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g c" data-command-id="repositories:go-to-code" data-react-nav="code-view" data-react-nav-anchor="code-view-repo-link" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Code&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" aria-current="page" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item selected">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-code UnderlineNav-octicon d-none d-sm-inline">
+    <path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+        <span data-content="Code">Code</span>
+          <span id="code-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="issues-tab" href="/balena-io/etcher/issues" data-tab-item="i1issues-tab" data-selected-links="repo_issues repo_labels repo_milestones /balena-io/etcher/issues" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g i" data-command-id="repositories:go-to-issues" data-react-nav="issues-react" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Issues&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-issue-opened UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path>
+</svg>
+        <span data-content="Issues">Issues</span>
+          <span id="issues-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="640" data-view-component="true" class="Counter">640</span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="pull-requests-tab" href="/balena-io/etcher/pulls" data-tab-item="i2pull-requests-tab" data-selected-links="repo_pulls checks /balena-io/etcher/pulls" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g p" data-command-id="repositories:go-to-pull-requests" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Pull requests&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-git-pull-request UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25Zm5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354ZM3.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm0 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm8.25.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Z"></path>
+</svg>
+        <span data-content="Pull requests">Pull requests</span>
+          <span id="pull-requests-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="44" data-view-component="true" class="Counter">44</span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="actions-tab" href="/balena-io/etcher/actions" data-tab-item="i3actions-tab" data-selected-links="repo_actions /balena-io/etcher/actions" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g a" data-command-id="repositories:go-to-actions" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Actions&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-play UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path>
+</svg>
+        <span data-content="Actions">Actions</span>
+          <span id="actions-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="wiki-tab" href="/balena-io/etcher/wiki" data-tab-item="i4wiki-tab" data-selected-links="repo_wiki /balena-io/etcher/wiki" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g w" data-command-id="repositories:go-to-wiki" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Wiki&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-book UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"></path>
+</svg>
+        <span data-content="Wiki">Wiki</span>
+          <span id="wiki-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="security-and-quality-tab" href="/balena-io/etcher/security" data-tab-item="i5security-and-quality-tab" data-selected-links="security overview alerts policy token_scanning code_scanning /balena-io/etcher/security" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g s" data-command-id="repositories:go-to-security" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Security and quality&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-shield UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M7.467.133a1.748 1.748 0 0 1 1.066 0l5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667Zm.61 1.429a.25.25 0 0 0-.153 0l-5.25 1.68a.25.25 0 0 0-.174.238V7c0 1.358.275 2.666 1.057 3.86.784 1.194 2.121 2.34 4.366 3.297a.196.196 0 0 0 .154 0c2.245-.956 3.582-2.104 4.366-3.298C13.225 9.666 13.5 8.36 13.5 7V3.48a.251.251 0 0 0-.174-.237l-5.25-1.68ZM8.75 4.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 1.5 0ZM9 10.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
+</svg>
+        <span data-content="Security and quality">Security and quality</span>
+          <span id="security-and-quality-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="0" hidden="hidden" data-view-component="true" class="Counter">0</span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="insights-tab" href="/balena-io/etcher/pulse" data-tab-item="i6insights-tab" data-selected-links="repo_graphs repo_contributors dependency_graph dependabot_updates pulse people community /balena-io/etcher/pulse" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-command-id="repositories:go-to-insights" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Insights&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-graph UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M1.5 1.75V13.5h13.75a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75V1.75a.75.75 0 0 1 1.5 0Zm14.28 2.53-5.25 5.25a.75.75 0 0 1-1.06 0L7 7.06 4.28 9.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.25-3.25a.75.75 0 0 1 1.06 0L10 7.94l4.72-4.72a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path>
+</svg>
+        <span data-content="Insights">Insights</span>
+          <span id="insights-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span>
+
+
+    
+</a></li>
+</ul>
+    <div style="visibility:hidden;" data-view-component="true" class="UnderlineNav-actions js-responsive-underlinenav-overflow position-absolute pr-3 tmp-pr-3 pr-md-4 tmp-pr-md-4 pr-lg-5 tmp-pr-lg-5 right-0">      <action-menu data-select-variant="none" data-view-component="true">
+  <focus-group direction="vertical" mnemonics retain>
+    <button id="action-menu-c07f5474-e703-410a-80fb-8c01d1d227c6-button" popovertarget="action-menu-c07f5474-e703-410a-80fb-8c01d1d227c6-overlay" aria-controls="action-menu-c07f5474-e703-410a-80fb-8c01d1d227c6-list" aria-haspopup="true" aria-labelledby="tooltip-b421bd09-b1a6-454f-bf7d-a86517e07044" type="button" data-view-component="true" class="Button Button--iconOnly Button--secondary Button--medium UnderlineNav-item">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
+    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path>
+</svg>
+</button><tool-tip id="tooltip-b421bd09-b1a6-454f-bf7d-a86517e07044" for="action-menu-c07f5474-e703-410a-80fb-8c01d1d227c6-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Additional navigation options</tool-tip>
+
+
+<anchored-position data-target="action-menu.overlay" id="action-menu-c07f5474-e703-410a-80fb-8c01d1d227c6-overlay" anchor="action-menu-c07f5474-e703-410a-80fb-8c01d1d227c6-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
+  <div data-view-component="true" class="Overlay Overlay--size-auto">
+    
+      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">          <action-list>
+  <div data-view-component="true">
+    <ul aria-labelledby="action-menu-c07f5474-e703-410a-80fb-8c01d1d227c6-button" id="action-menu-c07f5474-e703-410a-80fb-8c01d1d227c6-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
+        <li hidden="hidden" data-menu-item="i0code-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-e167ca87-c328-47be-899a-ab14c62d689d" href="/balena-io/etcher" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-code">
+    <path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Code
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i1issues-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-f559c0d2-9565-434d-921a-6988efc706fa" href="/balena-io/etcher/issues" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-issue-opened">
+    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Issues
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i2pull-requests-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-479b228f-4528-4521-b4e3-6cdfd0d26d51" href="/balena-io/etcher/pulls" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-git-pull-request">
+    <path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25Zm5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354ZM3.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm0 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm8.25.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Pull requests
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i3actions-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-43751aa0-6646-4f9b-88af-a9eb1adab362" href="/balena-io/etcher/actions" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-play">
+    <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Actions
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i4wiki-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-dd771b91-bbc6-49ba-a81e-ac3420496c69" href="/balena-io/etcher/wiki" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-book">
+    <path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Wiki
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i5security-and-quality-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-a83ada32-bd3b-4c87-a546-5dbbf302caa9" href="/balena-io/etcher/security" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-shield">
+    <path d="M7.467.133a1.748 1.748 0 0 1 1.066 0l5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667Zm.61 1.429a.25.25 0 0 0-.153 0l-5.25 1.68a.25.25 0 0 0-.174.238V7c0 1.358.275 2.666 1.057 3.86.784 1.194 2.121 2.34 4.366 3.297a.196.196 0 0 0 .154 0c2.245-.956 3.582-2.104 4.366-3.298C13.225 9.666 13.5 8.36 13.5 7V3.48a.251.251 0 0 0-.174-.237l-5.25-1.68ZM8.75 4.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 1.5 0ZM9 10.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Security and quality
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i6insights-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-dc0923e3-7cbd-4d9c-ab8a-bdddaba15ff1" href="/balena-io/etcher/pulse" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-graph">
+    <path d="M1.5 1.75V13.5h13.75a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75V1.75a.75.75 0 0 1 1.5 0Zm14.28 2.53-5.25 5.25a.75.75 0 0 1-1.06 0L7 7.06 4.28 9.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.25-3.25a.75.75 0 0 1 1.06 0L10 7.94l4.72-4.72a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Insights
+</span>      
+</a>
+  
+</li>
+</ul>    
+</div></action-list>
+
+
+</div>
+      
+</div></anchored-position>  </focus-group>
+</action-menu></div>
+</nav>
+
+  </div>
+  
+
+
+
+<turbo-frame id="repo-content-turbo-frame" target="_top" data-turbo-action="advance" class="">
+    <div id="repo-content-pjax-container" class="repository-content " >
+    
+
+
+
+    
+      
+    
+
+
+
+
+
+
+
+
+<react-app
+  app-name="code-view"
+  initial-path="/balena-io/etcher"
+  style="display: block; min-height: calc(100vh - 64px);"
+  data-attempted-ssr="true"
+  data-ssr="true"
+  data-lazy="false"
+  data-alternate="false"
+  data-data-router-enabled="true"
+  data-react-profiling="false"
+>
+  
+  <script type="application/json" data-target="react-app.embeddedData">{"payload":{"codeViewRepoRoute":{"path":"/","refInfo":{"name":"master","listCacheKey":"v0:1780392323.0","canEdit":false,"refType":"branch","currentOid":"1e2500e4f11cf9855460fa679154b3e6158e8024"},"tree":{"items":[{"name":".github","path":".github","contentType":"directory"},{"name":".versionbot","path":".versionbot","contentType":"directory"},{"name":"assets","path":"assets","contentType":"directory"},{"name":"docs","path":"docs","contentType":"directory"},{"name":"lib","path":"lib","contentType":"directory"},{"name":"tests","path":"tests","contentType":"directory"},{"name":"typings","path":"typings","contentType":"directory"},{"name":".dockerignore","path":".dockerignore","contentType":"file"},{"name":".editorconfig","path":".editorconfig","contentType":"file"},{"name":".eslintrc.js","path":".eslintrc.js","contentType":"file"},{"name":".gitattributes","path":".gitattributes","contentType":"file"},{"name":".gitignore","path":".gitignore","contentType":"file"},{"name":".nvmrc","path":".nvmrc","contentType":"file"},{"name":".prettierrc.js","path":".prettierrc.js","contentType":"file"},{"name":"CHANGELOG.md","path":"CHANGELOG.md","contentType":"file"},{"name":"LICENSE","path":"LICENSE","contentType":"file"},{"name":"README.md","path":"README.md","contentType":"file"},{"name":"after-install.tpl","path":"after-install.tpl","contentType":"file"},{"name":"entitlements.mac.plist","path":"entitlements.mac.plist","contentType":"file"},{"name":"forge.config.ts","path":"forge.config.ts","contentType":"file"},{"name":"forge.sidecar.ts","path":"forge.sidecar.ts","contentType":"file"},{"name":"npm-shrinkwrap.json","path":"npm-shrinkwrap.json","contentType":"file"},{"name":"package.json","path":"package.json","contentType":"file"},{"name":"pkg-sidecar.json","path":"pkg-sidecar.json","contentType":"file"},{"name":"repo.yml","path":"repo.yml","contentType":"file"},{"name":"tsconfig.json","path":"tsconfig.json","contentType":"file"},{"name":"tsconfig.sidecar.json","path":"tsconfig.sidecar.json","contentType":"file"},{"name":"wdio.conf.ts","path":"wdio.conf.ts","contentType":"file"},{"name":"webpack.config.ts","path":"webpack.config.ts","contentType":"file"}],"totalCount":29,"templateDirectorySuggestionUrl":null,"readme":null,"showBranchInfobar":false},"userNameDisplayConfiguration":"handle","treeExpanded":false,"symbolsExpanded":false,"copilotSWEAgentEnabled":false,"copilotAccessAllowed":false,"isOverview":true,"overview":{"banners":{"shouldRecommendReadme":false,"isPersonalRepo":false,"showUseActionBanner":false,"actionSlug":null,"actionId":null,"showProtectBranchBanner":false,"requiredCustomPropertyValuesMissingCount":0,"transactionalMessageBanner":null,"publishBannersInfo":{"dismissActionNoticePath":"/settings/dismiss-notice/publish_action_from_repo","releasePath":"/balena-io/etcher/releases/new?marketplace=true","showPublishActionBanner":false},"interactionLimitBanner":null,"showInvitationBanner":false,"inviterName":null,"actionsMigrationBannerInfo":{"releaseTags":[],"showImmutableActionsMigrationBanner":false,"initialMigrationStatus":null},"copilotSurveyBanner":null,"showSpammyBanner":false,"blockedContributorsBanner":null,"codespacesSurveyBanner":null},"codeButton":{"contactPath":"/contact","isEnterprise":false,"local":{"protocolInfo":{"httpAvailable":true,"sshAvailable":null,"httpUrl":"https://github.com/balena-io/etcher.git","showCloneWarning":null,"sshUrl":null,"sshCertificatesRequired":null,"sshCertificatesAvailable":null,"ghCliUrl":"gh repo clone balena-io/etcher","defaultProtocol":"http","newSshKeyUrl":"/settings/ssh/new","setProtocolPath":"/users/set_protocol?protocol_type=clone"},"platformInfo":{"cloneUrl":"https://desktop.github.com","showVisualStudioCloneButton":false,"visualStudioCloneUrl":"https://windows.github.com","showXcodeCloneButton":false,"xcodeCloneUrl":"xcode://clone?repo=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher","zipballUrl":"/balena-io/etcher/archive/refs/heads/master.zip"}},"newCodespacePath":"/codespaces/new?hide_repo_select=true\u0026repo=45055693"},"popovers":{"rename":null,"renamedParentRepo":null},"commitCount":"3,481","overviewFiles":[{"displayName":"README.md","repoName":"etcher","refName":"master","path":"README.md","preferredFileType":"readme","tabName":"README","richText":"\u003carticle class=\"markdown-body entry-content container-lg\" itemprop=\"text\"\u003e\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch1 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eEtcher\u003c/h1\u003e\u003ca id=\"user-content-etcher\" class=\"anchor\" aria-label=\"Permalink: Etcher\" href=\"#etcher\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cblockquote\u003e\n\u003cp dir=\"auto\"\u003eFlash OS images to SD cards \u0026amp; USB drives, safely and easily.\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cp dir=\"auto\"\u003eEtcher is a powerful OS image flasher built with web technologies to ensure\nflashing an SDCard or USB drive is a pleasant and safe experience. It protects\nyou from accidentally writing to your hard-drives, ensures every byte of data\nwas written correctly, and much more. It can also directly flash Raspberry Pi devices that support \u003ca href=\"https://www.raspberrypi.com/documentation/computers/raspberry-pi.html#usb-device-boot-mode\" rel=\"nofollow\"\u003eUSB device boot mode\u003c/a\u003e.\u003c/p\u003e\n\u003cp dir=\"auto\"\u003e\u003ca href=\"https://balena.io/etcher\" rel=\"nofollow\"\u003e\u003cimg src=\"https://camo.githubusercontent.com/3de420b6fa1a11d9bbf428270f8fbf78a166e782093674fe7eaa166729066081/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f62616c656e612d696f2f6574636865722e7376673f7374796c653d666c61742d737175617265\" alt=\"Current Release\" data-canonical-src=\"https://img.shields.io/github/release/balena-io/etcher.svg?style=flat-square\" style=\"max-width: 100%;\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/balena-io/etcher/blob/master/LICENSE\"\u003e\u003cimg src=\"https://camo.githubusercontent.com/dfb926102e98bd6e534d29a54cbae76de5ff5f1ad834e50f0f38b2c4cded6403/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f62616c656e612d696f2f6574636865722e7376673f7374796c653d666c61742d737175617265\" alt=\"License\" data-canonical-src=\"https://img.shields.io/github/license/balena-io/etcher.svg?style=flat-square\" style=\"max-width: 100%;\"\u003e\u003c/a\u003e\n\u003ca href=\"https://forums.balena.io/c/etcher\" rel=\"nofollow\"\u003e\u003cimg src=\"https://camo.githubusercontent.com/ab45d2fe3c7810c82227bc70111a4470fa5ed4da6d5ab5d77d343d2f09da7def/68747470733a2f2f696d672e736869656c64732e696f2f646973636f757273652f68747470732f666f72756d732e62616c656e612e696f2f746f706963732e7376673f7374796c653d666c61742d737175617265266c6162656c3d62616c656e612e696f253230666f72756d73\" alt=\"Balena.io Forums\" data-canonical-src=\"https://img.shields.io/discourse/https/forums.balena.io/topics.svg?style=flat-square\u0026amp;label=balena.io%20forums\" style=\"max-width: 100%;\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003chr\u003e\n\u003cp dir=\"auto\"\u003e\u003ca href=\"https://balena.io/etcher\" rel=\"nofollow\"\u003e\u003cstrong\u003eDownload\u003c/strong\u003e\u003c/a\u003e | \u003ca href=\"https://github.com/balena-io/etcher/blob/master/docs/SUPPORT.md\"\u003e\u003cstrong\u003eSupport\u003c/strong\u003e\u003c/a\u003e | \u003ca href=\"https://github.com/balena-io/etcher/blob/master/docs/USER-DOCUMENTATION.md\"\u003e\u003cstrong\u003eDocumentation\u003c/strong\u003e\u003c/a\u003e | \u003ca href=\"https://github.com/balena-io/etcher/blob/master/docs/CONTRIBUTING.md\"\u003e\u003cstrong\u003eContributing\u003c/strong\u003e\u003c/a\u003e | \u003ca href=\"https://github.com/balena-io/etcher/milestones\"\u003e\u003cstrong\u003eRoadmap\u003c/strong\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eSupported Operating Systems\u003c/h2\u003e\u003ca id=\"user-content-supported-operating-systems\" class=\"anchor\" aria-label=\"Permalink: Supported Operating Systems\" href=\"#supported-operating-systems\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cul dir=\"auto\"\u003e\n\u003cli\u003eLinux; most distros; Intel 64-bit.\u003c/li\u003e\n\u003cli\u003eWindows 10 and later; Intel 64-bit.\u003c/li\u003e\n\u003cli\u003emacOS 10.13 (High Sierra) and later; both Intel and Apple Silicon.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eInstallers\u003c/h2\u003e\u003ca id=\"user-content-installers\" class=\"anchor\" aria-label=\"Permalink: Installers\" href=\"#installers\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eRefer to the \u003ca href=\"https://balena.io/etcher\" rel=\"nofollow\"\u003edownloads page\u003c/a\u003e for the latest pre-made\ninstallers for all supported operating systems.\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003ePackages\u003c/h2\u003e\u003ca id=\"user-content-packages\" class=\"anchor\" aria-label=\"Permalink: Packages\" href=\"#packages\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch4 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eDebian and Ubuntu based Package Repository (GNU/Linux x86/x64)\u003c/h4\u003e\u003ca id=\"user-content-debian-and-ubuntu-based-package-repository-gnulinux-x86x64\" class=\"anchor\" aria-label=\"Permalink: Debian and Ubuntu based Package Repository (GNU/Linux x86/x64)\" href=\"#debian-and-ubuntu-based-package-repository-gnulinux-x86x64\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003ePackage for Debian and Ubuntu can be downloaded from the \u003ca href=\"https://github.com/balena-io/etcher/releases/\"\u003eGithub release page\u003c/a\u003e\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eInstall .deb file using apt\u003c/h5\u003e\u003ca id=\"user-content-install-deb-file-using-apt\" class=\"anchor\" aria-label=\"Permalink: Install .deb file using apt\" href=\"#install-deb-file-using-apt\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"   sudo apt install ./balena-etcher_******_amd64.deb\"\u003e\u003cpre\u003e   sudo apt install ./balena-etcher_\u003cspan class=\"pl-k\"\u003e******\u003c/span\u003e_amd64.deb\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eUninstall\u003c/h5\u003e\u003ca id=\"user-content-uninstall\" class=\"anchor\" aria-label=\"Permalink: Uninstall\" href=\"#uninstall\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"   sudo apt remove balena-etcher\"\u003e\u003cpre\u003e   sudo apt remove balena-etcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch4 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eRedhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)\u003c/h4\u003e\u003ca id=\"user-content-redhat-rhel-and-fedora-based-package-repository-gnulinux-x86x64\" class=\"anchor\" aria-label=\"Permalink: Redhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)\" href=\"#redhat-rhel-and-fedora-based-package-repository-gnulinux-x86x64\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eYum\u003c/h5\u003e\u003ca id=\"user-content-yum\" class=\"anchor\" aria-label=\"Permalink: Yum\" href=\"#yum\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003ePackage for Fedora-based and Redhat can be downloaded from the \u003ca href=\"https://github.com/balena-io/etcher/releases/\"\u003eGithub release page\u003c/a\u003e\u003c/p\u003e\n\u003col dir=\"auto\"\u003e\n\u003cli\u003eInstall using yum\u003c/li\u003e\n\u003c/ol\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"   sudo yum localinstall balena-etcher-***.x86_64.rpm\"\u003e\u003cpre\u003e   sudo yum localinstall balena-etcher-\u003cspan class=\"pl-k\"\u003e***\u003c/span\u003e.x86_64.rpm\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch4 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eArch/Manjaro Linux (GNU/Linux x64)\u003c/h4\u003e\u003ca id=\"user-content-archmanjaro-linux-gnulinux-x64\" class=\"anchor\" aria-label=\"Permalink: Arch/Manjaro Linux (GNU/Linux x64)\" href=\"#archmanjaro-linux-gnulinux-x64\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eEtcher is offered through the Arch User Repository and can be installed on both Manjaro and Arch systems. You can compile it from the source code in this repository using \u003ca href=\"https://aur.archlinux.org/packages/balena-etcher/\" rel=\"nofollow\"\u003e\u003ccode\u003ebalena-etcher\u003c/code\u003e\u003c/a\u003e. The following example uses a common AUR helper to install the latest release:\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"yay -S balena-etcher\"\u003e\u003cpre\u003eyay -S balena-etcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eUninstall\u003c/h5\u003e\u003ca id=\"user-content-uninstall-1\" class=\"anchor\" aria-label=\"Permalink: Uninstall\" href=\"#uninstall-1\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"yay -R balena-etcher\"\u003e\u003cpre\u003eyay -R balena-etcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch4 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eWinGet (Windows)\u003c/h4\u003e\u003ca id=\"user-content-winget-windows\" class=\"anchor\" aria-label=\"Permalink: WinGet (Windows)\" href=\"#winget-windows\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eThis package is updated by \u003ca href=\"https://github.com/vedantmgoyal2009/winget-releaser\"\u003egh-action\u003c/a\u003e, and is kept up to date automatically.\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"winget install balenaEtcher #or Balena.Etcher\"\u003e\u003cpre\u003ewinget install balenaEtcher \u003cspan class=\"pl-c\"\u003e\u003cspan class=\"pl-c\"\u003e#\u003c/span\u003eor Balena.Etcher\u003c/span\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eUninstall\u003c/h5\u003e\u003ca id=\"user-content-uninstall-2\" class=\"anchor\" aria-label=\"Permalink: Uninstall\" href=\"#uninstall-2\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"winget uninstall balenaEtcher\"\u003e\u003cpre\u003ewinget uninstall balenaEtcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch4 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eChocolatey (Windows)\u003c/h4\u003e\u003ca id=\"user-content-chocolatey-windows\" class=\"anchor\" aria-label=\"Permalink: Chocolatey (Windows)\" href=\"#chocolatey-windows\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eThis package is maintained by \u003ca href=\"https://github.com/majkinetor\"\u003e@majkinetor\u003c/a\u003e, and\nis kept up to date automatically.\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"choco install etcher\"\u003e\u003cpre\u003echoco install etcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eUninstall\u003c/h5\u003e\u003ca id=\"user-content-uninstall-3\" class=\"anchor\" aria-label=\"Permalink: Uninstall\" href=\"#uninstall-3\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"choco uninstall etcher\"\u003e\u003cpre\u003echoco uninstall etcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eSupport\u003c/h2\u003e\u003ca id=\"user-content-support\" class=\"anchor\" aria-label=\"Permalink: Support\" href=\"#support\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eIf you're having any problem, please \u003ca href=\"https://github.com/balena-io/etcher/issues/new\"\u003eraise an issue\u003c/a\u003e on GitHub, and\nthe balena.io team will be happy to help.\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eLicense\u003c/h2\u003e\u003ca id=\"user-content-license\" class=\"anchor\" aria-label=\"Permalink: License\" href=\"#license\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eEtcher is free software and may be redistributed under the terms specified in\nthe \u003ca href=\"https://github.com/balena-io/etcher/blob/master/LICENSE\"\u003elicense\u003c/a\u003e.\u003c/p\u003e\n\u003c/article\u003e","loaded":true,"timedOut":false,"errorMessage":null,"headerInfo":{"toc":[{"level":1,"text":"Etcher","anchor":"etcher","htmlText":"Etcher"},{"level":2,"text":"Supported Operating Systems","anchor":"supported-operating-systems","htmlText":"Supported Operating Systems"},{"level":2,"text":"Installers","anchor":"installers","htmlText":"Installers"},{"level":2,"text":"Packages","anchor":"packages","htmlText":"Packages"},{"level":4,"text":"Debian and Ubuntu based Package Repository (GNU/Linux x86/x64)","anchor":"debian-and-ubuntu-based-package-repository-gnulinux-x86x64","htmlText":"Debian and Ubuntu based Package Repository (GNU/Linux x86/x64)"},{"level":5,"text":"Install .deb file using apt","anchor":"install-deb-file-using-apt","htmlText":"Install .deb file using apt"},{"level":5,"text":"Uninstall","anchor":"uninstall","htmlText":"Uninstall"},{"level":4,"text":"Redhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)","anchor":"redhat-rhel-and-fedora-based-package-repository-gnulinux-x86x64","htmlText":"Redhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)"},{"level":5,"text":"Yum","anchor":"yum","htmlText":"Yum"},{"level":4,"text":"Arch/Manjaro Linux (GNU/Linux x64)","anchor":"archmanjaro-linux-gnulinux-x64","htmlText":"Arch/Manjaro Linux (GNU/Linux x64)"},{"level":5,"text":"Uninstall","anchor":"uninstall-1","htmlText":"Uninstall"},{"level":4,"text":"WinGet (Windows)","anchor":"winget-windows","htmlText":"WinGet (Windows)"},{"level":5,"text":"Uninstall","anchor":"uninstall-2","htmlText":"Uninstall"},{"level":4,"text":"Chocolatey (Windows)","anchor":"chocolatey-windows","htmlText":"Chocolatey (Windows)"},{"level":5,"text":"Uninstall","anchor":"uninstall-3","htmlText":"Uninstall"},{"level":2,"text":"Support","anchor":"support","htmlText":"Support"},{"level":2,"text":"License","anchor":"license","htmlText":"License"}],"siteNavLoginPath":"/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher"}},{"displayName":"CONTRIBUTING.md","repoName":"etcher","refName":"master","path":"docs/CONTRIBUTING.md","preferredFileType":"contributing","tabName":"Contributing","richText":null,"loaded":false,"timedOut":false,"errorMessage":null,"headerInfo":{"toc":null,"siteNavLoginPath":"/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher"}},{"displayName":"LICENSE","repoName":"etcher","refName":"master","path":"LICENSE","preferredFileType":"license","tabName":"Apache-2.0","richText":null,"loaded":false,"timedOut":false,"errorMessage":null,"headerInfo":{"toc":null,"siteNavLoginPath":"/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher"}}],"overviewFilesProcessingTime":0,"copilotSWEAgentEnabled":false}},"codeViewLayoutRoute":{"repo":{"id":45055693,"defaultBranch":"master","name":"etcher","ownerLogin":"balena-io","currentUserCanPush":false,"isFork":false,"isEmpty":false,"createdAt":"2015-10-27T16:53:23.000Z","ownerAvatar":"https://avatars.githubusercontent.com/u/6157842?v=4","public":true,"private":false,"isOrgOwned":true},"currentUser":null,"uploadToken":"yntYLAwIy68HNmGyXyPREc_HAr9tZoRRJIEh4ot8rovnKIJ9ccIs-HlujsF2Xy-PaaqJQd_EdSsv68mTmR1bwA","allShortcutsEnabled":false,"treeExpanded":true,"path":"/","symbolsExpanded":false,"refInfo":{"name":"master","listCacheKey":"v0:1780392323.0","canEdit":false,"currentOid":"1e2500e4f11cf9855460fa679154b3e6158e8024"},"helpUrl":"https://docs.github.com","findFileWorkerPath":"/assets-cdn/worker/find-file-worker-197357bd459e1d17.js","findInFileWorkerPath":"/assets-cdn/worker/find-in-file-worker-cdd287749939f30b.js","githubDevUrl":null},"sidebarAbout":{"description":"Flash OS images to SD cards \u0026 USB drives, safely and easily.","formattedDescription":"Flash OS images to SD cards \u0026amp; USB drives, safely and easily.","website":"https://etcher.io/","topics":[{"name":"cross-platform"},{"name":"etcher"},{"name":"sd-cards"},{"name":"usb-drives"}],"showInsights":true,"canOpenStargazersAndWatchers":false,"stargazerCount":34147,"watcherCount":442,"forksCount":2402,"stargazersPath":"/balena-io/etcher/stargazers","watchersPath":"/balena-io/etcher/watchers","forkNetworkPath":"/balena-io/etcher/forks","activityPath":"/balena-io/etcher/activity","customPropertiesPath":"/balena-io/etcher/custom-properties","reportPath":"/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher\u0026report=balena-io+%28user%29","canEditMetadata":false,"ownerLogin":"balena-io","repoName":"etcher","isOrg":true,"sections":{"releases":{"releaseCount":291,"tagCount":319},"sponsors":false,"deployments":false,"packages":true,"usedBy":true,"contributors":true,"languages":true,"cta":false,"suggestedWorkflows":false},"hasCitation":false,"pagesUrl":"http://balena-io.github.io/etcher/","repo":{"ownerAvatarUrl":"https://avatars.githubusercontent.com/u/6157842?s=60\u0026v=4","ownerId":6157842,"isPrivate":false,"isTemplate":false,"isFork":false,"isMirror":false,"isArchived":false,"visibilityLabel":"Public","license":{"spdxId":"Apache-2.0","name":"Apache License 2.0"},"isAdvisoryWorkspace":false},"star":{"viewerHasStarred":false,"canStar":false},"fork":{"canFork":false,"forkabilityError":"not_logged_in"},"pin":{"canPin":false,"isPinned":true,"isOrgOwned":true,"pinItemsRemaining":0},"watch":{"canWatch":false,"watchData":{"repositoryId":"45055693","repositoryName":"balena-io/etcher","watchersCount":442,"subscriptionType":"none","subscribableThreadTypes":[{"name":"Issue","enabled":true,"subscribed":false},{"name":"PullRequest","enabled":true,"subscribed":false},{"name":"Release","enabled":true,"subscribed":false},{"name":"Discussion","enabled":false,"subscribed":false},{"name":"SecurityAlert","enabled":true,"subscribed":false}],"showLabelSubscriptions":false,"subscribedLabels":[]}},"viewer":{"isLoggedIn":false,"isSiteAdmin":false,"emuContributionBlocked":false},"showSponsorButton":false,"showTemplateButton":false,"showDemoNotification":false},"csrf_tokens":{"/balena-io/etcher/branches":{"post":"T2PrY3l5uCrCpxJCkI3FZGcwMBL2CIPbOR-geI33SRswbWuC5nrMp4Ms07OLvtUw1nWndsUoil8zNgPcVh4wRw"}}},"title":"GitHub - balena-io/etcher: Flash OS images to SD cards \u0026 USB drives, safely and easily.","appPayload":{},"meta":{"title":"GitHub - balena-io/etcher: Flash OS images to SD cards \u0026 USB drives, safely and easily."}}</script>
+  <div data-target="react-app.reactRoot"><meta name="github-code-view-meta-stats" id="github-code-view-meta-stats" data-hydrostats="publish"/> <!-- --> <a hidden="" id="code-view-repo-link" href="/balena-io/etcher" data-discover="true"></a> <div class="d-none"></div><div><div style="--spacing:var(--spacing-none)" class="prc-PageLayout-PageLayoutRoot--KH-d" data-component="SplitPageLayout"><div class="prc-PageLayout-PageLayoutWrapper-2BhU2" data-width="full"><div class="prc-PageLayout-PageLayoutContent-BneH9"><div data-component="SplitPageLayout.Content" class="prc-PageLayout-ContentWrapper-gR9eG" data-is-hidden-narrow="false"><div class="prc-PageLayout-Content-xWL-A" data-width="full" style="--spacing:var(--spacing-none)"><div class="SharedPageLayout-module__content__IwGAp" data-selector="repos-split-pane-content" id="repos-split-pane-content" tabindex="0"><div style="--spacing:var(--spacing-none)" class="prc-PageLayout-PageLayoutRoot--KH-d container-xl" data-component="SplitPageLayout"><div class="prc-PageLayout-PageLayoutWrapper-2BhU2" data-width="full"><header data-component="SplitPageLayout.Header" data-hidden="false" class="prc-PageLayout-Header-0of-R tmp-px-3 tmp-px-lg-5" style="--spacing:var(--spacing-none)"><div class="prc-PageLayout-HeaderContent-gdFfN" style="--spacing:var(--spacing-none)"><!--&--><!--/&--></div><div class="prc-PageLayout-HorizontalDivider-JLVqp prc-PageLayout-HeaderHorizontalDivider-odAHl" data-component="PageLayout.HorizontalDivider" data-variant="none" style="--spacing-divider:var(--spacing-none);--spacing:var(--spacing-none)"></div></header><div class="prc-PageLayout-PageLayoutContent-BneH9"><div data-component="SplitPageLayout.Content" class="prc-PageLayout-ContentWrapper-gR9eG" data-is-hidden="false"><div class="prc-PageLayout-Content-xWL-A" data-width="large" style="--spacing:var(--spacing-condensed)"><div class="OverviewContent-module__Box__PF75K tmp-pl-lg-3 mt-0"><div class="OverviewHeader-module__Box__cC1RH"></div><div class="OverviewContent-module__Box_1__MPS0U"><div class="OverviewContent-module__Box_2__Di8Pb"><div class="OverviewContent-module__Box_3__wzlJx"><button data-component="Button" type="button" aria-haspopup="true" aria-expanded="false" tabindex="0" style="min-width:0" aria-label="master branch" data-testid="anchor-button" data-icv-name="Switch branches/tags" class="prc-Button-ButtonBase-9n-Xk overview-ref-selector width-full RefSelectorAnchoredOverlay-module__RefSelectorOverlayBtn__a3WK3" data-loading="false" data-size="medium" data-variant="default" id="ref-picker-repos-header-ref-selector"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-git-branch" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M9.5 3.25a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.493 2.493 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25Zm-6 0a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm8.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"></path></svg></span><span data-component="text" class="prc-Button-Label-FWkx3"><div class="RefSelectorAnchoredOverlay-module__RefSelectorOverlayContainer__yaf4p"><div class="ref-selector-button-text-container RefSelectorAnchoredOverlay-module__RefSelectorBtnTextContainer__Di3rk"><span class="RefSelectorAnchoredOverlay-module__RefSelectorText__w_fmP">master</span></div></div></span><span data-component="trailingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-down" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"></path></svg></span></span></button><div class="d-none"></div></div><div class="OverviewContent-module__Box_4__qf73o"><a data-component="Button" type="button" href="/balena-io/etcher/branches" class="prc-Button-ButtonBase-9n-Xk OverviewContent-module__Button___Uotu" data-loading="false" data-size="medium" data-variant="invisible"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-git-branch" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M9.5 3.25a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.493 2.493 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25Zm-6 0a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm8.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"></path></svg></span><span data-component="text" class="prc-Button-Label-FWkx3">Branches</span></span></a><a data-component="Button" type="button" href="/balena-io/etcher/tags" class="prc-Button-ButtonBase-9n-Xk OverviewContent-module__Button___Uotu" data-loading="false" data-size="medium" data-variant="invisible"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-tag" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1 7.775V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 0 1 0 2.474l-5.026 5.026a1.75 1.75 0 0 1-2.474 0l-6.25-6.25A1.752 1.752 0 0 1 1 7.775Zm1.5 0c0 .066.026.13.073.177l6.25 6.25a.25.25 0 0 0 .354 0l5.025-5.025a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.177-.073H2.75a.25.25 0 0 0-.25.25ZM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"></path></svg></span><span data-component="text" class="prc-Button-Label-FWkx3">Tags</span></span></a></div><div class="OverviewContent-module__Box_5__Zc3i7"><a data-component="Button" type="button" aria-label="Go to Branches page" href="/balena-io/etcher/branches" class="prc-Button-ButtonBase-9n-Xk OverviewContent-module__Button_1__vmS6D" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="invisible"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-git-branch" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M9.5 3.25a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.493 2.493 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25Zm-6 0a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm8.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"></path></svg></a><a data-component="Button" type="button" aria-label="Go to Tags page" href="/balena-io/etcher/tags" class="prc-Button-ButtonBase-9n-Xk OverviewContent-module__Button_1__vmS6D" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="invisible"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-tag" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1 7.775V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 0 1 0 2.474l-5.026 5.026a1.75 1.75 0 0 1-2.474 0l-6.25-6.25A1.752 1.752 0 0 1 1 7.775Zm1.5 0c0 .066.026.13.073.177l6.25 6.25a.25.25 0 0 0 .354 0l5.025-5.025a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.177-.073H2.75a.25.25 0 0 0-.25.25ZM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"></path></svg></a></div></div><div class="OverviewContent-module__Box_6__Y_Yb_"><div class="OverviewContent-module__Box_7__JuRXo"><div class="d-none"></div><div class="OverviewContent-module__Box_8__UZCZh"><!--$!--><template></template><!--/$--></div><div class="OverviewContent-module__Box_9__bqMPw"><button data-component="Button" type="button" class="prc-Button-ButtonBase-9n-Xk" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="default"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="text" class="prc-Button-Label-FWkx3">Go to file</span></span></button></div></div><button data-component="Button" type="button" aria-haspopup="true" aria-expanded="false" tabindex="0" class="prc-Button-ButtonBase-9n-Xk" data-loading="false" data-size="medium" data-variant="primary" id="_R_1p6l8quk5_"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-code hide-sm" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path></svg></span><span data-component="text" class="prc-Button-Label-FWkx3">Code</span><span data-component="trailingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-down" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"></path></svg></span></span></button><div class="OverviewContent-module__Box_10__mGSb4"><button data-component="IconButton" type="button" aria-haspopup="true" aria-expanded="false" tabindex="0" class="prc-Button-ButtonBase-9n-Xk prc-Button-IconButton-fyge7" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="default" aria-labelledby="_R_1u96l8quk5_" id="_R_296l8quk5_"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-kebab-horizontal" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path></svg></button><span class="prc-TooltipV2-Tooltip-tLeuB" data-direction="n" data-component="Tooltip" aria-hidden="true" id="_R_1u96l8quk5_">Open more actions menu</span></div></div></div><div class="OverviewContent-module__Box_11__F19kY"><div data-hpc="true" containertiming="hpc"><div class="d-none"></div><h2 class="sr-only ScreenReaderHeading-module__userSelectNone__rwWIk prc-Heading-Heading-MtWFE" data-component="Heading" data-testid="screen-reader-heading" id="folders-and-files">Folders and files</h2><table class="Table-module__Box__HZKiQ" aria-labelledby="folders-and-files"><thead class="DirectoryContent-module__OverviewHeaderRow__hOrKy Table-module__Box_1__VacXC"><tr class="Table-module__Box_2__PBp9s"><th colSpan="2" class="DirectoryContent-module__Box__iC_5e"><span class="text-bold">Name</span></th><th colSpan="1" class="DirectoryContent-module__Box_1__fuSBO"><span class="text-bold">Name</span></th><th class="hide-sm"><div class="width-fit prc-Truncate-Truncate-2G1eo" data-inline="true" title="Last commit message" style="--truncate-max-width:125px"><span class="text-bold">Last commit message</span></div></th><th colSpan="1" class="DirectoryContent-module__Box_2__Ccrx7"><div class="width-fit prc-Truncate-Truncate-2G1eo" data-inline="true" title="Last commit date" style="--truncate-max-width:125px"><span class="text-bold">Last commit date</span></div></th></tr></thead><tbody><tr class="DirectoryContent-module__Box_3__gl6dE"><td colSpan="3" class="bgColor-muted p-1 rounded-top-2"><div class="LatestCommit-module__Box__B25ZT"><h2 class="sr-only ScreenReaderHeading-module__userSelectNone__rwWIk prc-Heading-Heading-MtWFE" data-component="Heading" data-testid="screen-reader-heading">Latest commit</h2><div style="width:120px" class="Skeleton Skeleton--text" data-testid="loading"> </div><div class="d-flex flex-shrink-0 gap-2"><div data-testid="latest-commit-details" class="d-none d-sm-flex flex-items-center"></div><div class="d-flex gap-2"><h2 class="sr-only ScreenReaderHeading-module__userSelectNone__rwWIk prc-Heading-Heading-MtWFE" data-component="Heading" data-testid="screen-reader-heading">History</h2><a data-component="LinkButton" href="/balena-io/etcher/commits/master/" class="prc-Button-ButtonBase-9n-Xk d-none d-lg-flex LinkButton-module__linkButton__nFnov flex-items-center fgColor-default" data-loading="false" data-size="small" data-variant="invisible"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-history" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m.427 1.927 1.215 1.215a8.002 8.002 0 1 1-1.6 5.685.75.75 0 1 1 1.493-.154 6.5 6.5 0 1 0 1.18-4.458l1.358 1.358A.25.25 0 0 1 3.896 6H.25A.25.25 0 0 1 0 5.75V2.104a.25.25 0 0 1 .427-.177ZM7.75 4a.75.75 0 0 1 .75.75v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5A.75.75 0 0 1 7.75 4Z"></path></svg></span><span data-component="text" class="prc-Button-Label-FWkx3"><span class="fgColor-default">3,481 Commits</span></span></span></a><div class="d-sm-none"></div><div class="d-flex d-lg-none"><a data-component="LinkButton" aria-label="View commit history for this file." href="/balena-io/etcher/commits/master/" class="prc-Button-ButtonBase-9n-Xk LinkButton-module__linkButton__nFnov flex-items-center fgColor-default" data-loading="false" data-size="small" data-variant="invisible" aria-describedby="_R_4mkpm6l8quk5_"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-history" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m.427 1.927 1.215 1.215a8.002 8.002 0 1 1-1.6 5.685.75.75 0 1 1 1.493-.154 6.5 6.5 0 1 0 1.18-4.458l1.358 1.358A.25.25 0 0 1 3.896 6H.25A.25.25 0 0 1 0 5.75V2.104a.25.25 0 0 1 .427-.177ZM7.75 4a.75.75 0 0 1 .75.75v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5A.75.75 0 0 1 7.75 4Z"></path></svg></span></span></a><span class="prc-TooltipV2-Tooltip-tLeuB" data-direction="s" data-component="Tooltip" role="tooltip" aria-hidden="true" id="_R_4mkpm6l8quk5_">3,481 Commits</span></div></div></div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-0"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".github" aria-label=".github, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/.github" data-discover="true">.github</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".github" aria-label=".github, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/.github" data-discover="true">.github</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-1"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".versionbot" aria-label=".versionbot, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/.versionbot" data-discover="true">.versionbot</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".versionbot" aria-label=".versionbot, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/.versionbot" data-discover="true">.versionbot</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-2"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="assets" aria-label="assets, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/assets" data-discover="true">assets</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="assets" aria-label="assets, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/assets" data-discover="true">assets</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-3"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="docs" aria-label="docs, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/docs" data-discover="true">docs</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="docs" aria-label="docs, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/docs" data-discover="true">docs</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-4"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="lib" aria-label="lib, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/lib" data-discover="true">lib</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="lib" aria-label="lib, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/lib" data-discover="true">lib</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-5"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tests" aria-label="tests, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/tests" data-discover="true">tests</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tests" aria-label="tests, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/tests" data-discover="true">tests</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-6"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="typings" aria-label="typings, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/typings" data-discover="true">typings</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="typings" aria-label="typings, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/typings" data-discover="true">typings</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-7"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".dockerignore" aria-label=".dockerignore, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.dockerignore" data-discover="true">.dockerignore</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".dockerignore" aria-label=".dockerignore, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.dockerignore" data-discover="true">.dockerignore</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-8"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".editorconfig" aria-label=".editorconfig, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.editorconfig" data-discover="true">.editorconfig</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".editorconfig" aria-label=".editorconfig, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.editorconfig" data-discover="true">.editorconfig</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-9"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".eslintrc.js" aria-label=".eslintrc.js, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.eslintrc.js" data-discover="true">.eslintrc.js</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".eslintrc.js" aria-label=".eslintrc.js, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.eslintrc.js" data-discover="true">.eslintrc.js</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-10"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".gitattributes" aria-label=".gitattributes, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.gitattributes" data-discover="true">.gitattributes</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".gitattributes" aria-label=".gitattributes, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.gitattributes" data-discover="true">.gitattributes</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-11"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".gitignore" aria-label=".gitignore, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.gitignore" data-discover="true">.gitignore</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".gitignore" aria-label=".gitignore, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.gitignore" data-discover="true">.gitignore</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-12"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".nvmrc" aria-label=".nvmrc, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.nvmrc" data-discover="true">.nvmrc</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".nvmrc" aria-label=".nvmrc, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.nvmrc" data-discover="true">.nvmrc</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-13"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".prettierrc.js" aria-label=".prettierrc.js, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.prettierrc.js" data-discover="true">.prettierrc.js</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".prettierrc.js" aria-label=".prettierrc.js, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.prettierrc.js" data-discover="true">.prettierrc.js</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-14"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="CHANGELOG.md" aria-label="CHANGELOG.md, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/CHANGELOG.md" data-discover="true">CHANGELOG.md</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="CHANGELOG.md" aria-label="CHANGELOG.md, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/CHANGELOG.md" data-discover="true">CHANGELOG.md</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-15"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="LICENSE" aria-label="LICENSE, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/LICENSE" data-discover="true">LICENSE</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="LICENSE" aria-label="LICENSE, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/LICENSE" data-discover="true">LICENSE</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-16"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="README.md" aria-label="README.md, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/README.md" data-discover="true">README.md</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="README.md" aria-label="README.md, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/README.md" data-discover="true">README.md</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-17"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="after-install.tpl" aria-label="after-install.tpl, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/after-install.tpl" data-discover="true">after-install.tpl</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="after-install.tpl" aria-label="after-install.tpl, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/after-install.tpl" data-discover="true">after-install.tpl</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-18"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="entitlements.mac.plist" aria-label="entitlements.mac.plist, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/entitlements.mac.plist" data-discover="true">entitlements.mac.plist</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="entitlements.mac.plist" aria-label="entitlements.mac.plist, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/entitlements.mac.plist" data-discover="true">entitlements.mac.plist</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-19"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="forge.config.ts" aria-label="forge.config.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/forge.config.ts" data-discover="true">forge.config.ts</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="forge.config.ts" aria-label="forge.config.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/forge.config.ts" data-discover="true">forge.config.ts</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-20"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="forge.sidecar.ts" aria-label="forge.sidecar.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/forge.sidecar.ts" data-discover="true">forge.sidecar.ts</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="forge.sidecar.ts" aria-label="forge.sidecar.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/forge.sidecar.ts" data-discover="true">forge.sidecar.ts</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-21"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="npm-shrinkwrap.json" aria-label="npm-shrinkwrap.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/npm-shrinkwrap.json" data-discover="true">npm-shrinkwrap.json</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="npm-shrinkwrap.json" aria-label="npm-shrinkwrap.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/npm-shrinkwrap.json" data-discover="true">npm-shrinkwrap.json</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-22"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="package.json" aria-label="package.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/package.json" data-discover="true">package.json</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="package.json" aria-label="package.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/package.json" data-discover="true">package.json</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-23"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="pkg-sidecar.json" aria-label="pkg-sidecar.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/pkg-sidecar.json" data-discover="true">pkg-sidecar.json</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="pkg-sidecar.json" aria-label="pkg-sidecar.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/pkg-sidecar.json" data-discover="true">pkg-sidecar.json</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-24"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="repo.yml" aria-label="repo.yml, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/repo.yml" data-discover="true">repo.yml</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="repo.yml" aria-label="repo.yml, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/repo.yml" data-discover="true">repo.yml</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-25"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tsconfig.json" aria-label="tsconfig.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/tsconfig.json" data-discover="true">tsconfig.json</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tsconfig.json" aria-label="tsconfig.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/tsconfig.json" data-discover="true">tsconfig.json</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-26"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tsconfig.sidecar.json" aria-label="tsconfig.sidecar.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/tsconfig.sidecar.json" data-discover="true">tsconfig.sidecar.json</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tsconfig.sidecar.json" aria-label="tsconfig.sidecar.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/tsconfig.sidecar.json" data-discover="true">tsconfig.sidecar.json</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-27"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="wdio.conf.ts" aria-label="wdio.conf.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/wdio.conf.ts" data-discover="true">wdio.conf.ts</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="wdio.conf.ts" aria-label="wdio.conf.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/wdio.conf.ts" data-discover="true">wdio.conf.ts</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-28"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="webpack.config.ts" aria-label="webpack.config.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/webpack.config.ts" data-discover="true">webpack.config.ts</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="webpack.config.ts" aria-label="webpack.config.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/webpack.config.ts" data-discover="true">webpack.config.ts</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="show-for-mobile DirectoryContent-module__Box_4__RhIsE" data-testid="view-all-files-row"><td colSpan="3" class="DirectoryContent-module__Box_5__GaE8N"><div><button class="prc-Link-Link-9ZwDx" data-component="Link">View all files</button></div></td></tr></tbody></table></div><div class="OverviewRepoFiles-module__Box_1__OXeac"><div class="OverviewRepoFiles-module__Box_2__zsLGk"><div itemScope="" itemType="https://schema.org/abstract" class="OverviewRepoFiles-module__Box_3__bBU1C"><h2 class="prc-src-InternalVisuallyHidden-2YaI6">Repository files navigation</h2><nav class="prc-components-UnderlineWrapper-eT-Yj prc-UnderlineNav-UnderlineWrapper-GWONT OverviewRepoFiles-module__UnderlineNav__QbWWv" aria-label="Repository files" data-variant="inset" data-overflow-mode="wrap" data-hide-icons-breakpoint="xxlarge"><ul class="prc-UnderlineNav-ItemsList-oj8gN prc-components-UnderlineItemList-xKlKC" role="list"><li role="presentation" aria-hidden="true" class="prc-UnderlineNav-WrapSpacer--aLgz"></li><li class="prc-UnderlineNav-UnderlineNavItem-syRjR"><a href="#" aria-current="page" class="prc-components-UnderlineItem-7fP-n"><span data-component="icon"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-book" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"></path></svg></span><span data-component="text" data-content="README">README</span></a></li><li class="prc-UnderlineNav-UnderlineNavItem-syRjR"><a href="#" class="prc-components-UnderlineItem-7fP-n"><span data-component="icon"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-people" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 5.5a3.5 3.5 0 1 1 5.898 2.549 5.508 5.508 0 0 1 3.034 4.084.75.75 0 1 1-1.482.235 4 4 0 0 0-7.9 0 .75.75 0 0 1-1.482-.236A5.507 5.507 0 0 1 3.102 8.05 3.493 3.493 0 0 1 2 5.5ZM11 4a3.001 3.001 0 0 1 2.22 5.018 5.01 5.01 0 0 1 2.56 3.012.749.749 0 0 1-.885.954.752.752 0 0 1-.549-.514 3.507 3.507 0 0 0-2.522-2.372.75.75 0 0 1-.574-.73v-.352a.75.75 0 0 1 .416-.672A1.5 1.5 0 0 0 11 5.5.75.75 0 0 1 11 4Zm-5.5-.5a2 2 0 1 0-.001 3.999A2 2 0 0 0 5.5 3.5Z"></path></svg></span><span data-component="text" data-content="Contributing">Contributing</span></a></li><li class="prc-UnderlineNav-UnderlineNavItem-syRjR"><a href="#" class="prc-components-UnderlineItem-7fP-n"><span data-component="icon"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-law" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8.75.75V2h.985c.304 0 .603.08.867.231l1.29.736c.038.022.08.033.124.033h2.234a.75.75 0 0 1 0 1.5h-.427l2.111 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.006.005-.01.01-.045.04c-.21.176-.441.327-.686.45C14.556 10.78 13.88 11 13 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L12.178 4.5h-.162c-.305 0-.604-.079-.868-.231l-1.29-.736a.245.245 0 0 0-.124-.033H8.75V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.5h-.984a.245.245 0 0 0-.124.033l-1.289.737c-.265.15-.564.23-.869.23h-.162l2.112 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.016.015-.045.04c-.21.176-.441.327-.686.45C4.556 10.78 3.88 11 3 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L2.178 4.5H1.75a.75.75 0 0 1 0-1.5h2.234a.249.249 0 0 0 .125-.033l1.288-.737c.265-.15.564-.23.869-.23h.984V.75a.75.75 0 0 1 1.5 0Zm2.945 8.477c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327Zm-10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327Z"></path></svg></span><span data-component="text" data-content="Apache-2.0 license">Apache-2.0 license</span></a></li></ul><div class="prc-UnderlineNav-MoreButtonContainer-Dnrq6"><div class="prc-UnderlineNav-MoreButtonDivider-dN0a-"></div><button data-component="overflow-menu-button" type="button" aria-haspopup="true" aria-expanded="false" tabindex="0" class="prc-Button-ButtonBase-9n-Xk prc-UnderlineNav-MoreButton-Y8soj" data-loading="false" data-size="medium" data-variant="invisible" id="_R_l2q6l8quk5_"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="text" class="prc-Button-Label-FWkx3"><span>More<span class="prc-src-InternalVisuallyHidden-2YaI6"> items</span></span></span></span><span data-component="trailingAction" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-down" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"></path></svg></span></button></div></nav><div class="OverviewRepoFiles-module__readmeHeaderSlot__FxQN_"></div><button data-component="ActionMenu.Button" type="button" aria-label="Outline" aria-haspopup="true" aria-expanded="false" tabindex="0" class="prc-Button-ButtonBase-9n-Xk OverviewRepoFiles-module__ActionMenu_Button__OKDYV" data-loading="false" data-size="medium" data-variant="invisible" id="_R_8q6l8quk5_"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-list-unordered" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M5.75 2.5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5Zm0 5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5Zm0 5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5ZM2 14a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-6a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM2 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path></svg></button></div><div class="js-snippet-clipboard-copy-unpositioned DirectoryRichtextContent-module__SharedMarkdownContent__hHXUL" data-hpc="true" containertiming="hpc"><article class="markdown-body entry-content container-lg" itemprop="text"><div class="markdown-heading" dir="auto"><h1 tabindex="-1" class="heading-element" dir="auto">Etcher</h1><a id="user-content-etcher" class="anchor" aria-label="Permalink: Etcher" href="#etcher"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<blockquote>
+<p dir="auto">Flash OS images to SD cards &amp; USB drives, safely and easily.</p>
+</blockquote>
+<p dir="auto">Etcher is a powerful OS image flasher built with web technologies to ensure
+flashing an SDCard or USB drive is a pleasant and safe experience. It protects
+you from accidentally writing to your hard-drives, ensures every byte of data
+was written correctly, and much more. It can also directly flash Raspberry Pi devices that support <a href="https://www.raspberrypi.com/documentation/computers/raspberry-pi.html#usb-device-boot-mode" rel="nofollow">USB device boot mode</a>.</p>
+<p dir="auto"><a href="https://balena.io/etcher" rel="nofollow"><img src="https://camo.githubusercontent.com/3de420b6fa1a11d9bbf428270f8fbf78a166e782093674fe7eaa166729066081/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f62616c656e612d696f2f6574636865722e7376673f7374796c653d666c61742d737175617265" alt="Current Release" data-canonical-src="https://img.shields.io/github/release/balena-io/etcher.svg?style=flat-square" style="max-width: 100%;"></a>
+<a href="https://github.com/balena-io/etcher/blob/master/LICENSE"><img src="https://camo.githubusercontent.com/dfb926102e98bd6e534d29a54cbae76de5ff5f1ad834e50f0f38b2c4cded6403/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f62616c656e612d696f2f6574636865722e7376673f7374796c653d666c61742d737175617265" alt="License" data-canonical-src="https://img.shields.io/github/license/balena-io/etcher.svg?style=flat-square" style="max-width: 100%;"></a>
+<a href="https://forums.balena.io/c/etcher" rel="nofollow"><img src="https://camo.githubusercontent.com/ab45d2fe3c7810c82227bc70111a4470fa5ed4da6d5ab5d77d343d2f09da7def/68747470733a2f2f696d672e736869656c64732e696f2f646973636f757273652f68747470732f666f72756d732e62616c656e612e696f2f746f706963732e7376673f7374796c653d666c61742d737175617265266c6162656c3d62616c656e612e696f253230666f72756d73" alt="Balena.io Forums" data-canonical-src="https://img.shields.io/discourse/https/forums.balena.io/topics.svg?style=flat-square&amp;label=balena.io%20forums" style="max-width: 100%;"></a></p>
+<hr>
+<p dir="auto"><a href="https://balena.io/etcher" rel="nofollow"><strong>Download</strong></a> | <a href="https://github.com/balena-io/etcher/blob/master/docs/SUPPORT.md"><strong>Support</strong></a> | <a href="https://github.com/balena-io/etcher/blob/master/docs/USER-DOCUMENTATION.md"><strong>Documentation</strong></a> | <a href="https://github.com/balena-io/etcher/blob/master/docs/CONTRIBUTING.md"><strong>Contributing</strong></a> | <a href="https://github.com/balena-io/etcher/milestones"><strong>Roadmap</strong></a></p>
+<div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">Supported Operating Systems</h2><a id="user-content-supported-operating-systems" class="anchor" aria-label="Permalink: Supported Operating Systems" href="#supported-operating-systems"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<ul dir="auto">
+<li>Linux; most distros; Intel 64-bit.</li>
+<li>Windows 10 and later; Intel 64-bit.</li>
+<li>macOS 10.13 (High Sierra) and later; both Intel and Apple Silicon.</li>
+</ul>
+<div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">Installers</h2><a id="user-content-installers" class="anchor" aria-label="Permalink: Installers" href="#installers"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">Refer to the <a href="https://balena.io/etcher" rel="nofollow">downloads page</a> for the latest pre-made
+installers for all supported operating systems.</p>
+<div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">Packages</h2><a id="user-content-packages" class="anchor" aria-label="Permalink: Packages" href="#packages"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">Debian and Ubuntu based Package Repository (GNU/Linux x86/x64)</h4><a id="user-content-debian-and-ubuntu-based-package-repository-gnulinux-x86x64" class="anchor" aria-label="Permalink: Debian and Ubuntu based Package Repository (GNU/Linux x86/x64)" href="#debian-and-ubuntu-based-package-repository-gnulinux-x86x64"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">Package for Debian and Ubuntu can be downloaded from the <a href="https://github.com/balena-io/etcher/releases/">Github release page</a></p>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Install .deb file using apt</h5><a id="user-content-install-deb-file-using-apt" class="anchor" aria-label="Permalink: Install .deb file using apt" href="#install-deb-file-using-apt"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="   sudo apt install ./balena-etcher_******_amd64.deb"><pre>   sudo apt install ./balena-etcher_<span class="pl-k">******</span>_amd64.deb</pre></div>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Uninstall</h5><a id="user-content-uninstall" class="anchor" aria-label="Permalink: Uninstall" href="#uninstall"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="   sudo apt remove balena-etcher"><pre>   sudo apt remove balena-etcher</pre></div>
+<div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">Redhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)</h4><a id="user-content-redhat-rhel-and-fedora-based-package-repository-gnulinux-x86x64" class="anchor" aria-label="Permalink: Redhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)" href="#redhat-rhel-and-fedora-based-package-repository-gnulinux-x86x64"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Yum</h5><a id="user-content-yum" class="anchor" aria-label="Permalink: Yum" href="#yum"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">Package for Fedora-based and Redhat can be downloaded from the <a href="https://github.com/balena-io/etcher/releases/">Github release page</a></p>
+<ol dir="auto">
+<li>Install using yum</li>
+</ol>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="   sudo yum localinstall balena-etcher-***.x86_64.rpm"><pre>   sudo yum localinstall balena-etcher-<span class="pl-k">***</span>.x86_64.rpm</pre></div>
+<div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">Arch/Manjaro Linux (GNU/Linux x64)</h4><a id="user-content-archmanjaro-linux-gnulinux-x64" class="anchor" aria-label="Permalink: Arch/Manjaro Linux (GNU/Linux x64)" href="#archmanjaro-linux-gnulinux-x64"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">Etcher is offered through the Arch User Repository and can be installed on both Manjaro and Arch systems. You can compile it from the source code in this repository using <a href="https://aur.archlinux.org/packages/balena-etcher/" rel="nofollow"><code>balena-etcher</code></a>. The following example uses a common AUR helper to install the latest release:</p>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="yay -S balena-etcher"><pre>yay -S balena-etcher</pre></div>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Uninstall</h5><a id="user-content-uninstall-1" class="anchor" aria-label="Permalink: Uninstall" href="#uninstall-1"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="yay -R balena-etcher"><pre>yay -R balena-etcher</pre></div>
+<div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">WinGet (Windows)</h4><a id="user-content-winget-windows" class="anchor" aria-label="Permalink: WinGet (Windows)" href="#winget-windows"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">This package is updated by <a href="https://github.com/vedantmgoyal2009/winget-releaser">gh-action</a>, and is kept up to date automatically.</p>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="winget install balenaEtcher #or Balena.Etcher"><pre>winget install balenaEtcher <span class="pl-c"><span class="pl-c">#</span>or Balena.Etcher</span></pre></div>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Uninstall</h5><a id="user-content-uninstall-2" class="anchor" aria-label="Permalink: Uninstall" href="#uninstall-2"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="winget uninstall balenaEtcher"><pre>winget uninstall balenaEtcher</pre></div>
+<div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">Chocolatey (Windows)</h4><a id="user-content-chocolatey-windows" class="anchor" aria-label="Permalink: Chocolatey (Windows)" href="#chocolatey-windows"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">This package is maintained by <a href="https://github.com/majkinetor">@majkinetor</a>, and
+is kept up to date automatically.</p>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="choco install etcher"><pre>choco install etcher</pre></div>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Uninstall</h5><a id="user-content-uninstall-3" class="anchor" aria-label="Permalink: Uninstall" href="#uninstall-3"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="choco uninstall etcher"><pre>choco uninstall etcher</pre></div>
+<div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">Support</h2><a id="user-content-support" class="anchor" aria-label="Permalink: Support" href="#support"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">If you're having any problem, please <a href="https://github.com/balena-io/etcher/issues/new">raise an issue</a> on GitHub, and
+the balena.io team will be happy to help.</p>
+<div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">License</h2><a id="user-content-license" class="anchor" aria-label="Permalink: License" href="#license"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">Etcher is free software and may be redistributed under the terms specified in
+the <a href="https://github.com/balena-io/etcher/blob/master/LICENSE">license</a>.</p>
+</article></div></div></div></div></div></div></div><div class="prc-PageLayout-PaneWrapper-pHPop pr-2" style="--offset-header:0px;--spacing-row:var(--spacing-none);--spacing-column:var(--spacing-none)" data-is-hidden="false" data-position="end"><div class="prc-PageLayout-HorizontalDivider-JLVqp prc-PageLayout-PaneHorizontalDivider-9tbnE" data-component="PageLayout.HorizontalDivider" data-variant-narrow="none" data-variant-regular="none" data-position="end" style="--spacing-divider:var(--spacing-none);--spacing:var(--spacing-none)"></div><div class="prc-PageLayout-Pane-AyzHK" data-component="SplitPageLayout.Pane" style="--spacing:var(--spacing-normal);--pane-min-width:256px;--pane-max-width:calc(100vw - var(--pane-max-width-diff));--pane-width-size:var(--pane-width-large);--pane-width:320px"><!--&--><div class="CodeViewSidebar-module__borderGrid__Lpx5q"><div class="SidebarSection-module__sidebarSection__e8jFN hide-sm hide-md border-0"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>About</span></h2><p class="SidebarAbout-module__description__xTkIP prc-Text-Text-9mHv3" data-component="Text">Flash OS images to SD cards &amp; USB drives, safely and easily.</p><div class="SidebarAbout-module__websiteRow__Yi9Fi"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-link shrink-0" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg><span class="SidebarAbout-module__websiteLink__ZSZnk prc-Truncate-Truncate-2G1eo" title="https://etcher.io/" style="--truncate-max-width:none"><a class="text-bold prc-Link-Link-9ZwDx" data-component="Link" href="https://etcher.io/" target="_blank" rel="noopener noreferrer nofollow">etcher.io/</a></span></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Topics</span></h3><div class="prc-TopicTag-TopicTagGroup-CPva9"><a class="prc-TopicTag-TopicTag-LS-jX" href="/topics/cross-platform" data-discover="true">cross-platform</a><a class="prc-TopicTag-TopicTag-LS-jX" href="/topics/etcher" data-discover="true">etcher</a><a class="prc-TopicTag-TopicTag-LS-jX" href="/topics/sd-cards" data-discover="true">sd-cards</a><a class="prc-TopicTag-TopicTag-LS-jX" href="/topics/usb-drives" data-discover="true">usb-drives</a></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Resources</span></h3><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="#readme-ov-file"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-book mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"></path></svg><span>Readme</span></a></div><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="#Apache-2.0-1-ov-file"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-law mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8.75.75V2h.985c.304 0 .603.08.867.231l1.29.736c.038.022.08.033.124.033h2.234a.75.75 0 0 1 0 1.5h-.427l2.111 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.006.005-.01.01-.045.04c-.21.176-.441.327-.686.45C14.556 10.78 13.88 11 13 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L12.178 4.5h-.162c-.305 0-.604-.079-.868-.231l-1.29-.736a.245.245 0 0 0-.124-.033H8.75V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.5h-.984a.245.245 0 0 0-.124.033l-1.289.737c-.265.15-.564.23-.869.23h-.162l2.112 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.016.015-.045.04c-.21.176-.441.327-.686.45C4.556 10.78 3.88 11 3 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L2.178 4.5H1.75a.75.75 0 0 1 0-1.5h2.234a.249.249 0 0 0 .125-.033l1.288-.737c.265-.15.564-.23.869-.23h.984V.75a.75.75 0 0 1 1.5 0Zm2.945 8.477c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327Zm-10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327Z"></path></svg><span>Apache-2.0 license</span></a></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Contributing</span></h3><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="#contributing-ov-file"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-people mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 5.5a3.5 3.5 0 1 1 5.898 2.549 5.508 5.508 0 0 1 3.034 4.084.75.75 0 1 1-1.482.235 4 4 0 0 0-7.9 0 .75.75 0 0 1-1.482-.236A5.507 5.507 0 0 1 3.102 8.05 3.493 3.493 0 0 1 2 5.5ZM11 4a3.001 3.001 0 0 1 2.22 5.018 5.01 5.01 0 0 1 2.56 3.012.749.749 0 0 1-.885.954.752.752 0 0 1-.549-.514 3.507 3.507 0 0 0-2.522-2.372.75.75 0 0 1-.574-.73v-.352a.75.75 0 0 1 .416-.672A1.5 1.5 0 0 0 11 5.5.75.75 0 0 1 11 4Zm-5.5-.5a2 2 0 1 0-.001 3.999A2 2 0 0 0 5.5 3.5Z"></path></svg><span>Contributing</span></a></div><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="/balena-io/etcher/activity" data-discover="true"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-pulse mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M6 2c.306 0 .582.187.696.471L10 10.731l1.304-3.26A.751.751 0 0 1 12 7h3.25a.75.75 0 0 1 0 1.5h-2.742l-1.812 4.528a.751.751 0 0 1-1.392 0L6 4.77 4.696 8.03A.75.75 0 0 1 4 8.5H.75a.75.75 0 0 1 0-1.5h2.742l1.812-4.529A.751.751 0 0 1 6 2Z"></path></svg><span>Activity</span></a></div><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="/balena-io/etcher/custom-properties" data-discover="true"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-note mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 3.75C0 2.784.784 2 1.75 2h12.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 14H1.75A1.75 1.75 0 0 1 0 12.25Zm1.75-.25a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25ZM3.5 6.25a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75Zm.75 2.25h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5Z"></path></svg><span>Custom properties</span></a></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Stars</span></h3><div class="mt-2"><span class="SidebarAbout-module__socialStat__nnJPx"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-star mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path></svg><strong>34.1k</strong> stars</span></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Watchers</span></h3><div class="mt-2"><span class="SidebarAbout-module__socialStat__nnJPx"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-eye mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8 2c1.981 0 3.671.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.45.678-1.367 1.932-2.637 3.023C11.67 13.008 9.981 14 8 14c-1.981 0-3.671-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.798c.45-.677 1.367-1.931 2.637-3.022C4.33 2.992 6.019 2 8 2ZM1.679 7.932a.12.12 0 0 0 0 .136c.411.622 1.241 1.75 2.366 2.717C5.176 11.758 6.527 12.5 8 12.5c1.473 0 2.825-.742 3.955-1.715 1.124-.967 1.954-2.096 2.366-2.717a.12.12 0 0 0 0-.136c-.412-.621-1.242-1.75-2.366-2.717C10.824 4.242 9.473 3.5 8 3.5c-1.473 0-2.825.742-3.955 1.715-1.124.967-1.954 2.096-2.366 2.717ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Z"></path></svg><strong>442</strong> watching</span></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Forks</span></h3><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="/balena-io/etcher/forks" data-discover="true"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-repo-forked mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path></svg><span><strong>2.4k</strong></span><span> forks</span></a></div><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher&amp;report=balena-io+%28user%29" data-discover="true"><span>Report repository</span></a></div></div><div class="SidebarSection-module__sidebarSection__e8jFN"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>Releases</span></h2><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div></div><div class="SidebarSection-module__sidebarSection__e8jFN"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>Packages</span></h2><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div></div><div class="SidebarSection-module__sidebarSection__e8jFN"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>Used by</span></h2><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div></div><div class="SidebarSection-module__sidebarSection__e8jFN"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>Contributors</span></h2><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div></div><div class="SidebarSection-module__sidebarSection__e8jFN"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>Languages</span></h2><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div></div></div><!--/&--></div><div class="prc-PageLayout-VerticalDivider-9QRmK prc-PageLayout-PaneVerticalDivider-le57g" data-component="PageLayout.VerticalDivider" data-variant-narrow="none" data-variant-regular="none" data-position="end" style="--spacing:var(--spacing-none)"></div></div></div></div></div></div></div></div></div></div></div><div class="ScrollMarksContainer-module__scrollMarksContainer__Eu7uU" id="find-result-marks-container"></div><div class="d-none"></div><div class="d-none"></div></div> <!-- --> <!-- --> </div>
+</react-app>
+
+
+
+
+  </div>
+
+</turbo-frame>
+
+    </main>
+  </div>
+
+  </div>
+
+          <footer class="footer tmp-pt-7 tmp-pb-6 f6 color-fg-muted color-border-subtle p-responsive" role="contentinfo" >
+  <h2 class='sr-only'>Footer</h2>
+
+  
+
+
+  <div class="d-flex flex-justify-center flex-items-center flex-column-reverse flex-lg-row flex-wrap flex-lg-nowrap">
+    <div class="d-flex flex-items-center flex-shrink-0 mx-2">
+      <a aria-label="GitHub Homepage" class="footer-octicon mr-2" href="https://github.com">
+        <svg aria-hidden="true" data-component="Octicon" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-mark-github">
+    <path d="M10.226 17.284c-2.965-.36-5.054-2.493-5.054-5.256 0-1.123.404-2.336 1.078-3.144-.292-.741-.247-2.314.09-2.965.898-.112 2.111.36 2.83 1.01.853-.269 1.752-.404 2.853-.404 1.1 0 1.999.135 2.807.382.696-.629 1.932-1.1 2.83-.988.315.606.36 2.179.067 2.942.72.854 1.101 2 1.101 3.167 0 2.763-2.089 4.852-5.098 5.234.763.494 1.28 1.572 1.28 2.807v2.336c0 .674.561 1.056 1.235.786 4.066-1.55 7.255-5.615 7.255-10.646C23.5 6.188 18.334 1 11.978 1 5.62 1 .5 6.188.5 12.545c0 4.986 3.167 9.12 7.435 10.669.606.225 1.19-.18 1.19-.786V20.63a2.9 2.9 0 0 1-1.078.224c-1.483 0-2.359-.808-2.987-2.313-.247-.607-.517-.966-1.034-1.033-.27-.023-.359-.135-.359-.27 0-.27.45-.471.898-.471.652 0 1.213.404 1.797 1.235.45.651.921.943 1.483.943.561 0 .92-.202 1.437-.719.382-.381.674-.718.944-.943"></path>
+</svg>
+</a>
+      <span>
+        &copy; 2026 GitHub,&nbsp;Inc.
+      </span>
+    </div>
+
+    <nav aria-label="Footer">
+      <h3 class="sr-only" id="sr-footer-heading">Footer navigation</h3>
+
+      <ul class="list-style-none d-flex flex-justify-center flex-wrap mb-2 mb-lg-0" aria-labelledby="sr-footer-heading">
+
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to Terms&quot;,&quot;label&quot;:&quot;text:terms&quot;}" href="https://docs.github.com/site-policy/github-terms/github-terms-of-service" data-view-component="true" class="Link--secondary Link">Terms</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to privacy&quot;,&quot;label&quot;:&quot;text:privacy&quot;}" href="https://docs.github.com/site-policy/privacy-policies/github-privacy-statement" data-view-component="true" class="Link--secondary Link">Privacy</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to security&quot;,&quot;label&quot;:&quot;text:security&quot;}" href="https://github.com/security" data-view-component="true" class="Link--secondary Link">Security</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to status&quot;,&quot;label&quot;:&quot;text:status&quot;}" href="https://www.githubstatus.com/" data-view-component="true" class="Link--secondary Link">Status</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to community&quot;,&quot;label&quot;:&quot;text:community&quot;}" href="https://github.community/" data-view-component="true" class="Link--secondary Link">Community</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to docs&quot;,&quot;label&quot;:&quot;text:docs&quot;}" href="https://docs.github.com/" data-view-component="true" class="Link--secondary Link">Docs</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to contact&quot;,&quot;label&quot;:&quot;text:contact&quot;}" href="https://support.github.com?tags=dotcom-footer" data-view-component="true" class="Link--secondary Link">Contact</a>
+          </li>
+
+          <li class="mx-2" >
+  <cookie-consent-link>
+    <button
+      type="button"
+      class="Link--secondary underline-on-hover border-0 p-0 color-bg-transparent"
+      data-action="click:cookie-consent-link#showConsentManagement"
+      data-analytics-event="{&quot;location&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;cookies&quot;,&quot;context&quot;:&quot;subfooter&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;label&quot;:&quot;cookies_link_subfooter_footer&quot;}"
+    >
+       Manage cookies
+    </button>
+  </cookie-consent-link>
+</li>
+
+<li class="mx-2">
+  <cookie-consent-link>
+    <button
+      type="button"
+      class="Link--secondary underline-on-hover border-0 p-0 color-bg-transparent text-left"
+      data-action="click:cookie-consent-link#showConsentManagement"
+      data-analytics-event="{&quot;location&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;dont_share_info&quot;,&quot;context&quot;:&quot;subfooter&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;label&quot;:&quot;dont_share_info_link_subfooter_footer&quot;}"
+    >
+      Do not share my personal information
+    </button>
+  </cookie-consent-link>
+</li>
+
+      </ul>
+    </nav>
+  </div>
+</footer>
+
+
+
+    <ghcc-consent id="ghcc" class="position-fixed bottom-0 left-0" style="z-index: 999999"
+      data-locale="en"
+      data-initial-cookie-consent-allowed=""
+      data-cookie-consent-required="false"
+    ></ghcc-consent>
+
+
+
+
+  <div id="ajax-error-message" class="ajax-error-message flash flash-error" hidden>
+    <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
+    <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
+</svg>
+    <button type="button" class="flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
+    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+    </button>
+    You can’t perform that action at this time.
+  </div>
+
+    <template id="site-details-dialog">
+  <details class="details-reset details-overlay details-overlay-dark lh-default color-fg-default hx_rsm" open>
+    <summary role="button" aria-label="Close dialog"></summary>
+    <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast hx_rsm-dialog hx_rsm-modal">
+      <button class="Box-btn-octicon m-0 btn-octicon position-absolute right-0 top-0" type="button" aria-label="Close dialog" data-close-dialog>
+        <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
+    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+      </button>
+      <div class="octocat-spinner tmp-my-6 js-details-dialog-spinner"></div>
+    </details-dialog>
+  </details>
+</template>
+
+    <div class="Popover js-hovercard-content position-absolute" style="display: none; outline: none;">
+  <div class="Popover-message Popover-message--bottom-left Popover-message--large Box color-shadow-large" style="width:360px;">
+  </div>
+</div>
+
+    <template id="snippet-clipboard-copy-button">
+  <div class="zeroclipboard-container position-absolute right-0 top-0">
+    <clipboard-copy aria-label="Copy code to clipboard" class="ClipboardButton btn js-clipboard-copy m-2 p-0" data-copy-feedback="Copied!" data-tooltip-direction="w">
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon m-2 tmp-m-2">
+    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
+</svg>
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check js-clipboard-check-icon color-fg-success d-none m-2 tmp-m-2">
+    <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
+</svg>
+    </clipboard-copy>
+  </div>
+</template>
+<template id="snippet-clipboard-copy-button-unpositioned">
+  <div class="zeroclipboard-container">
+    <clipboard-copy aria-label="Copy code to clipboard" class="ClipboardButton btn btn-invisible js-clipboard-copy m-2 p-0 d-flex flex-justify-center flex-items-center" data-copy-feedback="Copied!" data-tooltip-direction="w">
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon">
+    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
+</svg>
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check js-clipboard-check-icon color-fg-success d-none">
+    <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
+</svg>
+    </clipboard-copy>
+  </div>
+</template>
+
+
+
+
+    </div>
+    <div id="js-global-screen-reader-notice" class="sr-only mt-n1" aria-live="polite" aria-atomic="true" ></div>
+    <div id="js-global-screen-reader-notice-assertive" class="sr-only mt-n1" aria-live="assertive" aria-atomic="true"></div>
+  </body>
+</html>
+
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/objects/fluent-motion-42ab4dc9afb2.html b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/fluent-motion-42ab4dc9afb2.html
new file mode 100644
index 0000000..165cdfd
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/fluent-motion-42ab4dc9afb2.html
@@ -0,0 +1,379 @@
+<!DOCTYPE html><html lang="en" data-astro-cid-eribfrav> <head><script>
+      // Initialize Trusted Types default policy FIRST, before any DOM manipulation.
+      // Required for CSP compliance with Astro's island hydration system.
+      (function () {
+        if (window.trustedTypes && !window.trustedTypes.defaultPolicy) {
+          try {
+            window.trustedTypes.createPolicy('default', {
+              createHTML: function (s) {
+                return s;
+              },
+              createScript: function (s) {
+                return s;
+              },
+              createScriptURL: function (s) {
+                return s;
+              },
+            });
+          } catch (e) {}
+        }
+      })();
+    </script><script>
+      // Theme preference - must run early to prevent flash of unstyled content
+      (function () {
+        var getThemePreference = function () {
+          if (typeof localStorage !== 'undefined' && localStorage.getItem('theme')) {
+            return localStorage.getItem('theme');
+          }
+          var userPreferenceTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+          localStorage.setItem('theme', userPreferenceTheme);
+          return userPreferenceTheme;
+        };
+        var isDark = getThemePreference() === 'dark';
+        document.documentElement.setAttribute('data-theme', isDark ? 'dark' : 'light');
+      })();
+    </script><meta charset="UTF-8"><meta content="initial-scale=1, width=device-width" name="viewport"><meta property="og:title" content="Fluent 2 Design System"><meta property="og:type" content="website"><meta property="og:url" content="https://REPLACE_ME/"><meta property="og:site_name" content="Fluent 2 Design System"><meta property="og:image" content="https://fluent2websitecdn.azureedge.net/cdn/fluent-logo-metadata.Cwa-_8F7.png"><title>Motion - Fluent 2 Design System</title><meta name="description" content="Learn how motion design can improve user experience by defining relationships and transitions. Discover the principles of functional, natural, consistent, and appealing motion, as well as the importance of duration and easing. Explore the different types of transitions, choreography, and hierarchy, and how to design for accessibility."><meta name="mobile-web-app-capable" content="yes"><meta name="theme-color" content="#fff"><meta name="application-name" content="Fluent 2"><meta name="msapplication-config" content="/browserconfig.xml"><link rel="sitemap" href="/sitemap-index.xml"><link rel="shortcut icon" type="image/x-icon" href="/favicons/favicon.ico"><link rel="preload" href="//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff" as="font" type="font/woff" crossorigin><link rel="preload" href="//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf" as="font" type="font/ttf" crossorigin><link rel="preconnect" href="https://39AFHJXATB-dsn.algolia.net" crossorigin><link rel="stylesheet" href="https://fluent2websitecdn.azureedge.net/cdn/accessibility.C8FxN6HQ.css">
+<style>.col1[data-astro-cid-waadjgvi]{margin-bottom:2em}@media(min-width:440px){.col1[data-astro-cid-waadjgvi]{margin-bottom:0}.two-columns[data-astro-cid-waadjgvi]{margin-top:40px;display:grid;column-gap:40px;align-items:stretch;grid-template-columns:1fr 1fr}}@media(min-width:834px){.col1[data-astro-cid-waadjgvi]{margin-bottom:0}.two-columns[data-astro-cid-waadjgvi]{margin-top:40px;display:grid;column-gap:40px;align-items:stretch;grid-template-columns:1fr 1fr}}
+.rounded-image[data-astro-cid-4wrhjlzh]{position:relative}.rounded-image[data-astro-cid-4wrhjlzh] .icon-wrap[data-astro-cid-4wrhjlzh]{display:block;padding:inherit;position:absolute;top:18px;left:20px}.rounded-image[data-astro-cid-4wrhjlzh] .image-text[data-astro-cid-4wrhjlzh]{display:block;position:absolute;padding:14px 24px;font-style:normal;font-weight:600;font-size:24px;line-height:32px}
+.card[data-astro-cid-pm65jte2]{position:relative;border-radius:16px;margin-bottom:16px}.card[data-astro-cid-pm65jte2] .icon-wrap[data-astro-cid-pm65jte2]{display:block;position:absolute;top:18px;left:20px}
+.video-wrapper{position:relative;top:0;left:0;background-color:var(--colorNeutralBackground3);border-radius:22px}.video-wrapper video{border-radius:inherit;position:relative;width:100%;height:100%}.video-wrapper .video-controls{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:22px;overflow:hidden}.video-wrapper .video-controls progress{position:absolute;bottom:0;color:var(--colorNeutralForeground5);width:100%;height:2px;background:var(--colorNeutralBackground1)}.video-wrapper .video-controls progress::-moz-progress-bar{color:var(--colorNeutralForeground5);background:var(--colorNeutralBackground1)}.video-wrapper .video-controls progress[value]::-webkit-progress-bar{background-color:var(--colorNeutralBackground1);box-shadow:0 2px 2px #00000040 inset}.video-wrapper .video-controls progress[value]::-webkit-progress-value{background-color:var(--colorNeutralForeground5)}.video-wrapper .video-controls .video-state-toggle-trigger .video-state-toggle{width:100%;height:100%;background-color:#0003;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:visibility .2s,opacity .2s,background-color .2s cubic-bezier(0,0,1,1)}.video-wrapper .video-controls .video-state-toggle-trigger .video-state-toggle.not-playing{visibility:visible;opacity:1}.video-wrapper .video-controls .video-state-toggle-trigger .video-state-toggle .video-toggle{width:55px;transition:width .1s cubic-bezier(0,0,1,1)}.video-wrapper .video-controls .video-state-toggle-trigger .video-state-toggle .video-toggle.play-button{width:70px}.video-wrapper .video-controls .video-state-toggle-trigger .video-state-toggle.pressed .video-toggle{width:60px}.video-wrapper .video-controls .video-state-toggle-trigger .video-state-toggle.pressed .video-toggle.play-button{width:75px}.video-wrapper .video-controls .video-state-toggle-trigger:hover .video-state-toggle,.video-wrapper .video-controls .video-state-toggle-trigger:focus .video-state-toggle{visibility:visible;opacity:1;background-color:#0006}.video-wrapper .video-controls .video-state-toggle-trigger:focus .video-state-toggle img{box-shadow:0 0 0 .15rem var(--colorStrokeFocus2);border-radius:2px}
+.card[data-astro-cid-q3jvt4xo]{position:relative;border-radius:22px;margin-bottom:40px}.card[data-astro-cid-q3jvt4xo] .icon-wrap[data-astro-cid-q3jvt4xo]{display:block;position:absolute;top:18px;left:20px}@media(min-width:768px){.card[data-astro-cid-q3jvt4xo]{min-height:var(--height)}}
+.preview-tag{font-weight:600;display:none;background-color:#ebebeb;color:#616161;position:absolute;z-index:1}.preview-tag.large{padding:5px 12px;border-radius:8px;font-size:14px;line-height:20px;letter-spacing:0;position:relative;margin:0}.preview-tag.small{padding:3px 6px;border-radius:6px;font-size:10px;line-height:14px}.preview-tag.visible{display:inline-block}.preview-tag.active{background-color:#fff}@media(min-width:440px){.preview-tag.large{position:absolute;margin-top:26px;margin-left:16px}}
+</style></head> <body class="page--motion" data-astro-cid-eribfrav> <a class="skip-to-main" href="#main-content" data-astro-cid-eribfrav>Skip to main content</a> <div class="sidebar-blur" data-astro-cid-eribfrav></div> <header> <nav class="nav content-width" aria-label="Top navigation"> <button class="focusable toggler nav-toggle-collapsed" aria-label="Show main navigation" aria-controls="sidebar-scroll" aria-expanded="false" data-astro-cid-puy3spgu> <span style="font-size:17px" class="_svg_fqnn1_1"><svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1925 11.2512C12.4696 11.559 12.9438 11.584 13.2517 11.307L15.7517 9.05749C15.9098 8.91529 16 8.71271 16 8.50014C16 8.28758 15.9098 8.085 15.7517 7.9428L13.2517 5.69331C12.9438 5.41628 12.4696 5.44123 12.1925 5.74904C11.9154 6.05686 11.9404 6.53096 12.2483 6.80799L13.2955 7.75031L9.75 7.75031C9.33579 7.75031 9 8.08602 9 8.50013C9 8.91425 9.33579 9.24996 9.75 9.24996H13.2955L12.2483 10.1923C11.9404 10.4693 11.9154 10.9434 12.1925 11.2512ZM0 3.25C0 1.73122 1.23122 0.5 2.75 0.5H17.25C18.7688 0.5 20 1.73122 20 3.25V13.75C20 15.2688 18.7688 16.5 17.25 16.5H2.75C1.23122 16.5 0 15.2688 0 13.75V3.25ZM2.75 2C2.05964 2 1.5 2.55964 1.5 3.25V13.75C1.5 14.4404 2.05964 15 2.75 15H6.00427V2H2.75ZM7.50427 2V15H17.25C17.9404 15 18.5 14.4404 18.5 13.75V3.25C18.5 2.55964 17.9404 2 17.25 2H7.50427Z" fill="var(--colorNeutralForeground3)"/>
+</svg>
+</span> </button> <div class="flex links"> <div class="logo-search-container"> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();</script><script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="ZMNYIk" prefix="r33" component-url="https://fluent2websitecdn.azureedge.net/cdn/Logo.DThhg1vW.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;url&quot;:[0],&quot;title&quot;:[0],&quot;logoDarkSrc&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/logo-dark.DUdCrxnY.svg&quot;],&quot;logoLightSrc&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/logo-light.D419hY-4.svg&quot;],&quot;data-astro-cid-s7zbvxmx&quot;:[0,true]}" ssr client="load" opts="{&quot;name&quot;:&quot;LogoComponent&quot;,&quot;value&quot;:true}" await-children><a href="/" title="Go to Fluent 2 website homepage" class="focusable"><div role="progressbar" aria-busy="true" style="width:89px" class="fui-Skeleton"><div class="fui-SkeletonItem ___1hxg70e f10pi13n f1a3p1vp f13zj6fq f2gz7yw f1mdlcz9 f1nt53hs f18xs7ez ffm3629 f1f9zsvm f1ub80pn f1e7twep f1gjxg63 f3fo419 ftnv2js fig1c6l f103n15n fly5x3f ff3glw6 f1d2rq10"></div></div></a><!--astro:end--></astro-island> <div id="docsearch"> <astro-island uid="Z2lTeFI" prefix="r34" component-url="https://fluent2websitecdn.azureedge.net/cdn/DocSearch.BM5-PTn7.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;appId&quot;:[0,&quot;39AFHJXATB&quot;],&quot;indexName&quot;:[0,&quot;fluent2-microsoft&quot;],&quot;apiKey&quot;:[0,&quot;49600d4c4972d07e5cc2752ee45fefb4&quot;],&quot;maxResultsPerGroup&quot;:[0,10]}" ssr client="load" opts="{&quot;name&quot;:&quot;DocSearchComponent&quot;,&quot;value&quot;:true}" await-children><button type="button" class="docsearch-button-container" aria-label="Search"><div class="docsearch-button"><span class="text-container">Search<!-- --> <span class="kbd-container"><kbd aria-hidden="true">/</kbd></span></span></div><i class="docsearch-button-icon"></i></button><!--astro:end--></astro-island> </div> <div id="docsearch-a11y-status-message" role="status" aria-live="polite" aria-relevant="additions text"></div> <script type="module">const s=document.querySelector("#docsearch-a11y-status-message"),e=document.querySelector("#docsearch");e&&new MutationObserver(()=>{const t=e.querySelectorAll(".DocSearch-Hit").length;s&&(s.textContent=`${t} result${t===1?"":"s"} found`)}).observe(e,{childList:!0,subtree:!0});</script> </div> <div class="toggle-login-container"> <astro-island uid="UQmbh" prefix="r35" component-url="https://fluent2websitecdn.azureedge.net/cdn/ThemeSwitcher.NCGQC5Rq.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{}" ssr client="load" opts="{&quot;name&quot;:&quot;ThemeSwitcherComponent&quot;,&quot;value&quot;:true}"></astro-island> <astro-island uid="Z27JBgb" prefix="r31" component-url="https://fluent2websitecdn.azureedge.net/cdn/LoginButton.YUgXKM9y.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;userLoggedIn&quot;:[0,false]}" ssr client="load" opts="{&quot;name&quot;:&quot;LoginButton&quot;,&quot;value&quot;:true}" await-children><div class="login-button"><a href="/.auth/login/aad" rel="nofollow noopener" class="___388med0 ftuwxu6 f122n59 f4d9j23 f4px1ci f1nxs5xn f17eg4ws f1wt32pr fk6fouc fkhj508 fl43uef f1i3iumi f1iuv45f f1k6fduh f1d1tbk8 fnsygzv f17wnm97 f175srhi f1b128vo f1c73kur fr0bkrk f9ggezi f1r64ove f1ovxq4o fbnuktb faasu3c ftqvzr3"><img src="https://fluent2websitecdn.azureedge.net/cdn/microsoft-logo.ffN6LNcJ.svg" alt="" class="___1gmf10i fjw5fx7 fd461yt fi64zpg"/>Employee sign-in</a></div><!--astro:end--></astro-island> </div> </div> </nav> </header> <script>
+  (function () {
+    /* directly apply background on header if page or sidebar is scrolled */
+    /* this looks a bit ugly and duplicated, but its purpose is to directly apply a background on the header before the page is loaded, so that there's no flickering and rendering after domready. */
+    let inlineHeader = document.querySelector('header');
+    let sidebarScroll;
+    if (inlineHeader && sessionStorage && (sidebarScroll = sessionStorage.getItem('fluentuiSidebarScroll'))) {
+      let alpha = 0;
+      if (sidebarScroll > 10) {
+        alpha = sidebarScroll > 60 ? 1 : (sidebarScroll - 10) / 50;
+      }
+      inlineHeader.style.backgroundColor = 'rgba(255, 255, 255, ' + alpha + ')';
+      let bgColor = 'rgba(255, 255, 255, ' + alpha + ')';
+      if (typeof localStorage !== 'undefined' && localStorage.getItem('theme') === 'light') {
+      bgColor = 'rgba(255, 255, 255, ' + alpha + ')';
+      inlineHeader.style.borderBottom = 'none';
+      inlineHeader.style.boxShadow = '0 0 4px -2px rgba(15, 108, 189, ' + alpha + ')';
+    }
+    if (typeof localStorage !== 'undefined' && localStorage.getItem('theme') === 'dark') {
+      bgColor = 'rgba(20, 20, 20, ' + alpha + ')';
+      inlineHeader.style.boxShadow = 'none';
+      inlineHeader.style.borderBottom = '1px solid rgba(61, 61, 61, ' + alpha + ')';
+    }
+
+    inlineHeader.style.backgroundColor = bgColor;
+    }
+  })();
+</script> <script type="module">let o,a;const s=()=>a||(a=document.querySelector("#sidebar-scroll"));function i(){const t=Math.round(window.scrollY),l=s(),d=l?l.scrollTop:0,r=Math.max(t,d);if(o=o||document.querySelector("header"),!o)return;let e;r<10?e=0:r>60?e=1:e=(r-10)/50,o.style.backgroundColor="rgba(255, 255, 255, "+e+")";let n="rgba(255, 255, 255, "+e+")";typeof localStorage<"u"&&localStorage.getItem("theme")==="light"&&(n="rgba(255, 255, 255, "+e+")",o.style.borderBottom="none",o.style.boxShadow="0 0 4px -2px rgba(15, 108, 189, "+e+")"),typeof localStorage<"u"&&localStorage.getItem("theme")==="dark"&&(n="rgba(20, 20, 20, "+e+")",o.style.boxShadow="none",o.style.borderBottom="1px solid rgba(61, 61, 61, "+e+")"),o.style.backgroundColor=n}const c=()=>requestAnimationFrame(i);window.addEventListener("scroll",()=>c());document.addEventListener("DOMContentLoaded",()=>{const t=s();t&&(t.addEventListener("scroll",c),t.addEventListener("click",l=>{l.target.tagName==="A"&&window.sessionStorage&&sessionStorage.setItem("fluentuiSidebarScroll",String(t.scrollTop))}))});</script> <div class="wrap content-width" data-astro-cid-eribfrav> <aside class="sidebar" data-astro-cid-eribfrav> <div class="sidebar-content" id="sidebar-scroll" data-astro-cid-ssfzsv2f> <div class="offscreen-top" data-astro-cid-ssfzsv2f> <button class="focusable toggler nav-toggle-expanded" aria-label="Show main navigation" aria-controls="sidebar-scroll" aria-expanded="true" data-astro-cid-puy3spgu> <span style="font-size:17px" class="_svg_fqnn1_1"><svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8075 5.74902C12.5304 5.44121 12.0562 5.41625 11.7483 5.69328L9.24828 7.94276C9.09024 8.08496 9 8.28753 9 8.5001C9 8.71266 9.09024 8.91524 9.24827 9.05744L11.7483 11.3069C12.0562 11.584 12.5304 11.559 12.8075 11.2512C13.0846 10.9434 13.0596 10.4693 12.7517 10.1922L11.7045 9.24994H15.25C15.6642 9.24994 16 8.91423 16 8.50011C16 8.08599 15.6642 7.75028 15.25 7.75028H11.7045L12.7517 6.80797C13.0596 6.53094 13.0846 6.05683 12.8075 5.74902ZM1.90735e-06 13.7506C1.90735e-06 15.2691 1.23122 16.5 2.75 16.5L17.25 16.5C18.7688 16.5 20 15.2691 20 13.7506V3.24937C20 1.73093 18.7688 0.5 17.25 0.5H2.75C1.23122 0.5 0 1.73094 0 3.24937L1.90735e-06 13.7506ZM2.75 15.0003C2.05964 15.0003 1.5 14.4408 1.5 13.7506L1.5 3.24937C1.5 2.55917 2.05964 1.99966 2.75 1.99966L6.00415 1.99966L6.00415 15.0003H2.75ZM7.50415 15.0003L7.50415 1.99966L17.25 1.99965C17.9404 1.99965 18.5 2.55917 18.5 3.24937L18.5 13.7506C18.5 14.4408 17.9404 15.0003 17.25 15.0003L7.50415 15.0003Z" fill="var(--colorNeutralForeground3)"/>
+</svg>
+</span> </button> <div class="logo-search-container" data-astro-cid-ssfzsv2f> <astro-island uid="ZMNYIk" prefix="r38" component-url="https://fluent2websitecdn.azureedge.net/cdn/Logo.DThhg1vW.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;url&quot;:[0],&quot;title&quot;:[0],&quot;logoDarkSrc&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/logo-dark.DUdCrxnY.svg&quot;],&quot;logoLightSrc&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/logo-light.D419hY-4.svg&quot;],&quot;data-astro-cid-s7zbvxmx&quot;:[0,true]}" ssr client="load" opts="{&quot;name&quot;:&quot;LogoComponent&quot;,&quot;value&quot;:true}" await-children><a href="/" title="Go to Fluent 2 website homepage" class="focusable"><div role="progressbar" aria-busy="true" style="width:89px" class="fui-Skeleton"><div class="fui-SkeletonItem ___1hxg70e f10pi13n f1a3p1vp f13zj6fq f2gz7yw f1mdlcz9 f1nt53hs f18xs7ez ffm3629 f1f9zsvm f1ub80pn f1e7twep f1gjxg63 f3fo419 ftnv2js fig1c6l f103n15n fly5x3f ff3glw6 f1d2rq10"></div></div></a><!--astro:end--></astro-island> <div id="docsearch"> <astro-island uid="Z2lTeFI" prefix="r39" component-url="https://fluent2websitecdn.azureedge.net/cdn/DocSearch.BM5-PTn7.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;appId&quot;:[0,&quot;39AFHJXATB&quot;],&quot;indexName&quot;:[0,&quot;fluent2-microsoft&quot;],&quot;apiKey&quot;:[0,&quot;49600d4c4972d07e5cc2752ee45fefb4&quot;],&quot;maxResultsPerGroup&quot;:[0,10]}" ssr client="load" opts="{&quot;name&quot;:&quot;DocSearchComponent&quot;,&quot;value&quot;:true}" await-children><button type="button" class="docsearch-button-container" aria-label="Search"><div class="docsearch-button"><span class="text-container">Search<!-- --> <span class="kbd-container"><kbd aria-hidden="true">/</kbd></span></span></div><i class="docsearch-button-icon"></i></button><!--astro:end--></astro-island> </div> <div id="docsearch-a11y-status-message" role="status" aria-live="polite" aria-relevant="additions text"></div>  </div> </div> <astro-island uid="21Hxjn" prefix="r36" component-url="https://fluent2websitecdn.azureedge.net/cdn/Nav.KB4XrQYH.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;currentPage&quot;:[0,&quot;motion&quot;],&quot;groups&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Get started&quot;],&quot;pages&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;What&#39;s new&quot;],&quot;href&quot;:[0,&quot;/get-started/whatisnew&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Design&quot;],&quot;href&quot;:[0,&quot;/get-started/design&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Develop&quot;],&quot;href&quot;:[0,&quot;/get-started/develop&quot;],&quot;inPreview&quot;:[0,false]}]]]}],[0,{&quot;title&quot;:[0,&quot;Design language&quot;],&quot;pages&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Design principles&quot;],&quot;href&quot;:[0,&quot;/design-principles&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Color&quot;],&quot;href&quot;:[0,&quot;/color&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Elevation&quot;],&quot;href&quot;:[0,&quot;/elevation&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Iconography&quot;],&quot;href&quot;:[0,&quot;/iconography&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Layout&quot;],&quot;href&quot;:[0,&quot;/layout&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Material&quot;],&quot;href&quot;:[0,&quot;/material&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Motion&quot;],&quot;href&quot;:[0,&quot;/motion&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Shapes&quot;],&quot;href&quot;:[0,&quot;/shapes&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Typography&quot;],&quot;href&quot;:[0,&quot;/typography&quot;],&quot;inPreview&quot;:[0,false]}]]]}],[0,{&quot;title&quot;:[0,&quot;UX frameworks and guidelines&quot;],&quot;pages&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Accessibility&quot;],&quot;href&quot;:[0,&quot;/accessibility&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Content design&quot;],&quot;href&quot;:[0,&quot;/content-design&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Design tokens&quot;],&quot;href&quot;:[0,&quot;/design-tokens&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Handoffs&quot;],&quot;href&quot;:[0,&quot;/handoffs&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Onboarding&quot;],&quot;href&quot;:[0,&quot;/onboarding&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Wait UX&quot;],&quot;href&quot;:[0,&quot;/wait-ux&quot;],&quot;inPreview&quot;:[0,false]}]]]}],[0,{&quot;title&quot;:[0,&quot;Working with AI&quot;],&quot;pages&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Responsible AI&quot;],&quot;href&quot;:[0,&quot;/responsible-AI&quot;],&quot;inPreview&quot;:[0,false]}],[0,{&quot;title&quot;:[0,&quot;Types of AI harm&quot;],&quot;href&quot;:[0,&quot;/ai-harm&quot;],&quot;inPreview&quot;:[0,false]}]]]}],[0,{&quot;title&quot;:[0,&quot;Content engineering&quot;],&quot;pages&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;System prompt engineering&quot;],&quot;href&quot;:[0,&quot;/content-engineering/system-prompt-engineering&quot;],&quot;inPreview&quot;:[0,false],&quot;subFolders&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Define system-level behavior&quot;],&quot;href&quot;:[0,&quot;/content-engineering/define-system-level-behavior&quot;]}],[0,{&quot;title&quot;:[0,&quot;Define task behavior patterns&quot;],&quot;href&quot;:[0,&quot;/content-engineering/define-task-behavior-patterns&quot;]}],[0,{&quot;title&quot;:[0,&quot;Define prompts for complex tasks&quot;],&quot;href&quot;:[0,&quot;/content-engineering/define-prompts-for-complex-tasks&quot;]}],[0,{&quot;title&quot;:[0,&quot;Design interaction behavior&quot;],&quot;href&quot;:[0,&quot;/content-engineering/design-interaction-behavior&quot;]}],[0,{&quot;title&quot;:[0,&quot;Define tone and context behavior&quot;],&quot;href&quot;:[0,&quot;/content-engineering/define-tone-and-context-behavior&quot;]}]]]}],[0,{&quot;title&quot;:[0,&quot;Evaluating output quality&quot;],&quot;href&quot;:[0,&quot;/content-engineering/evaluating-output-quality&quot;],&quot;inPreview&quot;:[0,false],&quot;subFolders&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Define good output quality&quot;],&quot;href&quot;:[0,&quot;/content-engineering/define-good-output-quality&quot;]}],[0,{&quot;title&quot;:[0,&quot;Decide what to evaluate first&quot;],&quot;href&quot;:[0,&quot;/content-engineering/decide-what-to-evaluate-first&quot;]}],[0,{&quot;title&quot;:[0,&quot;Define output requirements by experience type&quot;],&quot;href&quot;:[0,&quot;/content-engineering/define-output-requirements-by-experience-type&quot;]}],[0,{&quot;title&quot;:[0,&quot;Build a prompt set and assertions for an eval&quot;],&quot;href&quot;:[0,&quot;/content-engineering/build-a-prompt-set-and-assertions-for-an-eval&quot;]}],[0,{&quot;title&quot;:[0,&quot;Understand eval results&quot;],&quot;href&quot;:[0,&quot;/content-engineering/understand-eval-results&quot;]}],[0,{&quot;title&quot;:[0,&quot;Turn eval results into the right fixes&quot;],&quot;href&quot;:[0,&quot;/content-engineering/turn-eval-results-into-the-right-fixes&quot;]}],[0,{&quot;title&quot;:[0,&quot;Track quality over time&quot;],&quot;href&quot;:[0,&quot;/content-engineering/track-quality-over-time&quot;]}]]]}]]]}],[0,{&quot;title&quot;:[0,&quot;Web tokens&quot;],&quot;pages&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Color tokens&quot;],&quot;href&quot;:[0,&quot;/color-tokens&quot;],&quot;inPreview&quot;:[0,false]}]]]}],[0,{&quot;library&quot;:[0,&quot;web/react&quot;],&quot;title&quot;:[0,&quot;Components&quot;],&quot;librarySwitcher&quot;:[0,true],&quot;pages&quot;:[1,[[0,{&quot;id&quot;:[0,-1],&quot;title&quot;:[0,&quot;Overview&quot;],&quot;folder&quot;:[0,&quot;&quot;],&quot;href&quot;:[0,&quot;/components/web/react/&quot;],&quot;desc&quot;:[0,null],&quot;image&quot;:[0,null],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]]}],[0,{&quot;id&quot;:[0,0],&quot;title&quot;:[0,&quot;Accordion&quot;],&quot;folder&quot;:[0,&quot;accordion&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/accordion/usage&quot;],&quot;desc&quot;:[0,&quot;An accordion groups sections of related content that can be opened and closed.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_accordion.B8eJ_Qlv.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,1],&quot;title&quot;:[0,&quot;Avatar&quot;],&quot;folder&quot;:[0,&quot;avatar&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/avatar/usage&quot;],&quot;desc&quot;:[0,&quot;An avatar shows an image or text to represent a person or group as well as give additional information like their\n  status and activity.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_avatar.CLck4KeC.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,2],&quot;title&quot;:[0,&quot;Avatar group&quot;],&quot;folder&quot;:[0,&quot;avatargroup&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/avatargroup/usage&quot;],&quot;desc&quot;:[0,&quot;An avatar group shows multiple avatars.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_avatargroup.qUF2ZF1F.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,3],&quot;title&quot;:[0,&quot;Badge&quot;],&quot;folder&quot;:[0,&quot;badge&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/badge/usage&quot;],&quot;desc&quot;:[0,&quot;A badge is a visual indicator that communicates a status or description of an associated component. They use short\n  text, color, and icons for quick recognition and are placed near the relavant content.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_badge.HrWhDpUp.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,4],&quot;title&quot;:[0,&quot;Breadcrumb&quot;],&quot;folder&quot;:[0,&quot;breadcrumb&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/breadcrumb/usage&quot;],&quot;desc&quot;:[0,&quot;A breadcrumb helps people understand and move through the hierarchy of a complex site or app. It lists at least two\n  location names, usually links, separated by dividers.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,5],&quot;title&quot;:[0,&quot;Button&quot;],&quot;folder&quot;:[0,&quot;button&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/button/usage&quot;],&quot;desc&quot;:[0,&quot;A button triggers a single action or event.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,6],&quot;title&quot;:[0,&quot;Card&quot;],&quot;folder&quot;:[0,&quot;card&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/card/usage&quot;],&quot;desc&quot;:[0,&quot;A card is a container that holds information and actions related to a single concept or object, like a document or a\n  contact.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_card.COS49rMR.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,7],&quot;title&quot;:[0,&quot;Carousel&quot;],&quot;folder&quot;:[0,&quot;carousel&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/carousel/usage&quot;],&quot;desc&quot;:[0,&quot;A carousel is a dynamic component that lets users cycle through content, like featured articles, products, or services, without leaving the current page. It can be used on a page, within an app, in a drawer, or in a modal to display items such as people, cards, dates, and images. Unlike modals, carousel navigation is independent of the rest of the page, providing a self-contained experience.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,8],&quot;title&quot;:[0,&quot;Checkbox&quot;],&quot;folder&quot;:[0,&quot;checkbox&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/checkbox/usage&quot;],&quot;desc&quot;:[0,&quot;Checkboxes let people select multiple options from a group or switch a single option on or off.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_checkbox.C4LCt4a7.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,9],&quot;title&quot;:[0,&quot;Combobox&quot;],&quot;folder&quot;:[0,&quot;combobox&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/combobox/usage&quot;],&quot;desc&quot;:[0,&quot;A combobox lets people choose one or more options from a list or enter text in a connected input. Entering text will\n  filter options or allow someone to submit a free form answer.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_combobox.pLntKsZA.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,10],&quot;title&quot;:[0,&quot;Dialog&quot;],&quot;folder&quot;:[0,&quot;dialog&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/dialog/usage&quot;],&quot;desc&quot;:[0,&quot;A dialog is a supplemental surface that can provide helpful interactions or require someone to take an action before\n  they can continue their task, like confirming a deletion.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_dialog.Bw6E0OWs.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,11],&quot;title&quot;:[0,&quot;Divider&quot;],&quot;folder&quot;:[0,&quot;divider&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/divider/usage&quot;],&quot;desc&quot;:[0,&quot;A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and\n  headers to organize content in your layout.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_divider.BJR5Rh0l.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,12],&quot;title&quot;:[0,&quot;Drawer&quot;],&quot;folder&quot;:[0,&quot;drawer&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/drawer/usage&quot;],&quot;desc&quot;:[0,&quot;A drawer is a secondary content surface that slides in from one edge of a layout. Use drawers for supplemental info\n  and simple actions related to the main content.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,13],&quot;title&quot;:[0,&quot;Dropdown&quot;],&quot;folder&quot;:[0,&quot;dropdown&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/dropdown/usage&quot;],&quot;desc&quot;:[0,&quot;A dropdown lets people choose one or more options from a list. It can be used in forms to gather information where the\n  options require custom styling or in UI to filter and sort information.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_dropdown.BgcsGVV8.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,14],&quot;title&quot;:[0,&quot;Field&quot;],&quot;folder&quot;:[0,&quot;field&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/field/usage&quot;],&quot;desc&quot;:[0,&quot;A field is a combination of a label and any form component, like an input or a select. Optionally, fields can also\n  have info buttons, helper text, and validation states to give people clues about the information they need to enter.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_field.U6RUW_N0.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,15],&quot;title&quot;:[0,&quot;Fluent provider&quot;],&quot;folder&quot;:[0,&quot;fluentprovider&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/fluentprovider/usage&quot;],&quot;desc&quot;:[0,&quot;The Fluent provider defines the styles that are used in your app. Fluent provider can provide styling for the entire\n  experience or can be used to override and redefine particular sections.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_fluentprovider.D5O9Ga8h.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,16],&quot;title&quot;:[0,&quot;Icon&quot;],&quot;folder&quot;:[0,&quot;icon&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/icon/usage&quot;],&quot;desc&quot;:[0,&quot;Icons represent concepts, objects, or actions, and have semantic purpose within a layout. They should always be\n  recognizable, functional, and easily understood.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_icon.Bdk9VKmn.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,17],&quot;title&quot;:[0,&quot;Image&quot;],&quot;folder&quot;:[0,&quot;image&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/image/usage&quot;],&quot;desc&quot;:[0,&quot;Images, like photos and illustrations, help reinforce a message and express your product or app&#39;s style.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,18],&quot;title&quot;:[0,&quot;Info label&quot;],&quot;folder&quot;:[0,&quot;infolabel&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/infolabel/usage&quot;],&quot;desc&quot;:[0,&quot;An info label is a label paired with an info button that shows additional content in a popover when selected. Use an info label whenever you need to show supplemental info in a popover.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,19],&quot;title&quot;:[0,&quot;Input&quot;],&quot;folder&quot;:[0,&quot;input&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/input/usage&quot;],&quot;desc&quot;:[0,&quot;An input allows people to enter short, free-form text data.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_input.Cagzgzx-.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,20],&quot;title&quot;:[0,&quot;Label&quot;],&quot;folder&quot;:[0,&quot;label&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/label/usage&quot;],&quot;desc&quot;:[0,&quot;Labels give a name to a component or group of components. Pair them with components like checkboxes and inputs to\n  prompt someone to enter certain information, or with plain text to categorize information.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_label.Bmkowt6P.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,21],&quot;title&quot;:[0,&quot;Link&quot;],&quot;folder&quot;:[0,&quot;link&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/link/usage&quot;],&quot;desc&quot;:[0,&quot;A link is interactive text that lets people navigate somewhere else, either within an experience or to a different app\n  or site.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_link.CUfhnKsB.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,22],&quot;title&quot;:[0,&quot;List&quot;],&quot;folder&quot;:[0,&quot;list&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/list/usage&quot;],&quot;desc&quot;:[0,&quot;A list is a collection of like items or information repeated in a vertical stack. Use lists to make information easy to scan and access.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,23],&quot;title&quot;:[0,&quot;Menu&quot;],&quot;folder&quot;:[0,&quot;menu&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/menu/usage&quot;],&quot;desc&quot;:[0,&quot;A menu is a hidden list of options that is shown when someone interacts with a trigger component, like a button, an\n  avatar, or an icon.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_menu.DZ_QmfGO.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,24],&quot;title&quot;:[0,&quot;Message bar&quot;],&quot;folder&quot;:[0,&quot;messagebar&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/messagebar/usage&quot;],&quot;desc&quot;:[0,&quot;A message bar communicates important information about the state of the entire product or the surface where it\n  appears, such as a page, drawer, dialog, or card.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,25],&quot;title&quot;:[0,&quot;Nav&quot;],&quot;folder&quot;:[0,&quot;nav&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/nav/usage&quot;],&quot;desc&quot;:[0,&quot;Nav, or navigation, provides a list of links that lets people move through the main sections of an app or site. It’s a high-level wayfinding component that’s always easily accessible but can be minimized to free up space.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,26],&quot;title&quot;:[0,&quot;Persona&quot;],&quot;folder&quot;:[0,&quot;persona&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/persona/usage&quot;],&quot;desc&quot;:[0,&quot;A persona is a representation of a person with additional contextual information.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_persona.aUBVUDiX.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,27],&quot;title&quot;:[0,&quot;Popover&quot;],&quot;folder&quot;:[0,&quot;popover&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/popover/usage&quot;],&quot;desc&quot;:[0,&quot;A popover is a small surface that appears when someone interacts with a component to give nonessential, contextual\n  information without blocking them.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_popover.wcuupTPt.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,28],&quot;title&quot;:[0,&quot;Progress bar&quot;],&quot;folder&quot;:[0,&quot;progressbar&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/progressbar/usage&quot;],&quot;desc&quot;:[0,&quot;Progress bars communicate system information, like how much cloud storage someone is using in OneDrive, or task\n  information, like how long until a download is complete.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_progressbar.CxzXu_M7.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,29],&quot;title&quot;:[0,&quot;Radio group&quot;],&quot;folder&quot;:[0,&quot;radiogroup&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/radiogroup/usage&quot;],&quot;desc&quot;:[0,&quot;Radio groups let people select a single item from a short list. Use them in layouts that offer enough space to list up\n  to five options or if it&#39;s important to view all options at once.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_radiogroup.CsXFFZdv.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,30],&quot;title&quot;:[0,&quot;Rating&quot;],&quot;folder&quot;:[0,&quot;rating&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/rating/usage&quot;],&quot;desc&quot;:[0,&quot;Rating is used to communicate user sentiment. It also allows customers to determine a sense of value of a good or a service.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,31],&quot;title&quot;:[0,&quot;Searchbox&quot;],&quot;folder&quot;:[0,&quot;searchbox&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/searchbox/usage&quot;],&quot;desc&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,32],&quot;title&quot;:[0,&quot;Select&quot;],&quot;folder&quot;:[0,&quot;select&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/select/usage&quot;],&quot;desc&quot;:[0,&quot;A select lets people choose a single option from a list of at least four options. Selects use browser native styling\n  for the listed options. They are ideal for data submission in forms and ease of use on mobile platforms.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_select.ABFgkwx0.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,33],&quot;title&quot;:[0,&quot;Skeleton&quot;],&quot;folder&quot;:[0,&quot;skeleton&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/skeleton/usage&quot;],&quot;desc&quot;:[0,&quot;A skeleton lets people know that a section of content is loading without blocking other parts of the page.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_shimmer.Dxr4gS_2.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,34],&quot;title&quot;:[0,&quot;Slider&quot;],&quot;folder&quot;:[0,&quot;slider&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/slider/usage&quot;],&quot;desc&quot;:[0,&quot;A slider lets someone set a value from a given range. Sliders can take immediate effect, like a volume control, or can\n  require a submission, like in a form.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_slider.DgGIq6Z_.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,35],&quot;title&quot;:[0,&quot;Spin button&quot;],&quot;folder&quot;:[0,&quot;spin&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/spin/usage&quot;],&quot;desc&quot;:[0,&quot;A spin button is a specialized input that lets someone easily increase or decrease a value within a set range, like\n  dates in a month.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_spin.c4zwZGzQ.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,36],&quot;title&quot;:[0,&quot;Spinner&quot;],&quot;folder&quot;:[0,&quot;spinner&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/spinner/usage&quot;],&quot;desc&quot;:[0,&quot;Spinners visually communicate that something is processing. They’re used for loading states that take more than a\n  second.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_spinner.BduIW_C0.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,37],&quot;title&quot;:[0,&quot;Switch&quot;],&quot;folder&quot;:[0,&quot;switch&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/switch/usage&quot;],&quot;desc&quot;:[0,&quot;A switch lets someone choose between two mutually exclusive options, like on or off. Activating a switch triggers an\n  immediate change.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_switch.Cd-7Ge6N.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,38],&quot;title&quot;:[0,&quot;Tablist&quot;],&quot;folder&quot;:[0,&quot;tablist&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/tablist/usage&quot;],&quot;desc&quot;:[0,&quot;A tablist allows people to switch between categories of related information without going to different pages. They’re are ideal for dividing content-heavy pages into distinct but related categories that are easier to process and require less scrolling. Tabs can also be used for navigation between a small set of closely related, frequently accessed pages.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_tablist.CTZsc6f-.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,39],&quot;title&quot;:[0,&quot;Tag&quot;],&quot;folder&quot;:[0,&quot;tag&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/tag/usage&quot;],&quot;desc&quot;:[0,&quot;A tag is a representation of a value that someone has picked, like recipients for an email or categories on a planner\n  task.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,40],&quot;title&quot;:[0,&quot;Tag picker&quot;],&quot;folder&quot;:[0,&quot;tagpicker&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/tagpicker/usage&quot;],&quot;desc&quot;:[0,&quot;A Tag picker combines a text input and a dropdown giving people a way to select an option from a list or enter their own choice. These selections are represented as tags.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,41],&quot;title&quot;:[0,&quot;Text&quot;],&quot;folder&quot;:[0,&quot;text&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/text/usage&quot;],&quot;desc&quot;:[0,&quot;The text component codifies Fluent&#39;s opinions on typography to make them easy to use and standardize across products.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_text.B8EWu50L.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,42],&quot;title&quot;:[0,&quot;Textarea&quot;],&quot;folder&quot;:[0,&quot;textarea&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/textarea/usage&quot;],&quot;desc&quot;:[0,&quot;A textarea allows people to enter long, free-form text data, like a comment.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_textarea.DKS9fpjR.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,43],&quot;title&quot;:[0,&quot;Toast&quot;],&quot;folder&quot;:[0,&quot;toast&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/toast/usage&quot;],&quot;desc&quot;:[0,&quot;A toast communicates the status of an action someone is trying to take or that something happened elsewhere in the app. Toasts are temporary surfaces. Use them for information that&#39;s useful and relevant, but not critical.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,44],&quot;title&quot;:[0,&quot;Toolbar&quot;],&quot;folder&quot;:[0,&quot;toolbar&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/toolbar/usage&quot;],&quot;desc&quot;:[0,&quot;A toolbar gives access to frequently used actions related to someone’s current view or task, like text formatting in\n  an editor.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_toolbar.Dw7et3HS.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,45],&quot;title&quot;:[0,&quot;Tooltip&quot;],&quot;folder&quot;:[0,&quot;tooltip&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/tooltip/usage&quot;],&quot;desc&quot;:[0,&quot;A tooltip provides supplemental, contextual information elevated near its target component.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_tooltip.DzdzrdMi.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;],[0,&quot;web/web-components&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,46],&quot;title&quot;:[0,&quot;Tree&quot;],&quot;folder&quot;:[0,&quot;tree&quot;],&quot;href&quot;:[0,&quot;/components/web/react/core/tree/usage&quot;],&quot;desc&quot;:[0,&quot;A tree is used to display a hierarchical view of nested data. It&#39;s useful for representing a menu structure, folder hierarchy, or nested categories at a glance. Each tree has a parent node and one or more levels of child nodes that can expand or collapse.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;web/react&quot;]]],&quot;subFolders&quot;:[1,[]]}]]]}],[0,{&quot;library&quot;:[0,&quot;ios&quot;],&quot;title&quot;:[0,&quot;Components&quot;],&quot;librarySwitcher&quot;:[0,true],&quot;pages&quot;:[1,[[0,{&quot;id&quot;:[0,-1],&quot;title&quot;:[0,&quot;Overview&quot;],&quot;folder&quot;:[0,&quot;&quot;],&quot;href&quot;:[0,&quot;/components/ios/&quot;],&quot;desc&quot;:[0,null],&quot;image&quot;:[0,null],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]]}],[0,{&quot;id&quot;:[0,0],&quot;title&quot;:[0,&quot;Activity indicator&quot;],&quot;folder&quot;:[0,&quot;activityindicator&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/activityindicator/usage&quot;],&quot;desc&quot;:[0,&quot;An activity indicator lets someone know there’s a background task in progress and assures them the system is still\n  working. Use activity indicators for loading states that take longer than one second but avoid them for long loading\n  processes.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_spinner.BduIW_C0.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,1],&quot;title&quot;:[0,&quot;Avatar&quot;],&quot;folder&quot;:[0,&quot;avatar&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/avatar/usage&quot;],&quot;desc&quot;:[0,&quot;An avatar shows an image or text to represent a person or group as well as gives additional information like their\n  status and activity.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_avatar.B0xo2K5X.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,2],&quot;title&quot;:[0,&quot;Avatar group&quot;],&quot;folder&quot;:[0,&quot;avatargroup&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/avatargroup/usage&quot;],&quot;desc&quot;:[0,&quot;An avatar group shows multiple avatars.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_avatargroup.qUF2ZF1F.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,3],&quot;title&quot;:[0,&quot;Button&quot;],&quot;folder&quot;:[0,&quot;button&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/button/usage&quot;],&quot;desc&quot;:[0,&quot;A button triggers a single action or event.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_button.Baa-fciS.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,4],&quot;title&quot;:[0,&quot;Card nudge&quot;],&quot;folder&quot;:[0,&quot;cardnudge&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/cardnudge/usage&quot;],&quot;desc&quot;:[0,&quot;A card nudge is a short message that helps people discover what they can do in an app. It appears at the top of a\n  screen, beneath the navigation bar, and pushes all other content below it.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_cardnudge.jNl-i1gQ.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,5],&quot;title&quot;:[0,&quot;Heads-up display&quot;],&quot;folder&quot;:[0,&quot;hud&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/hud/usage&quot;],&quot;desc&quot;:[0,&quot;The heads-up display, or HUD, is a progress indicator that appears on a backplate and can give additional text\n  information about the background task that’s occurring.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_hud.B89j4lDu.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,6],&quot;title&quot;:[0,&quot;Navigation bar&quot;],&quot;folder&quot;:[0,&quot;navigationbar&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/navigationbar/usage&quot;],&quot;desc&quot;:[0,&quot;The navigation bar provides information and actions relating to the current screen.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_navigationbar.Ci8OlFY3.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,7],&quot;title&quot;:[0,&quot;Progress bar&quot;],&quot;folder&quot;:[0,&quot;progressbar&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/progressbar/usage&quot;],&quot;desc&quot;:[0,&quot;A progress bar lets someone know there’s a background task in progress.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_progressbar.CxzXu_M7.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,8],&quot;title&quot;:[0,&quot;Segmented control&quot;],&quot;folder&quot;:[0,&quot;segmentedcontrol&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/segmentedcontrol/usage&quot;],&quot;desc&quot;:[0,&quot;A segmented control lets someone select one option from a set of two or more segments in a single, horizontal\n  container.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_segmentedcontrol.B1M-aJCN.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,9],&quot;title&quot;:[0,&quot;Shimmer&quot;],&quot;folder&quot;:[0,&quot;shimmer&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/shimmer/usage&quot;],&quot;desc&quot;:[0,&quot;A shimmer lets people know that a section of information is loading without blocking other UI elements from rendering.\n  They’re great for gradually loading layouts and giving hints about the structure of information.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_shimmer.Dxr4gS_2.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,10],&quot;title&quot;:[0,&quot;Text field&quot;],&quot;folder&quot;:[0,&quot;textfield&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/textfield/usage&quot;],&quot;desc&quot;:[0,&quot;A text field lets people enter short, free-form text data.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_input.Cagzgzx-.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,11],&quot;title&quot;:[0,&quot;Tooltip&quot;],&quot;folder&quot;:[0,&quot;tooltip&quot;],&quot;href&quot;:[0,&quot;/components/ios/core/tooltip/usage&quot;],&quot;desc&quot;:[0,&quot;A tooltip provides supplemental, contextual information without shifting people’s focus away from the primary\n  interface. Use them to give helpful but non-essential plain text hints.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_tooltip.DzdzrdMi.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;ios&quot;]]],&quot;subFolders&quot;:[1,[]]}]]]}],[0,{&quot;library&quot;:[0,&quot;android&quot;],&quot;title&quot;:[0,&quot;Components&quot;],&quot;librarySwitcher&quot;:[0,true],&quot;pages&quot;:[1,[[0,{&quot;id&quot;:[0,-1],&quot;title&quot;:[0,&quot;Overview&quot;],&quot;folder&quot;:[0,&quot;&quot;],&quot;href&quot;:[0,&quot;/components/android/&quot;],&quot;desc&quot;:[0,null],&quot;image&quot;:[0,null],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;android&quot;]]]}],[0,{&quot;id&quot;:[0,0],&quot;title&quot;:[0,&quot;Avatar&quot;],&quot;folder&quot;:[0,&quot;avatar&quot;],&quot;href&quot;:[0,&quot;/components/android/core/avatar/usage&quot;],&quot;desc&quot;:[0,&quot;An avatar shows an image or text to represent a person or group as well as gives additional information like their\n  status and activity.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_avatar.BMl71oiv.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;android&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,1],&quot;title&quot;:[0,&quot;Avatar group&quot;],&quot;folder&quot;:[0,&quot;avatargroup&quot;],&quot;href&quot;:[0,&quot;/components/android/core/avatargroup/usage&quot;],&quot;desc&quot;:[0,&quot;An avatar group shows multiple avatars.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;android&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,2],&quot;title&quot;:[0,&quot;Button&quot;],&quot;folder&quot;:[0,&quot;button&quot;],&quot;href&quot;:[0,&quot;/components/android/core/button/usage&quot;],&quot;desc&quot;:[0,&quot;A button triggers a single action or event.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_button.bNECEUbs.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;android&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,3],&quot;title&quot;:[0,&quot;Progress indicator&quot;],&quot;folder&quot;:[0,&quot;progressindicator&quot;],&quot;href&quot;:[0,&quot;/components/android/core/progressindicator/usage&quot;],&quot;desc&quot;:[0,&quot;A progress indicator lets someone know there’s a background task in progress.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_progressindicator.iLyNxW0w.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;android&quot;]]],&quot;subFolders&quot;:[1,[]]}],[0,{&quot;id&quot;:[0,4],&quot;title&quot;:[0,&quot;Shimmer&quot;],&quot;folder&quot;:[0,&quot;shimmer&quot;],&quot;href&quot;:[0,&quot;/components/android/core/shimmer/usage&quot;],&quot;desc&quot;:[0,&quot;A shimmer lets people know that a section of information is loading without blocking other UI elements from rendering.&quot;],&quot;image&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/overview_placeholder.DKLLlbq1.png&quot;],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;android&quot;]]],&quot;subFolders&quot;:[1,[]]}]]]}],[0,{&quot;library&quot;:[0,&quot;windows&quot;],&quot;title&quot;:[0,&quot;Components&quot;],&quot;librarySwitcher&quot;:[0,true],&quot;pages&quot;:[1,[[0,{&quot;id&quot;:[0,-1],&quot;title&quot;:[0,&quot;Overview&quot;],&quot;folder&quot;:[0,&quot;&quot;],&quot;href&quot;:[0,&quot;/components/windows/&quot;],&quot;desc&quot;:[0,null],&quot;image&quot;:[0,null],&quot;inPreview&quot;:[0,false],&quot;libraries&quot;:[5,[[0,&quot;windows&quot;]]]}]]]}],[0,{&quot;title&quot;:[0,&quot;Employee sign-in&quot;],&quot;href&quot;:[0,&quot;/.auth/login/aad&quot;],&quot;pages&quot;:[1,[]]}]]],&quot;libraries&quot;:[0,{&quot;React&quot;:[0,&quot;web/react&quot;],&quot;iOS&quot;:[0,&quot;ios&quot;],&quot;Android&quot;:[0,&quot;android&quot;],&quot;Windows&quot;:[0,&quot;windows&quot;]}],&quot;libraryUrl&quot;:[0,null],&quot;navArrowIconSrc&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/nav-arrow.CwHbKlCs.svg&quot;],&quot;navArrowIconDarkSrc&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/nav-arrow-dark.BjnFWm4s.svg&quot;],&quot;data-astro-cid-ssfzsv2f&quot;:[0,true]}" ssr client="load" opts="{&quot;name&quot;:&quot;Nav&quot;,&quot;value&quot;:true}"></astro-island> </div> <script type="module">function m(t){if(!t)return;const o=e=>{const b=e.currentTarget,a=Array.from(b.querySelectorAll("button, input, select, textarea, a[href]")).filter(g=>g.offsetParent!==null);e.key==="Tab"&&(e.shiftKey?document.activeElement===a[0]&&(a[a.length-1].focus(),e.preventDefault()):document.activeElement===a[a.length-1]&&(a[0].focus(),e.preventDefault()))},r=t instanceof NodeList?Array.from(t):[t],n=e=>{e.addEventListener("keydown",o)},s=e=>{e.removeEventListener("keydown",o)};return r.forEach(e=>n(e)),{off(){r.forEach(e=>s(e))}}}let f;const c=()=>f||(f=document.querySelector(".sidebar")),d=()=>document.body.classList.contains("sidebar-visible"),y=()=>document.querySelectorAll(".toggler.nav-toggle-collapsed, .toggler.nav-toggle-expanded"),u=()=>{const t=d();y().forEach(o=>o.setAttribute("aria-expanded",String(t)))};let l;const i=()=>{document.body.classList.remove("sidebar-visible"),u(),c()?.querySelectorAll("a,button").forEach(t=>t.setAttribute("tabindex","-1")),l&&l.off(),requestAnimationFrame(()=>{document.querySelector("header .toggler")?.focus()})},v=t=>{const o=t.target;if(o.closest(".nav-toggle-collapsed")){document.body.classList.add("sidebar-visible"),u();const r=c();return r&&(r?.querySelectorAll("a,button").forEach(n=>n.removeAttribute("tabindex")),l=m(r),requestAnimationFrame(()=>{document.querySelector("header .toggler")?.focus()})),!0}if(o.closest(".nav-toggle-expanded"))return i(),!0;d()&&!o.closest(".sidebar")&&i()},p=t=>{t.key==="Escape"&&d()&&i()};document.addEventListener("click",v);document.addEventListener("keyup",p);document.addEventListener("DOMContentLoaded",()=>{u();const t=window.matchMedia("(min-width: 1140px)");t.matches||c()?.querySelectorAll("a,button").forEach(s=>s.setAttribute("tabindex","-1"));let o;window.addEventListener("resize",()=>{clearTimeout(o),o=window.setTimeout(()=>{const s=c();t.matches?s?.querySelectorAll("a,button").forEach(e=>e.removeAttribute("tabindex")):s?.querySelectorAll("a,button").forEach(e=>e.setAttribute("tabindex","-1"))},100)});let r;const n=document.querySelector("#sidebar-scroll");n&&window.sessionStorage&&(r=Number(sessionStorage.getItem("fluentuiSidebarScroll")))&&(n.scrollTop=r)});</script> <script>
+  const inlineSidebarElement = document.querySelector('#sidebar-scroll');
+  if (inlineSidebarElement && window.sessionStorage && sessionStorage.getItem('fluentuiSidebarScroll')) {
+    inlineSidebarElement.scrollTop = sessionStorage.getItem('fluentuiSidebarScroll');
+  }
+</script> </aside> <main id="main-content" tabindex="-1" class="s-main" aria-label="Motion" data-astro-cid-eribfrav>   <div class="content-container" data-astro-cid-eribfrav> <div class="content-header" data-astro-cid-eribfrav>  </div> <div class="content" data-astro-cid-eribfrav> <h1 id="motion">Motion</h1>
+<p>Motion defines relationships and transitions to help people recognize changes and move toward their goals. Good motion design can also bring a sense of humanity and delight to an experience while making it more sophisticated and satisfying.</p>
+<div class="rounded-image " data-astro-cid-4wrhjlzh>   <picture> <source srcset="/_image?href=https%3A%2F%2Ffluent2websitecdn.azureedge.net%2Fcdn%2Fmotion-main.yvK1DPfJ.webp&#38;w=1536&#38;h=940&#38;f=webp" type="image/webp">  <img src="/_image?href=https%3A%2F%2Ffluent2websitecdn.azureedge.net%2Fcdn%2Fmotion-main.yvK1DPfJ.webp&#38;w=1536&#38;h=940&#38;f=png" style="border-radius: 22px; ; border: 0.5px solid var(--colorNeutralBackground3)" alt loading="lazy" decoding="async" fetchpriority="auto" width="1536" height="940"> </picture> </div>
+<hr/>
+<section><h2 id="motion-principles">Motion principles</h2><div class="two-columns" data-astro-cid-waadjgvi> <div class="col col1" data-astro-cid-waadjgvi><div class="card flex-mid" style="background: var(--colorNeutralBackground2); height: 240px" data-astro-cid-pm65jte2>  <astro-island uid="nueBS" prefix="r45" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;220&quot;],&quot;title&quot;:[0,&quot;Functional motion principle example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Principle_Functional.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:220px"><video loop="" muted="" aria-label="Functional motion principle example"><source src="/assets/video/motion/Principle_Functional.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Functional motion principle example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><p class="card-title">Functional</p><p class="card-body gray"> Motion is applied with purpose and intent to serve the functionality of an experience. Use motion to identify the next step, inform people of changes in the UI, and celebrate what they’ve accomplished.  </p></div> <div class="col" data-astro-cid-waadjgvi><div class="card flex-mid" style="background: var(--colorNeutralBackground2); height: 240px" data-astro-cid-pm65jte2>  <astro-island uid="Z2gg1V" prefix="r46" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;220&quot;],&quot;title&quot;:[0,&quot;Natural motion principle example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Principle_Natural.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:220px"><video loop="" muted="" aria-label="Natural motion principle example"><source src="/assets/video/motion/Principle_Natural.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Natural motion principle example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><p class="card-title">Natural</p><p class="card-body gray"> Motion in Fluent 2 experiences feels fluid and real by following physical laws such as inertia, gravity, weight and velocity. This makes animations more believable and predictable. </p></div> </div><div class="two-columns" data-astro-cid-waadjgvi> <div class="col col1" data-astro-cid-waadjgvi><div class="card flex-mid" style="background: var(--colorNeutralBackground2); height: 240px" data-astro-cid-pm65jte2>  <astro-island uid="u1HNs" prefix="r47" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;220&quot;],&quot;title&quot;:[0,&quot;Consistent motion principle example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Principle_Consistent.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:220px"><video loop="" muted="" aria-label="Consistent motion principle example"><source src="/assets/video/motion/Principle_Consistent.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Consistent motion principle example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><p class="card-title">Consistent</p><p class="card-body gray"> Consistency in motion design helps unify Microsoft experiences and improves the flow between products. Consistent motion provides a sense of familiarity and strengthens Fluent’s Unmistakably Microsoft principle. </p></div> <div class="col" data-astro-cid-waadjgvi><div class="card flex-mid" style="background: var(--colorNeutralBackground2); height: 240px" data-astro-cid-pm65jte2>  <astro-island uid="zQF8e" prefix="r48" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;220&quot;],&quot;title&quot;:[0,&quot;Appealing motion principle example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Principle_Appealing.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:220px"><video loop="" muted="" aria-label="Appealing motion principle example"><source src="/assets/video/motion/Principle_Appealing.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Appealing motion principle example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><p class="card-title">Appealing</p><p class="card-body gray"> Delightful animation draws people in. Designing engaging moments using motion helps people relate to your product and creates a more memorable experience. </p></div> </div><hr/></section>
+<section><h2 id="duration-and-easing">Duration and easing</h2><p class="subtitle-paragraph"> Duration and easing describe how long an object moves and how its speed changes along the way. Getting duration and easing right guarantees that people have enough time to notice the motion and interpret what it communicates. </p><h3 id="duration">Duration</h3><p class="subtitle-paragraph"> Animations need to strike a balance between feeling too sluggish and too abrupt. Make it feel natural and quick by considering the size of the element and the distance it travels. Give larger elements more time to animate than smaller elements. Aim for a fast and smooth motion without making people wait. </p><div class="card flex-mid" style="background: var(--colorNeutralBackground2); --height: 420px" data-astro-cid-q3jvt4xo>  <astro-island uid="Z1J4NT5" prefix="r49" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;768&quot;],&quot;height&quot;:[0,&quot;480&quot;],&quot;title&quot;:[0,&quot;Duration comparison animation examples&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Examples_Duration_All3.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:768px;max-height:480px"><video loop="" muted="" aria-label="Duration comparison animation examples"><source src="/assets/video/motion/Examples_Duration_All3.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Duration comparison animation examples video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><div class="two-columns" data-astro-cid-waadjgvi> <div class="col col1" data-astro-cid-waadjgvi><astro-island uid="Z1YtbYE" prefix="r50" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;364&quot;],&quot;title&quot;:[0,&quot;Use quick natural durations example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_DurationDO.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:364px"><video loop="" muted="" aria-label="Use quick natural durations example"><source src="/assets/video/motion/Example_DurationDO.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Use quick natural durations example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island><p class="card-title">Use quick, natural durations</p></div> <div class="col" data-astro-cid-waadjgvi><astro-island uid="Z18lk0r" prefix="r51" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;364&quot;],&quot;title&quot;:[0,&quot;Avoid jarring and abrupt durations example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_DurationDONT.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:364px"><video loop="" muted="" aria-label="Avoid jarring and abrupt durations example"><source src="/assets/video/motion/Example_DurationDONT.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Avoid jarring and abrupt durations example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island><p class="card-title">Unnatural durations can be jarring and abrupt</p></div> </div><div style="height:40px"></div><h3 id="easing">Easing</h3><p class="subtitle-paragraph"> Easing is what gives an animation a natural and organic feel, as opposed to a uniform and rigid motion. There are different types of easing that can be applied to animations, such as linear easing, ease-in, ease-out, and ease-in-out. By choosing the right easing function, makers can create animations that are natural and engaging, improving the user experience. </p><div class="two-columns" data-astro-cid-waadjgvi> <div class="col col1" data-astro-cid-waadjgvi><div class="card flex-mid" style="background: var(--colorNeutralBackground2); height: 240px" data-astro-cid-pm65jte2>  <astro-island uid="Z2NAu" prefix="r52" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;220&quot;],&quot;title&quot;:[0,&quot;Linear easing animation example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_EaseLinear.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:220px"><video loop="" muted="" aria-label="Linear easing animation example"><source src="/assets/video/motion/Example_EaseLinear.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Linear easing animation example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><p class="card-title">Linear easing</p><p class="card-body gray"> Linear easing means that the animation moves at a constant speed from start to finish. This type of easing can feel unnatural; use it only in cases that need a consistent rate, like rotations. </p></div> <div class="col" data-astro-cid-waadjgvi><div class="card flex-mid" style="background: var(--colorNeutralBackground2); height: 240px" data-astro-cid-pm65jte2>  <astro-island uid="ZnKmNR" prefix="r53" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;220&quot;],&quot;title&quot;:[0,&quot;Ease-in animation example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_EaseOUT2.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:220px"><video loop="" muted="" aria-label="Ease-in animation example"><source src="/assets/video/motion/Example_EaseOUT2.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Ease-in animation example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><p class="card-title">Ease-in</p><p class="card-body gray">Ease-in animations start slow and then speed up.</p></div> </div><div class="two-columns" data-astro-cid-waadjgvi> <div class="col col1" data-astro-cid-waadjgvi><div class="card flex-mid" style="background: var(--colorNeutralBackground2); height: 240px" data-astro-cid-pm65jte2>  <astro-island uid="hRQia" prefix="r54" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;220&quot;],&quot;title&quot;:[0,&quot;Ease-out animation example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_EaseIN2.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:220px"><video loop="" muted="" aria-label="Ease-out animation example"><source src="/assets/video/motion/Example_EaseIN2.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Ease-out animation example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><p class="card-title">Ease-out</p><p class="card-body gray">Ease-out animations start fast and then slow down.</p></div> <div class="col" data-astro-cid-waadjgvi><div class="card flex-mid" style="background: var(--colorNeutralBackground2); height: 240px" data-astro-cid-pm65jte2>  <astro-island uid="1jYXO1" prefix="r55" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;220&quot;],&quot;title&quot;:[0,&quot;Ease-in-out animation example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_EaseINOUT.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:220px"><video loop="" muted="" aria-label="Ease-in-out animation example"><source src="/assets/video/motion/Example_EaseINOUT.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Ease-in-out animation example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><p class="card-title">Ease-in-out</p><p class="card-body gray"> Ease-in-out animations start slow, speed up in the middle, and then slow down again before ending. </p></div> </div><hr/></section>
+<section><h2 id="transitions-or-motion-in-practice">Transitions, or motion in practice</h2><p class="subtitle-paragraph"> Transitions introduce, dismiss, or change content via an animation. and are at the heart of effective UI motion design. They help people understand how the UI works and give it a high-quality look and feel. When speaking about motion, the term transition describes most animations in the UI. </p><p class="subtitle-paragraph">Four of the most common transitions we use are:</p><ol class="subtitle-paragraph"><li>Enter and Exit</li><li>Elevation</li><li>Top level</li><li>Container transform</li></ol><h3 id="enter-and-exit">Enter and exit</h3><p class="subtitle-paragraph"> Enter and exit introduces or dismisses elements in the UI. These elements can enter and exit from off-screen or from within the bounds of the screen. This pattern is commonly used for menus, dialogs, and other interactive elements that appear and disappear on the screen. </p><div class="card flex-mid" style="background: var(--colorNeutralBackground2); --height: 420px" data-astro-cid-q3jvt4xo>  <astro-island uid="Z1FtU6O" prefix="r56" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;768&quot;],&quot;height&quot;:[0,&quot;470&quot;],&quot;title&quot;:[0,&quot;Enter and exit transition example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_EnterExit.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:768px;max-height:470px"><video loop="" muted="" aria-label="Enter and exit transition example"><source src="/assets/video/motion/Example_EnterExit.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Enter and exit transition example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><h3 id="elevation">Elevation</h3><p class="subtitle-paragraph"> The elevation pattern is used to visually indicate changes in elevation or depth on the user interface. This pattern is commonly used for button states, drag and drop interactions, windows, and creating a hierarchy of elements. By using elevation to indicate changes in depth, it helps to create a clear and intuitive experience by providing visual cues to the user about the relationships between elements on the screen. </p><div class="card flex-mid" style="background: var(--colorNeutralBackground2); --height: 420px" data-astro-cid-q3jvt4xo>  <astro-island uid="Z1IjawT" prefix="r57" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;768&quot;],&quot;height&quot;:[0,&quot;368&quot;],&quot;title&quot;:[0,&quot;Elevation transition example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_Elevation.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:768px;max-height:368px"><video loop="" muted="" aria-label="Elevation transition example"><source src="/assets/video/motion/Example_Elevation.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Elevation transition example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><h3 id="top-level">Top level</h3><p class="subtitle-paragraph"> The top level transition is used to navigate between different pages and destinations. Since the elements at the top level are large and take up a significant amount of screen real estate, use a quick fade transition instead of moving or sliding UI elements around on and off the screen. This approach helps keep the UI consistent and clear, avoiding unintentional hierarchy and disorientation. </p><div class="card flex-mid" style="background: var(--colorNeutralBackground2); --height: 420px" data-astro-cid-q3jvt4xo>  <astro-island uid="ZEpFiB" prefix="r58" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;768&quot;],&quot;height&quot;:[0,&quot;470&quot;],&quot;title&quot;:[0,&quot;Top level transition example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_TopLevel.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:768px;max-height:470px"><video loop="" muted="" aria-label="Top level transition example"><source src="/assets/video/motion/Example_TopLevel.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Top level transition example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><h3 id="container-transform">Container transform</h3><p class="subtitle-paragraph"> A container transform refers to the process of changing the layout or position of a container element on the UI. This is done through a resize and/or reposition. Container transforms are commonly used in responsive design, to adjust the layout of a website or application to different screen sizes or orientations.  </p><div class="card flex-mid" style="background: var(--colorNeutralBackground2); --height: 420px" data-astro-cid-q3jvt4xo>  <astro-island uid="Z18SYtp" prefix="r59" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;768&quot;],&quot;height&quot;:[0,&quot;470&quot;],&quot;title&quot;:[0,&quot;Container transform transition example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_ContainerTransform.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:768px;max-height:470px"><video loop="" muted="" aria-label="Container transform transition example"><source src="/assets/video/motion/Example_ContainerTransform.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Container transform transition example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island> </div><hr/></section>
+<section><h2 id="choreography">Choreography</h2><p class="subtitle-paragraph"> Choreography refers to the arrangement and order of movements in an animation. Poor choreography can result in an animation that appears cheap or takes an excessive amount of time to conclude. </p><h3 id="staggering">Staggering</h3><p class="subtitle-paragraph"> Staggering is the process of delaying the start of one or more animations. This can be used to soften the entry of large sets of items or to shift people’s gaze in a specified direction. </p><p class="subtitle-paragraph"> Pay attention to when it’s appropriate to stagger an animation and when they may need to end at the same time. Keep in mind the overall duration of the animations and use short offsets between them. When loading the same content multiple times, consider using different animation offsets. It may be appropriate to programmatically vary the offsets, starting with larger gaps and gradually shortening them. When using a list of items that is bound to an animated parent, consider the timing of the parent animation as well. </p><p class="subtitle-paragraph"> For most scenarios, a staggered animation is preferred. Non-staggered animation should only be used for very large groups of elements, when staggering makes the animation take too long to complete.  </p><h3 id="hierarchy">Hierarchy</h3><p class="subtitle-paragraph"> Hierarchy refers to the order in which elements are animated. Animation hierarchy allows you to direct people’s attention to UX elements in a preferred order, and helps to ease the flow of navigation to critical areas. </p><p class="subtitle-paragraph"> Give important elements more emphasis through more prominent movements and longer durations. Conversely, less significant elements should be grouped together with synchronized timing to create a cohesive visual experience. </p><div class="two-columns" data-astro-cid-waadjgvi> <div class="col col1" data-astro-cid-waadjgvi><astro-island uid="ZhWEMs" prefix="r60" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;364&quot;],&quot;title&quot;:[0,&quot;Choreography do example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_Choreography_DO.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:364px"><video loop="" muted="" aria-label="Choreography do example"><source src="/assets/video/motion/Example_Choreography_DO.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Choreography do example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island><p class="card-title">Use choreography help build focus</p></div> <div class="col" data-astro-cid-waadjgvi><astro-island uid="v6Y7" prefix="r61" component-url="https://fluent2websitecdn.azureedge.net/cdn/Video.C3EkBnPO.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;autoplay&quot;:[0,false],&quot;loop&quot;:[0,true],&quot;width&quot;:[0,&quot;364&quot;],&quot;height&quot;:[0,&quot;364&quot;],&quot;title&quot;:[0,&quot;Choreography don&#39;t example&quot;],&quot;muted&quot;:[0,true],&quot;sources&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/assets/video/motion/Example_Choreography_DONT.mp4&quot;],&quot;type&quot;:[0,&quot;video/mp4&quot;]}]]]}" ssr client="load" opts="{&quot;name&quot;:&quot;VideoComponent&quot;,&quot;value&quot;:true}" await-children><div class="video-wrapper" style="max-width:364px;max-height:364px"><video loop="" muted="" aria-label="Choreography don&#x27;t example"><source src="/assets/video/motion/Example_Choreography_DONT.mp4" type="video/mp4"/></video><div class="video-controls"><progress max="100" value="0">0<!-- -->% played</progress><a href="#" class="video-state-toggle-trigger" aria-label="Play Choreography don&#x27;t example video" role="button"><div class="video-state-toggle not-playing"><img src="https://fluent2websitecdn.azureedge.net/cdn/play-button.NPGwC2d8.svg" alt="Play" class="video-toggle play-button"/></div></a></div></div><!--astro:end--></astro-island><p class="card-title">Moving elements together can create ambiguity</p></div> </div><hr/></section>
+<section><h2 id="accessible-motion-design">Accessible motion design</h2><p class="subtitle-paragraph"> Fluent’s principle one for all, all for one means that we consider the needs of everyone in every aspect of designing and developing UI. Incorporating thoughtful motion design aligns our products to the Microsoft goal of helping everyone achieve more. </p><p class="subtitle-paragraph"> Groups who may be unable to perceive motion or may be adversely impacted by motion include people with vestibular disorders, people with low vision, people who use screen readers, or people who are sensitive to visual stimuli. Here are some general rules to make sure that these groups can also benefit fully from your apps. </p><p class="subtitle-paragraph"> Design for and include a “no motion” setting for your app or website as recommended by the WCAG.</p><p class="subtitle-paragraph">Keep durations short and the movement natural.</p><p class="subtitle-paragraph"> Avoid flashes, jarring movements, or any other sudden movements that could trigger an epileptic seizure.</p><p class="subtitle-paragraph"> Keep the motion constrained to the element in focus. Adding motion in other areas of the screen may distract from the task at hand. </p><p class="subtitle-paragraph"> Consider other ways of communicating information that conveyed via animations, like using ARIA live regions to expose and announce dynamic content. </p></section> <div style="height:128px"></div> </div> </div> <div class="toc" data-astro-cid-eribfrav>  <nav class="table-of-contents toc--dynamic" aria-label="Table of contents">  <strong class="title">On this page</strong>   <ul class="list static" data-level="2"> <li class="item"> <a href="#motion-principles" data-target="motion-principles" title="Go to Motion principles"> Motion principles </a> </li><li class="item"> <a href="#duration-and-easing" data-target="duration-and-easing" title="Go to Duration and easing"> Duration and easing </a> </li><li class="item"> <a href="#transitions-or-motion-in-practice" data-target="transitions-or-motion-in-practice" title="Go to Transitions, or motion in practice"> Transitions, or motion in practice </a> </li><li class="item"> <a href="#choreography" data-target="choreography" title="Go to Choreography"> Choreography </a> </li><li class="item"> <a href="#accessible-motion-design" data-target="accessible-motion-design" title="Go to Accessible motion design"> Accessible motion design </a> </li> </ul> <svg class="toc-marker" width="200" height="200" xmlns="http://www.w3.org/2000/svg"> <path stroke="var(--colorTocPressed)" stroke-width="3" fill="#000" stroke-dasharray="0, 0, 0, 1000" stroke-dashoffset="1" stroke-linecap="round" stroke-linejoin="round" transform="translate(-0.5, -0.5)"></path> </svg>  </nav> <script>
+  (() => {
+    const ul = document.querySelector('.toc ul.list');
+    const toc = document.querySelector('.toc');
+    const tocPath = document.querySelector('.toc-marker path');
+    // Bail out cleanly on pages where the TOC list wasn't rendered (e.g. no
+    // h2 headings). Without this, downstream handlers would call into a null
+    // `ul` and throw "Cannot read properties of null (reading 'firstChild')".
+    if (!ul || !toc || !tocPath) return;
+    const hasTabs = document.querySelector('[role="tablist"]'); // Check if page has tabs
+    let tocItems;
+    let pathLength;
+
+    // Function to get currently active tab panel
+    const getActiveTabPanel = () => {
+      if (!hasTabs) return null;
+      
+      // Try multiple selectors to find the active panel
+      let activePanel = document.querySelector('[role="tabpanel"].active');
+      if (!activePanel) {
+        activePanel = document.querySelector('[role="tabpanel"][aria-selected="true"]');
+      }
+      if (!activePanel) {
+        // Try finding the first tab panel as fallback
+        activePanel = document.querySelector('[role="tabpanel"]');
+      }
+      
+      return activePanel;
+    };
+
+    const clearElement = (element) => {
+      if (!element) return;
+      while (element.firstChild) {
+        element.removeChild(element.firstChild);
+      }
+    };
+
+    // Function to build TOC items dynamically for tab pages
+    const buildTocItemsForActiveTab = () => {
+      
+      if (!hasTabs) {
+        return;
+      }
+
+      const activePanel = getActiveTabPanel();
+      if (!activePanel) {
+        return;
+      }
+
+      // Find all H2 elements within the active tab panel
+      const h2Elements = activePanel.querySelectorAll('h2');
+      
+      
+      clearElement(ul);
+
+      // Build new TOC items
+      let itemsAdded = 0;
+      h2Elements.forEach((h2, index) => {
+        
+        // Generate ID if it doesn't exist
+        let headingId = h2.id;
+        if (!headingId) {
+          headingId = h2.textContent.toLowerCase()
+            .replace(/[^\w\s-]/g, '')
+            .replace(/\s+/g, '-')
+            .trim();
+          h2.id = headingId;
+        }
+        
+        if (headingId) {
+          const li = document.createElement('li');
+          li.className = 'item';
+          
+          const a = document.createElement('a');
+          a.href = '#' + headingId;
+          a.setAttribute('data-target', headingId);
+          a.setAttribute('title', `Go to ${h2.textContent}`);
+          a.textContent = h2.textContent;
+          
+          li.appendChild(a);
+          ul.appendChild(li);
+          itemsAdded++;
+        }
+      });
+
+      // Rebuild tocItems array after DOM update
+      rebuildTocItems();
+    };
+
+    // Function to rebuild tocItems array
+    const rebuildTocItems = () => {
+      tocItems = [].slice.call(toc.querySelectorAll('li'));
+
+      // Cache element references and measurements
+      tocItems = tocItems.map(function (item) {
+        const anchor = item.querySelector('a');
+        const target = document.getElementById(anchor.getAttribute('href').slice(1));
+
+        return {
+          listItem: item,
+          anchor: anchor,
+          target: target,
+        };
+      });
+
+      // Remove missing targets
+      tocItems = tocItems.filter(function (item) {
+        return !!item.target;
+      });
+    };
+
+    const sync = () => {
+      if (!tocItems || tocItems.length === 0) return;
+      
+      let pathStart = pathLength,
+        pathEnd = 0;
+      const activeLinks = [].slice.call(ul.querySelectorAll('.active')).map((item) => item.getAttribute('data-target'));
+      const tocActiveItems = tocItems.filter((item) => activeLinks.includes(item.target.id));
+
+      if (tocActiveItems.length > 0) {
+        tocActiveItems.forEach((item) => {
+          pathStart = Math.min(item.pathStart, pathStart);
+          pathEnd = Math.max(item.pathEnd, pathEnd);
+        });
+        tocPath.setAttribute('stroke-dasharray', '1, ' + pathStart + ', ' + (pathEnd - pathStart) + ', ' + pathLength);
+        tocPath.setAttribute('opacity', 1);
+      } else {
+        tocPath.setAttribute('opacity', 0);
+      }
+    };
+
+    const drawPath = () => {
+      if (!tocItems || tocItems.length === 0) return;
+
+      let path = [];
+
+      tocItems.forEach(function (item, i) {
+        const x = item.anchor.offsetLeft - 5,
+          y = item.anchor.offsetTop,
+          height = item.anchor.offsetHeight;
+
+        if (i === 0) {
+          path.push('M', x, y, 'L', x, y + height);
+          item.pathStart = 0;
+        } else {
+          path.push('L', x, y);
+
+          // Set the current path so that we can measure it
+          tocPath.setAttribute('d', path.join(' '));
+          item.pathStart = tocPath.getTotalLength() || 0;
+
+          path.push('L', x, y + height);
+        }
+
+        tocPath.setAttribute('d', path.join(' '));
+        item.pathEnd = tocPath.getTotalLength();
+      });
+
+      pathLength = tocPath.getTotalLength();
+      sync();
+    };
+
+    // Initialize TOC
+    if (hasTabs) {
+      // For tab pages, build TOC dynamically after a short delay to ensure DOM is ready
+      setTimeout(() => {
+        buildTocItemsForActiveTab();
+        setTimeout(() => {
+          drawPath();
+          setupObserver();
+        }, 100);
+      }, 500);
+    } else {
+      // For non-tab pages, use existing items
+      rebuildTocItems();
+      // Initial draw
+      setTimeout(() => {
+        drawPath();
+        setupObserver();
+      }, 100);
+    }
+
+    const options = {
+      rootMargin: '-10% 0% -10%',
+      threshold: 0,
+    };
+
+    const observer = new IntersectionObserver((entries) => {
+      for (const entry of entries) {
+        const id = entry.target.id;
+        if (!id) continue;
+        
+        // For tab pages, only process if section is in active tab
+        if (hasTabs) {
+          const activePanel = getActiveTabPanel();
+          if (!activePanel || !activePanel.contains(entry.target)) continue;
+        }
+        
+        const tocLink = ul.querySelector(`[data-target="${id}"]`);
+        if (!tocLink) continue;
+        
+        if (entry.isIntersecting) {
+          tocLink.classList.add('active');
+        } else {
+          tocLink.classList.remove('active');
+        }
+      }
+      sync();
+    }, options);
+
+    // For tab pages, observe H2 elements directly instead of sections
+    const setupObserver = () => {
+      if (hasTabs) {
+        const activePanel = getActiveTabPanel();
+        if (activePanel) {
+          const h2Elements = activePanel.querySelectorAll('h2');
+          h2Elements.forEach(h2 => {
+            if (h2.id) {
+              observer.observe(h2);
+            }
+          });
+        }
+      } else {
+        // For non-tab pages, observe all H2 elements
+        const allH2s = document.querySelectorAll('h2');
+        allH2s.forEach(h2 => {
+          if (h2.id) {
+            observer.observe(h2);
+          }
+        });
+      }
+    };
+
+    // Listen for tab changes if tabs exist
+    if (hasTabs) {
+      const tabButtons = document.querySelectorAll('[role="tab"]');
+      
+      tabButtons.forEach(button => {
+        button.addEventListener('click', () => {
+          // Small delay to allow tab content to update
+          setTimeout(() => {
+            buildTocItemsForActiveTab();
+            setTimeout(() => {
+              drawPath();
+              setupObserver();
+            }, 50);
+          }, 100);
+        });
+      });
+
+      // Also listen for custom tab change events
+      document.addEventListener('tabchange', () => {
+        setTimeout(() => {
+          buildTocItemsForActiveTab();
+          setTimeout(() => {
+            drawPath();
+            setupObserver();
+          }, 50);
+        }, 100);
+      });
+    }
+  })();
+</script>  </div>  </main> </div> <!-- Feedback widget --> <astro-island uid="Z1vwtMz" prefix="r40" component-url="https://fluent2websitecdn.azureedge.net/cdn/FeedbackWidget.C5wxxqAw.js" component-export="default" renderer-url="https://fluent2websitecdn.azureedge.net/cdn/client.DqERmJyD.js" props="{&quot;chevronDownIconSrc&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/chevron-down.DGV65WxC.svg&quot;],&quot;chevronDownDarkIconSrc&quot;:[0,&quot;https://fluent2websitecdn.azureedge.net/cdn/chevron-down-dark.DE_Iukq6.svg&quot;]}" ssr client="load" opts="{&quot;name&quot;:&quot;FeedbackWidgetComponent&quot;,&quot;value&quot;:true}"></astro-island> <script type="module" src="https://fluent2websitecdn.azureedge.net/cdn/FeedbackWidget.astro_astro_type_script_index_0_lang.eP4XIHS1.js"></script> <footer id="fluent2-footer"> <div class="content-width footer-content"> <section class="footer-top flex"> <span style="font-size:28px" class="_svg_fqnn1_1"><svg width="17" height="28" viewBox="0 0 17 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 4.66667L8.25 0L0 4.66667V14V23.3333L8.25 28V18.6667L16.5 14L8.25 9.33333L16.5 4.66667Z" fill="#616161"/>
+</svg>
+</span> <ul class="footer-links flex" aria-label="Bottom navigation"> <li><a href="https://fluent1.microsoft.design" target="_blank">Fluent 1</a></li> <li><a href="https://www.microsoft.com/design" target="_blank">Microsoft Design</a></li> <li><a href="https://inclusive.microsoft.design/" target="_blank">Inclusive Design</a></li> <li><a href="https://medium.com/microsoft-design/tagged/fluent-design-system" target="_blank">Medium</a></li> </ul> </section> <hr class="sep"> <section class="footer-bottom"> <div class="social-links flex-mid"> <a href="https://medium.com/microsoft-design" target="_blank" rel="nofollow noopener" title="Microsoft Design - Medium"><span class="_svg_fqnn1_1 _default_fqnn1_10"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_349_197)">
+<path d="M12 0.00012207H0V12.0001H12V0.00012207Z" fill="#808080"/>
+<path d="M2.86354 4.01341C2.87355 3.91445 2.83581 3.81664 2.76192 3.75004L2.00921 2.84327V2.70782H4.34638L6.15288 6.66973L7.74111 2.70782H9.96913V2.84327L9.32556 3.46032C9.27008 3.50262 9.24256 3.57213 9.25406 3.64092V8.17473C9.24256 8.24352 9.27008 8.31303 9.32556 8.35533L9.95408 8.97237V9.10783H6.79269V8.97237L7.44378 8.34028C7.50776 8.27631 7.50777 8.2575 7.50777 8.15968V4.49501L5.69749 9.09277H5.45286L3.34527 4.49501V7.57649C3.3277 7.70604 3.37073 7.83648 3.46194 7.93017L4.30874 8.95733V9.09277H1.90759V8.95733L2.75439 7.93017C2.84494 7.83632 2.88546 7.70502 2.86354 7.57649V4.01341Z" fill="var(--colorNeutralBackground2)"/>
+</g>
+<defs>
+<clipPath id="clip0_349_197">
+<rect width="12" height="12" fill="white" transform="translate(0 0.00012207)"/>
+</clipPath>
+</defs>
+</svg>
+</span> </a> <a href="https://www.facebook.com/microsoftdesign" target="_blank" rel="nofollow noopener" title="Microsoft Design - Facebook"><span class="_svg_fqnn1_1 _default_fqnn1_10"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_349_202)">
+<path d="M11.3376 0.000122092H0.661835C0.296265 0.000305197 -9.15315e-05 0.296844 2.12067e-08 0.662506V11.3383C0.000183127 11.7039 0.296722 12.0002 0.662384 12.0001H11.3376C11.7034 12.0002 11.9999 11.7038 12 11.338C12 11.3379 12 11.3378 12 11.3377V0.661957C11.9998 0.296387 11.7033 3.05388e-05 11.3376 0.000122092V0.000122092Z" fill="#808080"/>
+<path d="M8.28516 12.0002V7.35953H9.84961L10.084 5.54312H8.28516V4.38626C8.28516 3.86157 8.43082 3.50406 9.1832 3.50406H10.1367V1.88385C9.97083 1.86179 9.40164 1.81244 8.73935 1.81244C7.35654 1.81244 6.41016 2.65619 6.41016 4.20636V5.54312H4.85156V7.35953H6.41016V12.0002H8.28516Z" fill="var(--colorNeutralBackground2)"/>
+</g>
+<defs>
+<clipPath id="clip0_349_202">
+<rect width="12" height="12" fill="white" transform="translate(0 0.00012207)"/>
+</clipPath>
+</defs>
+</svg>
+</span> </a> <a href="https://twitter.com/microsoftdesign" target="_blank" rel="nofollow noopener" title="Microsoft Design - Twitter"><span class="_svg_fqnn1_1 _default_fqnn1_10"><svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 1.65925C13.4794 1.88762 12.9246 2.039 12.3462 2.1125C12.9412 1.75725 13.3954 1.199 13.6089 0.526122C13.0541 0.856872 12.4416 1.0905 11.7889 1.22087C11.2621 0.659997 10.5114 0.312622 9.69238 0.312622C8.10337 0.312622 6.82412 1.60237 6.82412 3.1835C6.82412 3.411 6.84338 3.62975 6.89062 3.838C4.5045 3.72162 2.39313 2.578 0.97475 0.835872C0.727125 1.2655 0.581875 1.75725 0.581875 2.28662C0.581875 3.28062 1.09375 4.16175 1.85675 4.67187C1.39562 4.66312 0.94325 4.52925 0.56 4.31837C0.56 4.32712 0.56 4.3385 0.56 4.34987C0.56 5.74462 1.55487 6.90312 2.8595 7.17C2.62587 7.23387 2.37125 7.2645 2.107 7.2645C1.92325 7.2645 1.73775 7.254 1.56362 7.2155C1.9355 8.35212 2.99075 9.18775 4.2455 9.21487C3.269 9.97875 2.02912 10.439 0.686875 10.439C0.4515 10.439 0.22575 10.4285 0 10.3996C1.27137 11.2195 2.77813 11.6876 4.403 11.6876C9.6845 11.6876 12.572 7.31262 12.572 3.52037C12.572 3.3935 12.5676 3.271 12.5615 3.14937C13.1311 2.74512 13.6097 2.24025 14 1.65925Z" fill="#808080"/>
+</svg>
+</span> </a> </div> <ul class="external-links flex-mid"> <li> <button id="feedback-button">Feedback</button> </li> <li> <a href="https://support.microsoft.com/contactus" rel="nofollow noopener" target="_blank">Contact Microsoft</a> </li> <li> <a href="https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks" rel="nofollow noopener" target="_blank">Trademarks</a> </li> <li> <a href="https://www.microsoft.com/en-us/legal/terms-of-use" rel="nofollow noopener" target="_blank">Terms of use</a> </li> <li class="copy">
+© Microsoft <span id="copy-year">2026</span> </li> </ul> </section> </div> </footer> <div id="user-logged-in" data-user-logged-in="false" data-astro-cid-eribfrav></div> <script type="module">const e=document.querySelector("h1:not(.hero__tagline)");e?.setAttribute("tabindex","0");e?.focus();</script> <script type="module" src="https://fluent2websitecdn.azureedge.net/cdn/ContentPage.astro_astro_type_script_index_1_lang.BKyZenAj.js"></script> </body> </html> 
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/objects/github-desktop-onboarding-7567553258da.html b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/github-desktop-onboarding-7567553258da.html
new file mode 100644
index 0000000..545b8be
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/github-desktop-onboarding-7567553258da.html
@@ -0,0 +1,944 @@
+<!doctype html>
+<html lang="en-US" class="mt-0">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="profile" href="https://gmpg.org/xfn/11">
+	<link rel="icon" type="image/x-icon" href="https://github.githubassets.com/favicon.ico">
+	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
+
+	<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
+	<title>GitHub Desktop 1.6 now available - The GitHub Blog</title>
+	<link rel="canonical" href="https://github.blog/news-insights/product-news/github-desktop-update/" />
+	<meta property="og:locale" content="en_US" />
+	<meta property="og:type" content="article" />
+	<meta property="og:title" content="GitHub Desktop 1.6 now available" />
+	<meta property="og:description" content="We are excited to release GitHub Desktop 1.6, bringing new features and improvements around onboarding, suggested next steps, and large file restrictions." />
+	<meta property="og:url" content="https://github.blog/news-insights/product-news/github-desktop-update/" />
+	<meta property="og:site_name" content="The GitHub Blog" />
+	<meta property="article:published_time" content="2019-01-17T16:21:21+00:00" />
+	<meta property="article:modified_time" content="2021-12-20T07:15:44+00:00" />
+	<meta property="og:image" content="https://github.blog/wp-content/uploads/2019/03/product-social.png?fit=1201%2C630" />
+	<meta property="og:image:width" content="1201" />
+	<meta property="og:image:height" content="630" />
+	<meta property="og:image:type" content="image/png" />
+	<meta name="author" content="Neha Batra" />
+	<meta name="twitter:card" content="summary_large_image" />
+	<meta name="twitter:label1" content="Written by" />
+	<meta name="twitter:data1" content="Neha Batra" />
+	<meta name="twitter:label2" content="Est. reading time" />
+	<meta name="twitter:data2" content="2 minutes" />
+<script type='application/ld+json'>{"@context":"https:\/\/schema.org","headline":"GitHub Desktop 1.6 now available","author":{"@type":"Person","name":"Neha Batra"},"datePublished":"2019-01-17T08:21:21-08:00","abstract":"We are excited to release GitHub Desktop 1.6, bringing new features and improvements around onboarding, suggested next steps, and large file restrictions.","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/"},"image":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?resize=150%2C150","@type":"TechArticle"}</script>
+<script type='application/ld+json'>{"@context":"https:\/\/schema.org","headline":"GitHub Desktop 1.6 now available","author":{"@type":"Person","name":"Neha Batra"},"datePublished":"2019-01-17T08:21:21-08:00","abstract":"We are excited to release GitHub Desktop 1.6, bringing new features and improvements around onboarding, suggested next steps, and large file restrictions.","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/"},"image":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?resize=150%2C150","@type":"BlogPosting"}</script>
+	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#article","isPartOf":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/"},"author":[{"@id":"https:\/\/github.blog\/#\/schema\/person\/cdef7295ff70dea2c9d65386ef998d52"}],"headline":"GitHub Desktop 1.6 now available","datePublished":"2019-01-17T16:21:21+00:00","dateModified":"2021-12-20T07:15:44+00:00","mainEntityOfPage":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/"},"wordCount":475,"image":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#primaryimage"},"thumbnailUrl":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?fit=1201%2C630","keywords":["client apps","editor tools","GitHub Desktop"],"articleSection":["News &amp; insights","Product"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/","url":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/","name":"GitHub Desktop 1.6 now available - The GitHub Blog","isPartOf":{"@id":"https:\/\/github.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#primaryimage"},"image":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#primaryimage"},"thumbnailUrl":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?fit=1201%2C630","datePublished":"2019-01-17T16:21:21+00:00","dateModified":"2021-12-20T07:15:44+00:00","author":{"@id":"https:\/\/github.blog\/#\/schema\/person\/cdef7295ff70dea2c9d65386ef998d52"},"breadcrumb":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#primaryimage","url":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?fit=1201%2C630","contentUrl":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?fit=1201%2C630","width":1201,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/github.blog\/"},{"@type":"ListItem","position":2,"name":"News &amp; insights","item":"https:\/\/github.blog\/news-insights\/"},{"@type":"ListItem","position":3,"name":"Product","item":"https:\/\/github.blog\/news-insights\/product-news\/"},{"@type":"ListItem","position":4,"name":"GitHub Desktop 1.6 now available"}]},{"@type":"WebSite","@id":"https:\/\/github.blog\/#website","url":"https:\/\/github.blog\/","name":"The GitHub Blog","description":"Updates, ideas, and inspiration from GitHub to help developers build and design software.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/github.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/github.blog\/#\/schema\/person\/cdef7295ff70dea2c9d65386ef998d52","name":"Neha Batra","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ff64198c8d5f20c894d84d755c1382d90a675a8b72be1b4c93179a8bc89082e1?s=96&d=mm&r=g41cf2512a7528c095e95d07d1ba80af9","url":"https:\/\/secure.gravatar.com\/avatar\/ff64198c8d5f20c894d84d755c1382d90a675a8b72be1b4c93179a8bc89082e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ff64198c8d5f20c894d84d755c1382d90a675a8b72be1b4c93179a8bc89082e1?s=96&d=mm&r=g","caption":"Neha Batra"},"sameAs":["http:\/\/twitter.com\/nerdneha"],"url":"https:\/\/github.blog\/author\/nerdneha\/"}]}</script>
+	<!-- / Yoast SEO Premium plugin. -->
+
+
+<link rel='dns-prefetch' href='//ghcc.githubassets.com' />
+<link rel='dns-prefetch' href='//js.monitor.azure.com' />
+<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
+<link rel='dns-prefetch' href='//analytics.githubassets.com' />
+<link rel='dns-prefetch' href='//v0.wordpress.com' />
+<link rel="alternate" type="application/rss+xml" title="The GitHub Blog &raquo; Feed" href="https://github.blog/feed/" />
+<link rel="alternate" type="application/rss+xml" title="The GitHub Blog &raquo; Comments Feed" href="https://github.blog/comments/feed/" />
+<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://github.blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgithub.blog%2Fnews-insights%2Fproduct-news%2Fgithub-desktop-update%2F" />
+<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://github.blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgithub.blog%2Fnews-insights%2Fproduct-news%2Fgithub-desktop-update%2F&#038;format=xml" />
+<style id="wp-img-auto-sizes-contain-inline-css">
+img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
+/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
+</style>
+<style id="wp-emoji-styles-inline-css">
+
+	img.wp-smiley, img.emoji {
+		display: inline !important;
+		border: none !important;
+		box-shadow: none !important;
+		height: 1em !important;
+		width: 1em !important;
+		margin: 0 0.07em !important;
+		vertical-align: -0.1em !important;
+		background: none !important;
+		padding: 0 !important;
+	}
+/*# sourceURL=wp-emoji-styles-inline-css */
+</style>
+<style id="wp-block-library-inline-css">
+:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
+
+/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
+</style>
+
+<style id="github-typography-presets-inline-css">
+.is-typography-preset-h1{font-size:var(--base-size-36, 36px);font-weight:700;line-height:1.25;margin-block-end:20px;margin-block-start:0;}.is-typography-preset-h2{font-size:var(--base-size-32, 32px);font-weight:700;line-height:1.25;margin-block-end:20px;margin-block-start:40px;}.is-typography-preset-h3{font-size:var(--base-size-28, 28px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h4{font-size:var(--base-size-24, 24px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h5{font-size:var(--base-size-20, 20px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h6{font-size:var(--base-size-18, 18px);font-weight:700;line-height:1.25;margin-block-end:0;margin-block-start:20px;}.is-typography-preset-display{font:var(--text-display-shorthand);}.is-typography-preset-title-large{font:var(--text-title-shorthand-large);}.is-typography-preset-title-medium{font:var(--text-title-shorthand-medium);}.is-typography-preset-title-small{font:var(--text-title-shorthand-small);}.is-typography-preset-subtitle{font:var(--text-subtitle-shorthand);}.is-typography-preset-body-large{font:var(--text-body-shorthand-large);}.is-typography-preset-body-medium{font:var(--text-body-shorthand-medium);}.is-typography-preset-body-small{font:var(--text-body-shorthand-small);}
+/*# sourceURL=github-typography-presets-inline-css */
+</style>
+<style id="global-styles-inline-css">
+:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: var(--base-size-20, 1.25rem);--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: var(--base-size-40, 2.5rem);--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: var(--base-size-80, 5rem);--wp--preset--spacing--4: var(--base-size-4, 0.25rem);--wp--preset--spacing--6: var(--base-size-6, 0.375rem);--wp--preset--spacing--8: var(--base-size-8, 0.5rem);--wp--preset--spacing--2: var(--base-size-2, 0.125rem);--wp--preset--spacing--12: var(--base-size-12, 0.75rem);--wp--preset--spacing--16: var(--base-size-16, 1rem);--wp--preset--spacing--24: var(--base-size-24, 1.5rem);--wp--preset--spacing--28: var(--base-size-28, 1.75rem);--wp--preset--spacing--32: var(--base-size-32, 2rem);--wp--preset--spacing--36: var(--base-size-36, 2.25rem);--wp--preset--spacing--44: var(--base-size-44, 2.75rem);--wp--preset--spacing--48: var(--base-size-48, 3rem);--wp--preset--spacing--64: var(--base-size-64, 4rem);--wp--preset--spacing--96: var(--base-size-96, 6rem);--wp--preset--spacing--112: var(--base-size-112, 7rem);--wp--preset--spacing--128: var(--base-size-128, 8rem);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--custom--typography--presets--0--name: Like h1;--wp--custom--typography--presets--0--slug: h1;--wp--custom--typography--presets--0--font-size: var(--base-size-36, 36px);--wp--custom--typography--presets--0--font-weight: 700;--wp--custom--typography--presets--0--line-height: 1.25;--wp--custom--typography--presets--0--margin-block-end: 20px;--wp--custom--typography--presets--0--margin-block-start: 0;--wp--custom--typography--presets--1--name: Like h2;--wp--custom--typography--presets--1--slug: h2;--wp--custom--typography--presets--1--font-size: var(--base-size-32, 32px);--wp--custom--typography--presets--1--font-weight: 700;--wp--custom--typography--presets--1--line-height: 1.25;--wp--custom--typography--presets--1--margin-block-end: 20px;--wp--custom--typography--presets--1--margin-block-start: 40px;--wp--custom--typography--presets--2--name: Like h3;--wp--custom--typography--presets--2--slug: h3;--wp--custom--typography--presets--2--font-size: var(--base-size-28, 28px);--wp--custom--typography--presets--2--font-weight: 700;--wp--custom--typography--presets--2--line-height: 1.25;--wp--custom--typography--presets--2--margin-block-end: 12px;--wp--custom--typography--presets--2--margin-block-start: 20px;--wp--custom--typography--presets--3--name: Like h4;--wp--custom--typography--presets--3--slug: h4;--wp--custom--typography--presets--3--font-size: var(--base-size-24, 24px);--wp--custom--typography--presets--3--font-weight: 700;--wp--custom--typography--presets--3--line-height: 1.25;--wp--custom--typography--presets--3--margin-block-end: 12px;--wp--custom--typography--presets--3--margin-block-start: 20px;--wp--custom--typography--presets--4--name: Like h5;--wp--custom--typography--presets--4--slug: h5;--wp--custom--typography--presets--4--font-size: var(--base-size-20, 20px);--wp--custom--typography--presets--4--font-weight: 700;--wp--custom--typography--presets--4--line-height: 1.25;--wp--custom--typography--presets--4--margin-block-end: 12px;--wp--custom--typography--presets--4--margin-block-start: 20px;--wp--custom--typography--presets--5--name: Like h6;--wp--custom--typography--presets--5--slug: h6;--wp--custom--typography--presets--5--font-size: var(--base-size-18, 18px);--wp--custom--typography--presets--5--font-weight: 700;--wp--custom--typography--presets--5--line-height: 1.25;--wp--custom--typography--presets--5--margin-block-end: 0;--wp--custom--typography--presets--5--margin-block-start: 20px;--wp--custom--typography--presets--6--name: Display;--wp--custom--typography--presets--6--slug: display;--wp--custom--typography--presets--6--font: var(--text-display-shorthand);--wp--custom--typography--presets--7--name: Title Large;--wp--custom--typography--presets--7--slug: title-large;--wp--custom--typography--presets--7--font: var(--text-title-shorthand-large);--wp--custom--typography--presets--8--name: Title Medium;--wp--custom--typography--presets--8--slug: title-medium;--wp--custom--typography--presets--8--font: var(--text-title-shorthand-medium);--wp--custom--typography--presets--9--name: Title Small;--wp--custom--typography--presets--9--slug: title-small;--wp--custom--typography--presets--9--font: var(--text-title-shorthand-small);--wp--custom--typography--presets--10--name: Subtitle;--wp--custom--typography--presets--10--slug: subtitle;--wp--custom--typography--presets--10--font: var(--text-subtitle-shorthand);--wp--custom--typography--presets--11--name: Body Large;--wp--custom--typography--presets--11--slug: body-large;--wp--custom--typography--presets--11--font: var(--text-body-shorthand-large);--wp--custom--typography--presets--12--name: Body Medium;--wp--custom--typography--presets--12--slug: body-medium;--wp--custom--typography--presets--12--font: var(--text-body-shorthand-medium);--wp--custom--typography--presets--13--name: Body Small;--wp--custom--typography--presets--13--slug: body-small;--wp--custom--typography--presets--13--font: var(--text-body-shorthand-small);}:root { --wp--style--global--content-size: calc(1280px - var(--p-responsive-blog) * 2);--wp--style--global--wide-size: calc(1280px - var(--p-responsive-blog) * 2); }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{font-family: var(--brand-fontStack-sansSerif, sans-serif);--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--p-responsive-blog);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--p-responsive-blog);}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
+/*# sourceURL=global-styles-inline-css */
+</style>
+
+<link rel='stylesheet' id='all-css-12' href='https://github.blog/_static/??-eJyNjEEOwjAMBD+EMS0qgQPiLW1qEktxGtWOCr8ncIEj19mdwa2AX7JRNiypBs6KDQnlCixjIBxVyRS9tkEY7mt7g9oz0b6xHf4ELJKQYmCLdYL+0HfgI6cZZ1b7FBKHaNPy+EP9SspGoH7lYm/vJtfOnU/Dcbg49wLeyUUN' type='text/css' media='all' />
+<link rel='stylesheet' id='highlightjs-css-css' href='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/default.min.css?ver=11.4.0' media='all' />
+<link rel="https://api.w.org/" href="https://github.blog/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://github.blog/wp-json/wp/v2/posts/47032" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://github.blog/xmlrpc.php?rsd" />
+<meta name="generator" content="WordPress 7.0.4" />
+<link rel='shortlink' href='https://wp.me/pamS32-ceA' />
+<!-- Stream WordPress user activity plugin v4.3.0 -->
+	<style>img#wpstats{display:none}</style>
+		<link rel="llms-sitemap" href="https://github.blog/llms.txt" />
+<meta name="ha-url" content="https://collector.githubapp.com/github-blog/collect"><link rel="preload" href="https://github.blog/wp-content/themes/github-2021/dist/fonts/mona-sans.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://github.blog/wp-content/themes/github-2021/dist/fonts/MonaspaceNeon-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="icon" href="https://github.blog/wp-content/uploads/2019/01/cropped-github-favicon-512.png?fit=32%2C32" sizes="32x32" />
+<link rel="icon" href="https://github.blog/wp-content/uploads/2019/01/cropped-github-favicon-512.png?fit=192%2C192" sizes="192x192" />
+<link rel="apple-touch-icon" href="https://github.blog/wp-content/uploads/2019/01/cropped-github-favicon-512.png?fit=180%2C180" />
+<meta name="msapplication-TileImage" content="https://github.blog/wp-content/uploads/2019/01/cropped-github-favicon-512.png?fit=270%2C270" />
+<style id="wp-style-engine-github-typography-presets-inline-css">
+.is-typography-preset-h1{font-size:var(--base-size-36, 36px);font-weight:700;line-height:1.25;margin-block-end:20px;margin-block-start:0;}.is-typography-preset-h2{font-size:var(--base-size-32, 32px);font-weight:700;line-height:1.25;margin-block-end:20px;margin-block-start:40px;}.is-typography-preset-h3{font-size:var(--base-size-28, 28px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h4{font-size:var(--base-size-24, 24px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h5{font-size:var(--base-size-20, 20px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h6{font-size:var(--base-size-18, 18px);font-weight:700;line-height:1.25;margin-block-end:0;margin-block-start:20px;}.is-typography-preset-display{font:var(--text-display-shorthand);}.is-typography-preset-title-large{font:var(--text-title-shorthand-large);}.is-typography-preset-title-medium{font:var(--text-title-shorthand-medium);}.is-typography-preset-title-small{font:var(--text-title-shorthand-small);}.is-typography-preset-subtitle{font:var(--text-subtitle-shorthand);}.is-typography-preset-body-large{font:var(--text-body-shorthand-large);}.is-typography-preset-body-medium{font:var(--text-body-shorthand-medium);}.is-typography-preset-body-small{font:var(--text-body-shorthand-small);}
+/*# sourceURL=wp-style-engine-github-typography-presets-inline-css */
+</style>
+
+</head>
+<body class="wp-singular post-template-default single single-post postid-47032 single-format-standard wp-embed-responsive wp-theme-github-2021 wp-child-theme-github-2021-child font-mktg no-sidebar" data-color-mode="light" data-light-theme="light" data-dark-theme="dark">
+	<script id='jetpack-search-theme-token-sampler'>(function(){try{var c=getComputedStyle(document.body),r=document.documentElement,ink=c.color,bg=c.backgroundColor;if(ink){r.style.setProperty('--jp-search-page-ink',ink);}if(bg&&bg!==ink&&bg!=='rgba(0, 0, 0, 0)'&&bg!=='transparent'){r.style.setProperty('--jp-search-page-surface',bg);}}catch(e){}})();</script>	<div data-color-mode="dark" data-light-theme="light" data-dark-theme="dark_dimmed" class="pt-header pt-lg-0">
+		<header id="header" class="header position-fixed position-lg-static pb-lg-header z-4 top-0 left-0 right-0 d-flex flex-column flex-items-stretch color-bg-default">
+						<a href="#start-of-content" class="p-3 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus">
+				Skip to content			</a>
+							<a href="#sidebar" id="skip-to-sidebar" class="p-3 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus">
+					Skip to sidebar				</a>
+						<div class="position-relative container-xl width-full mx-auto p-responsive-blog">
+				<div class="d-flex flex-items-center flex-justify-between pt-3 pb-3 color-fg-default">
+					
+<a href="https://github.com" target="_blank" rel="noreferrer" aria-label="GitHub homepage" class="Header-link position-relative d-flex flex-items-center color-fg-default">
+	<svg aria-hidden="true" role="img" class="octicon octicon-mark-github d-block" viewBox="0 0 98 96" width="32" height="32" fill="currentColor"><g clip-path="url(#a)"><path d="M41.44 69.385C28.807 67.853 19.906 58.762 19.906 46.99c0-4.785 1.723-9.953 4.594-13.398-1.244-3.158-1.053-9.858.383-12.633 3.828-.479 8.996 1.531 12.058 4.307 3.637-1.149 7.465-1.723 12.155-1.723 4.69 0 8.517.574 11.963 1.627 2.966-2.68 8.23-4.69 12.058-4.211 1.34 2.584 1.531 9.283.287 12.537 3.063 3.637 4.69 8.518 4.69 13.494 0 11.772-8.9 20.672-21.725 22.3 3.254 2.104 5.455 6.698 5.455 11.962v9.953c0 2.871 2.393 4.498 5.264 3.35C84.41 87.95 98 70.629 98 49.19 98 22.107 75.988 0 48.904 0 21.82 0 0 22.107 0 49.191c0 21.246 13.494 38.856 31.678 45.46 2.584.956 5.072-.766 5.072-3.35v-7.657c-1.34.575-3.063.958-4.594.958-6.316 0-10.049-3.446-12.728-9.858-1.053-2.584-2.201-4.115-4.403-4.402-1.148-.096-1.53-.574-1.53-1.149 0-1.148 1.913-2.01 3.827-2.01 2.776 0 5.168 1.723 7.657 5.264 1.914 2.776 3.923 4.02 6.316 4.02 2.392 0 3.924-.861 6.125-3.063 1.627-1.627 2.871-3.062 4.02-4.02z" fill="#fff"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h98v96H0z"/></clipPath></defs></svg>
+</a>
+<span class="d-inline-block ml-2 f1-mktg f2-md-mktg" style="opacity: 0.3;">/</span>
+<a class="d-inline-block Header-link font-weight-semibold ml-2 f2 color-fg-default" href="https://github.blog/">
+	Blog</a>
+					
+<nav class="d-none d-lg-block" aria-label="Secondary navigation">
+	<ul id="secondary-navigation" class="secondary-navigation flex-items-center flex-nowrap list-style-none ml-4" aria-hidden="false"><li id="menu-item-78809"><a href="https://github.blog/changelog/" class="position-relative d-flex flex-items-center flex-start no-wrap py-2 px-4 f4 lh-condensed-ultra Link--secondary color-fg-default text-medium"><span class="menu-item-label">Changelog</span></a></li>
+<li id="menu-item-78810"><a href="https://docs.github.com/" class="position-relative d-flex flex-items-center flex-start no-wrap py-2 px-4 f4 lh-condensed-ultra Link--secondary color-fg-default text-medium"><span class="menu-item-label">Docs</span><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-down position-absolute right-0 d-block ml-1" role="presentation"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li>
+<li id="menu-item-78811"><a href="https://github.com/customer-stories" class="position-relative d-flex flex-items-center flex-start no-wrap py-2 px-4 f4 lh-condensed-ultra Link--secondary color-fg-default text-medium"><span class="menu-item-label">Customer stories</span><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-down position-absolute right-0 d-block ml-1" role="presentation"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li>
+</ul></nav>
+					
+<div class="d-none d-lg-flex flex-1">
+	<form id="desktop-search" class="desktop-search position-relative ml-lg-4 flex-1" action="https://github.blog" method="get" aria-hidden="true" aria-label="Search form" role="search">
+		<div class="position-relative d-flex flex-1 height-full color-bg-transparent" data-color-mode="light" data-light-theme="light" data-dark-theme="dark" >
+			<input aria-label="Search the blog" type="search" class="p-2 pl-3 pr-6 border-0 rounded-2 flex-1" placeholder="Search the blog…" value="" name="s" id="search-input">
+			<button type="submit" class="position-absolute right-0 z-3 d-flex flex-items-center flex-justify-center flex-self-center mr-2 p-2 border-0 rounded-2 color-bg-transparent color-fg-subtle" aria-label="Search">
+				<svg viewBox="0 0 16 16" width="20" height="20" class="octicon octicon-search" role="presentation"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg>
+			</button>
+		</div>
+	</form>
+	<button aria-label="Toggle search" class="flex-self-center ml-auto p-2 border-0 color-bg-transparent color-fg-default rounded-3 js-toggle" aria-controls="desktop-search" aria-expanded="false" >
+		<svg viewBox="0 0 24 24" width="24" height="24" class="octicon octicon-search" role="presentation"><path d="M10.25 2a8.25 8.25 0 0 1 6.34 13.53l5.69 5.69a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-5.69-5.69A8.25 8.25 0 1 1 10.25 2ZM3.5 10.25a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0Z"></path></svg>
+		<svg viewBox="2 2 20 20" width="24" height="24" class="octicon octicon-x" role="presentation"><path d="M5.72 5.72a.75.75 0 0 1 1.06 0L12 10.94l5.22-5.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L13.06 12l5.22 5.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L12 13.06l-5.22 5.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L10.94 12 5.72 6.78a.75.75 0 0 1 0-1.06Z"></path></svg>
+	</button>
+
+		<a		class="Button Button--size-medium Button--primary ml-3"
+		href="https://github.com/features/ai/github-app?utm_source=blog-header-button-cta&#038;utm_medium=blog&#038;utm_campaign=github-app-cli-Q1-push"				target="_blank"		data-analytics-click="Blog, click on button, text: Use Copilot for free; ref_location:top nav;"					>
+		<span class="Button__text">
+		<span class="Text Text--200 Text--antialiased Text--weight-semibold Button--label Button--label-medium Button--label-primary">
+			Try GitHub Copilot app		</span>
+		</span>
+
+			</a>
+		<a		class="Button Button--size-medium Button--secondary ml-3"
+		href="https://githubuniverse.com/?utm_source=Blog-button&#038;utm_medium=GitHub&#038;utm_campaign=blog_button_seb_uni_26"				target="_blank"		data-analytics-click="Blog, click on button, text: Attend Universe; ref_location:top nav;"					>
+		<span class="Button__text">
+		<span class="Text Text--200 Text--antialiased Text--weight-semibold Button--label Button--label-medium Button--label-secondary">
+			Attend GitHub Universe		</span>
+		</span>
+
+			</a>
+	</div>
+					
+<div class="d-flex d-lg-none flex-items-center flex-1 mr-n2">
+	<button aria-label="Toggle search" class="ml-auto p-2 border-0 color-bg-transparent color-fg-default rounded-3 js-toggle" aria-controls="mobile-search" aria-expanded="false" >
+		<svg viewBox="0 0 24 24" width="24" height="24" class="octicon octicon-search" role="presentation"><path d="M10.25 2a8.25 8.25 0 0 1 6.34 13.53l5.69 5.69a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-5.69-5.69A8.25 8.25 0 1 1 10.25 2ZM3.5 10.25a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0Z"></path></svg>
+		<svg viewBox="2 2 20 20" width="24" height="24" class="octicon octicon-x" role="presentation"><path d="M5.72 5.72a.75.75 0 0 1 1.06 0L12 10.94l5.22-5.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L13.06 12l5.22 5.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L12 13.06l-5.22 5.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L10.94 12 5.72 6.78a.75.75 0 0 1 0-1.06Z"></path></svg>
+	</button>
+	<button class="mobile-nav-focus-trap js-mobile-nav-focus-trap" data-target="#mobile-menu" data-focus-order="last"></button>
+	<button id="mobile-menu-toggle"  aria-label="Toggle menu" class="ml-2 p-2 border-0 color-bg-transparent color-fg-default rounded-3 js-toggle" aria-controls="mobile-menu" aria-expanded="false" data-trap-focus="#header">
+		<svg viewBox="0 0 16 16" width="24" height="24" class="octicon octicon-three-bars" role="presentation"><path d="M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75ZM1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Z"></path></svg>
+		<svg viewBox="2 2 20 20" width="24" height="24" class="octicon octicon-x " role="presentation"><path d="M5.72 5.72a.75.75 0 0 1 1.06 0L12 10.94l5.22-5.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L13.06 12l5.22 5.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L12 13.06l-5.22 5.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L10.94 12 5.72 6.78a.75.75 0 0 1 0-1.06Z"></path></svg>
+	</button>
+</div>
+				</div>
+			</div>
+							<div class="position-relative pb-lg-navigation" data-sticky-navigation=".sticky-navigation">
+					
+<nav aria-label="Primary navigation" class="sticky-navigation position-absolute z-4 top-0 left-0 d-none d-lg-block width-full color-border-subtle color-bg-default">
+	<div class="position-relative container-xl width-full mx-auto p-responsive-blog">
+		<ul id="primary-navigation" class="primary-navigation position-relative d-flex flex-row flex-nowrap flex-grow-0 flex-justify-between list-style-none"><li id="menu-item-78814"><a href="https://github.blog/ai-and-ml/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78814-dropdown" aria-expanded="false" aria-haspopup="true" role="button">AI &amp; ML<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="AI &amp; ML sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78814-dropdown" tabindex="-1">
+	<li id="menu-item-78863" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/ai-and-ml/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">AI &amp; ML<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Learn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="AI &amp; ML sub-menu">
+		<li id="menu-item-78815" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/ai-and-ml/generative-ai/" class="d-block f4 color-fg-default text-bold">Generative AI</a><p class="mb-0 f5 color-fg-muted">Learn how to build with generative AI.</p></li>
+		<li id="menu-item-78816" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/ai-and-ml/github-copilot/" class="d-block f4 color-fg-default text-bold">GitHub Copilot</a><p class="mb-0 f5 color-fg-muted">Change how you work with GitHub Copilot.</p></li>
+		<li id="menu-item-78817" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/ai-and-ml/llms/" class="d-block f4 color-fg-default text-bold">LLMs</a><p class="mb-0 f5 color-fg-muted">Everything developers need to know about LLMs.</p></li>
+		<li id="menu-item-78818" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/ai-and-ml/machine-learning/" class="d-block f4 color-fg-default text-bold">Machine learning</a><p class="mb-0 f5 color-fg-muted">Machine learning tips, tricks, and best practices.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78864" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" fetchpriority="high" srcset="https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?w=300 300w, https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?w=800 800w, https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?w=400 400w, https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://github.blog/ai-and-ml/generative-ai/how-ai-code-generation-works/" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">How AI code generation works</a><p class="mb-3 f5 color-fg-muted">Explore the capabilities and benefits of AI code generation and how it can improve your developer experience.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78819"><a href="https://github.blog/developer-skills/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78819-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Developer skills<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="Developer skills sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78819-dropdown" tabindex="-1">
+	<li id="menu-item-78865" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/developer-skills/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">Developer skills<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Resources for developers to grow in their skills and careers.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="Developer skills sub-menu">
+		<li id="menu-item-78820" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/developer-skills/application-development/" class="d-block f4 color-fg-default text-bold">Application development</a><p class="mb-0 f5 color-fg-muted">Insights and best practices for building apps.</p></li>
+		<li id="menu-item-78821" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/developer-skills/career-growth/" class="d-block f4 color-fg-default text-bold">Career growth</a><p class="mb-0 f5 color-fg-muted">Tips &amp; tricks to grow as a professional developer.</p></li>
+		<li id="menu-item-78822" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/developer-skills/github/" class="d-block f4 color-fg-default text-bold">GitHub</a><p class="mb-0 f5 color-fg-muted">Improve how you use GitHub at work.</p></li>
+		<li id="menu-item-78823" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/developer-skills/github-education/" class="d-block f4 color-fg-default text-bold">GitHub Education</a><p class="mb-0 f5 color-fg-muted">Learn how to move into your first professional role.</p></li>
+		<li id="menu-item-78824" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/developer-skills/programming-languages-and-frameworks/" class="d-block f4 color-fg-default text-bold">Programming languages &amp; frameworks</a><p class="mb-0 f5 color-fg-muted">Stay current on what’s new (or new again).</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78866" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?w=300 300w, https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?w=800 800w, https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?w=400 400w, https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://docs.github.com/en/get-started" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">Get started with GitHub documentation</a><p class="mb-3 f5 color-fg-muted">Learn how to start building, shipping, and maintaining software with GitHub.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78825"><a href="https://github.blog/engineering/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78825-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Engineering<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="Engineering sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78825-dropdown" tabindex="-1">
+	<li id="menu-item-78867" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/engineering/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">Engineering<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Get an inside look at how we’re building the home for all developers.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="Engineering sub-menu">
+		<li id="menu-item-78827" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/engineering/architecture-optimization/" class="d-block f4 color-fg-default text-bold">Architecture &amp; optimization</a><p class="mb-0 f5 color-fg-muted">Discover how we deliver a performant and highly available experience across the GitHub platform.</p></li>
+		<li id="menu-item-78828" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/engineering/engineering-principles/" class="d-block f4 color-fg-default text-bold">Engineering principles</a><p class="mb-0 f5 color-fg-muted">Explore best practices for building software at scale with a majority remote team.</p></li>
+		<li id="menu-item-78829" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/engineering/infrastructure/" class="d-block f4 color-fg-default text-bold">Infrastructure</a><p class="mb-0 f5 color-fg-muted">Get a glimpse at the technology underlying the world’s leading AI-powered developer platform.</p></li>
+		<li id="menu-item-78830" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/engineering/platform-security/" class="d-block f4 color-fg-default text-bold">Platform security</a><p class="mb-0 f5 color-fg-muted">Learn how we build security into everything we do across the developer lifecycle.</p></li>
+		<li id="menu-item-78858" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/engineering/user-experience/" class="d-block f4 color-fg-default text-bold">User experience</a><p class="mb-0 f5 color-fg-muted">Find out what goes into making GitHub the home for all developers.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78868" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.42.45 AM.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.42.45 AM.png?w=800 800w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.42.45 AM.png?w=400 400w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.42.45 AM.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.42.45 AM.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://github.blog/engineering/how-we-use-github-to-be-more-productive-collaborative-and-secure/" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">How we use GitHub to be more productive, collaborative, and secure</a><p class="mb-3 f5 color-fg-muted">Our engineering and security teams do some incredible work. Let’s take a look at how we use GitHub to be more productive, build collaboratively, and shift security left.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78832"><a href="https://github.blog/enterprise-software/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78832-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Enterprise software<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="Enterprise software sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78832-dropdown" tabindex="-1">
+	<li id="menu-item-78869" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/enterprise-software/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">Enterprise software<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Explore how to write, build, and deploy enterprise software at scale.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="Enterprise software sub-menu">
+		<li id="menu-item-78833" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/enterprise-software/automation/" class="d-block f4 color-fg-default text-bold">Automation</a><p class="mb-0 f5 color-fg-muted">Automating your way to faster and more secure ships.</p></li>
+		<li id="menu-item-78834" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/enterprise-software/ci-cd/" class="d-block f4 color-fg-default text-bold">CI/CD</a><p class="mb-0 f5 color-fg-muted">Guides on continuous integration and delivery.</p></li>
+		<li id="menu-item-78835" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/enterprise-software/collaboration/" class="d-block f4 color-fg-default text-bold">Collaboration</a><p class="mb-0 f5 color-fg-muted">Tips, tools, and tricks to improve developer collaboration.</p></li>
+		<li id="menu-item-78836" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/enterprise-software/devops/" class="d-block f4 color-fg-default text-bold">DevOps</a><p class="mb-0 f5 color-fg-muted">DevOps resources for enterprise engineering teams.</p></li>
+		<li id="menu-item-78837" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/enterprise-software/devsecops/" class="d-block f4 color-fg-default text-bold">DevSecOps</a><p class="mb-0 f5 color-fg-muted">How to integrate security into the SDLC.</p></li>
+		<li id="menu-item-78838" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/enterprise-software/governance-and-compliance/" class="d-block f4 color-fg-default text-bold">Governance &amp; compliance</a><p class="mb-0 f5 color-fg-muted">Ensuring your builds stay clean.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78870" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.43.47 AM.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.43.47 AM.png?w=800 800w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.43.47 AM.png?w=400 400w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.43.47 AM.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.43.47 AM.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://github.com/resources/whitepapers/gartner-magic-quadrant-and-critical-capabilities-for-ai-code-assistants" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">GitHub recognized as a Leader in the Gartner® Magic Quadrant™ for AI Code Assistants</a><p class="mb-3 f5 color-fg-muted">Learn why Gartner positioned GitHub as a Leader for the second year in a row.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78840"><a href="https://github.blog/news-insights/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78840-dropdown" aria-expanded="false" aria-haspopup="true" role="button">News &amp; insights<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="News &amp; insights sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78840-dropdown" tabindex="-1">
+	<li id="menu-item-78871" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/news-insights/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">News &amp; insights<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Keep up with what’s new and notable from inside GitHub.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="News &amp; insights sub-menu">
+		<li id="menu-item-78841" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/news-insights/company-news/" class="d-block f4 color-fg-default text-bold">Company news</a><p class="mb-0 f5 color-fg-muted">An inside look at news and product updates from GitHub.</p></li>
+		<li id="menu-item-78844" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/news-insights/product-news/" class="d-block f4 color-fg-default text-bold">Product</a><p class="mb-0 f5 color-fg-muted">The latest on GitHub’s platform, products, and tools.</p></li>
+		<li id="menu-item-78842" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/news-insights/octoverse/" class="d-block f4 color-fg-default text-bold">Octoverse</a><p class="mb-0 f5 color-fg-muted">Insights into the state of open source on GitHub.</p></li>
+		<li id="menu-item-78843" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/news-insights/policy-news-and-insights/" class="d-block f4 color-fg-default text-bold">Policy</a><p class="mb-0 f5 color-fg-muted">The latest policy and regulatory changes in software.</p></li>
+		<li id="menu-item-78845" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/news-insights/research/" class="d-block f4 color-fg-default text-bold">Research</a><p class="mb-0 f5 color-fg-muted">Data-driven insights around the developer ecosystem.</p></li>
+		<li id="menu-item-78847" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/news-insights/the-library/" class="d-block f4 color-fg-default text-bold">The library</a><p class="mb-0 f5 color-fg-muted">Older news and updates from GitHub.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78872" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?w=300 300w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?w=800 800w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?w=400 400w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://github.blog/ai-and-ml/llms/unlocking-the-power-of-unstructured-data-with-rag/" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">Unlocking the power of unstructured data with RAG</a><p class="mb-3 f5 color-fg-muted">Learn how to use retrieval-augmented generation (RAG) to capture more insights.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78848"><a href="https://github.blog/open-source/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78848-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Open Source<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="Open Source sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78848-dropdown" tabindex="-1">
+	<li id="menu-item-78873" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/open-source/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">Open Source<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Everything open source on GitHub.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="Open Source sub-menu">
+		<li id="menu-item-78851" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/open-source/git/" class="d-block f4 color-fg-default text-bold">Git</a><p class="mb-0 f5 color-fg-muted">The latest Git updates.</p></li>
+		<li id="menu-item-78853" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/open-source/maintainers/" class="d-block f4 color-fg-default text-bold">Maintainers</a><p class="mb-0 f5 color-fg-muted">Spotlighting open source maintainers.</p></li>
+		<li id="menu-item-78854" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/open-source/social-impact/" class="d-block f4 color-fg-default text-bold">Social impact</a><p class="mb-0 f5 color-fg-muted">How open source is driving positive change.</p></li>
+		<li id="menu-item-78850" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/open-source/gaming/" class="d-block f4 color-fg-default text-bold">Gaming</a><p class="mb-0 f5 color-fg-muted">Explore open source games on GitHub.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78874" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.46.23 AM.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.46.23 AM.png?w=800 800w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.46.23 AM.png?w=400 400w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.46.23 AM.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.46.23 AM.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://resources.github.com/software-development/innersource/" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">An introduction to innersource</a><p class="mb-3 f5 color-fg-muted">Organizations worldwide are incorporating open source methodologies into the way they build and ship their own software.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78859"><a href="https://github.blog/security/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78859-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Security<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="Security sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78859-dropdown" tabindex="-1">
+	<li id="menu-item-78875" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/security/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">Security<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Stay up to date on everything security.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="Security sub-menu">
+		<li id="menu-item-78860" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/security/application-security/" class="d-block f4 color-fg-default text-bold">Application security</a><p class="mb-0 f5 color-fg-muted">Application security, explained.</p></li>
+		<li id="menu-item-78861" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/security/supply-chain-security/" class="d-block f4 color-fg-default text-bold">Supply chain security</a><p class="mb-0 f5 color-fg-muted">Demystifying supply chain security.</p></li>
+		<li id="menu-item-78855" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/security/vulnerability-research/" class="d-block f4 color-fg-default text-bold">Vulnerability research</a><p class="mb-0 f5 color-fg-muted">Updates from the GitHub Security Lab.</p></li>
+		<li id="menu-item-78862" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/security/web-application-security/" class="d-block f4 color-fg-default text-bold">Web application security</a><p class="mb-0 f5 color-fg-muted">Helpful tips on securing web applications.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78876" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.47.04 AM.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.47.04 AM.png?w=800 800w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.47.04 AM.png?w=400 400w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.47.04 AM.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.47.04 AM.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://resources.github.com/security/the-enterprise-guide-to-ai-powered-devsecops/" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">The enterprise guide to AI-powered DevSecOps</a><p class="mb-3 f5 color-fg-muted">Learn about core challenges in DevSecOps, and how you can start addressing them with AI and automation.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+</ul>	</div>
+</nav>
+				</div>
+						
+<form id="mobile-search" role="search" method="get" class="mobile-search" action="https://github.blog"  aria-hidden="true" aria-label="Search form">
+	<div class="d-flex flex-1 p-3 color-bg-inset">
+		<div class="d-flex flex-1 position-relative color-bg-transparent" data-color-mode="light" data-light-theme="light" data-dark-theme="dark" >
+			<svg height="20" class="d-flex position-absolute z-3 octicon height-full ml-2 color-fg-subtle" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="20" role="img"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg>
+			<input aria-label="Search the blog" type="search" class="pl-6 search-field form-control p-2 flex-1" placeholder="Search the blog…" value="" name="s" id="search-input">
+		</div>
+
+			<button		class="Button Button--size-medium Button--secondary ml-2"
+				type="submit"									>
+		<span class="Button__text">
+		<span class="Text Text--200 Text--antialiased Text--weight-semibold Button--label Button--label-medium Button--label-secondary">
+			Search		</span>
+		</span>
+
+			</button>
+		</div>
+</form>
+			
+<nav id="mobile-menu" class="mobile-menu position-relative overflow-y-auto flex-1 width-full rounded-top-3" aria-label="Navigation menu" aria-hidden="true" data-color-mode="light" data-light-theme="light" data-dark-theme="dark_dimmed">
+	<div class="p-5">
+				<h2 class="mb-5 text-bold color-fg-subtle">Categories</h2>
+			<ul id="menu-new-primary-navigation" class="list-style-none"><li class="mb-5"><a href="https://github.blog/ai-and-ml/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78814-dropdown" aria-expanded="false" aria-haspopup="true" role="button">AI &amp; ML<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="AI &amp; ML sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78814-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78814-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/ai-and-ml/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">AI &amp; ML<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Learn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/ai-and-ml/generative-ai/" class="text-bold lh-condensed-ultra color-fg-default">Generative AI</a><p class="mb-0 f5 color-fg-muted">Learn how to build with generative AI.</p></li>
+		<li class="mt-4"><a href="https://github.blog/ai-and-ml/github-copilot/" class="text-bold lh-condensed-ultra color-fg-default">GitHub Copilot</a><p class="mb-0 f5 color-fg-muted">Change how you work with GitHub Copilot.</p></li>
+		<li class="mt-4"><a href="https://github.blog/ai-and-ml/llms/" class="text-bold lh-condensed-ultra color-fg-default">LLMs</a><p class="mb-0 f5 color-fg-muted">Everything developers need to know about LLMs.</p></li>
+		<li class="mt-4"><a href="https://github.blog/ai-and-ml/machine-learning/" class="text-bold lh-condensed-ultra color-fg-default">Machine learning</a><p class="mb-0 f5 color-fg-muted">Machine learning tips, tricks, and best practices.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://github.blog/ai-and-ml/generative-ai/how-ai-code-generation-works/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">How AI code generation works</a><p class="mb-3 f5 color-fg-muted">Explore the capabilities and benefits of AI code generation and how it can improve your developer experience.</p><a href="https://github.blog/ai-and-ml/generative-ai/how-ai-code-generation-works/" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/developer-skills/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78819-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Developer skills<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="Developer skills sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78819-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78819-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/developer-skills/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Developer skills<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Resources for developers to grow in their skills and careers.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/developer-skills/application-development/" class="text-bold lh-condensed-ultra color-fg-default">Application development</a><p class="mb-0 f5 color-fg-muted">Insights and best practices for building apps.</p></li>
+		<li class="mt-4"><a href="https://github.blog/developer-skills/career-growth/" class="text-bold lh-condensed-ultra color-fg-default">Career growth</a><p class="mb-0 f5 color-fg-muted">Tips &amp; tricks to grow as a professional developer.</p></li>
+		<li class="mt-4"><a href="https://github.blog/developer-skills/github/" class="text-bold lh-condensed-ultra color-fg-default">GitHub</a><p class="mb-0 f5 color-fg-muted">Improve how you use GitHub at work.</p></li>
+		<li class="mt-4"><a href="https://github.blog/developer-skills/github-education/" class="text-bold lh-condensed-ultra color-fg-default">GitHub Education</a><p class="mb-0 f5 color-fg-muted">Learn how to move into your first professional role.</p></li>
+		<li class="mt-4"><a href="https://github.blog/developer-skills/programming-languages-and-frameworks/" class="text-bold lh-condensed-ultra color-fg-default">Programming languages &amp; frameworks</a><p class="mb-0 f5 color-fg-muted">Stay current on what’s new (or new again).</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://docs.github.com/en/get-started" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Get started with GitHub documentation</a><p class="mb-3 f5 color-fg-muted">Learn how to start building, shipping, and maintaining software with GitHub.</p><a href="https://docs.github.com/en/get-started" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/engineering/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78825-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Engineering<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="Engineering sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78825-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78825-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/engineering/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Engineering<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Get an inside look at how we’re building the home for all developers.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/engineering/architecture-optimization/" class="text-bold lh-condensed-ultra color-fg-default">Architecture &amp; optimization</a><p class="mb-0 f5 color-fg-muted">Discover how we deliver a performant and highly available experience across the GitHub platform.</p></li>
+		<li class="mt-4"><a href="https://github.blog/engineering/engineering-principles/" class="text-bold lh-condensed-ultra color-fg-default">Engineering principles</a><p class="mb-0 f5 color-fg-muted">Explore best practices for building software at scale with a majority remote team.</p></li>
+		<li class="mt-4"><a href="https://github.blog/engineering/infrastructure/" class="text-bold lh-condensed-ultra color-fg-default">Infrastructure</a><p class="mb-0 f5 color-fg-muted">Get a glimpse at the technology underlying the world’s leading AI-powered developer platform.</p></li>
+		<li class="mt-4"><a href="https://github.blog/engineering/platform-security/" class="text-bold lh-condensed-ultra color-fg-default">Platform security</a><p class="mb-0 f5 color-fg-muted">Learn how we build security into everything we do across the developer lifecycle.</p></li>
+		<li class="mt-4"><a href="https://github.blog/engineering/user-experience/" class="text-bold lh-condensed-ultra color-fg-default">User experience</a><p class="mb-0 f5 color-fg-muted">Find out what goes into making GitHub the home for all developers.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://github.blog/engineering/how-we-use-github-to-be-more-productive-collaborative-and-secure/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">How we use GitHub to be more productive, collaborative, and secure</a><p class="mb-3 f5 color-fg-muted">Our engineering and security teams do some incredible work. Let’s take a look at how we use GitHub to be more productive, build collaboratively, and shift security left.</p><a href="https://github.blog/engineering/how-we-use-github-to-be-more-productive-collaborative-and-secure/" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/enterprise-software/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78832-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Enterprise software<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="Enterprise software sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78832-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78832-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/enterprise-software/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Enterprise software<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Explore how to write, build, and deploy enterprise software at scale.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/automation/" class="text-bold lh-condensed-ultra color-fg-default">Automation</a><p class="mb-0 f5 color-fg-muted">Automating your way to faster and more secure ships.</p></li>
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/ci-cd/" class="text-bold lh-condensed-ultra color-fg-default">CI/CD</a><p class="mb-0 f5 color-fg-muted">Guides on continuous integration and delivery.</p></li>
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/collaboration/" class="text-bold lh-condensed-ultra color-fg-default">Collaboration</a><p class="mb-0 f5 color-fg-muted">Tips, tools, and tricks to improve developer collaboration.</p></li>
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/devops/" class="text-bold lh-condensed-ultra color-fg-default">DevOps</a><p class="mb-0 f5 color-fg-muted">DevOps resources for enterprise engineering teams.</p></li>
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/devsecops/" class="text-bold lh-condensed-ultra color-fg-default">DevSecOps</a><p class="mb-0 f5 color-fg-muted">How to integrate security into the SDLC.</p></li>
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/governance-and-compliance/" class="text-bold lh-condensed-ultra color-fg-default">Governance &amp; compliance</a><p class="mb-0 f5 color-fg-muted">Ensuring your builds stay clean.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://github.com/resources/whitepapers/gartner-magic-quadrant-and-critical-capabilities-for-ai-code-assistants" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">GitHub recognized as a Leader in the Gartner® Magic Quadrant™ for AI Code Assistants</a><p class="mb-3 f5 color-fg-muted">Learn why Gartner positioned GitHub as a Leader for the second year in a row.</p><a href="https://github.com/resources/whitepapers/gartner-magic-quadrant-and-critical-capabilities-for-ai-code-assistants" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/news-insights/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78840-dropdown" aria-expanded="false" aria-haspopup="true" role="button">News &amp; insights<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="News &amp; insights sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78840-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78840-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/news-insights/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">News &amp; insights<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Keep up with what’s new and notable from inside GitHub.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/news-insights/company-news/" class="text-bold lh-condensed-ultra color-fg-default">Company news</a><p class="mb-0 f5 color-fg-muted">An inside look at news and product updates from GitHub.</p></li>
+		<li class="mt-4"><a href="https://github.blog/news-insights/product-news/" class="text-bold lh-condensed-ultra color-fg-default">Product</a><p class="mb-0 f5 color-fg-muted">The latest on GitHub’s platform, products, and tools.</p></li>
+		<li class="mt-4"><a href="https://github.blog/news-insights/octoverse/" class="text-bold lh-condensed-ultra color-fg-default">Octoverse</a><p class="mb-0 f5 color-fg-muted">Insights into the state of open source on GitHub.</p></li>
+		<li class="mt-4"><a href="https://github.blog/news-insights/policy-news-and-insights/" class="text-bold lh-condensed-ultra color-fg-default">Policy</a><p class="mb-0 f5 color-fg-muted">The latest policy and regulatory changes in software.</p></li>
+		<li class="mt-4"><a href="https://github.blog/news-insights/research/" class="text-bold lh-condensed-ultra color-fg-default">Research</a><p class="mb-0 f5 color-fg-muted">Data-driven insights around the developer ecosystem.</p></li>
+		<li class="mt-4"><a href="https://github.blog/news-insights/the-library/" class="text-bold lh-condensed-ultra color-fg-default">The library</a><p class="mb-0 f5 color-fg-muted">Older news and updates from GitHub.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://github.blog/ai-and-ml/llms/unlocking-the-power-of-unstructured-data-with-rag/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Unlocking the power of unstructured data with RAG</a><p class="mb-3 f5 color-fg-muted">Learn how to use retrieval-augmented generation (RAG) to capture more insights.</p><a href="https://github.blog/ai-and-ml/llms/unlocking-the-power-of-unstructured-data-with-rag/" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/open-source/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78848-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Open Source<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="Open Source sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78848-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78848-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/open-source/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Open Source<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Everything open source on GitHub.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/open-source/git/" class="text-bold lh-condensed-ultra color-fg-default">Git</a><p class="mb-0 f5 color-fg-muted">The latest Git updates.</p></li>
+		<li class="mt-4"><a href="https://github.blog/open-source/maintainers/" class="text-bold lh-condensed-ultra color-fg-default">Maintainers</a><p class="mb-0 f5 color-fg-muted">Spotlighting open source maintainers.</p></li>
+		<li class="mt-4"><a href="https://github.blog/open-source/social-impact/" class="text-bold lh-condensed-ultra color-fg-default">Social impact</a><p class="mb-0 f5 color-fg-muted">How open source is driving positive change.</p></li>
+		<li class="mt-4"><a href="https://github.blog/open-source/gaming/" class="text-bold lh-condensed-ultra color-fg-default">Gaming</a><p class="mb-0 f5 color-fg-muted">Explore open source games on GitHub.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://resources.github.com/software-development/innersource/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">An introduction to innersource</a><p class="mb-3 f5 color-fg-muted">Organizations worldwide are incorporating open source methodologies into the way they build and ship their own software.</p><a href="https://resources.github.com/software-development/innersource/" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/security/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78859-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Security<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="Security sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78859-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78859-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/security/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Security<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Stay up to date on everything security.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/security/application-security/" class="text-bold lh-condensed-ultra color-fg-default">Application security</a><p class="mb-0 f5 color-fg-muted">Application security, explained.</p></li>
+		<li class="mt-4"><a href="https://github.blog/security/supply-chain-security/" class="text-bold lh-condensed-ultra color-fg-default">Supply chain security</a><p class="mb-0 f5 color-fg-muted">Demystifying supply chain security.</p></li>
+		<li class="mt-4"><a href="https://github.blog/security/vulnerability-research/" class="text-bold lh-condensed-ultra color-fg-default">Vulnerability research</a><p class="mb-0 f5 color-fg-muted">Updates from the GitHub Security Lab.</p></li>
+		<li class="mt-4"><a href="https://github.blog/security/web-application-security/" class="text-bold lh-condensed-ultra color-fg-default">Web application security</a><p class="mb-0 f5 color-fg-muted">Helpful tips on securing web applications.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://resources.github.com/security/the-enterprise-guide-to-ai-powered-devsecops/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">The enterprise guide to AI-powered DevSecOps</a><p class="mb-3 f5 color-fg-muted">Learn about core challenges in DevSecOps, and how you can start addressing them with AI and automation.</p><a href="https://resources.github.com/security/the-enterprise-guide-to-ai-powered-devsecops/" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+</ul>				<ul id="menu-secondary-navigation" class="pt-5 border-top list-style-none"><li class="mb-5"><a href="https://github.blog/changelog/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default">Changelog</a></li>
+<li class="mb-5"><a href="https://docs.github.com/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default">Docs<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external d-block color-fg-subtle" role="presentation"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li>
+<li class="mb-5"><a href="https://github.com/customer-stories" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default">Customer stories<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external d-block color-fg-subtle" role="presentation"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li>
+</ul>	<a		class="Button Button--size-medium Button--secondary Button--block my-3"
+		href="https://githubuniverse.com/?utm_source=Blog-button&#038;utm_medium=GitHub&#038;utm_campaign=blog_button_seb_uni_26"				target="_blank"		data-analytics-click="Blog, click on button, text: Attend Universe; ref_location:top nav;"					>
+		<span class="Button__text">
+		<span class="Text Text--200 Text--antialiased Text--weight-semibold Button--label Button--label-medium Button--label-secondary">
+			Attend GitHub Universe		</span>
+		</span>
+
+			</a>
+		<a		class="Button Button--size-medium Button--primary Button--block"
+		href="https://github.com/features/ai/github-app?utm_source=blog-header-button-cta&#038;utm_medium=blog&#038;utm_campaign=github-app-cli-Q1-push"				target="_blank"		data-analytics-click="Blog, click on button, text: Use Copilot for free; ref_location:top nav;"					>
+		<span class="Button__text">
+		<span class="Text Text--200 Text--antialiased Text--weight-semibold Button--label Button--label-medium Button--label-primary">
+			Try GitHub Copilot app		</span>
+		</span>
+
+			</a>
+		</div>
+	<button class="mobile-nav-focus-trap js-mobile-nav-focus-trap" data-target="#mobile-menu-toggle" data-focus-order="target"></button>
+</nav>
+		</header>
+	</div>
+	<main id="start-of-content">
+<header class="position-relative" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark_dimmed">
+	<div class="container-xl p-responsive-blog">
+		<div class="gutter-spacious">
+			<div class="col-12 offset-lg-1 col-lg-10 col-xl-8 py-5 py-md-6 ">
+				<div class="f5 mb-5 mb-md-8"><span><span><a class="Link--primary" href="https://github.blog/">Home</a></span> <span class="mx-2 opacity-5">/</span> <span><a class="Link--primary" href="https://github.blog/news-insights/">News &amp; insights</a></span> <span class="mx-2 opacity-5">/</span> <span><a class="Link--primary" href="https://github.blog/news-insights/product-news/">Product</a></span></span></div>				<h1 class="h3-mktg lh-condensed mb-3 color-fg-default">GitHub Desktop 1.6 now available</h1>				<div class="f4-mktg color-fg-muted">
+					<p>We are excited to release GitHub Desktop 1.6, bringing new features and improvements around onboarding, suggested next steps, and large file restrictions.</p>
+				</div>
+			</div>
+							<div class="offset-lg-1 col-lg-10">
+					<div class="position-relative overflow-hidden rounded-2 z-1">
+													<svg aria-hidden="true" width="1032" height="548" class=" d-block width-full height-auto" role="presentation"></svg>
+							<img width="1201" height="630" src="https://github.blog/wp-content/uploads/2019/03/product-social.png?resize=1201%2C630" class="d-block cover-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://github.blog/wp-content/uploads/2019/03/product-social.png?w=1201 1201w, https://github.blog/wp-content/uploads/2019/03/product-social.png?w=300 300w, https://github.blog/wp-content/uploads/2019/03/product-social.png?w=768 768w, https://github.blog/wp-content/uploads/2019/03/product-social.png?w=1024 1024w" sizes="auto, (max-width: 1201px) 100vw, 1201px" />											</div>
+				</div>
+					</div>
+	</div>
+			<div class="position-absolute bottom-0 width-full" style="background:#fff; height:80px;"></div>
+	</header>
+<section class="container-xl mx-auto p-responsive-blog mt-4">
+	<div class="gutter-spacious">
+		<div class="col-12 offset-lg-1 col-lg-10">
+			<div class="d-lg-flex flex-justify-between flex-items-center">
+				<div class="mb-4 mb-lg-0">
+	<div class="mb-1">
+		<div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/nerdneha/" title="Posts by Neha Batra" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Neha Batra</a><span class="mx-2">·</span><a target="_blank" href="https://github.com/nerdneha" class="Link--primary" aria-label="GitHub profile of nerdneha">@nerdneha</a>			</span>
+							</span>
+</div>
+	</div>
+	<div data-color-mode="auto" data-light-theme="light_tritanopia" class="d-flex flex-column flex-md-row text-mono color-fg-muted">
+		<time datetime="2019-01-17" class="d-block">
+			January 17, 2019		</time>
+
+					<span class="d-none d-md-block mx-3">|</span>
+			<time datetime="2021-12-19" class="d-block mt-1 mt-md-0">
+				Updated December 19, 2021			</time>
+							<div class="d-flex flex-items-center mt-2 mt-md-0">
+				<span class="d-none d-md-block mx-3">|</span>
+				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" class="mr-2">
+					<path fill="currentcolor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm7-3.25v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5a.75.75 0 0 1 1.5 0Z"></path>
+				</svg>
+				2 minutes			</div>
+			</div>
+</div>
+				<ul class="list-style-none d-flex flex-items-center">
+	<li>
+		<span class="text-semibold">
+			Share:		</span>
+	</li>
+	<li class="ml-3">
+		<a href="https://x.com/share?text=GitHub%20Desktop%201.6%20now%20available&#038;url=https%3A%2F%2Fgithub.blog%2Fnews-insights%2Fproduct-news%2Fgithub-desktop-update%2F" target="_blank" rel="noopener noreferrer" class="d-flex flex-justify-center flex-items-center border circle px-2 py-2" aria-label="Share on X">
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227" width="10" height="10">
+				<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="currentColor" />
+			</svg>
+		</a>
+	</li>
+	<li class="ml-3">
+		<a href="https://www.facebook.com/sharer/sharer.php?t=GitHub%20Desktop%201.6%20now%20available&#038;u=https%3A%2F%2Fgithub.blog%2Fnews-insights%2Fproduct-news%2Fgithub-desktop-update%2F" target="_blank" rel="noopener noreferrer" class="d-flex flex-justify-center flex-items-center border circle px-2 py-2" aria-label="Share on Facebook">
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.3 15.4" width="10" height="10">
+				<path d="M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z" fill="currentColor" />
+			</svg>
+		</a>
+	</li>
+	<li class="ml-3">
+		<a href="https://www.linkedin.com/shareArticle?title=GitHub%20Desktop%201.6%20now%20available&#038;url=https%3A%2F%2Fgithub.blog%2Fnews-insights%2Fproduct-news%2Fgithub-desktop-update%2F" target="_blank" rel="noopener noreferrer" class="d-flex flex-justify-center flex-items-center border circle px-2 py-2" aria-label="Share on LinkedIn">
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" width="10" height="10">
+				<path d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z" fill="currentColor" />
+			</svg>
+		</a>
+	</li>
+</ul>
+			</div>
+			<div class="indigo-separator mt-4"></div>
+		</div>
+	</div>
+</section>
+	<div class="container-xl mx-auto p-responsive-blog mt-4 mt-md-7 mb-7 mb-md-9">
+		<div class="d-flex flex-wrap flex-justify-center gutter-spacious">
+			<section class="col-12 col-md-8 col-lg-7 post__content is-layout-constrained post-47032 post type-post status-publish format-standard has-post-thumbnail hentry category-news-insights category-product-news tag-client-apps tag-editor-tools tag-github-desktop">
+	<p>We are excited to release GitHub Desktop 1.6, bringing new features and improvements around onboarding, suggested next steps, and large file restrictions.</p>
+<p>With the release of GitHub Desktop 1.6, we&#8217;re addressing the question we constantly ask ourselves after we finish a task: “What’s next?”. This is the first iteration intended to keep you in your groove so that you can share your code with your team as quickly as possible. We’ve provided guidance for onboarding and suggestions for what actions to take depending on where you are in your workflow.</p>
+<h2 id="get-started-faster"><a class="heading-link" href="#get-started-faster">Get started faster<span class="heading-hash pl-2 text-italic text-bold" aria-hidden="true"></span></a></h2>
+<p>For past versions, once you’ve downloaded Desktop and completed the setup, you were left without additional guidance. Because the next steps weren’t clear, our users weren’t sure how to get started. With the new onboarding workflow, you’ll find steps to help you add your first repository and get started building software more quickly.</p>
+<p><img data-recalc-dims="1" decoding="async" loading="lazy" class="aligncenter" src="https://i0.wp.com/user-images.githubusercontent.com/634063/49655531-296fb000-fa3b-11e8-9076-c83955204246.png?resize=2144%2C1544&#038;ssl=1" alt="Guidance to help you get started faster" width="2144" height="1544" /></p>
+<h2 id="suggested-next-steps-to-keep-you-moving-forward"><a class="heading-link" href="#suggested-next-steps-to-keep-you-moving-forward">Suggested next steps to keep you moving forward<span class="heading-hash pl-2 text-italic text-bold" aria-hidden="true"></span></a></h2>
+<p>Often, we’ve seen users struggle with how they should use the app when there are no changes. What state is my repository in? What should I do next? Should I publish my branch or pull new changes from GitHub? How do I view my files?</p>
+<p>In 1.6, when there are no changes, GitHub Desktop will offer a few different options for useful next steps based on your last action in the application. If you’ve just committed, it’s likely you’ll want to push your branch to GitHub. Or maybe you’re just picking up a project, and you want to pull down the latest changes to view them in your editor. Depending on where you are in the process, this new feature will help you keep your momentum and continue shipping.</p>
+<p><img data-recalc-dims="1" decoding="async" loading="lazy" class="aligncenter size-medium" src="https://i0.wp.com/user-images.githubusercontent.com/634063/51260654-0d9ee880-19af-11e9-9fa8-1e6488e3021e.gif?resize=1200%2C630&#038;ssl=1" alt="Suggested next steps in action" width="1200" height="630" /></p>
+<h2 id="support-around-large-file-restrictions"><a class="heading-link" href="#support-around-large-file-restrictions">Support around large file restrictions<span class="heading-hash pl-2 text-italic text-bold" aria-hidden="true"></span></a></h2>
+<p>We’re also excited to highlight a feature that addresses a pain point for many users around large file restrictions. Our support team has been fielding questions about how to address GitHub’s restriction on files greater than 100MB. Starting today, if you try to commit a large file into your repository in Desktop, we’ll alert you and provide the option to back out of your commit or get set up on Git LFS.</p>
+<p>This feature wouldn’t have been possible without one of our open source community members, <a href="https://github.com/Daniel-McCarthy">@Daniel-McCarthy</a>. He recognized the level of impact this would have, worked with our team to determine the best way to solve the problem, and then submitted a pull request. Thanks for making GitHub Desktop awesome @Daniel-McCarthy! We love our open source contributors &lt;3.</p>
+<h2 id="stay-tuned"><a class="heading-link" href="#stay-tuned">Stay tuned<span class="heading-hash pl-2 text-italic text-bold" aria-hidden="true"></span></a></h2>
+<p>As with all of our features, we’ll continue to iterate on these based on feedback from you. We’re excited to continue our work making developers happier and more productive in 2019!</p>
+<p><a href="https://desktop.github.com/">Try out the latest improvements in Desktop 1.6</a></p>
+	
+<section class="my-6 my-md-8 mt-md-0">
+	<hr class="post-tags-separator border-0 mt-0 mb-2" />
+	<div class="d-flex flex-shrink-0 flex-items-start">
+		<h2 class="text-mono f4-mktg py-1 mr-3 flex-shrink-0">Tags:</h2>
+		<ul class="d-flex flex-wrap px-0 my-0 list-style-none post-tags">
+							<li class="my-0">
+					<a href="https://github.blog/tag/client-apps/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+						client apps					</a>
+				</li>
+							<li class="my-0">
+					<a href="https://github.blog/tag/editor-tools/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+						editor tools					</a>
+				</li>
+							<li class="my-0">
+					<a href="https://github.blog/tag/github-desktop/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+						GitHub Desktop					</a>
+				</li>
+					</ul>
+	</div>
+</section>
+	<div class="mt-8 mb-8 mb-md-0">
+	<h2 class="h5-mktg">
+		Written by	</h2>
+	<div class="gradient-separator mt-3 mb-4"></div>
+			<article class="author-bio mb-5 mb-md-4">
+	<div class="author-bio__content">
+					<div class="author-bio__avatar">
+				<picture>
+					<source srcset="https://avatars.githubusercontent.com/u/1834387?v=4&#038;s=200" width="120" height="120" media="(min-width: 768px)" />
+					<img class="d-block circle" src="https://avatars.githubusercontent.com/u/1834387?v=4&#038;s=200" alt="Neha Batra" width="80" height="80" loading="lazy" decoding="async" >
+				</picture>
+			</div>
+				<header class="author-bio__header">
+			<h3 class="f3-mktg text-bold mb-1">
+				<a href="https://github.blog/author/nerdneha/" class="Link--primary color-fg-default">Neha Batra</a>
+			</h3>
+							<p class="mb-0 f4 lh-condensed">
+					<a href="https://github.com/nerdneha" target="_blank">@nerdneha</a>
+				</p>
+					</header>
+			</div>
+</article>
+	</div>
+</section>
+
+<aside id="sidebar" class="col-12 col-md-4 col-lg-3 post__sidebar" aria-label="Sidebar">
+	
+<section aria-label="Tags">
+	<ul class="d-none d-md-flex flex-items-start flex-wrap list-style-none mt-4 mt-md-0 mb-6 mb-md-8 post-tags">
+					<li class="my-0">
+				<a href="https://github.blog/tag/client-apps/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+					client apps				</a>
+			</li>
+					<li class="my-0">
+				<a href="https://github.blog/tag/editor-tools/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+					editor tools				</a>
+			</li>
+					<li class="my-0">
+				<a href="https://github.blog/tag/github-desktop/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+					GitHub Desktop				</a>
+			</li>
+			</ul>
+</section>
+	<div class="position-sticky top-md-scroll">
+		<div class="d-none d-md-block">
+					</div>
+		<section aria-labelledby="client-apps-related-posts-title" class="mb-7 mb-md-8 mt-7 mt-md-0"><h2 class="h5-mktg aside-heading pb-3 border-bottom color-fg-muted color-border-muted" id="client-apps-related-posts-title">More on <a href="https://github.blog/tag/client-apps/" class="Link--primary">client apps</a></h2><article class="py-4 d-flex flex-column"><div class="col-12  tease-text"><h3 class="h6-mktg mb-12px"><a href="https://github.blog/security/application-security/git-credential-manager-authentication-for-everyone/" class="Link--primary">Git Credential Manager: authentication for everyone</a></h3><div class="f4-mktg color-fg-muted"><p>Ensuring secure access to your source code is more important than ever. Git Credential Manager helps make that easy.</p>
+</div><div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/mjcheetham/" title="Posts by Matthew John Cheetham" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Matthew John Cheetham</a>			</span>
+							</span>
+</div>
+</div></article><article class="py-4 d-flex flex-column border-top"><div class="col-12  tease-text"><h3 class="h6-mktg mb-12px"><a href="https://github.blog/news-insights/product-news/github-desktop-hiding-whitespace-expanding-diffs-repo-aliases/" class="Link--primary">GitHub Desktop supports hiding whitespace, expanding diffs, and creating repository aliases</a></h3><div class="f4-mktg color-fg-muted"><p>GitHub Desktop 2.8 now includes several new features to make it easier to work with diffs and easier for people who have multiple copies of the same repository. Expand diffs&hellip;</p>
+</div><div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/billygriffin/" title="Posts by Billy Griffin" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Billy Griffin</a>			</span>
+							</span>
+</div>
+</div></article></section>	</div>
+</aside>
+		</div>
+	</div>
+	<section class="container-xl p-responsive-blog mx-auto mt-12 mb-8">
+	<h2 class="h5-mktg mb-4 mb-lg-7 pb-3 border-bottom color-border-subtle">
+		Related posts	</h2>
+	<div class="post-columns post-columns--3-3">
+	<article class="color-border-muted post-card">
+	<div class="d-flex flex-column">
+		<div class="d-block col-12 position-relative rounded-2 mb-3 overflow-hidden tease-thumbnail" target="_self">
+			<svg aria-hidden="true" width="1032" height="548" class="width-full height-auto d-block" role="presentation"></svg>
+			<img width="400" height="212" src="https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?resize=400%2C212" class="d-block cover-image tease-thumbnail__img wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?w=1600 1600w, https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?w=800 800w, https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?w=400 400w, https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?w=1032 1032w, https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?w=516 516w, https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?zoom=3&amp;resize=400%2C212 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" />					</div>
+		<div class="mb-1"><a href="https://github.blog/news-insights/company-news/" class="first-post-category f5-mktg text-gradient-purple-coral text-bold pb-1 position-relative z-2">Company news</a></div>		<div class="">
+			<h3 class="h6-mktg mb-2">
+				<a class="Link--primary post-card__link" href="https://github.blog/news-insights/company-news/github-availability-report-july-2026/" target="_self">
+					GitHub availability report: July 2026				</a>
+			</h3>
+			<div class="f4-mktg color-fg-muted">
+				<p>In July, we experienced eight incidents that resulted in degraded performance across GitHub services.</p>
+			</div>
+		</div>
+		<footer>
+			<div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/jakuboleksy/" title="Posts by Jakub Oleksy" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Jakub Oleksy</a>			</span>
+							</span>
+</div>
+		</footer>
+	</div>
+</article>
+<article class="color-border-muted post-card">
+	<div class="d-flex flex-column">
+		<div class="d-block col-12 position-relative rounded-2 mb-3 overflow-hidden tease-thumbnail" target="_self">
+			<svg aria-hidden="true" width="1032" height="548" class="width-full height-auto d-block" role="presentation"></svg>
+			<img width="400" height="212" src="https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?resize=400%2C212" class="d-block cover-image tease-thumbnail__img wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?w=1600 1600w, https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?w=800 800w, https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?w=400 400w, https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?w=1032 1032w, https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?w=516 516w, https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?zoom=3&amp;resize=400%2C212 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" />					</div>
+		<div class="mb-1"><a href="https://github.blog/news-insights/company-news/" class="first-post-category f5-mktg text-gradient-purple-coral text-bold pb-1 position-relative z-2">Company news</a></div>		<div class="">
+			<h3 class="h6-mktg mb-2">
+				<a class="Link--primary post-card__link" href="https://github.blog/news-insights/company-news/github-availability-report-june-2026/" target="_self">
+					GitHub availability report: June 2026				</a>
+			</h3>
+			<div class="f4-mktg color-fg-muted">
+				<p>In June, we experienced six incidents that resulted in degraded performance across GitHub services.</p>
+			</div>
+		</div>
+		<footer>
+			<div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/jakuboleksy/" title="Posts by Jakub Oleksy" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Jakub Oleksy</a>			</span>
+							</span>
+</div>
+		</footer>
+	</div>
+</article>
+<article class="color-border-muted post-card">
+	<div class="d-flex flex-column">
+		<div class="d-block col-12 position-relative rounded-2 mb-3 overflow-hidden tease-thumbnail" target="_self">
+			<svg aria-hidden="true" width="1032" height="548" class="width-full height-auto d-block" role="presentation"></svg>
+			<img width="400" height="212" src="https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?resize=400%2C212" class="d-block cover-image tease-thumbnail__img wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=300 300w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=1600 1600w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=800 800w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=400 400w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=1032 1032w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=516 516w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?zoom=3&amp;resize=400%2C212 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" />					</div>
+		<div class="mb-1"><a href="https://github.blog/news-insights/" class="first-post-category f5-mktg text-gradient-purple-coral text-bold pb-1 position-relative z-2">News &amp; insights</a></div>		<div class="">
+			<h3 class="h6-mktg mb-2">
+				<a class="Link--primary post-card__link" href="https://github.blog/news-insights/policy-news-and-insights/q1-2026-innovation-graph-update-open-source-collaboration-is-accelerating-worldwide/" target="_self">
+					Q1 2026 Innovation Graph update: Open source collaboration is accelerating worldwide				</a>
+			</h3>
+			<div class="f4-mktg color-fg-muted">
+				<p>New Innovation Graph data shows global developer communities growing faster than ever, with collaboration reaching new highs across many economies.</p>
+			</div>
+		</div>
+		<footer>
+			<div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/khxu/" title="Posts by Kevin Xu" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Kevin Xu</a>			</span>
+							</span>
+</div>
+		</footer>
+	</div>
+</article>
+</div>
+</section>
+<aside class="container-xl p-responsive-blog mx-auto mb-12">
+	<h2 class="h5-mktg border-bottom pb-3">
+		Explore more from GitHub	</h2>
+	<div class="d-flex flex-wrap ml-md-n4">
+		<div class="col-12 col-md-6 col-lg-3 d-flex mt-4 mt-lg-6 pl-md-4">
+	<div class="rounded-3 color-bg-subtle d-flex flex-column flex-items-start width-full p-5 f4-mktg color-fg-muted">
+		<img src="https://github.blog/wp-content/uploads/2024/07/Icon-Circle.svg" width="44" height="44" class="width-auto d-block mb-3" alt="Docs"/>		<h3 class="f3-mktg text-bold color-fg-default mb-3">
+			Docs		</h3>
+		<div class="mb-auto">
+			<p>Everything you need to master GitHub, all in one place.</p>
+		</div>
+					<div class="mt-7">
+				<a data-analytics-click="Blog, click on module, text: Go to Docs; ref_location:bottom recirculation;" href="https://docs.github.com/" class="text-semibold arrow-target-mktg Link--primary" target="_blank" aria-label="Go to Docs">
+					Go to Docs											<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external ml-1"><path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>
+									</a>
+			</div>
+			</div>
+</div>
+<div class="col-12 col-md-6 col-lg-3 d-flex mt-4 mt-lg-6 pl-md-4">
+	<div class="rounded-3 color-bg-subtle d-flex flex-column flex-items-start width-full p-5 f4-mktg color-fg-muted">
+		<img src="https://github.blog/wp-content/uploads/2024/07/recirculation-github-icon.svg" width="44" height="44" class="width-auto d-block mb-3" alt="GitHub"/>		<h3 class="f3-mktg text-bold color-fg-default mb-3">
+			GitHub		</h3>
+		<div class="mb-auto">
+			<p>Build what&#8217;s next on GitHub, the place for anyone from anywhere to build anything.</p>
+		</div>
+					<div class="mt-7">
+				<a data-analytics-click="Blog, click on module, text: Start building; ref_location:bottom recirculation;" href="https://github.com/" class="text-semibold arrow-target-mktg Link--primary" target="_blank" aria-label="Start building">
+					Start building											<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external ml-1"><path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>
+									</a>
+			</div>
+			</div>
+</div>
+<div class="col-12 col-md-6 col-lg-3 d-flex mt-4 mt-lg-6 pl-md-4">
+	<div class="rounded-3 color-bg-subtle d-flex flex-column flex-items-start width-full p-5 f4-mktg color-fg-muted">
+		<img src="https://github.blog/wp-content/uploads/2024/07/Icon_da43dc.svg" width="44" height="44" class="width-auto d-block mb-3" alt="Customer stories"/>		<h3 class="f3-mktg text-bold color-fg-default mb-3">
+			Customer stories		</h3>
+		<div class="mb-auto">
+			<p>Meet the companies and engineering teams that build with GitHub.</p>
+		</div>
+					<div class="mt-7">
+				<a data-analytics-click="Blog, click on module, text: Learn more; ref_location:bottom recirculation;" href="https://github.com/customer-stories" class="text-semibold arrow-target-mktg Link--primary" target="_blank" aria-label="Learn more">
+					Learn more											<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external ml-1"><path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>
+									</a>
+			</div>
+			</div>
+</div>
+<div class="col-12 col-md-6 col-lg-3 d-flex mt-4 mt-lg-6 pl-md-4">
+	<div class="rounded-3 color-bg-subtle d-flex flex-column flex-items-start width-full p-5 f4-mktg color-fg-muted">
+		<img src="https://github.blog/wp-content/uploads/2025/06/Universe26-Icon.svg" width="44" height="44" class="width-auto d-block mb-3" alt="GitHub Universe 2026"/>		<h3 class="f3-mktg text-bold color-fg-default mb-3">
+			GitHub Universe 2026		</h3>
+		<div class="mb-auto">
+			<p>Join us October 28-29 in San Francisco or online for GitHub Universe, our flagship developer event uniting people, agents, and the world’s code.</p>
+		</div>
+					<div class="mt-7">
+				<a data-analytics-click="Blog, click on module, text: Register now; ref_location:bottom recirculation;" href="https://githubuniverse.com/?utm_source=Blog&#038;utm_medium=GitHub&#038;utm_campaign=module_uni_26" class="text-semibold arrow-target-mktg Link--primary" target="_blank" aria-label="Register now">
+					Register now											<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external ml-1"><path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>
+									</a>
+			</div>
+			</div>
+</div>
+	</div>
+</aside>
+<div class="py-6 py-lg-8 color-bg-subtle" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark">
+	<div class="container-xl p-responsive-blog">
+		<section id="newsletter" class="newsletter rounded-2">
+	<div class="color-bg-subtle rounded-2">
+		<div class="d-flex flex-row flex-wrap gutter-spacious py-5 px-4 py-md-6 px-md-5">
+			<div class="newsletter-content col-12 col-lg-6 col-xl-7">
+				<h2 class="h4-mktg color-fg-default">We do newsletters, too</h2><p class="f3-mktg color-fg-muted mt-2 mb-3">Discover tips, technical guides, and best practices in our biweekly newsletter just for devs.</p>			</div>
+			<div class="col-12 col-lg-6 col-xl-5">
+				<label for="newsletter_emailAddress" class="">Your email address</label>
+				<form method="post" action="https://s88570519.t.eloqua.com/e/f2?elqFormName=copynewsletter-signup-form-637872624660309567&elqSiteID=88570519" class="js-form-validator newsletter-form">
+					<div class="newsletter-form d-md-flex flex-row mt-0 mb-3 rounded-2 required form-group">
+						<div class="m-0 width-full newsletter-input-container">
+							<span aria-hidden="true" class="required-indicator">*</span>
+							<label for="newsletter_emailAddress" class="screen-reader-text">Your email address</label>
+							<input type="email" required id="newsletter_emailAddress" name="emailAddress" placeholder="Your email address" class="required js-validity-check d-block width-full height-md-full f4-mktg newsletter-field rounded-2" />
+						</div>
+																								<input type="hidden" name="classification" value="Practitioner">
+						<button type="submit" class="js-form-validator-submit newsletter-submit flex-shrink-0 arrow-target-mktg d-none d-md-flex flex-row f3-mktg flex-items-center text-semibold rounded-2">
+							<span>Subscribe</span>
+							<svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="24" height="24" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>
+						</button>
+					</div>
+					<div class="form-checkbox color-fg-muted f6-mktg m-0 mt-2 form-group">
+						<label class="text-normal">
+							<input id="optincheckbox" name="marketingEmailOptIn1" type="checkbox" value="True">
+							Yes please, I’d like GitHub and affiliates to use my information for personalized communications, targeted advertising and campaign effectiveness. See the <a href="https://github.com/site/privacy" target="blank">GitHub Privacy Statement</a> for more details.						</label>
+					</div>
+					<button type="submit" class="js-form-validator-submit newsletter-submit flex-shrink-0 arrow-target-mktg mt-3 d-flex d-md-none flex-row f3-mktg flex-items-center text-semibold rounded-2">
+						<span>Subscribe</span>
+						<svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="24" height="24" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>
+					</button>
+				</form>
+			</div>
+		</div>
+	</div>
+</section>
+	</div>
+</div>
+</main>
+<div data-color-mode="dark" data-light-theme="light" data-dark-theme="dark">
+	<footer class="footer pt-6">
+		<h2 class="sr-only">Site-wide Links</h2>
+		
+<div class="container-xl p-responsive-blog">
+	<div class="d-flex flex-wrap py-5 mb-5">
+
+		<div class="col-12 col-lg-4 mb-5">
+			<a href="https://github.com/" data-ga-click="Resources, go to home, resources footer" class="color-fg-default" aria-label="Go to GitHub homepage">
+				<svg height="30" class="octicon octicon-logo-github" viewBox="0 0 45 16" version="1.1" width="84" aria-hidden="true">
+					<path fill-rule="evenodd" d="M18.53 12.03h-.02c.009 0 .015.01.024.011h.006l-.01-.01zm.004.011c-.093.001-.327.05-.574.05-.78 0-1.05-.36-1.05-.83V8.13h1.59c.09 0 .16-.08.16-.19v-1.7c0-.09-.08-.17-.16-.17h-1.59V3.96c0-.08-.05-.13-.14-.13h-2.16c-.09 0-.14.05-.14.13v2.17s-1.09.27-1.16.28c-.08.02-.13.09-.13.17v1.36c0 .11.08.19.17.19h1.11v3.28c0 2.44 1.7 2.69 2.86 2.69.53 0 1.17-.17 1.27-.22.06-.02.09-.09.09-.16v-1.5a.177.177 0 00-.146-.18zM42.23 9.84c0-1.81-.73-2.05-1.5-1.97-.6.04-1.08.34-1.08.34v3.52s.49.34 1.22.36c1.03.03 1.36-.34 1.36-2.25zm2.43-.16c0 3.43-1.11 4.41-3.05 4.41-1.64 0-2.52-.83-2.52-.83s-.04.46-.09.52c-.03.06-.08.08-.14.08h-1.48c-.1 0-.19-.08-.19-.17l.02-11.11c0-.09.08-.17.17-.17h2.13c.09 0 .17.08.17.17v3.77s.82-.53 2.02-.53l-.01-.02c1.2 0 2.97.45 2.97 3.88zm-8.72-3.61h-2.1c-.11 0-.17.08-.17.19v5.44s-.55.39-1.3.39-.97-.34-.97-1.09V6.25c0-.09-.08-.17-.17-.17h-2.14c-.09 0-.17.08-.17.17v5.11c0 2.2 1.23 2.75 2.92 2.75 1.39 0 2.52-.77 2.52-.77s.05.39.08.45c.02.05.09.09.16.09h1.34c.11 0 .17-.08.17-.17l.02-7.47c0-.09-.08-.17-.19-.17zm-23.7-.01h-2.13c-.09 0-.17.09-.17.2v7.34c0 .2.13.27.3.27h1.92c.2 0 .25-.09.25-.27V6.23c0-.09-.08-.17-.17-.17zm-1.05-3.38c-.77 0-1.38.61-1.38 1.38 0 .77.61 1.38 1.38 1.38.75 0 1.36-.61 1.36-1.38 0-.77-.61-1.38-1.36-1.38zm16.49-.25h-2.11c-.09 0-.17.08-.17.17v4.09h-3.31V2.6c0-.09-.08-.17-.17-.17h-2.13c-.09 0-.17.08-.17.17v11.11c0 .09.09.17.17.17h2.13c.09 0 .17-.08.17-.17V8.96h3.31l-.02 4.75c0 .09.08.17.17.17h2.13c.09 0 .17-.08.17-.17V2.6c0-.09-.08-.17-.17-.17zM8.81 7.35v5.74c0 .04-.01.11-.06.13 0 0-1.25.89-3.31.89-2.49 0-5.44-.78-5.44-5.92S2.58 1.99 5.1 2c2.18 0 3.06.49 3.2.58.04.05.06.09.06.14L7.94 4.5c0 .09-.09.2-.2.17-.36-.11-.9-.33-2.17-.33-1.47 0-3.05.42-3.05 3.73s1.5 3.7 2.58 3.7c.92 0 1.25-.11 1.25-.11v-2.3H4.88c-.11 0-.19-.08-.19-.17V7.35c0-.09.08-.17.19-.17h3.74c.11 0 .19.08.19.17z"></path>
+				</svg>
+			</a>
+		</div>
+
+		<nav aria-labelledby="product-menu" class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4"><h3 id="product-menu" class="h5 mb-3 text-mono color-text-tertiary text-normal">Product</h3><ul class="list-style-none text-gray f5"><li class="lh-condensed mb-3"><a href="https://github.com/features" data-ga-click="Site Foundation Components, go to Features, site foundation components footer" class="Link--secondary">Features</a></li><li class="lh-condensed mb-3"><a href="https://github.com/security" data-ga-click="Site Foundation Components, go to Security, site foundation components footer" class="Link--secondary">Security</a></li><li class="lh-condensed mb-3"><a href="https://github.com/enterprise" data-ga-click="Site Foundation Components, go to Enterprise, site foundation components footer" class="Link--secondary">Enterprise</a></li><li class="lh-condensed mb-3"><a href="https://github.com/customer-stories?type=enterprise" data-ga-click="Site Foundation Components, go to Customer Stories, site foundation components footer" class="Link--secondary">Customer Stories</a></li><li class="lh-condensed mb-3"><a href="https://github.com/pricing" data-ga-click="Site Foundation Components, go to Pricing, site foundation components footer" class="Link--secondary">Pricing</a></li><li class="lh-condensed mb-3"><a href="https://resources.github.com/" data-ga-click="Site Foundation Components, go to Resources, site foundation components footer" class="Link--secondary">Resources</a></li></ul></nav><nav aria-labelledby="platform-menu" class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4"><h3 id="platform-menu" class="h5 mb-3 text-mono color-text-tertiary text-normal">Platform</h3><ul class="list-style-none text-gray f5"><li class="lh-condensed mb-3"><a href="https://developer.github.com/" data-ga-click="Site Foundation Components, go to Developer API, site foundation components footer" class="Link--secondary">Developer API</a></li><li class="lh-condensed mb-3"><a href="https://partner.github.com/" data-ga-click="Site Foundation Components, go to Partners, site foundation components footer" class="Link--secondary">Partners</a></li><li class="lh-condensed mb-3"><a href="https://atom.io/" data-ga-click="Site Foundation Components, go to Atom, site foundation components footer" class="Link--secondary">Atom</a></li><li class="lh-condensed mb-3"><a href="https://www.electronjs.org/" data-ga-click="Site Foundation Components, go to Electron, site foundation components footer" class="Link--secondary">Electron</a></li><li class="lh-condensed mb-3"><a href="https://desktop.github.com/" data-ga-click="Site Foundation Components, go to GitHub Desktop, site foundation components footer" class="Link--secondary">GitHub Desktop</a></li></ul></nav><nav aria-labelledby="support-menu" class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4"><h3 id="support-menu" class="h5 mb-3 text-mono color-text-tertiary text-normal">Support</h3><ul class="list-style-none text-gray f5"><li class="lh-condensed mb-3"><a href="https://docs.github.com/" data-ga-click="Site Foundation Components, go to Docs, site foundation components footer" class="Link--secondary">Docs</a></li><li class="lh-condensed mb-3"><a href="https://github.community/" data-ga-click="Site Foundation Components, go to Community Forum, site foundation components footer" class="Link--secondary">Community Forum</a></li><li class="lh-condensed mb-3"><a href="https://services.github.com/" data-ga-click="Site Foundation Components, go to Training, site foundation components footer" class="Link--secondary">Training</a></li><li class="lh-condensed mb-3"><a href="https://www.githubstatus.com/" data-ga-click="Site Foundation Components, go to Status, site foundation components footer" class="Link--secondary">Status</a></li><li class="lh-condensed mb-3"><a href="https://support.github.com/" data-ga-click="Site Foundation Components, go to Contact, site foundation components footer" class="Link--secondary">Contact</a></li></ul></nav><nav aria-labelledby="company-menu" class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4"><h3 id="company-menu" class="h5 mb-3 text-mono color-text-tertiary text-normal">Company</h3><ul class="list-style-none text-gray f5"><li class="lh-condensed mb-3"><a href="https://github.com/about" data-ga-click="Site Foundation Components, go to About, site foundation components footer" class="Link--secondary">About</a></li><li class="lh-condensed mb-3"><a href="https://github.blog/" data-ga-click="Site Foundation Components, go to Blog, site foundation components footer" class="Link--secondary">Blog</a></li><li class="lh-condensed mb-3"><a href="https://github.com/about/careers" data-ga-click="Site Foundation Components, go to Careers, site foundation components footer" class="Link--secondary">Careers</a></li><li class="lh-condensed mb-3"><a href="https://github.com/about/press" data-ga-click="Site Foundation Components, go to Press, site foundation components footer" class="Link--secondary">Press</a></li><li class="lh-condensed mb-3"><a href="https://shop.github.com/" data-ga-click="Site Foundation Components, go to Shop, site foundation components footer" class="Link--secondary">Shop</a></li></ul></nav>
+	</div>
+</div>
+		
+<div class="color-bg-subtle">
+	<div class="container-xl p-responsive-blog f6 py-4 d-sm-flex flex-justify-between flex-items-center">
+
+	<ul class="list-style-none d-flex flex-wrap text-gray mb-3">
+			<li class="mr-3">&copy; 2026 GitHub, Inc.</li>
+
+			<li class="mr-3">
+				<a href="https://docs.github.com/en/github/site-policy/github-terms-of-service" data-ga-click="Site Foundation Components, go to terms, site foundation components footer" class="Link--secondary">Terms</a>
+			</li>
+
+			<li class="mr-3">
+				<a href="https://docs.github.com/en/github/site-policy/github-privacy-statement" data-ga-click="Site Foundation Components, go to privacy, site foundation components footer" class="Link--secondary">Privacy</a>
+			</li>
+
+				<li class="mr-3">
+		<button type="button" class="btn-link Link--secondary" onClick="_ghcc.showPreferences()">Manage Cookies</button>
+	</li>
+	<li class="mr-3">
+		<button type="button" class="btn-link Link--secondary" onClick="_ghcc.showPreferences()">Do not share my personal information</button>
+	</li>
+	
+		</ul>
+
+		<ul class="list-style-none d-flex flex-items-center mb-sm-0 lh-condensed-ultra">
+			<li class="mr-3 flex-self-start focusable-svg">
+				<a href="https://www.linkedin.com/company/github" data-ga-click="Blog, go to Linkedin, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" class="d-block" height="18">
+						<title>LinkedIn icon</title>
+						<path d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z" fill="currentColor"></path>
+					</svg>
+
+					<span class="sr-only">GitHub on LinkedIn</span>
+				</a>
+			</li>
+			<li class="mr-3 focusable-svg">
+				<a href="https://www.instagram.com/github/" data-ga-click="Blog, go to Instagram, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 169.063 169.063" class="d-block" height="18">
+						<title>Instagram icon</title>
+						<g>
+							<path d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752
+								c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407
+								c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752
+								c17.455,0,31.656,14.201,31.656,31.655V122.407z" fill="currentColor"/>
+							<path d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561
+								C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561
+								c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z" fill="currentColor"/>
+							<path d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78
+								c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78
+								C135.661,29.421,132.821,28.251,129.921,28.251z" fill="currentColor"/>
+						</g>
+					</svg>
+
+					<span class="sr-only">GitHub on Instagram</span>
+				</a>
+			</li>
+			<li class="mr-3 focusable-svg">
+				<a href="https://www.youtube.com/github" data-ga-click="Blog, go to YouTube, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.17 13.6" class="d-block" height="16">
+						<title>YouTube icon</title>
+						<path d="M18.77 2.13A2.4 2.4 0 0 0 17.09.42C15.59 0 9.58 0 9.58 0a57.55 57.55 0 0 0-7.5.4A2.49 2.49 0 0 0 .39 2.13 26.27 26.27 0 0 0 0 6.8a26.15 26.15 0 0 0 .39 4.67 2.43 2.43 0 0 0 1.69 1.71c1.52.42 7.5.42 7.5.42a57.69 57.69 0 0 0 7.51-.4 2.4 2.4 0 0 0 1.68-1.71 25.63 25.63 0 0 0 .4-4.67 24 24 0 0 0-.4-4.69zM7.67 9.71V3.89l5 2.91z" fill="currentColor"></path>
+					</svg>
+
+					<span class="sr-only">GitHub on YouTube</span>
+				</a>
+			</li>
+			<li class="mr-3 focusable-svg">
+				<a href="https://twitter.com/github" data-ga-click="Blog, go to X, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227" class="d-block" height="18">
+						<title>X icon</title>
+						<path xmlns="http://www.w3.org/2000/svg" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z" fill="currentColor"></path>
+					</svg>
+
+					<span class="sr-only">GitHub on X</span>
+				</a>
+			</li>
+			<li class="mr-3 flex-self-start focusable-svg">
+				<a href="https://www.tiktok.com/@github" data-ga-click="Blog, go to TikTok, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="d-block" height="18">
+						<title>TikTok icon</title>
+						<path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z" fill="currentColor"/>
+					</svg>
+
+					<span class="sr-only">GitHub on TikTok</span>
+				</a>
+			</li>
+			<li class="mr-3 flex-self-start focusable-svg">
+				<a href="https://www.twitch.tv/github" data-ga-click="Blog, go to Twitch, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="d-block" height="18">
+						<title>Twitch icon</title>
+						<path d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z" fill="currentColor"/>
+					</svg>
+					<span class="sr-only">GitHub on Twitch</span>
+				</a>
+			</li>
+			<li class="focusable-svg">
+				<a href="https://github.com/github" data-ga-click="Blog, go to github's org, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" height="20" class="octicon octicon-mark-github d-block" alt="" viewBox="0 0 98 96" fill="none" version="1.1" width="20" aria-hidden="true"><g clip-path="url(#a)">
+						<title>GitHub icon</title>
+						<path fill-rule="evenodd" d="M41.44 69.385C28.807 67.853 19.906 58.762 19.906 46.99c0-4.785 1.723-9.953 4.594-13.398-1.244-3.158-1.053-9.858.383-12.633 3.828-.479 8.996 1.531 12.058 4.307 3.637-1.149 7.465-1.723 12.155-1.723 4.69 0 8.517.574 11.963 1.627 2.966-2.68 8.23-4.69 12.058-4.211 1.34 2.584 1.531 9.283.287 12.537 3.063 3.637 4.69 8.518 4.69 13.494 0 11.772-8.9 20.672-21.725 22.3 3.254 2.104 5.455 6.698 5.455 11.962v9.953c0 2.871 2.393 4.498 5.264 3.35C84.41 87.95 98 70.629 98 49.19 98 22.107 75.988 0 48.904 0 21.82 0 0 22.107 0 49.191c0 21.246 13.494 38.856 31.678 45.46 2.584.956 5.072-.766 5.072-3.35v-7.657c-1.34.575-3.063.958-4.594.958-6.316 0-10.049-3.446-12.728-9.858-1.053-2.584-2.201-4.115-4.403-4.402-1.148-.096-1.53-.574-1.53-1.149 0-1.148 1.913-2.01 3.827-2.01 2.776 0 5.168 1.723 7.657 5.264 1.914 2.776 3.923 4.02 6.316 4.02 2.392 0 3.924-.861 6.125-3.063 1.627-1.627 2.871-3.062 4.02-4.02z"/></g><defs><clipPath id="a"><path d="M0 0h98v96H0z"/></clipPath></defs>
+					</svg>
+					<span class="sr-only">GitHub’s organization on GitHub</span>
+				</a>
+			</li>
+		</ul>
+
+
+
+	</div>
+</div>
+	</footer>
+</div>
+<script type="speculationrules">
+{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/github-2021-child/*","/wp-content/themes/github-2021/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
+</script>
+<div id="ghcc" style="position: sticky; bottom: 0; z-index: 99999;"></div><script id="github_cookie_consent-js" src="https://ghcc.githubassets.com/ghcc.min.js"></script>
+<script id="github_microsoft_analytics-js" src="https://js.monitor.azure.com/scripts/c/ms.analytics-web-4.js"></script>
+<script type="text/javascript" src="https://github.blog/_static/??-eJx9jdEOwiAMRX9IVre4yYvxWzYgtAy6RUr0860mGp987Tn3FO67cRtLYIE9t0hcIaKetpXCi1QlZmZv5Da7lTiCpyqQKvxxulQP8FMWDCVomATbYobj0BuHlP23lSmiLNvjMyR2uXmdKHs7qM9qV4jVuJZLf7bTeLKjndITivxGNg==" ></script><script id="wp-i18n-js" src="https://github.blog/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
+<script id="wp-i18n-js-after">
+wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
+//# sourceURL=wp-i18n-js-after
+</script>
+<script type="text/javascript" src="https://github.blog/wp-includes/js/dist/url.min.js?m=1786548587g" ></script><script id="wp-api-fetch-js" src="https://github.blog/wp-includes/js/dist/api-fetch.min.js?ver=d7efe4dc1468d36c39b8"></script>
+<script id="wp-api-fetch-js-after">
+wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "https://github.blog/wp-json/" ) );
+wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "a44e7f2968" );
+wp.apiFetch.use( wp.apiFetch.nonceMiddleware );
+wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware );
+wp.apiFetch.nonceEndpoint = "https://github.blog/wp-admin/admin-ajax.php?action=rest-nonce";
+//# sourceURL=wp-api-fetch-js-after
+</script>
+<script type="text/javascript" src="https://github.blog/wp-content/themes/github-2021/dist/js/site-script.js?m=1786535977g" ></script><script id="highlightjs-js" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js?ver=11.4.0"></script>
+<script id="highlightjs-js-after">
+hljs.highlightAll()
+//# sourceURL=highlightjs-js-after
+</script>
+<script type="text/javascript" src="https://github.blog/wp-content/plugins/page-links-to/dist/new-tab.js?m=1786535977g" ></script><script integrity="sha256-kAnFXX7lCXF9K2o4g5q1lKyk167yRq6C4TiXWtbgvQw=" crossorigin="anonymous" id="hydro-analytics-js" src="https://analytics.githubassets.com/v1.1.0/hydro-marketing.min.js?ver=7.0.4"></script>
+<script id="jetpack-stats-js-before">
+_stq = window._stq || [];
+_stq.push([ "view", {"v":"ext","blog":"153214340","post":"47032","tz":"-7","srv":"github.blog","hp":"vip","j":"1:16.0.1"} ]);
+_stq.push([ "clickTrackerInit", "153214340", "47032" ]);
+//# sourceURL=jetpack-stats-js-before
+</script>
+<script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202633.js"></script>
+<script id="wp-emoji-settings" type="application/json">
+{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://github.blog/wp-includes/js/wp-emoji-release.min.js?ver=7.0.4"}}
+</script>
+<script type="module">
+/*! This file is auto-generated */
+var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
+//# sourceURL=https://github.blog/wp-includes/js/wp-emoji-loader.min.js
+</script>
+</body>
+</html>
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-accessibility-overview-16e36128ea2b.html b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-accessibility-overview-16e36128ea2b.html
new file mode 100644
index 0000000..10d968c
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-accessibility-overview-16e36128ea2b.html
@@ -0,0 +1,1673 @@
+ <!DOCTYPE html>
+		<html
+			class="layout layout-holy-grail   show-table-of-contents conceptual show-breadcrumb default-focus"
+			lang="en-us"
+			dir="ltr"
+			data-authenticated="false"
+			data-auth-status-determined="false"
+			data-target="docs"
+			x-ms-format-detection="none"
+		>
+			
+		<head>
+			<title>Accessibility overview - Windows apps | Microsoft Learn</title>
+			<meta charset="utf-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta name="color-scheme" content="light dark" />
+
+			<meta name="description" content="This article is an overview of the concepts and technologies related to accessibility scenarios for Windows apps." />
+			<link rel="canonical" href="https://learn.microsoft.com/en-us/windows/apps/design/accessibility/accessibility-overview" /> 
+
+			<!-- Non-customizable open graph and sharing-related metadata -->
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:site" content="@MicrosoftLearn" />
+			<meta property="og:type" content="website" />
+			<meta property="og:image:alt" content="Microsoft Learn" />
+			<meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
+			<!-- Page specific open graph and sharing-related metadata -->
+			<meta property="og:title" content="Accessibility overview - Windows apps" />
+			<meta property="og:url" content="https://learn.microsoft.com/en-us/windows/apps/design/accessibility/accessibility-overview" />
+			<meta property="og:description" content="This article is an overview of the concepts and technologies related to accessibility scenarios for Windows apps." />
+			<meta name="platform_id" content="c0a19643-f0be-3728-0438-13c2de649c3f" /> 
+			<meta name="locale" content="en-us" />
+			 
+			<meta name="uhfHeaderId" content="MSDocsHeader-WinDevCenter" />
+
+			<meta name="page_type" content="conceptual" />
+
+			<!--page specific meta tags-->
+			
+
+			<!-- custom meta tags -->
+			
+		<meta name="ms.service" content="windows-app-sdk" />
+	
+		<meta name="recommendations" content="true" />
+	
+		<meta name="ROBOTS" content="INDEX, FOLLOW" />
+	
+		<meta name="author" content="GrantMeStrength" />
+	
+		<meta name="ms.author" content="jken" />
+	
+		<meta name="Search.Product" content="eADQiWindows 10XVcnh" />
+	
+		<meta name="breadcrumb_path" content="/windows/breadcrumbs/toc.json" />
+	
+		<meta name="feedback_product_url" content="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb" />
+	
+		<meta name="feedback_system" content="OpenSource" />
+	
+		<meta name="ms.subservice" content="apps" />
+	
+		<meta name="ms.update-cycle" content="365-days" />
+	
+		<meta name="ms.assetid" content="AA053196-F331-4CBE-B032-4E9CBEAC699C" />
+	
+		<meta name="label" content="Accessibility overview" />
+	
+		<meta name="template" content="detail.hbs" />
+	
+		<meta name="ms.date" content="2026-07-22T00:00:00Z" />
+	
+		<meta name="ms.topic" content="concept-article" />
+	
+		<meta name="keywords" content="windows 11, winui, winappsdk, windows app sdk" />
+	
+		<meta name="ms.localizationpriority" content="medium" />
+	
+		<meta name="document_id" content="02a2fe05-0bf3-05c1-7577-ee5dc1dd1dc3" />
+	
+		<meta name="document_version_independent_id" content="5a442cf5-885f-418a-9091-fe0be3754d16" />
+	
+		<meta name="updated_at" content="2026-07-17T02:50:00Z" />
+	
+		<meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/design/accessibility/accessibility-overview.md" />
+	
+		<meta name="gitcommit" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/1b116d52a415fb84b45d26219181a4d25949a760/hub/apps/design/accessibility/accessibility-overview.md" />
+	
+		<meta name="git_commit_id" content="1b116d52a415fb84b45d26219181a4d25949a760" />
+	
+		<meta name="site_name" content="Docs" />
+	
+		<meta name="depot_name" content="MSDN.windows-uwp-hub" />
+	
+		<meta name="schema" content="Conceptual" />
+	
+		<meta name="toc_rel" content="../toc.json" />
+	
+		<meta name="pdf_url_template" content="https://learn.microsoft.com/pdfstore/en-us/MSDN.windows-uwp-hub/{branchName}{pdfName}" />
+	
+		<meta name="feedback_help_link_type" content="" />
+	
+		<meta name="feedback_help_link_url" content="" />
+	
+		<meta name="word_count" content="1677" />
+	
+		<meta name="asset_id" content="apps/design/accessibility/accessibility-overview" />
+	
+		<meta name="moniker_range_name" content="" />
+	
+		<meta name="item_type" content="Content" />
+	
+		<meta name="source_path" content="hub/apps/design/accessibility/accessibility-overview.md" />
+	
+		<meta name="previous_tlsh_hash" content="9507B732B70CD551FFC2A806D67E930169F0C04C9FB02FE90035635690A53E771AB1A9F6EB27B72533214B930227610AA6E3AB7DD07C26B151969475835C32DBABD83BB6FD" />
+	
+		<meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/design/accessibility/accessibility-overview.md" />
+	
+		<meta name="markdown_url" content="https://learn.microsoft.com/en-us/windows/apps/design/accessibility/accessibility-overview?accept=text/markdown" />
+	 
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/43093068-2dda-408b-b3fe-dfd705c84f78" data-source="generated" />
+	
+		<meta name="cmProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/cd440f3c-1b78-40a7-97ba-aa00a1d79df7" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/e453d60d-ba7e-43bc-8028-ec38e6b62512" data-source="generated" />
+	
+		<meta name="spProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/c828f7e0-89b4-459c-9bae-d7ab1c4bd9ad" data-source="generated" />
+	
+
+			<!-- Apply persisted/system theme before first paint to prevent wrong-theme flash when scripts are deferred. -->
+			<script id="theme-preference">
+				(function () {
+			try {
+				var stored = localStorage.getItem('theme');
+				var theme = /^(light|dark|high-contrast)$/.test(stored)
+					? stored
+					: matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+				document.documentElement.classList.add('theme-' + theme);
+			} catch (e) {}
+		})();;
+			</script>
+
+			<script id="atlas-layout-preferences">
+				(function () {
+			try {
+				var state = JSON.parse(localStorage.getItem('atlas-layout-preferences') || '{}');
+				var view = state["docs-layout-persistence"] || {};
+				var excludesKey = "";
+				var blocked = {};
+				if (excludesKey) {
+					var exclusions = JSON.parse(localStorage.getItem('atlas-layout-exclusions') || '{}');
+					if (Object.prototype.hasOwnProperty.call(exclusions, excludesKey)) {
+						var scoped = exclusions[excludesKey];
+						if (scoped) {
+							if (typeof scoped === 'object') blocked = scoped;
+						}
+					}
+				}
+				var html = document.documentElement;
+				for (var c in view) {
+					if (Object.prototype.hasOwnProperty.call(blocked, c)) continue;
+					if (view[c]) html.classList.add(c);
+					else html.classList.remove(c);
+				}
+			} catch (e) {}
+		})();;
+			</script>
+
+			<!-- assets and js globals -->
+			
+			<link rel="stylesheet" href="/static/assets/0.4.03510.8120-9976c201/styles/site.css" />
+			
+			<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
+			<script async src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script>
+			
+
+			<!-- msdocs global object -->
+			<script id="msdocs-script">
+		var msDocs = {
+  "environment": {
+    "accessLevel": "online",
+    "azurePortalHostname": "portal.azure.com",
+    "reviewFeatures": false,
+    "supportLevel": "production",
+    "systemContent": true,
+    "siteName": "learn",
+    "legacyHosting": false
+  },
+  "data": {
+    "contentLocale": "en-us",
+    "contentDir": "ltr",
+    "userLocale": "en-us",
+    "userDir": "ltr",
+    "pageTemplate": "Conceptual",
+    "layoutStateStorageKey": "docs-layout-persistence",
+    "brand": "",
+    "context": {},
+    "standardFeedback": false,
+    "showFeedbackReport": false,
+    "feedbackHelpLinkType": "",
+    "feedbackHelpLinkUrl": "",
+    "feedbackSystem": "OpenSource",
+    "feedbackGitHubRepo": "",
+    "feedbackProductUrl": "https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb",
+    "extendBreadcrumb": false,
+    "isEditDisplayable": true,
+    "isPrivateUnauthorized": false,
+    "hideViewSource": false,
+    "isPermissioned": false,
+    "hasRecommendations": true,
+    "contributors": [
+      {
+        "name": "GrantMeStrength",
+        "url": "https://github.com/GrantMeStrength"
+      },
+      {
+        "name": "niels9001",
+        "url": "https://github.com/niels9001"
+      },
+      {
+        "name": "Karl-Bridge-Microsoft",
+        "url": "https://github.com/Karl-Bridge-Microsoft"
+      },
+      {
+        "name": "Copilot",
+        "url": "https://github.com/Copilot"
+      },
+      {
+        "name": "Saisang",
+        "url": "https://github.com/Saisang"
+      },
+      {
+        "name": "JustPies",
+        "url": "https://github.com/JustPies"
+      },
+      {
+        "name": "stevewhims",
+        "url": "https://github.com/stevewhims"
+      },
+      {
+        "name": "v-hearya",
+        "url": "https://github.com/v-hearya"
+      },
+      {
+        "name": "QuinnRadich",
+        "url": "https://github.com/QuinnRadich"
+      }
+    ],
+    "openSourceFeedbackIssueUrl": "https://github.com/MicrosoftDocs/windows-dev-docs/issues/new?template=1-customer-feedback.yml",
+    "openSourceFeedbackIssueTitle": "",
+    "openSourceFeedbackIssueLabels": "needs-triage"
+  },
+  "functions": {}
+};;
+	</script>
+
+			<!-- base scripts, msdocs global should be before this -->
+			<script
+				src="/static/assets/0.4.03510.8120-9976c201/scripts/en-us/index-docs.js"
+				async
+			></script>
+			
+
+			<!-- json-ld -->
+			
+		</head>
+	
+			<body
+				id="body"
+				data-bi-name="body"
+				class="layout-body "
+				lang="en-us"
+				dir="ltr"
+			>
+				<header class="layout-body-header background-color-body-medium">
+		<div class="header-holder has-default-focus">
+			
+		<a
+			href="#main"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to main content
+		</a>
+	
+		<a
+			href="#"
+			data-skip-to-ask-learn
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			hidden
+		>
+			Skip to Ask Learn chat experience
+		</a>
+	
+
+			<div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
+			<!-- Unsupported browser warning -->
+			<div
+				id="unsupported-browser"
+				style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;"
+				hidden
+			>
+				<div style="max-width: 800px; margin: 0 auto;">
+					<p style="font-size: 24px">This browser is no longer supported.</p>
+					<p style="font-size: 16px; margin-top: 16px;">
+						Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
+					</p>
+					<div style="margin-top: 12px;">
+						<a
+							href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
+							style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;"
+						>
+							Download Microsoft Edge
+						</a>
+						<a
+							href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
+							style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;"
+						>
+							More info about Internet Explorer and Microsoft Edge
+						</a>
+					</div>
+				</div>
+			</div>
+			<!-- site header -->
+			<div
+				id="ms--site-header"
+				data-test-id="site-header-wrapper"
+				itemscope="itemscope"
+				itemtype="http://schema.org/Organization"
+			>
+				<div
+					id="ms--mobile-nav"
+					class="site-header display-none-tablet padding-inline-none gap-none"
+					data-bi-name="mobile-header"
+					data-test-id="mobile-header"
+				></div>
+				<div
+					id="ms--primary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L1-header"
+					data-test-id="primary-header"
+				></div>
+				<div
+					id="ms--secondary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L2-header"
+					data-test-id="secondary-header"
+					
+				></div>
+			</div>
+			
+		<!-- banner -->
+		<div data-banner>
+			<div id="disclaimer-holder"></div>
+			
+		</div>
+		<!-- banner end -->
+	
+		</div>
+	</header>
+				 <section
+					id="layout-body-menu"
+					class="layout-body-menu border-right display-flex background-color-body-medium"
+					data-bi-name="menu"
+			  >
+					
+		<div
+			id="left-container"
+			class="left-container display-none padding-none display-block-tablet width-full display-none-until-layout-restored"
+			data-toc-container="true"
+		>
+			<div
+				id="ms--toc-content"
+				class="padding-left-sm padding-right-none padding-bottom-sm height-full"
+			>
+				<nav
+					id="affixed-left-container"
+					class="margin-top-xxs-tablet position-sticky display-flex flex-direction-column width-full"
+					aria-label="Primary"
+					data-bi-name="left-toc"
+					role="navigation"
+				>
+					<div
+						id="ms--collapsible-toc-header"
+						class="display-flex flex-direction-row-reverse justify-content-center align-items-center margin-bottom-xxs margin-right-xxs"
+					>
+						<button
+							type="button"
+							class="button button-clear button-sm inner-focus"
+							data-collapsible-toc-toggle
+							aria-expanded="true"
+							hidden
+							aria-controls="ms--toc-content"
+							aria-label="Table of contents"
+						>
+							<span class="icon icon-mirrored-rtl" aria-hidden="true">
+								<span
+									class="docon docon-panel-left-contract display-none-layout-menu-collapsed"
+								></span>
+								<span
+									class="docon docon-panel-left-expand display-none display-inline-layout-menu-collapsed"
+								></span>
+							</span>
+						</button>
+						<div
+							id="ms--collapsible-toc-moniker-slot"
+							class="flex-grow-1 display-none-layout-menu-collapsed"
+						></div>
+					</div>
+				</nav>
+			</div>
+		</div>
+	
+			  </section>
+
+				<main
+					id="main"
+					role="main"
+					class="layout-body-main "
+					data-bi-name="content"
+					lang="en-us"
+					dir="ltr"
+				>
+					
+			<div
+		id="ms--content-header"
+		class="content-header default-focus border-bottom-none"
+		data-bi-name="content-header"
+	>
+		<div class="content-header-controls margin-xxs margin-inline-sm-tablet">
+			<button
+				type="button"
+				class="contents-button button button-sm margin-right-xxs"
+				data-bi-name="contents-expand"
+				aria-haspopup="true"
+				data-contents-button
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-menu"></span></span>
+				<span class="contents-expand-title"> Table of contents </span>
+			</button>
+			<button
+				type="button"
+				class="ap-collapse-behavior ap-expanded button button-sm"
+				data-bi-name="ap-collapse"
+				aria-controls="action-panel"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-exit-mode"></span></span>
+				<span>Exit editor mode</span>
+			</button>
+		</div>
+	</div>
+			<div
+				data-main-column
+				class="reading-width margin-inline-auto layout-padding padding-top-none padding-top-sm-tablet padding-bottom-sm"
+			>
+				<div>
+					
+		<div id="article-header" class="background-color-body margin-bottom-xs display-none-print">
+			<div class="display-flex align-items-center justify-content-space-between">
+				
+		<details
+			id="article-header-breadcrumbs-overflow-popover"
+			class="popover popover-left"
+			data-for="article-header-breadcrumbs"
+		>
+			<summary
+				class="button button-clear button-primary button-sm inner-focus"
+				aria-label="All breadcrumbs"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-more"></span>
+				</span>
+			</summary>
+			<div id="article-header-breadcrumbs-overflow" class="popover-content"></div>
+		</details>
+
+		<bread-crumbs
+			id="article-header-breadcrumbs"
+			role="group"
+			aria-label="Breadcrumbs"
+			data-test-id="article-header-breadcrumbs"
+			class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"
+		></bread-crumbs>
+	 
+		<div
+			id="article-header-page-actions"
+			class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"
+		>
+			
+		<button
+			class="button button-sm border-none inner-focus display-none-tablet flex-shrink-0 "
+			data-bi-name="ask-learn-assistant-entry"
+			data-test-id="ask-learn-assistant-modal-entry-mobile"
+			data-ask-learn-modal-entry
+			
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-none display-inline-flex-tablet display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-modal-entry-tablet"
+			data-ask-learn-modal-entry
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-flyout-entry"
+			data-ask-learn-flyout-entry
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	 
+
+			<details class="popover popover-right" id="article-header-page-actions-overflow">
+				<summary
+					class="justify-content-flex-start button button-clear button-sm button-primary inner-focus"
+					aria-label="More actions"
+					title="More actions"
+				>
+					<span class="icon" aria-hidden="true">
+						<span class="docon docon-more-vertical"></span>
+					</span>
+				</summary>
+				<div class="popover-content">
+					
+		<button
+			type="button"
+			id="ms--focus-mode-button"
+			data-focus-mode
+			data-bi-name="focus-mode-entry"
+			data-page-action-item="overflow-all"
+			data-popover-close
+			class="button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus display-none display-inline-flex-tablet"
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-glasses"></span>
+			</span>
+			<span>Reading mode</span>
+		</button>
+	 
+		<button
+			data-page-action-item="overflow-mobile"
+			type="button"
+			class="display-block-layout-menu-collapsed button-block button-sm inner-focus button button-clear display-none-tablet justify-content-flex-start text-align-left"
+			data-bi-name="contents-expand"
+			data-contents-button
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true"
+				><span class="docon docon-editor-list-bullet"></span
+			></span>
+			<span class="contents-expand-title">Table of contents</span>
+		</button>
+	 
+		<a
+			id="lang-link-overflow"
+			class="button-sm inner-focus button button-clear button-block justify-content-flex-start text-align-left"
+			data-bi-name="language-toggle"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-read-in-link
+			href="#"
+			hidden
+		>
+			<span class="icon" aria-hidden="true" data-read-in-link-icon>
+				<span class="docon docon-locale-globe"></span>
+			</span>
+			<span data-read-in-link-text>Read in English</span>
+		</a>
+	
+					
+		<button
+			type="button"
+			class="collection button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus"
+			data-list-type="collection"
+			data-bi-name="collection"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="collection-status">Add</span>
+		</button>
+	 
+		<button
+			type="button"
+			class="collection button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+			data-list-type="plan"
+			data-bi-name="plan"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="plan-status">Add to Plans</span>
+		</button>
+	 
+					
+		<a
+			data-contenteditbtn
+			class="button button-clear button-block button-sm inner-focus justify-content-flex-start text-align-left text-decoration-none"
+			data-bi-name="edit"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			
+			href="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/design/accessibility/accessibility-overview.md"
+			data-original_content_git_url="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/design/accessibility/accessibility-overview.md"
+			data-original_content_git_url_template="{repo}/blob/{branch}/hub/apps/design/accessibility/accessibility-overview.md"
+			data-pr_repo=""
+			data-pr_branch=""
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-edit-outline"></span>
+			</span>
+			<span>Edit</span>
+		</a>
+	  
+		<hr class="margin-block-xxs" />
+		
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="copy-markdown"
+					data-page-action-item="overflow-all"
+					data-copy-markdown
+					data-copy-state="idle"
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span data-show-when="idle" class="docon docon-code-lang"></span>
+						<span data-show-when="loading" class="loader" hidden></span>
+						<span data-show-when="success" class="docon docon-check-mark" hidden></span>
+					</span>
+					<span>Copy Markdown</span>
+				</button>
+		   
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="print"
+					data-page-action-item="overflow-all"
+					data-popover-close
+					data-print-page
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span class="docon docon-print"></span>
+					</span>
+					<span>Print</span>
+				</button>
+		  
+	
+				</div>
+			</details>
+		</div>
+	
+			</div>
+		</div>
+	  
+		<!-- privateUnauthorizedTemplate is hidden by default -->
+		<div unauthorized-private-section data-bi-name="permission-content-unauthorized-private" hidden>
+			<hr class="hr margin-top-xs margin-bottom-sm" />
+			<div class="notification notification-info">
+				<div class="notification-content">
+					<p class="margin-top-none notification-title">
+						<span class="icon" aria-hidden="true"
+							><span class="docon docon-exclamation-circle-solid"></span
+						></span>
+						<span>Note</span>
+					</p>
+					<p class="margin-top-none authentication-determined not-authenticated">
+						Access to this page requires authorization. You can try <a class="docs-sign-in" href="#" data-bi-name="permission-content-sign-in">signing in</a> or <a  class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+					<p class="margin-top-none authentication-determined authenticated">
+						Access to this page requires authorization. You can try <a class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+				</div>
+			</div>
+		</div>
+	
+					<div class="content"><h1 id="accessibility-overview">Accessibility overview</h1></div>
+					
+		<div
+			id="article-metadata"
+			data-bi-name="article-metadata"
+			data-test-id="article-metadata"
+			class="page-metadata-container display-flex gap-xxs justify-content-space-between align-items-center flex-wrap-wrap"
+		>
+			 
+				<div
+					id="user-feedback"
+					class="margin-block-xxs display-none display-none-print"
+					hidden
+					data-hide-on-archived
+				>
+					
+		<button
+			id="user-feedback-button"
+			data-test-id="conceptual-feedback-button"
+			class="button button-sm button-clear button-primary display-none"
+			type="button"
+			data-bi-name="user-feedback-button"
+			data-user-feedback-button
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-like"></span>
+			</span>
+			<span>Feedback</span>
+		</button>
+	
+				</div>
+		  
+		</div>
+	 
+		<div data-id="ai-summary" class="display-none-print">
+			<div id="ms--ai-summary-cta" class="margin-top-xs display-flex align-items-center">
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-sparkle-fill gradient-text-vivid"></span>
+				</span>
+				<button
+					id="ms--ai-summary"
+					type="button"
+					class="tag tag-sm tag-suggestion margin-left-xxs"
+					data-test-id="ai-summary-cta"
+					data-bi-name="ai-summary-cta"
+					data-an="ai-summary"
+				>
+					<span class="ai-summary-cta-text">
+						Summarize this article for me
+					</span>
+				</button>
+			</div>
+			<!-- Slot where the client will render the summary card after the user clicks the CTA -->
+			<div id="ms--ai-summary-header" class="margin-top-xs"></div>
+		</div>
+	 
+		<nav
+			id="center-doc-outline"
+			class="doc-outline display-none-desktop display-none-print margin-bottom-sm"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h2 id="ms--in-this-article" class="title is-6 margin-block-xs">
+				In this article
+			</h2>
+		</nav>
+	
+					<div class="content"><p>This topic introduces concepts and technologies related to building accessible Windows apps.</p>
+<p>Accessible Windows applications support not only people with disabilities (both temporary and permanent) but also those with personal preferences, specific work styles, or situational and environmental constraints (such as shared work spaces, low bandwidth, bright sunlight, noisy or quiet surroundings, while cooking, and so on).</p>
+<p>The guidance is written for development teams that treat accessibility as a core quality requirement and use automated accessibility checks as part of regular engineering workflows. Use these topics to define accessibility expectations early, validate them continuously, and prevent regressions as features evolve.</p>
+<p>Many disabilities, including impaired mobility, vision, color perception, hearing, speech, cognition, and literacy, can be addressed by providing:</p>
+<ul>
+<li>Support for keyboard interactions and screen readers.</li>
+<li>Support for user customization, such as font, zoom setting (magnification), color, and high-contrast settings.</li>
+<li>Alternative or supplemental UI.</li>
+</ul>
+<p>XAML controls provide built-in support for keyboard access and assistive technologies such as screen readers. This built-in support enables a basic level of accessibility that you can customize through various properties. If you are creating your own custom XAML components and controls, you can also add similar support to those controls by using an *automation peer- (for more info, see <a href="custom-automation-peers" data-linktype="relative-path">Custom automation peers</a>).</p>
+<p>In addition, data binding, style, and template features let you dynamically support alternative UI and changes to display settings.</p>
+<h2 id="ui-automation">UI Automation</h2>
+<p>Accessibility support comes primarily from the integration of the Microsoft UI Automation framework. That support is provided through base classes and the built-in behavior of the class implementation for control types, as well as an interface representation of the UI Automation provider API. Each control class uses the UI Automation concepts of automation peers and automation patterns that report the control's role and content to UI Automation clients. The app is treated as a top-level window by UI Automation, and through the UI Automation framework all the accessibility-relevant content within that app window is available to a UI Automation client. For more info about UI Automation, see <a href="/en-us/windows/desktop/WinAuto/uiauto-uiautomationoverview" data-linktype="absolute-path">UI Automation Overview</a>.</p>
+<h2 id="assistive-technology">Assistive technology</h2>
+<p>Many accessibility needs are met by assistive technology products installed by the user or by tools and settings provided by the operating system. This includes screen readers, screen magnifiers, and high-contrast settings.</p>
+<p>Assistive technology products include a wide variety of software and hardware. These products work through the standard keyboard interface and accessibility frameworks that report information about the content and structure of the UI to screen readers and other assistive technologies. Examples of assistive technology products include:</p>
+<ul>
+<li>The On-Screen Keyboard (OSK), or software keyboard, which lets people use a pointer instead of a hardware keyboard to type text.</li>
+<li>Voice-recognition software, which converts spoken words into typed text.</li>
+<li>Screen readers, which convert text into spoken words or formats like Braille.</li>
+<li>The Narrator screen reader, built into Windows, has a touch mode that can perform screen reading tasks through touch gestures.</li>
+<li>Programs or settings that adjust the display, for example high contrast themes, dots per inch (dpi), or the Magnifier tool.</li>
+</ul>
+<p>Apps that have good keyboard and screen reader support usually work well with various assistive technology products. In many cases, a Windows app works with these products without additional modification of information or structure. However, you may want to modify some settings for optimal accessibility experience or to implement additional support.</p>
+<p>See <a href="accessibility-testing" data-linktype="relative-path">Accessibility testing</a> for how to test basic accessibility scenarios with assistive technologies.</p>
+<h2 id="screen-reader-support-and-basic-accessibility-information">Screen reader support and basic accessibility information</h2>
+<p>Screen readers provide access to text within an app by rendering it in another format, such as spoken language or Braille output. The exact behavior of a screen reader depends on the software and how the user configured it.</p>
+<p>For example, some screen readers read the entire UI when the user starts or switches to an app, which enables the user to receive all informational content before attempting to navigate it. Some screen readers also read the text associated with an individual control when it receives focus during tab navigation. This enables users to orient themselves as they navigate among the input controls of an application. Narrator is an example of a screen reader that supports both behaviors.</p>
+<p>The most important information that a screen reader or any other assistive technology needs in order to help users understand or navigate an app is an <strong>accessible name</strong>  for each element in an app. In many cases, a control or element already has an accessible name derived from other property values, such as an element that supports and displays inner text. For other elements, you might need to provide an accessible name through the element structure. And sometimes you need to explicitly provide the accessible name. For more details on how these derived values work in common UI elements, and for more info about accessible names in general, see <a href="basic-accessibility-information" data-linktype="relative-path">Expose basic accessibility information</a>.</p>
+<p>There are several other automation properties available (including the keyboard properties described in the next section). However, not all screen readers support all automation properties, so you should test all appropriate automation properties with a variety of screen readers.</p>
+<h2 id="keyboard-support">Keyboard support</h2>
+<p>Building keyboard accessibility (for traditional, modified, or keyboard emulation hardware) into your app, helps users who are blind, have low vision, or have motor control issues, to navigate through and use the full functionality of your app. It also lets users without disabilities choose the keyboard for navigation due to preference or efficiency.</p>
+<p>The basic XAML control model provides built-in keyboard support including tab navigation, text input, and control-specific support. The elements that serve as layout containers (such as panels) use the layout order to establish a default tab order and provide an accessible representation of the UI. <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.listview" data-linktype="absolute-path">ListView</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.gridview" data-linktype="absolute-path">GridView</a> controls provide built-in arrow-key navigation. <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button" data-linktype="absolute-path">Button</a> controls handle the Spacebar or Enter keys for button activation.</p>
+<p>For more info about all the aspects of keyboard support, including tab order and key-based activation or navigation, see <a href="keyboard-accessibility" data-linktype="relative-path">Keyboard accessibility</a>.</p>
+<h2 id="media-and-captioning">Media and captioning</h2>
+<p>You typically display audio-visual media through a <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.mediaplayerelement" data-linktype="absolute-path">MediaPlayerElement</a> object. For accessibility purposes, provide controls that enable users to play, pause, and stop the media, and also include captions or alternative audio tracks.</p>
+<h2 id="accessible-text">Accessible text</h2>
+<p>When you design and implement text in your app, focus on these three core accessibility requirements.</p>
+<ul>
+<li>Assistive technologies must be able to determine whether text should be read during tab-sequence navigation or as part of the overall document content. You can influence this behavior by choosing the correct text element and setting its properties appropriately. Because each text element maps to a specific purpose and often to a corresponding UI Automation role, using the wrong element can expose the wrong role and create a confusing experience for assistive technology users.</li>
+<li>Many users have low vision or color-vision deficiencies and cannot read text reliably unless there is sufficient contrast between text and background. This impact can be easy to underestimate during design. Following established contrast guidance helps prevent unreadable text for these users. For more info, see <a href="accessible-text-requirements" data-linktype="relative-path">Accessible text requirements</a>.</li>
+<li>Text that is too small is difficult for many users to read. Start with a reasonable default text size, and ensure your app works correctly with system text and display scaling. This is especially important in UIs that contain large amounts of text or dense visual layouts.</li>
+</ul>
+<h2 id="supporting-high-contrast-themes">Supporting high-contrast themes</h2>
+<p>XAML controls get their visual appearance from theme resource dictionaries, including high-contrast theme resources. When a user enables a high-contrast mode, controls automatically resolve to the appropriate high-contrast resources. To preserve this behavior, avoid styling approaches that block theme resource lookup, such as hard-coded colors or explicit styles that prevent high-contrast theme values from overriding your custom values. For more info, see <a href="high-contrast-themes" data-linktype="relative-path">High-contrast themes</a>.</p>
+<h2 id="design-for-alternative-ui">Design for alternative UI</h2>
+<p>In many cases, you can communicate essential information more effectively by using multiple cues. For example, combine icons with color to support users with color-vision deficiencies, and pair visual alerts with sound to support users who are deaf or hard of hearing.</p>
+<p>When needed, provide an alternative accessible UI that removes nonessential visuals and animation and simplifies interaction flows. The following code example shows how to switch one <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.usercontrol" data-linktype="absolute-path">UserControl</a> for another based on a user setting.</p>
+<pre><code class="lang-xaml">&lt;StackPanel x:Name="LayoutRoot" Background="White"&gt;
+
+  &lt;CheckBox x:Name="ShowAccessibleUICheckBox" Click="ShowAccessibleUICheckBox_Click"&gt;
+    Show Accessible UI
+  &lt;/CheckBox&gt;
+
+  &lt;ContentControl x:Name="ContentBlock"&gt;
+    &lt;local:ContentPage/&gt;
+  &lt;/ContentControl&gt;
+
+&lt;/StackPanel&gt;
+</code></pre>
+<pre><code class="lang-csharp">private void ShowAccessibleUICheckBox_Click(object sender, RoutedEventArgs e)
+{
+    if (sender is CheckBox checkBox)
+    {
+        ContentBlock.Content = checkBox.IsChecked == true
+            ? new AccessibleContentPage()
+            : new ContentPage();
+    }
+}
+</code></pre>
+<h2 id="assistive-technology-support-in-custom-controls">Assistive technology support in custom controls</h2>
+<p>When you create a custom control, implement or extend one or more <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.automation.peers.automationpeer" data-linktype="absolute-path">AutomationPeer</a> subclasses to provide accessibility support. In some cases, reusing the same peer class as the base control can provide acceptable baseline automation behavior for your derived control. However, you should validate this through testing, and in most cases you should still implement a dedicated peer so it can report the correct class name and behavior for your custom control. For implementation guidance, see <a href="custom-automation-peers" data-linktype="relative-path">Custom automation peers</a>.</p>
+<h2 id="assistive-technology-support-in-apps-that-support-xaml--microsoft-directx-interop">Assistive technology support in apps that support XAML / Microsoft DirectX interop</h2>
+<p>By default, Microsoft DirectX content that's hosted in a XAML UI (using <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.swapchainpanel" data-linktype="absolute-path">SwapChainPanel</a> or <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.media.imaging.surfaceimagesource" data-linktype="absolute-path">SurfaceImageSource</a>) is not accessible. The <a href="https://github.com/microsoftarchive/msdn-code-gallery-microsoft/tree/411c271e537727d737a53fa2cbe99eaecac00cc0/Official%20Windows%20Platform%20Sample/Windows%208.1%20Store%20app%20samples/%5BC%23%5D-Windows%208.1%20Store%20app%20samples/XAML%20SwapChainPanel%20DirectX%20interop%20sample" data-linktype="external">XAML SwapChainPanel DirectX interop sample</a> (archived legacy sample) shows how to make hosted content accessible through UI Automation by creating an AutomationPeer for the DirectX content. This technique makes the hosted content accessible through UI Automation.</p>
+<h2 id="verification-and-publishing">Verification and publishing</h2>
+<p>Treat accessibility verification as an ongoing engineering activity, not a final QA pass. Run automated checks for every build where possible, and pair them with targeted manual assistive technology validation for critical user journeys.</p>
+<p>For more info about accessibility declarations and publishing your app, see <a href="accessibility-in-the-store" data-linktype="relative-path">Accessibility in the Store</a>.</p>
+<h2 id="examples">Examples</h2>
+<div class="nextstepaction">
+<p>Open the WinUI 3 Gallery app and see the following Accessibility principles in action:</p>
+<ul>
+<li><a href="winui3gallery://item/AccessibilityScreenReader" data-linktype="external">Screen reader support</a></li>
+<li><a href="winui3gallery://item/AccessibilityKeyboard" data-linktype="external">Keyboard support</a></li>
+<li><a href="winui3gallery://item/AccessibilityColorContrast" data-linktype="external">Color contrast</a></li>
+</ul>
+</div>
+<blockquote>
+<table>
+<tbody><tr>
+<td><img src="../../../includes/images/winui-gallery-logo.png" width="76" alt="WinUI 3 Gallery icon" data-linktype="relative-path"></td>
+<td>The <strong>WinUI 3 Gallery</strong> app includes interactive examples of WinUI controls and features. Get the app from the <a href="https://apps.microsoft.com/detail/9P3JFPWWDZRC" data-linktype="external">Microsoft Store</a> or browse the source code on <a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">GitHub</a>.</td>
+</tr>
+</tbody></table>
+</blockquote>
+<h2 id="related-topics">Related topics</h2>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.automation" data-linktype="absolute-path">Microsoft.UI.Xaml.Automation</a></li>
+<li><a href="https://github.com/microsoftarchive/msdn-code-gallery-microsoft/tree/master/Official%20Windows%20Platform%20Sample/XAML%20accessibility%20sample" data-linktype="external">XAML accessibility sample</a> (archived legacy sample)</li>
+<li><a href="accessibility-overview" data-linktype="relative-path">Accessibility overview</a></li>
+<li><a href="https://support.microsoft.com/help/22798/windows-10-complete-guide-to-narrator" data-linktype="external">Get started with Narrator</a></li>
+<li><a href="https://accessibilityinsights.io/" data-linktype="external">Accessibility Insights</a> — find and fix accessibility issues in Windows apps</li>
+<li><a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">WinUI 3 Gallery</a> — see accessibility principles in action</li>
+</ul>
+</div>
+					
+		<div
+			id="ms--inline-notifications"
+			class="margin-block-xs"
+			data-bi-name="inline-notification"
+		></div>
+	 
+		<div
+			id="assertive-live-region"
+			role="alert"
+			aria-live="assertive"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+		<div
+			id="polite-live-region"
+			role="status"
+			aria-live="polite"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+	
+					
+			
+		<!-- feedback section -->
+		<section
+			class="feedback-section position-relative margin-top-lg border border-radius padding-xxs display-none-print"
+			data-bi-name="open-source-feedback-section"
+			data-open-source-feedback-section
+			hidden
+		>
+			<div class="display-flex flex-direction-column flex-direction-row-tablet">
+				<div
+					class="width-450-tablet padding-inline-xs padding-inline-xs-tablet padding-top-xs padding-bottom-sm padding-top-xs-tablet background-color-body-medium"
+				>
+					<div class="display-flex flex-direction-column">
+						<div class="padding-bottom-xxs">
+							<span class="icon margin-right-xxs" aria-hidden="true">
+								<span class="docon docon-brand-github"></span>
+							</span>
+							<span class="font-weight-semibold">
+								Collaborate with us on GitHub
+							</span>
+						</div>
+						<span class="line-height-normal">
+							The source for this content can be found on GitHub, where you can also create and review issues and pull requests. For more information, see <a href="https://learn.microsoft.com/contribute/content/how-to-write-quick-edits">our contributor guide</a>.
+						</span>
+					</div>
+				</div>
+				<div
+					class="display-flex gap-xs width-full-tablet flex-direction-column padding-xs justify-content-space-evenly"
+				>
+					<div class="media">
+						
+					<div class="media-left">
+						<div class="image image-36x36" hidden data-open-source-image-container>
+							<img
+								class="theme-display is-light"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-light
+							/>
+							<img
+								class="theme-display is-dark is-high-contrast"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-dark
+							/>
+						</div>
+					</div>
+			  
+
+						<div class="media-content">
+							<p
+								class="font-size-xl font-weight-semibold margin-bottom-xxs"
+								data-open-source-product-title
+							>
+								Windows developer
+							</p>
+							<div class="display-flex gap-xs flex-direction-column">
+								<p class="line-height-normal" data-open-source-product-description></p>
+								<div class="display-flex gap-xs flex-direction-column">
+									<a href="#" data-github-link>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-bug"></span>
+										</span>
+										<span>Open a documentation issue</span>
+									</a>
+									<a
+										href="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb"
+										class="display-block margin-top-auto font-size-md"
+										data-feedback-product-url
+									>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-feedback"></span>
+										</span>
+										<span>Provide product feedback</span>
+									</a>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+			
+		<!-- feedback section -->
+		<section
+			id="site-user-feedback-footer"
+			class="font-size-sm margin-top-md display-none-print display-none-desktop"
+			data-test-id="site-user-feedback-footer"
+			data-bi-name="site-feedback-section"
+		>
+			<hr class="hr" />
+			<h2 id="ms--feedback" class="title is-3">Feedback</h2>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="buttons">
+					<button
+						class="thumb-rating-button like button button-primary button-sm"
+						data-test-id="footer-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+						<span>Yes</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike button button-primary button-sm"
+						id="standard-rating-no-button"
+						hidden
+						data-test-id="footer-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+						<span>No</span>
+					</button>
+					<details
+						class="popover popover-top"
+						id="mobile-help-popover"
+						data-test-id="footer-feedback-popover"
+					>
+						<summary
+							class="thumb-rating-button dislike button button-primary button-sm"
+							data-test-id="details-footer-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+							<span>No</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading"
+							aria-describedby="popover-description"
+						>
+							<p id="popover-heading" class="font-size-lg margin-bottom-xxs font-weight-semibold">
+								Need help with this topic?
+							</p>
+							<p id="popover-description" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+		
+				</div>
+				
+		<div id="ms--additional-resources-mobile" class="display-none-print">
+			<hr class="hr" hidden />
+			<h2 id="ms--additional-resources-mobile-heading" class="title is-3" hidden>
+				Additional resources
+			</h2>
+			
+		<section
+			id="right-rail-recommendations-mobile"
+			class=""
+			data-bi-name="recommendations"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-training-mobile"
+			class=""
+			data-bi-name="learning-resource-card"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-events-mobile"
+			class=""
+			data-bi-name="events-card"
+			hidden
+		></section>
+	
+		</div>
+	 
+		<div
+			id="article-metadata-footer"
+			data-bi-name="article-metadata-footer"
+			data-test-id="article-metadata-footer"
+			class="page-metadata-container"
+		>
+			<hr class="hr" />
+			<ul class="metadata page-metadata" data-bi-name="page info" lang="en-us" dir="ltr">
+				<li class="visibility-hidden-visual-diff">
+			<span class="badge badge-sm text-wrap-pretty">
+				<span>Last updated on <local-time format="twoDigitNumeric"
+		datetime="2026-07-22T08:00:00.000Z"
+		data-article-date-source="calculated"
+		class="is-invisible"
+	>
+		2026-07-22
+	</local-time></span>
+			</span>
+		</li>
+			</ul>
+		</div>
+	
+			</div>
+			
+		<div
+			id="action-panel"
+			role="region"
+			aria-label="Action Panel"
+			class="action-panel"
+			tabindex="-1"
+		></div>
+	
+		
+				</main>
+				<aside
+					id="layout-body-aside"
+					class="layout-body-aside  "
+					data-bi-name="aside"
+					aria-label="Additional resources"
+			  >
+					
+		<div
+			id="ms--additional-resources"
+			class="right-container padding-sm display-none display-block-desktop height-full"
+			data-bi-name="pageactions"
+		>
+			<div id="affixed-right-container" data-bi-name="right-column">
+				
+		<nav
+			id="side-doc-outline"
+			class="doc-outline border-bottom padding-bottom-xs margin-bottom-xs scrollbar-width-thin"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h3>In this article</h3>
+		</nav>
+	
+				<!-- Feedback -->
+				
+		<section
+			id="ms--site-user-feedback-right-rail"
+			class="font-size-sm display-none-print"
+			data-test-id="site-user-feedback-right-rail"
+			data-bi-name="site-feedback-right-rail"
+		>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="display-flex flex-wrap-nowrap">
+					<button
+						class="thumb-rating-button like inner-focus"
+						data-test-id="right-rail-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						aria-label="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike inner-focus"
+						id="right-rail-no-button"
+						hidden
+						data-test-id="right-rail-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						aria-label="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+					</button>
+					<details class="popover popover-right" id="help-popover" data-test-id="feedback-popover">
+						<summary
+							tabindex="0"
+							class="thumb-rating-button dislike inner-focus"
+							data-test-id="details-right-rail-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							aria-label="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading-right-rail"
+							aria-describedby="popover-description-right-rail"
+						>
+							<p
+								id="popover-heading-right-rail"
+								class="font-size-lg margin-bottom-xxs font-weight-semibold"
+							>
+								Need help with this topic?
+							</p>
+							<p id="popover-description-right-rail" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+	
+			</div>
+		</div>
+	
+			  </aside> <section
+					id="layout-body-flyout"
+					class="layout-body-flyout "
+					data-bi-name="flyout"
+			  >
+					 <div
+	class="height-full border-left background-color-body-medium"
+	id="ask-learn-flyout"
+></div>
+			  </section> <div class="layout-body-footer " data-bi-name="layout-footer">
+		<footer
+			id="footer"
+			data-test-id="footer"
+			data-bi-name="footer"
+			class="footer-layout padding-xs padding-sm-desktop has-default-focus border-top"
+			role="contentinfo"
+		>
+			<div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
+				
+		<a
+			data-mscc-ic="false"
+			href="#"
+			data-bi-name="select-locale"
+			class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator"
+			id=""
+			title=""
+			><span class="icon" aria-hidden="true"
+				><span class="docon docon-world"></span></span
+			><span class="local-selector-link-text">en-us</span></a
+		>
+	 <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://aka.ms/yourcaliforniaprivacychoices"
+			data-bi-name="your-privacy-choices"
+			class="button button-sm button-clear flex-shrink-0 external-link-indicator"
+			id=""
+			title=""
+			>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 30 14"
+			xml:space="preserve"
+			height="16"
+			width="43"
+			aria-hidden="true"
+			focusable="false"
+		>
+			<path
+				d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
+			></path>
+			<path
+				d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"
+			></path>
+			<path
+				d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"
+				style="fill:#fff"
+			></path>
+			<path
+				d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"
+				style="fill:#06f"
+			></path>
+		</svg>
+	
+			<span>Your Privacy Choices</span></a
+		>
+	
+	</div>
+				<div class="flex-shrink-0">
+		<div class="dropdown has-caret-up">
+			<button
+				data-test-id="theme-selector-button"
+				class="dropdown-trigger button button-clear button-sm inner-focus theme-dropdown-trigger"
+				aria-controls="{{ themeMenuId }}"
+				aria-haspopup="true"
+				aria-expanded="false"
+				data-bi-name="theme"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-sun"></span></span>
+				<span>Theme</span>
+				<span class="icon expanded-indicator" aria-hidden="true">
+					<span class="docon docon-chevron-down-light"></span>
+				</span>
+			</button>
+			<div class="dropdown-menu" id="{{ themeMenuId }}" role="menu">
+				<ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu" role="none">
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="light"
+							tabindex="-1"
+						>
+							<span class="theme-light margin-right-xxs">
+								<span
+									class="theme-selector-icon border display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Light </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="dark"
+							tabindex="-1"
+						>
+							<span class="theme-dark margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Dark </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="high-contrast"
+							tabindex="-1"
+						>
+							<span class="theme-high-contrast margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> High contrast </span>
+						</button>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+			</div>
+			<ul class="links" data-bi-name="footerlinks">
+				<li class="manage-cookies-holder" hidden=""></li>
+				<li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content"
+			data-bi-name="aiDisclaimer"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>AI Disclaimer</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/previous-versions/"
+			data-bi-name="archivelink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Previous Versions</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog"
+			data-bi-name="bloglink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Blog</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/contribute"
+			data-bi-name="contributorGuide"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Contribute</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?LinkId=521839"
+			data-bi-name="privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?linkid=2259814"
+			data-bi-name="consumer-health-privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Consumer Health Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/legal/termsofuse"
+			data-bi-name="termsofuse"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Terms of Use</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/"
+			data-bi-name="trademarks"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Trademarks</a
+		>
+	
+	</li>
+				<li>&copy; Microsoft 2026</li>
+			</ul>
+		</footer>
+	</footer>
+			</body>
+		</html>
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-file-picker-e528f24783d9.html b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-file-picker-e528f24783d9.html
new file mode 100644
index 0000000..dc13625
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-file-picker-e528f24783d9.html
@@ -0,0 +1,1865 @@
+ <!DOCTYPE html>
+		<html
+			class="layout layout-holy-grail   show-table-of-contents conceptual show-breadcrumb default-focus"
+			lang="en-us"
+			dir="ltr"
+			data-authenticated="false"
+			data-auth-status-determined="false"
+			data-target="docs"
+			x-ms-format-detection="none"
+		>
+			
+		<head>
+			<title>Open files and folders with Windows App SDK pickers - Windows apps | Microsoft Learn</title>
+			<meta charset="utf-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta name="color-scheme" content="light dark" />
+
+			<meta name="description" content="Use Windows App SDK file and folder pickers in your WinUI app, with FileOpenPicker and FolderPicker examples, options, and results." />
+			<link rel="canonical" href="https://learn.microsoft.com/en-us/windows/apps/develop/files/using-file-folder-pickers" /> 
+
+			<!-- Non-customizable open graph and sharing-related metadata -->
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:site" content="@MicrosoftLearn" />
+			<meta property="og:type" content="website" />
+			<meta property="og:image:alt" content="Microsoft Learn" />
+			<meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
+			<!-- Page specific open graph and sharing-related metadata -->
+			<meta property="og:title" content="Open files and folders with Windows App SDK pickers - Windows apps" />
+			<meta property="og:url" content="https://learn.microsoft.com/en-us/windows/apps/develop/files/using-file-folder-pickers" />
+			<meta property="og:description" content="Use Windows App SDK file and folder pickers in your WinUI app, with FileOpenPicker and FolderPicker examples, options, and results." />
+			<meta name="platform_id" content="782a3d57-54fb-7fc0-bdfc-4a6191589b07" /> 
+			<meta name="locale" content="en-us" />
+			 
+			<meta name="uhfHeaderId" content="MSDocsHeader-WinDevCenter" />
+
+			<meta name="page_type" content="conceptual" />
+
+			<!--page specific meta tags-->
+			
+
+			<!-- custom meta tags -->
+			
+		<meta name="ms.service" content="windows-app-sdk" />
+	
+		<meta name="recommendations" content="true" />
+	
+		<meta name="ROBOTS" content="INDEX, FOLLOW" />
+	
+		<meta name="author" content="GrantMeStrength" />
+	
+		<meta name="ms.author" content="jken" />
+	
+		<meta name="Search.Product" content="eADQiWindows 10XVcnh" />
+	
+		<meta name="breadcrumb_path" content="/windows/breadcrumbs/toc.json" />
+	
+		<meta name="feedback_product_url" content="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb" />
+	
+		<meta name="feedback_system" content="OpenSource" />
+	
+		<meta name="ms.subservice" content="apps" />
+	
+		<meta name="ms.update-cycle" content="365-days" />
+	
+		<meta name="ms.date" content="2026-07-15T00:00:00Z" />
+	
+		<meta name="ms.topic" content="how-to" />
+	
+		<meta name="keywords" content="windows 11, winui, windows app sdk" />
+	
+		<meta name="document_id" content="42c1ce86-f32c-58d2-c7e4-11c31604560d" />
+	
+		<meta name="document_version_independent_id" content="42c1ce86-f32c-58d2-c7e4-11c31604560d" />
+	
+		<meta name="updated_at" content="2026-07-17T02:50:00Z" />
+	
+		<meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/files/using-file-folder-pickers.md" />
+	
+		<meta name="gitcommit" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/14db7919c47573d64633c4fa74e40d6258e9efb1/hub/apps/develop/files/using-file-folder-pickers.md" />
+	
+		<meta name="git_commit_id" content="14db7919c47573d64633c4fa74e40d6258e9efb1" />
+	
+		<meta name="site_name" content="Docs" />
+	
+		<meta name="depot_name" content="MSDN.windows-uwp-hub" />
+	
+		<meta name="schema" content="Conceptual" />
+	
+		<meta name="toc_rel" content="../toc.json" />
+	
+		<meta name="pdf_url_template" content="https://learn.microsoft.com/pdfstore/en-us/MSDN.windows-uwp-hub/{branchName}{pdfName}" />
+	
+		<meta name="feedback_help_link_type" content="" />
+	
+		<meta name="feedback_help_link_url" content="" />
+	
+		<meta name="search.mshattr.devlang" content="csharp cppwinrt" />
+	
+		<meta name="word_count" content="1652" />
+	
+		<meta name="asset_id" content="apps/develop/files/using-file-folder-pickers" />
+	
+		<meta name="moniker_range_name" content="" />
+	
+		<meta name="item_type" content="Content" />
+	
+		<meta name="source_path" content="hub/apps/develop/files/using-file-folder-pickers.md" />
+	
+		<meta name="previous_tlsh_hash" content="589C44B14F2E46135D415D1E0466E80433F1AD2FBB702B843A7DDDD0DD3AADE3AF483EBAA257DB9513734B7611991B4E9AE5BB1B982D03930F501C78420873197AEB1E2BE8" />
+	
+		<meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/files/using-file-folder-pickers.md" />
+	
+		<meta name="markdown_url" content="https://learn.microsoft.com/en-us/windows/apps/develop/files/using-file-folder-pickers?accept=text/markdown" />
+	 
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/b3627ad5-057f-488f-8b97-08be347b4be5" data-source="generated" />
+	
+		<meta name="cmProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/34504444-f407-4677-9da1-33515ff235e4" data-source="generated" />
+	
+		<meta name="cmProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/cd440f3c-1b78-40a7-97ba-aa00a1d79df7" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/caf7ae9a-a42c-4d10-83cf-bad1844d884d" data-source="generated" />
+	
+		<meta name="spProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/d6246312-ca66-4402-b754-a68ddc46eec0" data-source="generated" />
+	
+		<meta name="spProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/c828f7e0-89b4-459c-9bae-d7ab1c4bd9ad" data-source="generated" />
+	
+
+			<!-- Apply persisted/system theme before first paint to prevent wrong-theme flash when scripts are deferred. -->
+			<script id="theme-preference">
+				(function () {
+			try {
+				var stored = localStorage.getItem('theme');
+				var theme = /^(light|dark|high-contrast)$/.test(stored)
+					? stored
+					: matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+				document.documentElement.classList.add('theme-' + theme);
+			} catch (e) {}
+		})();;
+			</script>
+
+			<script id="atlas-layout-preferences">
+				(function () {
+			try {
+				var state = JSON.parse(localStorage.getItem('atlas-layout-preferences') || '{}');
+				var view = state["docs-layout-persistence"] || {};
+				var excludesKey = "";
+				var blocked = {};
+				if (excludesKey) {
+					var exclusions = JSON.parse(localStorage.getItem('atlas-layout-exclusions') || '{}');
+					if (Object.prototype.hasOwnProperty.call(exclusions, excludesKey)) {
+						var scoped = exclusions[excludesKey];
+						if (scoped) {
+							if (typeof scoped === 'object') blocked = scoped;
+						}
+					}
+				}
+				var html = document.documentElement;
+				for (var c in view) {
+					if (Object.prototype.hasOwnProperty.call(blocked, c)) continue;
+					if (view[c]) html.classList.add(c);
+					else html.classList.remove(c);
+				}
+			} catch (e) {}
+		})();;
+			</script>
+
+			<!-- assets and js globals -->
+			
+			<link rel="stylesheet" href="/static/assets/0.4.03510.8120-9976c201/styles/site.css" />
+			
+			<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
+			<script async src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script>
+			
+
+			<!-- msdocs global object -->
+			<script id="msdocs-script">
+		var msDocs = {
+  "environment": {
+    "accessLevel": "online",
+    "azurePortalHostname": "portal.azure.com",
+    "reviewFeatures": false,
+    "supportLevel": "production",
+    "systemContent": true,
+    "siteName": "learn",
+    "legacyHosting": false
+  },
+  "data": {
+    "contentLocale": "en-us",
+    "contentDir": "ltr",
+    "userLocale": "en-us",
+    "userDir": "ltr",
+    "pageTemplate": "Conceptual",
+    "layoutStateStorageKey": "docs-layout-persistence",
+    "brand": "",
+    "context": {},
+    "standardFeedback": false,
+    "showFeedbackReport": false,
+    "feedbackHelpLinkType": "",
+    "feedbackHelpLinkUrl": "",
+    "feedbackSystem": "OpenSource",
+    "feedbackGitHubRepo": "",
+    "feedbackProductUrl": "https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb",
+    "extendBreadcrumb": false,
+    "isEditDisplayable": true,
+    "isPrivateUnauthorized": false,
+    "hideViewSource": false,
+    "isPermissioned": false,
+    "hasRecommendations": true,
+    "contributors": [
+      {
+        "name": "GrantMeStrength",
+        "url": "https://github.com/GrantMeStrength"
+      },
+      {
+        "name": "qiutongMS",
+        "url": "https://github.com/qiutongMS"
+      },
+      {
+        "name": "niels9001",
+        "url": "https://github.com/niels9001"
+      },
+      {
+        "name": "alvinashcraft",
+        "url": "https://github.com/alvinashcraft"
+      }
+    ],
+    "openSourceFeedbackIssueUrl": "https://github.com/MicrosoftDocs/windows-dev-docs/issues/new?template=1-customer-feedback.yml",
+    "openSourceFeedbackIssueTitle": "",
+    "openSourceFeedbackIssueLabels": "needs-triage"
+  },
+  "functions": {}
+};;
+	</script>
+
+			<!-- base scripts, msdocs global should be before this -->
+			<script
+				src="/static/assets/0.4.03510.8120-9976c201/scripts/en-us/index-docs.js"
+				async
+			></script>
+			
+
+			<!-- json-ld -->
+			
+		</head>
+	
+			<body
+				id="body"
+				data-bi-name="body"
+				class="layout-body "
+				lang="en-us"
+				dir="ltr"
+			>
+				<header class="layout-body-header background-color-body-medium">
+		<div class="header-holder has-default-focus">
+			
+		<a
+			href="#main"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to main content
+		</a>
+	
+		<a
+			href="#"
+			data-skip-to-ask-learn
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			hidden
+		>
+			Skip to Ask Learn chat experience
+		</a>
+	
+
+			<div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
+			<!-- Unsupported browser warning -->
+			<div
+				id="unsupported-browser"
+				style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;"
+				hidden
+			>
+				<div style="max-width: 800px; margin: 0 auto;">
+					<p style="font-size: 24px">This browser is no longer supported.</p>
+					<p style="font-size: 16px; margin-top: 16px;">
+						Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
+					</p>
+					<div style="margin-top: 12px;">
+						<a
+							href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
+							style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;"
+						>
+							Download Microsoft Edge
+						</a>
+						<a
+							href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
+							style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;"
+						>
+							More info about Internet Explorer and Microsoft Edge
+						</a>
+					</div>
+				</div>
+			</div>
+			<!-- site header -->
+			<div
+				id="ms--site-header"
+				data-test-id="site-header-wrapper"
+				itemscope="itemscope"
+				itemtype="http://schema.org/Organization"
+			>
+				<div
+					id="ms--mobile-nav"
+					class="site-header display-none-tablet padding-inline-none gap-none"
+					data-bi-name="mobile-header"
+					data-test-id="mobile-header"
+				></div>
+				<div
+					id="ms--primary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L1-header"
+					data-test-id="primary-header"
+				></div>
+				<div
+					id="ms--secondary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L2-header"
+					data-test-id="secondary-header"
+					
+				></div>
+			</div>
+			
+		<!-- banner -->
+		<div data-banner>
+			<div id="disclaimer-holder"></div>
+			
+		</div>
+		<!-- banner end -->
+	
+		</div>
+	</header>
+				 <section
+					id="layout-body-menu"
+					class="layout-body-menu border-right display-flex background-color-body-medium"
+					data-bi-name="menu"
+			  >
+					
+		<div
+			id="left-container"
+			class="left-container display-none padding-none display-block-tablet width-full display-none-until-layout-restored"
+			data-toc-container="true"
+		>
+			<div
+				id="ms--toc-content"
+				class="padding-left-sm padding-right-none padding-bottom-sm height-full"
+			>
+				<nav
+					id="affixed-left-container"
+					class="margin-top-xxs-tablet position-sticky display-flex flex-direction-column width-full"
+					aria-label="Primary"
+					data-bi-name="left-toc"
+					role="navigation"
+				>
+					<div
+						id="ms--collapsible-toc-header"
+						class="display-flex flex-direction-row-reverse justify-content-center align-items-center margin-bottom-xxs margin-right-xxs"
+					>
+						<button
+							type="button"
+							class="button button-clear button-sm inner-focus"
+							data-collapsible-toc-toggle
+							aria-expanded="true"
+							hidden
+							aria-controls="ms--toc-content"
+							aria-label="Table of contents"
+						>
+							<span class="icon icon-mirrored-rtl" aria-hidden="true">
+								<span
+									class="docon docon-panel-left-contract display-none-layout-menu-collapsed"
+								></span>
+								<span
+									class="docon docon-panel-left-expand display-none display-inline-layout-menu-collapsed"
+								></span>
+							</span>
+						</button>
+						<div
+							id="ms--collapsible-toc-moniker-slot"
+							class="flex-grow-1 display-none-layout-menu-collapsed"
+						></div>
+					</div>
+				</nav>
+			</div>
+		</div>
+	
+			  </section>
+
+				<main
+					id="main"
+					role="main"
+					class="layout-body-main "
+					data-bi-name="content"
+					lang="en-us"
+					dir="ltr"
+				>
+					
+			<div
+		id="ms--content-header"
+		class="content-header default-focus border-bottom-none"
+		data-bi-name="content-header"
+	>
+		<div class="content-header-controls margin-xxs margin-inline-sm-tablet">
+			<button
+				type="button"
+				class="contents-button button button-sm margin-right-xxs"
+				data-bi-name="contents-expand"
+				aria-haspopup="true"
+				data-contents-button
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-menu"></span></span>
+				<span class="contents-expand-title"> Table of contents </span>
+			</button>
+			<button
+				type="button"
+				class="ap-collapse-behavior ap-expanded button button-sm"
+				data-bi-name="ap-collapse"
+				aria-controls="action-panel"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-exit-mode"></span></span>
+				<span>Exit editor mode</span>
+			</button>
+		</div>
+	</div>
+			<div
+				data-main-column
+				class="reading-width margin-inline-auto layout-padding padding-top-none padding-top-sm-tablet padding-bottom-sm"
+			>
+				<div>
+					
+		<div id="article-header" class="background-color-body margin-bottom-xs display-none-print">
+			<div class="display-flex align-items-center justify-content-space-between">
+				
+		<details
+			id="article-header-breadcrumbs-overflow-popover"
+			class="popover popover-left"
+			data-for="article-header-breadcrumbs"
+		>
+			<summary
+				class="button button-clear button-primary button-sm inner-focus"
+				aria-label="All breadcrumbs"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-more"></span>
+				</span>
+			</summary>
+			<div id="article-header-breadcrumbs-overflow" class="popover-content"></div>
+		</details>
+
+		<bread-crumbs
+			id="article-header-breadcrumbs"
+			role="group"
+			aria-label="Breadcrumbs"
+			data-test-id="article-header-breadcrumbs"
+			class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"
+		></bread-crumbs>
+	 
+		<div
+			id="article-header-page-actions"
+			class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"
+		>
+			
+		<button
+			class="button button-sm border-none inner-focus display-none-tablet flex-shrink-0 "
+			data-bi-name="ask-learn-assistant-entry"
+			data-test-id="ask-learn-assistant-modal-entry-mobile"
+			data-ask-learn-modal-entry
+			
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-none display-inline-flex-tablet display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-modal-entry-tablet"
+			data-ask-learn-modal-entry
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-flyout-entry"
+			data-ask-learn-flyout-entry
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	 
+		<div class="language dropdown display-flex align-items-center">
+			<button
+				type="button"
+				class="dropdown-trigger button button-clear button-sm button-primary"
+				aria-expanded="false"
+				title="Language"
+				data-bi-name="language"
+			>
+				<span class="lang-title align-self-flex-start" dir="ltr">Language</span>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-chevron-down-light expanded-indicator"></span>
+				</span>
+			</button>
+			<div class="language-selector dropdown-menu padding-xxs">
+				<ul data-bi-name="language-links" dir="ltr">
+					
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-csharp"
+					aria-pressed="false"
+				>
+					csharp
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-cppwinrt"
+					aria-pressed="false"
+				>
+					cppwinrt
+				</button>
+			</li>
+		
+				</ul>
+			</div>
+		</div>
+	
+
+			<details class="popover popover-right" id="article-header-page-actions-overflow">
+				<summary
+					class="justify-content-flex-start button button-clear button-sm button-primary inner-focus"
+					aria-label="More actions"
+					title="More actions"
+				>
+					<span class="icon" aria-hidden="true">
+						<span class="docon docon-more-vertical"></span>
+					</span>
+				</summary>
+				<div class="popover-content">
+					
+		<button
+			type="button"
+			id="ms--focus-mode-button"
+			data-focus-mode
+			data-bi-name="focus-mode-entry"
+			data-page-action-item="overflow-all"
+			data-popover-close
+			class="button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus display-none display-inline-flex-tablet"
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-glasses"></span>
+			</span>
+			<span>Reading mode</span>
+		</button>
+	 
+		<button
+			data-page-action-item="overflow-mobile"
+			type="button"
+			class="display-block-layout-menu-collapsed button-block button-sm inner-focus button button-clear display-none-tablet justify-content-flex-start text-align-left"
+			data-bi-name="contents-expand"
+			data-contents-button
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true"
+				><span class="docon docon-editor-list-bullet"></span
+			></span>
+			<span class="contents-expand-title">Table of contents</span>
+		</button>
+	 
+		<a
+			id="lang-link-overflow"
+			class="button-sm inner-focus button button-clear button-block justify-content-flex-start text-align-left"
+			data-bi-name="language-toggle"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-read-in-link
+			href="#"
+			hidden
+		>
+			<span class="icon" aria-hidden="true" data-read-in-link-icon>
+				<span class="docon docon-locale-globe"></span>
+			</span>
+			<span data-read-in-link-text>Read in English</span>
+		</a>
+	
+					
+		<button
+			type="button"
+			class="collection button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus"
+			data-list-type="collection"
+			data-bi-name="collection"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="collection-status">Add</span>
+		</button>
+	 
+		<button
+			type="button"
+			class="collection button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+			data-list-type="plan"
+			data-bi-name="plan"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="plan-status">Add to Plans</span>
+		</button>
+	 
+					
+		<a
+			data-contenteditbtn
+			class="button button-clear button-block button-sm inner-focus justify-content-flex-start text-align-left text-decoration-none"
+			data-bi-name="edit"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			
+			href="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/files/using-file-folder-pickers.md"
+			data-original_content_git_url="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/files/using-file-folder-pickers.md"
+			data-original_content_git_url_template="{repo}/blob/{branch}/hub/apps/develop/files/using-file-folder-pickers.md"
+			data-pr_repo=""
+			data-pr_branch=""
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-edit-outline"></span>
+			</span>
+			<span>Edit</span>
+		</a>
+	  
+		<hr class="margin-block-xxs" />
+		
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="copy-markdown"
+					data-page-action-item="overflow-all"
+					data-copy-markdown
+					data-copy-state="idle"
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span data-show-when="idle" class="docon docon-code-lang"></span>
+						<span data-show-when="loading" class="loader" hidden></span>
+						<span data-show-when="success" class="docon docon-check-mark" hidden></span>
+					</span>
+					<span>Copy Markdown</span>
+				</button>
+		   
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="print"
+					data-page-action-item="overflow-all"
+					data-popover-close
+					data-print-page
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span class="docon docon-print"></span>
+					</span>
+					<span>Print</span>
+				</button>
+		  
+	
+				</div>
+			</details>
+		</div>
+	
+			</div>
+		</div>
+	  
+		<!-- privateUnauthorizedTemplate is hidden by default -->
+		<div unauthorized-private-section data-bi-name="permission-content-unauthorized-private" hidden>
+			<hr class="hr margin-top-xs margin-bottom-sm" />
+			<div class="notification notification-info">
+				<div class="notification-content">
+					<p class="margin-top-none notification-title">
+						<span class="icon" aria-hidden="true"
+							><span class="docon docon-exclamation-circle-solid"></span
+						></span>
+						<span>Note</span>
+					</p>
+					<p class="margin-top-none authentication-determined not-authenticated">
+						Access to this page requires authorization. You can try <a class="docs-sign-in" href="#" data-bi-name="permission-content-sign-in">signing in</a> or <a  class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+					<p class="margin-top-none authentication-determined authenticated">
+						Access to this page requires authorization. You can try <a class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+				</div>
+			</div>
+		</div>
+	
+					<div class="content"><h1 id="tutorial-open-files-and-folders-with-pickers-in-winui">Tutorial: Open files and folders with pickers in WinUI</h1></div>
+					
+		<div
+			id="article-metadata"
+			data-bi-name="article-metadata"
+			data-test-id="article-metadata"
+			class="page-metadata-container display-flex gap-xxs justify-content-space-between align-items-center flex-wrap-wrap"
+		>
+			 
+				<div
+					id="user-feedback"
+					class="margin-block-xxs display-none display-none-print"
+					hidden
+					data-hide-on-archived
+				>
+					
+		<button
+			id="user-feedback-button"
+			data-test-id="conceptual-feedback-button"
+			class="button button-sm button-clear button-primary display-none"
+			type="button"
+			data-bi-name="user-feedback-button"
+			data-user-feedback-button
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-like"></span>
+			</span>
+			<span>Feedback</span>
+		</button>
+	
+				</div>
+		  
+		</div>
+	 
+		<div data-id="ai-summary" class="display-none-print">
+			<div id="ms--ai-summary-cta" class="margin-top-xs display-flex align-items-center">
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-sparkle-fill gradient-text-vivid"></span>
+				</span>
+				<button
+					id="ms--ai-summary"
+					type="button"
+					class="tag tag-sm tag-suggestion margin-left-xxs"
+					data-test-id="ai-summary-cta"
+					data-bi-name="ai-summary-cta"
+					data-an="ai-summary"
+				>
+					<span class="ai-summary-cta-text">
+						Summarize this article for me
+					</span>
+				</button>
+			</div>
+			<!-- Slot where the client will render the summary card after the user clicks the CTA -->
+			<div id="ms--ai-summary-header" class="margin-top-xs"></div>
+		</div>
+	 
+		<nav
+			id="center-doc-outline"
+			class="doc-outline display-none-desktop display-none-print margin-bottom-sm"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h2 id="ms--in-this-article" class="title is-6 margin-block-xs">
+				In this article
+			</h2>
+		</nav>
+	
+					<div class="content"><p>Use Windows App SDK file and folder pickers to let users browse and select files or folders in your WinUI app. The picker APIs provide a familiar Windows experience that helps users navigate their device and cloud storage locations. This article shows you how to implement file open pickers and folder pickers, customize their behavior, and handle the selected results in your app.</p>
+<p>The Windows App SDK <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker" data-linktype="absolute-path">FileOpenPicker</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.filesavepicker" data-linktype="absolute-path">FileSavePicker</a> classes create a picker dialog that lets users specify the name and location of a file to open or save. The <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.folderpicker" data-linktype="absolute-path">FolderPicker</a> class lets you select a folder.</p>
+<p>To learn about using a picker to save files, see <a href="pickers-save-file" data-linktype="relative-path">Save a file with a Windows App SDK picker</a>.</p>
+<h2 id="prerequisites">Prerequisites</h2>
+<ul>
+<li><strong>Windows App SDK 1.8 or later.</strong> The <code>Microsoft.Windows.Storage.Pickers</code> APIs used in this article were introduced in Windows App SDK 1.8. If your project targets an earlier version, see <a href="#use-winrt-pickers-with-hwnd-interop" data-linktype="self-bookmark">Use WinRT pickers with HWND interop</a> for the legacy approach.</li>
+</ul>
+<h2 id="important-apis">Important APIs</h2>
+<p>This article uses the following APIs:</p>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker" data-linktype="absolute-path">FileOpenPicker</a></li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.folderpicker" data-linktype="absolute-path">FolderPicker</a></li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfileresult" data-linktype="absolute-path">PickFileResult</a></li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfolderresult" data-linktype="absolute-path">PickFolderResult</a></li>
+</ul>
+<h2 id="file-picker-ui">File picker UI</h2>
+<p>A file picker displays information to orient users and provide a consistent experience when opening or saving files.</p>
+<p>That information includes:</p>
+<ul>
+<li>The current location</li>
+<li>The item or items that the user picks</li>
+<li>A tree of locations that the user can browse to. These locations include file system locations—such as the Music or Downloads folder—as well as apps that implement the file picker contract (such as Camera, Photos, and Microsoft OneDrive).</li>
+</ul>
+<p>You might have an app that lets users open or save files. When the user initiates that action, your app calls the file picker, which displays the file picker UI:</p>
+<p><span class="mx-imgBorder">
+<img src="images/picker-open-file.png" alt="Screenshot of an open file picker with a filter selected to show .txt, .pdf, .doc, and .docx files." data-linktype="relative-path">
+</span>
+</p>
+<h2 id="how-pickers-work-with-your-app">How pickers work with your app</h2>
+<p>With a picker, your app can access, browse, and save files and folders on the user's system. Your app receives those picks as lightweight <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfileresult" data-linktype="absolute-path">PickFileResult</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfolderresult" data-linktype="absolute-path">PickFolderResult</a> objects, which provide the path to the selected file or folder.</p>
+<p>The picker uses a single, unified interface to let the user pick files and folders from the file system or from other apps. Files picked from other apps are like files from the file system. In general, your app can operate on them in the same ways as other objects. Other apps make files available by participating in file picker contracts.</p>
+<p>For example, you might call the file picker in your app so that your user can open a file. This action makes your app the calling app. The file picker interacts with the system and other apps to let the user navigate and pick the file. When your user chooses a file, the file picker returns that file's path to your app.</p>
+<h2 id="pick-a-file-to-open-example">Pick a file to open example</h2>
+<p>The following code shows how to use the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker" data-linktype="absolute-path">FileOpenPicker</a> class to let the user pick a single file, such as a photo. The code sets properties on the picker to customize its appearance and behavior, and then shows the picker to the user by using the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker.picksinglefileasync" data-linktype="absolute-path">PickSingleFileAsync</a> method. If the user picks a file, the app reads the file's content and stores it in a variable.</p>
+<pre><code class="lang-csharp">using Microsoft.Windows.Storage.Pickers;
+
+var openPicker = new FileOpenPicker(this.AppWindow.Id)
+{
+    // (Optional) Specify the initial location for the picker. 
+    //     If the specified location doesn't exist on the user's machine, it falls back to the DocumentsLibrary.
+    //     If not set, it defaults to PickerLocationId.Unspecified, and the system will use its default location.
+    SuggestedStartLocation = PickerLocationId.DocumentsLibrary,
+    
+    // (Optional) specify the text displayed on the commit button. 
+    //     If not specified, the system uses a default label of "Open" (suitably translated).
+    CommitButtonText = "Choose selected files",
+
+    // (Optional) specify file extension filters. If not specified, defaults to all files (*.*).
+    FileTypeFilter = { ".txt", ".pdf", ".doc", ".docx" },
+
+    // (Optional) specify the view mode of the picker dialog. If not specified, defaults to List.
+    ViewMode = PickerViewMode.List,
+};
+
+var result = await openPicker.PickSingleFileAsync();
+if (result is not null)
+{
+    var content = System.IO.File.ReadAllText(result.Path);
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">#include &lt;winrt/Microsoft.Windows.Storage.Pickers.h&gt;
+#include &lt;fstream&gt;
+#include &lt;string&gt;
+
+using namespace winrt::Microsoft::Windows::Storage::Pickers;
+
+FileOpenPicker openPicker(this-&gt;AppWindow().Id());
+
+// (Optional) Specify the initial location for the picker. 
+//     If the specified location doesn't exist on the user's machine, it falls back to the DocumentsLibrary.
+//     If not set, it defaults to PickerLocationId.Unspecified, and the system will use its default location.
+openPicker.SuggestedStartLocation(PickerLocationId::DocumentsLibrary);
+
+// (Optional) specify the text displayed on the commit button. 
+//     If not specified, the system uses a default label of "Open" (suitably translated).
+openPicker.CommitButtonText(L"Choose selected files");
+
+// (Optional) specify file extension filters. If not specified, defaults to all files (*.*).
+openPicker.FileTypeFilter().ReplaceAll({ L".txt", L".pdf", L".doc", L".docx" });
+
+// (Optional) specify the view mode of the picker dialog. If not specified, defaults to List.
+openPicker.ViewMode(PickerViewMode::List);
+
+auto result{ co_await openPicker.PickSingleFileAsync() };
+if (result)
+{
+    std::ifstream fileReader(result.Path().c_str());
+    std::string text((std::istreambuf_iterator&lt;char&gt;(fileReader)), std::istreambuf_iterator&lt;char&gt;());
+    winrt::hstring hText = winrt::to_hstring(text);
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<h2 id="pick-multiple-files-to-open-example">Pick multiple files to open example</h2>
+<p>You can also let the user pick multiple files. The following code shows how to use the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker" data-linktype="absolute-path">FileOpenPicker</a> class to let the user pick multiple files, such as photos. The process is the same but the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker.pickmultiplefilesasync" data-linktype="absolute-path">PickMultipleFilesAsync</a> method returns a collection of <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfileresult" data-linktype="absolute-path">PickFileResult</a> objects. Each result exposes a <code>Path</code> property when you need the raw file path.</p>
+<pre><code class="lang-csharp">using Microsoft.Windows.Storage.Pickers;
+
+var openPicker = new FileOpenPicker(this.AppWindow.Id);
+
+var results = await openPicker.PickMultipleFilesAsync();
+if (results.Count &gt; 0)
+{
+    var pickedFilePaths = results.Select(f =&gt; f.Path);
+    foreach (var path in pickedFilePaths)
+    {
+        var content = System.IO.File.ReadAllText(path);
+    }
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">#include &lt;winrt/Microsoft.Windows.Storage.Pickers.h&gt;
+#include &lt;fstream&gt;
+#include &lt;string&gt;
+
+using namespace winrt::Microsoft::Windows::Storage::Pickers;
+
+FileOpenPicker openPicker(this-&gt;AppWindow().Id());
+auto results{ co_await openPicker.PickMultipleFilesAsync() };
+if (results.Size() &gt; 0)
+{
+    for (auto const&amp; result : results)
+    {
+        std::ifstream fileReader(result.Path().c_str());
+        std::string text((std::istreambuf_iterator&lt;char&gt;(fileReader)), std::istreambuf_iterator&lt;char&gt;());
+        winrt::hstring hText = winrt::to_hstring(text);
+    }
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<h2 id="pick-a-folder-example">Pick a folder example</h2>
+<p>To pick a folder by using the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.folderpicker" data-linktype="absolute-path">FolderPicker</a> class, use the following code. This code creates a folder picker, shows it to the user by using the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.folderpicker.picksinglefolderasync" data-linktype="absolute-path">PickSingleFolderAsync</a> method, and retrieves the selected folder's path in a <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfolderresult" data-linktype="absolute-path">PickFolderResult</a> object. If the user picks a folder, the app retrieves the folder's path and stores it in a variable for later use.</p>
+<pre><code class="lang-csharp">using Microsoft.Windows.Storage.Pickers;
+
+var folderPicker = new FolderPicker(this.AppWindow.Id)
+{
+    // (Optional) Specify the initial location for the picker. 
+    //     If the specified location doesn't exist on the user's machine, it falls back to the DocumentsLibrary.
+    //     If not set, it defaults to PickerLocationId.Unspecified, and the system will use its default location.
+    SuggestedStartLocation = PickerLocationId.DocumentsLibrary,
+
+    // (Optional) specify the text displayed on the commit button. 
+    //     If not specified, the system uses a default label of "Open" (suitably translated).
+    CommitButtonText = "Select Folder",
+
+    // (Optional) specify the view mode of the picker dialog. If not specified, default to List.
+    ViewMode = PickerViewMode.List,
+};
+
+var result = await folderPicker.PickSingleFolderAsync();
+
+if (result is not null)
+{
+    var path = result.Path;
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">#include &lt;winrt/Microsoft.Windows.Storage.Pickers.h&gt;
+
+using namespace winrt::Microsoft::Windows::Storage::Pickers;
+
+FolderPicker folderPicker(this-&gt;AppWindow().Id());
+
+// (Optional) Specify the initial location for the picker. 
+//     If the specified location doesn't exist on the user's machine, it falls back to the DocumentsLibrary.
+//     If not set, it defaults to PickerLocationId.Unspecified, and the system will use its default location.
+folderPicker.SuggestedStartLocation(PickerLocationId::DocumentsLibrary);
+
+// (Optional) specify the text displayed on the commit button. 
+//     If not specified, the system uses a default label of "Open" (suitably translated).
+folderPicker.CommitButtonText(L"Select Folder");
+
+// (Optional) specify the view mode of the picker dialog. If not specified, default to List.
+folderPicker.ViewMode(PickerViewMode::List);
+
+auto result{ co_await folderPicker.PickSingleFolderAsync() };
+if (result)
+{
+    auto path{ result.Path() };
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<div class="TIP">
+<p>Tip</p>
+<p>Whenever your app accesses a file or folder through a picker, add it to your app's <a href="/en-us/uwp/api/windows.storage.accesscache.storageapplicationpermissions.futureaccesslist" data-linktype="absolute-path">FutureAccessList</a> or <a href="/en-us/uwp/api/windows.storage.accesscache.storageapplicationpermissions.mostrecentlyusedlist" data-linktype="absolute-path">MostRecentlyUsedList</a> to keep track of it by using the Windows Runtime (WinRT) APIs. For more information, see <a href="track-recently-used-files-folders" data-linktype="relative-path">Track recently used files and folders</a>.</p>
+</div>
+<p>The folder picker UI looks like this:</p>
+<p><span class="mx-imgBorder">
+<img src="images/picker-folder.png" alt="Screenshot of a folder picker viewing the C drive." data-linktype="relative-path">
+</span>
+</p>
+<h2 id="use-winrt-pickers-with-hwnd-interop">Use WinRT pickers with HWND interop</h2>
+<p>If your project targets Windows App SDK 1.7 or earlier, or if you use the legacy <a href="/en-us/uwp/api/windows.storage.pickers" data-linktype="absolute-path">Windows.Storage.Pickers</a> APIs (for example, when migrating from UWP), you must initialize the picker with a window handle (HWND) before showing it. Without this step, the picker throws an exception or fails silently in desktop (WinUI 3) apps.</p>
+<div class="IMPORTANT">
+<p>Important</p>
+<p>WinUI 3 desktop apps don't have a <code>CoreWindow</code>. You must associate the picker with your app window by calling <code>WinRT.Interop.InitializeWithWindow.Initialize</code> (C#) or <code>IInitializeWithWindow::Initialize</code> (C++/WinRT) before any <code>Pick*Async</code> call.</p>
+</div>
+<h3 id="c-example-legacy-winrt-pickers">C# example (legacy WinRT pickers)</h3>
+<pre><code class="lang-csharp">// This example assumes you have a reference to your app's main window.
+// In a Window class, use 'this'. In a Page, use a stored reference like App.MainWindow.
+
+var picker = new Windows.Storage.Pickers.FileOpenPicker();
+picker.FileTypeFilter.Add(".png");
+picker.FileTypeFilter.Add(".jpg");
+
+// Get the window handle (HWND) for the current WinUI 3 window.
+var hwnd = WinRT.Interop.WindowNative.GetWindowHandle(App.MainWindow);
+
+// Associate the picker with the window.
+WinRT.Interop.InitializeWithWindow.Initialize(picker, hwnd);
+
+var file = await picker.PickSingleFileAsync();
+if (file is null)
+{
+    // The user cancelled the picker.
+}
+</code></pre>
+<h3 id="cwinrt-example-legacy-winrt-pickers">C++/WinRT example (legacy WinRT pickers)</h3>
+<pre><code class="lang-cppwinrt">// pch.h
+#include &lt;winrt/Windows.Storage.Pickers.h&gt;
+#include &lt;microsoft.ui.xaml.window.h&gt;
+#include &lt;shobjidl_core.h&gt;
+
+// MainWindow.xaml.cpp — inside a MainWindow member function
+Windows::Storage::Pickers::FileOpenPicker picker;
+picker.FileTypeFilter().Append(L".png");
+picker.FileTypeFilter().Append(L".jpg");
+
+// Get the window handle (HWND) of the current WinUI 3 window.
+auto windowNative{ this-&gt;m_inner.as&lt;::IWindowNative&gt;() };
+HWND hwnd{ 0 };
+windowNative-&gt;get_WindowHandle(&amp;hwnd);
+
+// Associate the picker with the window.
+auto initializeWithWindow{ picker.as&lt;::IInitializeWithWindow&gt;() };
+initializeWithWindow-&gt;Initialize(hwnd);
+
+auto file{ co_await picker.PickSingleFileAsync() };
+if (!file)
+{
+    // The user cancelled the picker.
+}
+</code></pre>
+<div class="TIP">
+<p>Tip</p>
+<p>The recommended approach for new apps is to use the Windows App SDK pickers (<code>Microsoft.Windows.Storage.Pickers</code>), which accept a <code>WindowId</code> in the constructor and don't require the <code>InitializeWithWindow</code> pattern. See the examples earlier in this article.</p>
+</div>
+<p>For more information about retrieving a window handle, see <a href="../ui/retrieve-hwnd" data-linktype="relative-path">Retrieve a window handle (HWND)</a>.</p>
+<h2 id="related-content">Related content</h2>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers" data-linktype="absolute-path">Microsoft.Windows.Storage.Pickers namespace</a></li>
+<li><a href="pickers-save-file" data-linktype="relative-path">Save a file with a Windows App SDK picker</a></li>
+<li><a href="./" data-linktype="relative-path">Files, folders, and libraries with Windows App SDK</a></li>
+<li><a href="../ui/retrieve-hwnd" data-linktype="relative-path">Retrieve a window handle (HWND)</a></li>
+<li><a href="../../desktop/modernize/winrt-com-interop-csharp" data-linktype="relative-path">Call interop APIs from a .NET app</a></li>
+<li><a href="../ui/display-ui-objects" data-linktype="relative-path">Display WinRT UI objects that depend on CoreWindow</a></li>
+<li><a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">WinUI Gallery file picker sample</a></li>
+</ul>
+</div>
+					
+		<div
+			id="ms--inline-notifications"
+			class="margin-block-xs"
+			data-bi-name="inline-notification"
+		></div>
+	 
+		<div
+			id="assertive-live-region"
+			role="alert"
+			aria-live="assertive"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+		<div
+			id="polite-live-region"
+			role="status"
+			aria-live="polite"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+	
+					
+			
+		<!-- feedback section -->
+		<section
+			class="feedback-section position-relative margin-top-lg border border-radius padding-xxs display-none-print"
+			data-bi-name="open-source-feedback-section"
+			data-open-source-feedback-section
+			hidden
+		>
+			<div class="display-flex flex-direction-column flex-direction-row-tablet">
+				<div
+					class="width-450-tablet padding-inline-xs padding-inline-xs-tablet padding-top-xs padding-bottom-sm padding-top-xs-tablet background-color-body-medium"
+				>
+					<div class="display-flex flex-direction-column">
+						<div class="padding-bottom-xxs">
+							<span class="icon margin-right-xxs" aria-hidden="true">
+								<span class="docon docon-brand-github"></span>
+							</span>
+							<span class="font-weight-semibold">
+								Collaborate with us on GitHub
+							</span>
+						</div>
+						<span class="line-height-normal">
+							The source for this content can be found on GitHub, where you can also create and review issues and pull requests. For more information, see <a href="https://learn.microsoft.com/contribute/content/how-to-write-quick-edits">our contributor guide</a>.
+						</span>
+					</div>
+				</div>
+				<div
+					class="display-flex gap-xs width-full-tablet flex-direction-column padding-xs justify-content-space-evenly"
+				>
+					<div class="media">
+						
+					<div class="media-left">
+						<div class="image image-36x36" hidden data-open-source-image-container>
+							<img
+								class="theme-display is-light"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-light
+							/>
+							<img
+								class="theme-display is-dark is-high-contrast"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-dark
+							/>
+						</div>
+					</div>
+			  
+
+						<div class="media-content">
+							<p
+								class="font-size-xl font-weight-semibold margin-bottom-xxs"
+								data-open-source-product-title
+							>
+								Windows developer
+							</p>
+							<div class="display-flex gap-xs flex-direction-column">
+								<p class="line-height-normal" data-open-source-product-description></p>
+								<div class="display-flex gap-xs flex-direction-column">
+									<a href="#" data-github-link>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-bug"></span>
+										</span>
+										<span>Open a documentation issue</span>
+									</a>
+									<a
+										href="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb"
+										class="display-block margin-top-auto font-size-md"
+										data-feedback-product-url
+									>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-feedback"></span>
+										</span>
+										<span>Provide product feedback</span>
+									</a>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+			
+		<!-- feedback section -->
+		<section
+			id="site-user-feedback-footer"
+			class="font-size-sm margin-top-md display-none-print display-none-desktop"
+			data-test-id="site-user-feedback-footer"
+			data-bi-name="site-feedback-section"
+		>
+			<hr class="hr" />
+			<h2 id="ms--feedback" class="title is-3">Feedback</h2>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="buttons">
+					<button
+						class="thumb-rating-button like button button-primary button-sm"
+						data-test-id="footer-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+						<span>Yes</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike button button-primary button-sm"
+						id="standard-rating-no-button"
+						hidden
+						data-test-id="footer-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+						<span>No</span>
+					</button>
+					<details
+						class="popover popover-top"
+						id="mobile-help-popover"
+						data-test-id="footer-feedback-popover"
+					>
+						<summary
+							class="thumb-rating-button dislike button button-primary button-sm"
+							data-test-id="details-footer-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+							<span>No</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading"
+							aria-describedby="popover-description"
+						>
+							<p id="popover-heading" class="font-size-lg margin-bottom-xxs font-weight-semibold">
+								Need help with this topic?
+							</p>
+							<p id="popover-description" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+		
+				</div>
+				
+		<div id="ms--additional-resources-mobile" class="display-none-print">
+			<hr class="hr" hidden />
+			<h2 id="ms--additional-resources-mobile-heading" class="title is-3" hidden>
+				Additional resources
+			</h2>
+			
+		<section
+			id="right-rail-recommendations-mobile"
+			class=""
+			data-bi-name="recommendations"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-training-mobile"
+			class=""
+			data-bi-name="learning-resource-card"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-events-mobile"
+			class=""
+			data-bi-name="events-card"
+			hidden
+		></section>
+	
+		</div>
+	 
+		<div
+			id="article-metadata-footer"
+			data-bi-name="article-metadata-footer"
+			data-test-id="article-metadata-footer"
+			class="page-metadata-container"
+		>
+			<hr class="hr" />
+			<ul class="metadata page-metadata" data-bi-name="page info" lang="en-us" dir="ltr">
+				<li class="visibility-hidden-visual-diff">
+			<span class="badge badge-sm text-wrap-pretty">
+				<span>Last updated on <local-time format="twoDigitNumeric"
+		datetime="2026-07-17T02:50:00.000Z"
+		data-article-date-source="calculated"
+		class="is-invisible"
+	>
+		2026-07-17
+	</local-time></span>
+			</span>
+		</li>
+			</ul>
+		</div>
+	
+			</div>
+			
+		<div
+			id="action-panel"
+			role="region"
+			aria-label="Action Panel"
+			class="action-panel"
+			tabindex="-1"
+		></div>
+	
+		
+				</main>
+				<aside
+					id="layout-body-aside"
+					class="layout-body-aside  "
+					data-bi-name="aside"
+					aria-label="Additional resources"
+			  >
+					
+		<div
+			id="ms--additional-resources"
+			class="right-container padding-sm display-none display-block-desktop height-full"
+			data-bi-name="pageactions"
+		>
+			<div id="affixed-right-container" data-bi-name="right-column">
+				
+		<nav
+			id="side-doc-outline"
+			class="doc-outline border-bottom padding-bottom-xs margin-bottom-xs scrollbar-width-thin"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h3>In this article</h3>
+		</nav>
+	
+				<!-- Feedback -->
+				
+		<section
+			id="ms--site-user-feedback-right-rail"
+			class="font-size-sm display-none-print"
+			data-test-id="site-user-feedback-right-rail"
+			data-bi-name="site-feedback-right-rail"
+		>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="display-flex flex-wrap-nowrap">
+					<button
+						class="thumb-rating-button like inner-focus"
+						data-test-id="right-rail-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						aria-label="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike inner-focus"
+						id="right-rail-no-button"
+						hidden
+						data-test-id="right-rail-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						aria-label="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+					</button>
+					<details class="popover popover-right" id="help-popover" data-test-id="feedback-popover">
+						<summary
+							tabindex="0"
+							class="thumb-rating-button dislike inner-focus"
+							data-test-id="details-right-rail-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							aria-label="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading-right-rail"
+							aria-describedby="popover-description-right-rail"
+						>
+							<p
+								id="popover-heading-right-rail"
+								class="font-size-lg margin-bottom-xxs font-weight-semibold"
+							>
+								Need help with this topic?
+							</p>
+							<p id="popover-description-right-rail" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+	
+			</div>
+		</div>
+	
+			  </aside> <section
+					id="layout-body-flyout"
+					class="layout-body-flyout "
+					data-bi-name="flyout"
+			  >
+					 <div
+	class="height-full border-left background-color-body-medium"
+	id="ask-learn-flyout"
+></div>
+			  </section> <div class="layout-body-footer " data-bi-name="layout-footer">
+		<footer
+			id="footer"
+			data-test-id="footer"
+			data-bi-name="footer"
+			class="footer-layout padding-xs padding-sm-desktop has-default-focus border-top"
+			role="contentinfo"
+		>
+			<div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
+				
+		<a
+			data-mscc-ic="false"
+			href="#"
+			data-bi-name="select-locale"
+			class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator"
+			id=""
+			title=""
+			><span class="icon" aria-hidden="true"
+				><span class="docon docon-world"></span></span
+			><span class="local-selector-link-text">en-us</span></a
+		>
+	 <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://aka.ms/yourcaliforniaprivacychoices"
+			data-bi-name="your-privacy-choices"
+			class="button button-sm button-clear flex-shrink-0 external-link-indicator"
+			id=""
+			title=""
+			>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 30 14"
+			xml:space="preserve"
+			height="16"
+			width="43"
+			aria-hidden="true"
+			focusable="false"
+		>
+			<path
+				d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
+			></path>
+			<path
+				d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"
+			></path>
+			<path
+				d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"
+				style="fill:#fff"
+			></path>
+			<path
+				d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"
+				style="fill:#06f"
+			></path>
+		</svg>
+	
+			<span>Your Privacy Choices</span></a
+		>
+	
+	</div>
+				<div class="flex-shrink-0">
+		<div class="dropdown has-caret-up">
+			<button
+				data-test-id="theme-selector-button"
+				class="dropdown-trigger button button-clear button-sm inner-focus theme-dropdown-trigger"
+				aria-controls="{{ themeMenuId }}"
+				aria-haspopup="true"
+				aria-expanded="false"
+				data-bi-name="theme"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-sun"></span></span>
+				<span>Theme</span>
+				<span class="icon expanded-indicator" aria-hidden="true">
+					<span class="docon docon-chevron-down-light"></span>
+				</span>
+			</button>
+			<div class="dropdown-menu" id="{{ themeMenuId }}" role="menu">
+				<ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu" role="none">
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="light"
+							tabindex="-1"
+						>
+							<span class="theme-light margin-right-xxs">
+								<span
+									class="theme-selector-icon border display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Light </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="dark"
+							tabindex="-1"
+						>
+							<span class="theme-dark margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Dark </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="high-contrast"
+							tabindex="-1"
+						>
+							<span class="theme-high-contrast margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> High contrast </span>
+						</button>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+			</div>
+			<ul class="links" data-bi-name="footerlinks">
+				<li class="manage-cookies-holder" hidden=""></li>
+				<li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content"
+			data-bi-name="aiDisclaimer"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>AI Disclaimer</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/previous-versions/"
+			data-bi-name="archivelink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Previous Versions</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog"
+			data-bi-name="bloglink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Blog</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/contribute"
+			data-bi-name="contributorGuide"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Contribute</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?LinkId=521839"
+			data-bi-name="privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?linkid=2259814"
+			data-bi-name="consumer-health-privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Consumer Health Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/legal/termsofuse"
+			data-bi-name="termsofuse"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Terms of Use</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/"
+			data-bi-name="trademarks"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Trademarks</a
+		>
+	
+	</li>
+				<li>&copy; Microsoft 2026</li>
+			</ul>
+		</footer>
+	</footer>
+			</body>
+		</html>
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-navigationview-6d9beff44ebb.html b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-navigationview-6d9beff44ebb.html
new file mode 100644
index 0000000..2026c8c
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-navigationview-6d9beff44ebb.html
@@ -0,0 +1,3051 @@
+ <!DOCTYPE html>
+		<html
+			class="layout layout-holy-grail   show-table-of-contents conceptual show-breadcrumb default-focus"
+			lang="en-us"
+			dir="ltr"
+			data-authenticated="false"
+			data-auth-status-determined="false"
+			data-target="docs"
+			x-ms-format-detection="none"
+		>
+			
+		<head>
+			<title>NavigationView - Windows apps | Microsoft Learn</title>
+			<meta charset="utf-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta name="color-scheme" content="light dark" />
+
+			<meta name="description" content="NavigationView is an adaptive control that implements top-level navigation patterns for your app." />
+			<link rel="canonical" href="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/navigationview" /> 
+
+			<!-- Non-customizable open graph and sharing-related metadata -->
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:site" content="@MicrosoftLearn" />
+			<meta property="og:type" content="website" />
+			<meta property="og:image:alt" content="Microsoft Learn" />
+			<meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
+			<!-- Page specific open graph and sharing-related metadata -->
+			<meta property="og:title" content="NavigationView - Windows apps" />
+			<meta property="og:url" content="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/navigationview" />
+			<meta property="og:description" content="NavigationView is an adaptive control that implements top-level navigation patterns for your app." />
+			<meta name="platform_id" content="b32c712c-c2e2-e7c0-17e2-bbff7f52cfd5" /> 
+			<meta name="locale" content="en-us" />
+			 
+			<meta name="uhfHeaderId" content="MSDocsHeader-WinDevCenter" />
+
+			<meta name="page_type" content="conceptual" />
+
+			<!--page specific meta tags-->
+			
+
+			<!-- custom meta tags -->
+			
+		<meta name="ms.service" content="windows-app-sdk" />
+	
+		<meta name="recommendations" content="true" />
+	
+		<meta name="ROBOTS" content="INDEX, FOLLOW" />
+	
+		<meta name="author" content="GrantMeStrength" />
+	
+		<meta name="ms.author" content="jken" />
+	
+		<meta name="Search.Product" content="eADQiWindows 10XVcnh" />
+	
+		<meta name="breadcrumb_path" content="/windows/breadcrumbs/toc.json" />
+	
+		<meta name="feedback_product_url" content="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb" />
+	
+		<meta name="feedback_system" content="OpenSource" />
+	
+		<meta name="ms.subservice" content="apps" />
+	
+		<meta name="ms.update-cycle" content="365-days" />
+	
+		<meta name="template" content="detail.hbs" />
+	
+		<meta name="ms.date" content="2026-07-15T00:00:00Z" />
+	
+		<meta name="ms.topic" content="article" />
+	
+		<meta name="doc-status" content="Published" />
+	
+		<meta name="ms.localizationpriority" content="medium" />
+	
+		<meta name="ms.custom" content="RS5" />
+	
+		<meta name="document_id" content="31b8e9b8-e6b3-9146-4cbe-b3598b947d1e" />
+	
+		<meta name="document_version_independent_id" content="31b8e9b8-e6b3-9146-4cbe-b3598b947d1e" />
+	
+		<meta name="updated_at" content="2026-07-17T02:50:00Z" />
+	
+		<meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/ui/controls/navigationview.md" />
+	
+		<meta name="gitcommit" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/2031e48f47826aa01343fcc25586d44956be0b01/hub/apps/develop/ui/controls/navigationview.md" />
+	
+		<meta name="git_commit_id" content="2031e48f47826aa01343fcc25586d44956be0b01" />
+	
+		<meta name="site_name" content="Docs" />
+	
+		<meta name="depot_name" content="MSDN.windows-uwp-hub" />
+	
+		<meta name="schema" content="Conceptual" />
+	
+		<meta name="toc_rel" content="../../toc.json" />
+	
+		<meta name="pdf_url_template" content="https://learn.microsoft.com/pdfstore/en-us/MSDN.windows-uwp-hub/{branchName}{pdfName}" />
+	
+		<meta name="feedback_help_link_type" content="" />
+	
+		<meta name="feedback_help_link_url" content="" />
+	
+		<meta name="search.mshattr.devlang" content="csharp cppwinrt" />
+	
+		<meta name="word_count" content="5919" />
+	
+		<meta name="asset_id" content="apps/develop/ui/controls/navigationview" />
+	
+		<meta name="moniker_range_name" content="" />
+	
+		<meta name="item_type" content="Content" />
+	
+		<meta name="source_path" content="hub/apps/develop/ui/controls/navigationview.md" />
+	
+		<meta name="previous_tlsh_hash" content="63F4F3A2848C4611EFC1AE2961259F6264F05069BB716FD028667050814AADFB3FD964E6E7B333593339026310B3270F52E5D77BC0AE93B3BB6118AF825C3191572D3BB7DA" />
+	
+		<meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/ui/controls/navigationview.md" />
+	
+		<meta name="markdown_url" content="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/navigationview?accept=text/markdown" />
+	 
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/bcbcbad5-4208-4783-8035-8481272c98b8" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/43b2e5aa-8a6d-4de2-a252-692232e5edc8" data-source="generated" />
+	
+
+			<!-- Apply persisted/system theme before first paint to prevent wrong-theme flash when scripts are deferred. -->
+			<script id="theme-preference">
+				(function () {
+			try {
+				var stored = localStorage.getItem('theme');
+				var theme = /^(light|dark|high-contrast)$/.test(stored)
+					? stored
+					: matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+				document.documentElement.classList.add('theme-' + theme);
+			} catch (e) {}
+		})();;
+			</script>
+
+			<script id="atlas-layout-preferences">
+				(function () {
+			try {
+				var state = JSON.parse(localStorage.getItem('atlas-layout-preferences') || '{}');
+				var view = state["docs-layout-persistence"] || {};
+				var excludesKey = "";
+				var blocked = {};
+				if (excludesKey) {
+					var exclusions = JSON.parse(localStorage.getItem('atlas-layout-exclusions') || '{}');
+					if (Object.prototype.hasOwnProperty.call(exclusions, excludesKey)) {
+						var scoped = exclusions[excludesKey];
+						if (scoped) {
+							if (typeof scoped === 'object') blocked = scoped;
+						}
+					}
+				}
+				var html = document.documentElement;
+				for (var c in view) {
+					if (Object.prototype.hasOwnProperty.call(blocked, c)) continue;
+					if (view[c]) html.classList.add(c);
+					else html.classList.remove(c);
+				}
+			} catch (e) {}
+		})();;
+			</script>
+
+			<!-- assets and js globals -->
+			
+			<link rel="stylesheet" href="/static/assets/0.4.03510.8120-9976c201/styles/site.css" />
+			
+			<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
+			<script async src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script>
+			
+
+			<!-- msdocs global object -->
+			<script id="msdocs-script">
+		var msDocs = {
+  "environment": {
+    "accessLevel": "online",
+    "azurePortalHostname": "portal.azure.com",
+    "reviewFeatures": false,
+    "supportLevel": "production",
+    "systemContent": true,
+    "siteName": "learn",
+    "legacyHosting": false
+  },
+  "data": {
+    "contentLocale": "en-us",
+    "contentDir": "ltr",
+    "userLocale": "en-us",
+    "userDir": "ltr",
+    "pageTemplate": "Conceptual",
+    "layoutStateStorageKey": "docs-layout-persistence",
+    "brand": "",
+    "context": {},
+    "standardFeedback": false,
+    "showFeedbackReport": false,
+    "feedbackHelpLinkType": "",
+    "feedbackHelpLinkUrl": "",
+    "feedbackSystem": "OpenSource",
+    "feedbackGitHubRepo": "",
+    "feedbackProductUrl": "https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb",
+    "extendBreadcrumb": false,
+    "isEditDisplayable": true,
+    "isPrivateUnauthorized": false,
+    "hideViewSource": false,
+    "isPermissioned": false,
+    "hasRecommendations": true,
+    "contributors": [
+      {
+        "name": "GrantMeStrength",
+        "url": "https://github.com/GrantMeStrength"
+      },
+      {
+        "name": "qiutongMS",
+        "url": "https://github.com/qiutongMS"
+      },
+      {
+        "name": "jwmsft",
+        "url": "https://github.com/jwmsft"
+      },
+      {
+        "name": "niels9001",
+        "url": "https://github.com/niels9001"
+      }
+    ],
+    "openSourceFeedbackIssueUrl": "https://github.com/MicrosoftDocs/windows-dev-docs/issues/new?template=1-customer-feedback.yml",
+    "openSourceFeedbackIssueTitle": "",
+    "openSourceFeedbackIssueLabels": "needs-triage"
+  },
+  "functions": {}
+};;
+	</script>
+
+			<!-- base scripts, msdocs global should be before this -->
+			<script
+				src="/static/assets/0.4.03510.8120-9976c201/scripts/en-us/index-docs.js"
+				async
+			></script>
+			
+
+			<!-- json-ld -->
+			
+		</head>
+	
+			<body
+				id="body"
+				data-bi-name="body"
+				class="layout-body "
+				lang="en-us"
+				dir="ltr"
+			>
+				<header class="layout-body-header background-color-body-medium">
+		<div class="header-holder has-default-focus">
+			
+		<a
+			href="#main"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to main content
+		</a>
+	
+		<a
+			href="#"
+			data-skip-to-ask-learn
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			hidden
+		>
+			Skip to Ask Learn chat experience
+		</a>
+	
+
+			<div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
+			<!-- Unsupported browser warning -->
+			<div
+				id="unsupported-browser"
+				style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;"
+				hidden
+			>
+				<div style="max-width: 800px; margin: 0 auto;">
+					<p style="font-size: 24px">This browser is no longer supported.</p>
+					<p style="font-size: 16px; margin-top: 16px;">
+						Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
+					</p>
+					<div style="margin-top: 12px;">
+						<a
+							href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
+							style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;"
+						>
+							Download Microsoft Edge
+						</a>
+						<a
+							href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
+							style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;"
+						>
+							More info about Internet Explorer and Microsoft Edge
+						</a>
+					</div>
+				</div>
+			</div>
+			<!-- site header -->
+			<div
+				id="ms--site-header"
+				data-test-id="site-header-wrapper"
+				itemscope="itemscope"
+				itemtype="http://schema.org/Organization"
+			>
+				<div
+					id="ms--mobile-nav"
+					class="site-header display-none-tablet padding-inline-none gap-none"
+					data-bi-name="mobile-header"
+					data-test-id="mobile-header"
+				></div>
+				<div
+					id="ms--primary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L1-header"
+					data-test-id="primary-header"
+				></div>
+				<div
+					id="ms--secondary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L2-header"
+					data-test-id="secondary-header"
+					
+				></div>
+			</div>
+			
+		<!-- banner -->
+		<div data-banner>
+			<div id="disclaimer-holder"></div>
+			
+		</div>
+		<!-- banner end -->
+	
+		</div>
+	</header>
+				 <section
+					id="layout-body-menu"
+					class="layout-body-menu border-right display-flex background-color-body-medium"
+					data-bi-name="menu"
+			  >
+					
+		<div
+			id="left-container"
+			class="left-container display-none padding-none display-block-tablet width-full display-none-until-layout-restored"
+			data-toc-container="true"
+		>
+			<div
+				id="ms--toc-content"
+				class="padding-left-sm padding-right-none padding-bottom-sm height-full"
+			>
+				<nav
+					id="affixed-left-container"
+					class="margin-top-xxs-tablet position-sticky display-flex flex-direction-column width-full"
+					aria-label="Primary"
+					data-bi-name="left-toc"
+					role="navigation"
+				>
+					<div
+						id="ms--collapsible-toc-header"
+						class="display-flex flex-direction-row-reverse justify-content-center align-items-center margin-bottom-xxs margin-right-xxs"
+					>
+						<button
+							type="button"
+							class="button button-clear button-sm inner-focus"
+							data-collapsible-toc-toggle
+							aria-expanded="true"
+							hidden
+							aria-controls="ms--toc-content"
+							aria-label="Table of contents"
+						>
+							<span class="icon icon-mirrored-rtl" aria-hidden="true">
+								<span
+									class="docon docon-panel-left-contract display-none-layout-menu-collapsed"
+								></span>
+								<span
+									class="docon docon-panel-left-expand display-none display-inline-layout-menu-collapsed"
+								></span>
+							</span>
+						</button>
+						<div
+							id="ms--collapsible-toc-moniker-slot"
+							class="flex-grow-1 display-none-layout-menu-collapsed"
+						></div>
+					</div>
+				</nav>
+			</div>
+		</div>
+	
+			  </section>
+
+				<main
+					id="main"
+					role="main"
+					class="layout-body-main "
+					data-bi-name="content"
+					lang="en-us"
+					dir="ltr"
+				>
+					
+			<div
+		id="ms--content-header"
+		class="content-header default-focus border-bottom-none"
+		data-bi-name="content-header"
+	>
+		<div class="content-header-controls margin-xxs margin-inline-sm-tablet">
+			<button
+				type="button"
+				class="contents-button button button-sm margin-right-xxs"
+				data-bi-name="contents-expand"
+				aria-haspopup="true"
+				data-contents-button
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-menu"></span></span>
+				<span class="contents-expand-title"> Table of contents </span>
+			</button>
+			<button
+				type="button"
+				class="ap-collapse-behavior ap-expanded button button-sm"
+				data-bi-name="ap-collapse"
+				aria-controls="action-panel"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-exit-mode"></span></span>
+				<span>Exit editor mode</span>
+			</button>
+		</div>
+	</div>
+			<div
+				data-main-column
+				class="reading-width margin-inline-auto layout-padding padding-top-none padding-top-sm-tablet padding-bottom-sm"
+			>
+				<div>
+					
+		<div id="article-header" class="background-color-body margin-bottom-xs display-none-print">
+			<div class="display-flex align-items-center justify-content-space-between">
+				
+		<details
+			id="article-header-breadcrumbs-overflow-popover"
+			class="popover popover-left"
+			data-for="article-header-breadcrumbs"
+		>
+			<summary
+				class="button button-clear button-primary button-sm inner-focus"
+				aria-label="All breadcrumbs"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-more"></span>
+				</span>
+			</summary>
+			<div id="article-header-breadcrumbs-overflow" class="popover-content"></div>
+		</details>
+
+		<bread-crumbs
+			id="article-header-breadcrumbs"
+			role="group"
+			aria-label="Breadcrumbs"
+			data-test-id="article-header-breadcrumbs"
+			class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"
+		></bread-crumbs>
+	 
+		<div
+			id="article-header-page-actions"
+			class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"
+		>
+			
+		<button
+			class="button button-sm border-none inner-focus display-none-tablet flex-shrink-0 "
+			data-bi-name="ask-learn-assistant-entry"
+			data-test-id="ask-learn-assistant-modal-entry-mobile"
+			data-ask-learn-modal-entry
+			
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-none display-inline-flex-tablet display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-modal-entry-tablet"
+			data-ask-learn-modal-entry
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-flyout-entry"
+			data-ask-learn-flyout-entry
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	 
+		<div class="language dropdown display-flex align-items-center">
+			<button
+				type="button"
+				class="dropdown-trigger button button-clear button-sm button-primary"
+				aria-expanded="false"
+				title="Language"
+				data-bi-name="language"
+			>
+				<span class="lang-title align-self-flex-start" dir="ltr">Language</span>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-chevron-down-light expanded-indicator"></span>
+				</span>
+			</button>
+			<div class="language-selector dropdown-menu padding-xxs">
+				<ul data-bi-name="language-links" dir="ltr">
+					
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-csharp"
+					aria-pressed="false"
+				>
+					csharp
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-cppwinrt"
+					aria-pressed="false"
+				>
+					cppwinrt
+				</button>
+			</li>
+		
+				</ul>
+			</div>
+		</div>
+	
+
+			<details class="popover popover-right" id="article-header-page-actions-overflow">
+				<summary
+					class="justify-content-flex-start button button-clear button-sm button-primary inner-focus"
+					aria-label="More actions"
+					title="More actions"
+				>
+					<span class="icon" aria-hidden="true">
+						<span class="docon docon-more-vertical"></span>
+					</span>
+				</summary>
+				<div class="popover-content">
+					
+		<button
+			type="button"
+			id="ms--focus-mode-button"
+			data-focus-mode
+			data-bi-name="focus-mode-entry"
+			data-page-action-item="overflow-all"
+			data-popover-close
+			class="button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus display-none display-inline-flex-tablet"
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-glasses"></span>
+			</span>
+			<span>Reading mode</span>
+		</button>
+	 
+		<button
+			data-page-action-item="overflow-mobile"
+			type="button"
+			class="display-block-layout-menu-collapsed button-block button-sm inner-focus button button-clear display-none-tablet justify-content-flex-start text-align-left"
+			data-bi-name="contents-expand"
+			data-contents-button
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true"
+				><span class="docon docon-editor-list-bullet"></span
+			></span>
+			<span class="contents-expand-title">Table of contents</span>
+		</button>
+	 
+		<a
+			id="lang-link-overflow"
+			class="button-sm inner-focus button button-clear button-block justify-content-flex-start text-align-left"
+			data-bi-name="language-toggle"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-read-in-link
+			href="#"
+			hidden
+		>
+			<span class="icon" aria-hidden="true" data-read-in-link-icon>
+				<span class="docon docon-locale-globe"></span>
+			</span>
+			<span data-read-in-link-text>Read in English</span>
+		</a>
+	
+					
+		<button
+			type="button"
+			class="collection button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus"
+			data-list-type="collection"
+			data-bi-name="collection"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="collection-status">Add</span>
+		</button>
+	 
+		<button
+			type="button"
+			class="collection button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+			data-list-type="plan"
+			data-bi-name="plan"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="plan-status">Add to Plans</span>
+		</button>
+	 
+					
+		<a
+			data-contenteditbtn
+			class="button button-clear button-block button-sm inner-focus justify-content-flex-start text-align-left text-decoration-none"
+			data-bi-name="edit"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			
+			href="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/ui/controls/navigationview.md"
+			data-original_content_git_url="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/ui/controls/navigationview.md"
+			data-original_content_git_url_template="{repo}/blob/{branch}/hub/apps/develop/ui/controls/navigationview.md"
+			data-pr_repo=""
+			data-pr_branch=""
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-edit-outline"></span>
+			</span>
+			<span>Edit</span>
+		</a>
+	  
+		<hr class="margin-block-xxs" />
+		
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="copy-markdown"
+					data-page-action-item="overflow-all"
+					data-copy-markdown
+					data-copy-state="idle"
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span data-show-when="idle" class="docon docon-code-lang"></span>
+						<span data-show-when="loading" class="loader" hidden></span>
+						<span data-show-when="success" class="docon docon-check-mark" hidden></span>
+					</span>
+					<span>Copy Markdown</span>
+				</button>
+		   
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="print"
+					data-page-action-item="overflow-all"
+					data-popover-close
+					data-print-page
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span class="docon docon-print"></span>
+					</span>
+					<span>Print</span>
+				</button>
+		  
+	
+				</div>
+			</details>
+		</div>
+	
+			</div>
+		</div>
+	  
+		<!-- privateUnauthorizedTemplate is hidden by default -->
+		<div unauthorized-private-section data-bi-name="permission-content-unauthorized-private" hidden>
+			<hr class="hr margin-top-xs margin-bottom-sm" />
+			<div class="notification notification-info">
+				<div class="notification-content">
+					<p class="margin-top-none notification-title">
+						<span class="icon" aria-hidden="true"
+							><span class="docon docon-exclamation-circle-solid"></span
+						></span>
+						<span>Note</span>
+					</p>
+					<p class="margin-top-none authentication-determined not-authenticated">
+						Access to this page requires authorization. You can try <a class="docs-sign-in" href="#" data-bi-name="permission-content-sign-in">signing in</a> or <a  class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+					<p class="margin-top-none authentication-determined authenticated">
+						Access to this page requires authorization. You can try <a class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+				</div>
+			</div>
+		</div>
+	
+					<div class="content"><h1 id="navigationview">NavigationView</h1></div>
+					
+		<div
+			id="article-metadata"
+			data-bi-name="article-metadata"
+			data-test-id="article-metadata"
+			class="page-metadata-container display-flex gap-xxs justify-content-space-between align-items-center flex-wrap-wrap"
+		>
+			 
+				<div
+					id="user-feedback"
+					class="margin-block-xxs display-none display-none-print"
+					hidden
+					data-hide-on-archived
+				>
+					
+		<button
+			id="user-feedback-button"
+			data-test-id="conceptual-feedback-button"
+			class="button button-sm button-clear button-primary display-none"
+			type="button"
+			data-bi-name="user-feedback-button"
+			data-user-feedback-button
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-like"></span>
+			</span>
+			<span>Feedback</span>
+		</button>
+	
+				</div>
+		  
+		</div>
+	 
+		<div data-id="ai-summary" class="display-none-print">
+			<div id="ms--ai-summary-cta" class="margin-top-xs display-flex align-items-center">
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-sparkle-fill gradient-text-vivid"></span>
+				</span>
+				<button
+					id="ms--ai-summary"
+					type="button"
+					class="tag tag-sm tag-suggestion margin-left-xxs"
+					data-test-id="ai-summary-cta"
+					data-bi-name="ai-summary-cta"
+					data-an="ai-summary"
+				>
+					<span class="ai-summary-cta-text">
+						Summarize this article for me
+					</span>
+				</button>
+			</div>
+			<!-- Slot where the client will render the summary card after the user clicks the CTA -->
+			<div id="ms--ai-summary-header" class="margin-top-xs"></div>
+		</div>
+	 
+		<nav
+			id="center-doc-outline"
+			class="doc-outline display-none-desktop display-none-print margin-bottom-sm"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h2 id="ms--in-this-article" class="title is-6 margin-block-xs">
+				In this article
+			</h2>
+		</nav>
+	
+					<div class="content"><p>The NavigationView control provides top-level navigation for your app. It adapts to a variety of screen sizes and supports both <em>top</em> and <em>left</em> navigation styles.</p>
+<p><span class="mx-imgBorder">
+<img src="images/navigation-view-top-style.png" alt="top navigation" data-linktype="relative-path">
+</span>
+<span class="mx-imgBorder">
+<img src="images/navigation-view-left-style.png" alt="left navigation" data-linktype="relative-path">
+</span>
+<br>
+<em>NavigationView supports both top and left navigation pane or menu</em></p>
+<h2 id="is-this-the-right-control">Is this the right control?</h2>
+<p>NavigationView is an adaptive navigation control that works well for:</p>
+<ul>
+<li>Providing a consistent navigational experience throughout your app.</li>
+<li>Preserving screen real estate on smaller windows.</li>
+<li>Organizing access to many navigation categories.</li>
+</ul>
+<p>For other navigation patterns, see <a href="../../../design/basics/navigation-basics" data-linktype="relative-path">Navigation design basics</a>.</p>
+<h2 id="create-a-navigation-view">Create a navigation view</h2>
+<div class="checklist">
+<ul>
+<li><strong>Important APIs:</strong> <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview" data-linktype="absolute-path">NavigationView class</a></li>
+</ul>
+</div>
+<div class="nextstepaction">
+<p><a href="winui3gallery://item/NavigationView" data-linktype="external">Open the WinUI 3 Gallery app and see the NavigationView in action</a></p>
+</div>
+<blockquote>
+<table>
+<tbody><tr>
+<td><img src="../../../../includes/images/winui-gallery-logo.png" width="76" alt="WinUI 3 Gallery icon" data-linktype="relative-path"></td>
+<td>The <strong>WinUI 3 Gallery</strong> app includes interactive examples of WinUI controls and features. Get the app from the <a href="https://apps.microsoft.com/detail/9P3JFPWWDZRC" data-linktype="external">Microsoft Store</a> or browse the source code on <a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">GitHub</a>.</td>
+</tr>
+</tbody></table>
+</blockquote>
+<p>This example shows how to create a simple navigation view in XAML.</p>
+<pre><code class="lang-xaml">&lt;NavigationView&gt;
+    &lt;NavigationView.MenuItems&gt;
+        &lt;NavigationViewItem Content="Nav Item A"/&gt;
+        &lt;NavigationViewItem Content="Nav Item B"/&gt;
+        &lt;NavigationViewItem Content="Nav Item C"/&gt;
+    &lt;/NavigationView.MenuItems&gt;
+
+    &lt;Frame x:Name="ContentFrame"/&gt;
+&lt;/NavigationView&gt;
+</code></pre>
+<h2 id="display-modes">Display modes</h2>
+<p>You can use the PaneDisplayMode property to configure different navigation styles, or display modes, for the NavigationView.</p>
+<section class="row">
+<div class="column">
+<h3 id="top">Top</h3>
+<p>The pane is positioned above the content.<br>
+<code>PaneDisplayMode="Top"</code></p>
+</div>
+<div class="column span2">
+<p><img src="images/displaymode-top.png" alt="Example of top navigation" data-linktype="relative-path"></p>
+</div>
+</section>
+<p>We recommend <em>top</em> navigation when:</p>
+<ul>
+<li>You have 5 or fewer top-level navigation categories that are equally important, and any additional top-level navigation categories that end up in the dropdown overflow menu are considered less important.</li>
+<li>You need to show all navigation options on screen.</li>
+<li>You want more space for your app content.</li>
+<li>Icons cannot clearly describe your app's navigation categories.</li>
+</ul>
+<section class="row">
+<div class="column">
+<h3 id="left">Left</h3>
+<p>The pane is expanded and positioned to the left of the content.<br>
+<code>PaneDisplayMode="Left"</code></p>
+</div>
+<div class="column span2">
+<p><img src="images/displaymode-left.png" alt="Example of expanded left navigation pane" data-linktype="relative-path"></p>
+</div>
+</section>
+<p>We recommend <em>left</em> navigation when:</p>
+<ul>
+<li>You have 5-10 equally important top-level navigation categories.</li>
+<li>You want navigation categories to be very prominent, with less space for other app content.</li>
+</ul>
+<section class="row">
+<div class="column">
+<h3 id="leftcompact">LeftCompact</h3>
+<p>The pane shows only icons until opened and is positioned to the left of the content. When opened, the pane overlays the content.<br>
+<code>PaneDisplayMode="LeftCompact"</code></p>
+</div>
+<div class="column span2">
+<p><img src="images/displaymode-leftcompact.png" alt="Example of compact left navigation pane" data-linktype="relative-path"></p>
+</div>
+</section>
+<section class="row">
+<div class="column">
+<h3 id="leftminimal">LeftMinimal</h3>
+<p>Only the menu button is shown until the pane is opened. When opened, the pane overlays the left side of the content.<br>
+<code>PaneDisplayMode="LeftMinimal"</code></p>
+</div>
+<div class="column span2">
+<p><img src="images/displaymode-leftminimal.png" alt="Example of minimal left navigation pane" data-linktype="relative-path"></p>
+</div>
+</section>
+<h3 id="auto">Auto</h3>
+<p>By default, PaneDisplayMode is set to <code>Auto</code>. In <code>Auto</code> mode, the NavigationView adapts between <code>LeftMinimal</code> when the window is narrow, to <code>LeftCompact</code>, and then <code>Left</code> as the window gets wider. For more info, see the <a href="#adaptive-behavior" data-linktype="self-bookmark">adaptive behavior</a> section.</p>
+<p><img src="images/displaymode-auto.png" alt="Left navigation default adaptive behavior" data-linktype="relative-path"><br>
+<em>NavigationView default adaptive behavior</em></p>
+<h2 id="anatomy">Anatomy</h2>
+<p>These images show the layout of the pane, header, and content areas of the control when configured for <em>top</em> or <em>left</em> navigation.</p>
+<p><img src="images/topnav-anatomy.png" alt="Top NavigationView layout" data-linktype="relative-path"><br>
+<em>Top navigation layout</em></p>
+<p><img src="images/leftnav-anatomy.png" alt="Left NavigationView layout" data-linktype="relative-path"><br>
+<em>Left navigation layout</em></p>
+<h3 id="pane">Pane</h3>
+<p>You can use the PaneDisplayMode property to position the pane above the content or to the left of the content.</p>
+<p>The NavigationView pane can contain:</p>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitem" data-linktype="absolute-path">NavigationViewItem</a> objects. Navigation items for navigating to specific pages.</li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitemseparator" data-linktype="absolute-path">NavigationViewItemSeparator</a> objects. Separators for grouping navigation items. Set the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.uielement.opacity" data-linktype="absolute-path">Opacity</a> property to 0 to render the separator as space.</li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitemheader" data-linktype="absolute-path">NavigationViewItemHeader</a> objects. Headers for labeling groups of items.</li>
+<li>An optional <a href="auto-suggest-box" data-linktype="relative-path">AutoSuggestBox</a> control to allow for app-level search. Assign the control to the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.autosuggestbox" data-linktype="absolute-path">NavigationView.AutoSuggestBox</a> property.</li>
+<li>An optional entry point for <a href="../../../design/app-settings/guidelines-for-app-settings" data-linktype="relative-path">app settings</a>. To hide the settings item, set the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.issettingsvisible" data-linktype="absolute-path">IsSettingsVisible</a> property to <code>false</code>.</li>
+</ul>
+<p>The left pane also contains:</p>
+<ul>
+<li>A menu button to toggle the pane opened and closed. On larger app windows when the pane is open, you may choose to hide this button using the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.ispanetogglebuttonvisible" data-linktype="absolute-path">IsPaneToggleButtonVisible</a> property.</li>
+</ul>
+<p>The NavigationView has a back button that is placed in the top left-hand corner of the pane. However, it does not automatically handle backwards navigation and add content to the back stack. To enable backwards navigation, see the <a href="#backwards-navigation" data-linktype="self-bookmark">backwards navigation</a> section.</p>
+<p>Here is the detailed pane anatomy for the top and left pane positions.</p>
+<h4 id="top-navigation-pane">Top navigation pane</h4>
+<p><img src="images/navview-pane-anatomy-horizontal.png" alt="NavigationView top pane anatomy" data-linktype="relative-path"></p>
+<ol>
+<li>Headers</li>
+<li>Navigation items</li>
+<li>Separators</li>
+<li>AutoSuggestBox (optional)</li>
+<li>Settings button (optional)</li>
+</ol>
+<h4 id="left-navigation-pane">Left navigation pane</h4>
+<p><img src="images/navview-pane-anatomy-vertical.png" alt="NavigationView left pane anatomy" data-linktype="relative-path"></p>
+<ol>
+<li>Menu button</li>
+<li>Navigation items</li>
+<li>Separators</li>
+<li>Headers</li>
+<li>AutoSuggestBox (optional)</li>
+<li>Settings button (optional)</li>
+</ol>
+<h4 id="footer-menu-items">Footer menu items</h4>
+<p>You can use <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.footermenuitems" data-linktype="absolute-path">FooterMenuItems</a> to place navigation items at the end of the navigation pane, contrasted with the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.menuitems" data-linktype="absolute-path">MenuItems</a> property which places items at the start of the pane.</p>
+<p>FooterMenuItems will be displayed before the <code>Settings</code> item by default. The <code>Settings</code> item can still be toggled using the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.IsSettingsVisible" data-linktype="absolute-path"><code>IsSettingsVisible</code></a> property.</p>
+<p>Only Navigation items should be placed in FooterMenuItems - any other content that needs to align to the footer of the pane should be placed in <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.panefooter" data-linktype="absolute-path">PaneFooter</a>.</p>
+<p>For an example of how to add FooterMenuItems to your NavigationView, see the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.footermenuitems" data-linktype="absolute-path">FooterMenuItems class</a>.</p>
+<p>The image below shows a NavigationView with <strong>Account</strong>, <strong>Your Cart</strong>, and <strong>Help</strong> navigation items in the footer menu.</p>
+<p><img src="images/footermenu-leftmode.png" alt="A NavigationView with FooterMenuItems" data-linktype="relative-path"></p>
+<h4 id="pane-footer">Pane footer</h4>
+<p>You can place free-form content in the pane's footer by adding it to the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.panefooter" data-linktype="absolute-path">PaneFooter</a> property.</p>
+<section class="row">
+<div class="column">
+<p><img src="images/navview-freeform-footer-top.png" alt="Pane footer top nav" data-linktype="relative-path"><br>
+<em>Top pane footer</em><br></p>
+</div>
+<div class="column">
+<p><img src="images/navview-freeform-footer-left.png" alt="Pane footer left nav" data-linktype="relative-path"><br>
+<em>Left pane footer</em><br></p>
+</div>
+</section>
+<h4 id="pane-title-and-header">Pane title and header</h4>
+<p>You can place text content in the pane header area by setting the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.panetitle" data-linktype="absolute-path">PaneTitle</a> property. It takes a string and shows the text next to the menu button.</p>
+<p>To add non-text content, such as an image or logo, you can place any element in the pane's header by adding it to the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.paneheader" data-linktype="absolute-path">PaneHeader</a> property.</p>
+<p>If both PaneTitle and PaneHeader are set, the content is stacked horizontally next to the menu button, with the PaneTitle closest to the menu button.</p>
+<section class="row">
+<div class="column">
+<p><img src="images/navview-freeform-header-top.png" alt="Pane header top nav" data-linktype="relative-path"><br>
+<em>Top pane header</em><br></p>
+</div>
+<div class="column">
+<p><img src="images/navview-freeform-header-left.png" alt="Pane header left nav" data-linktype="relative-path"><br>
+<em>Left pane header</em><br></p>
+</div>
+</section>
+<h4 id="pane-content">Pane content</h4>
+<p>You can place free-form content in the pane by adding it to the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.panecustomcontent" data-linktype="absolute-path">PaneCustomContent</a> property.</p>
+<section class="row">
+<div class="column">
+<p><img src="images/navview-freeform-pane-top.png" alt="Pane custom content top nav" data-linktype="relative-path"><br>
+<em>Top pane custom content</em><br></p>
+</div>
+<div class="column">
+<p><img src="images/navview-freeform-pane-left.png" alt="Pane custom content left nav" data-linktype="relative-path"><br>
+<em>Left pane custom content</em><br></p>
+</div>
+</section>
+<h3 id="header">Header</h3>
+<p>You can add a page title by setting the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.header" data-linktype="absolute-path">Header</a> property.</p>
+<p><img src="images/nav-header.png" alt="Example of NavigationView header area" data-linktype="relative-path"><br>
+<em>NavigationView header</em></p>
+<p>The header area is vertically aligned with the navigation button in the left pane position, and lies below the pane in the top pane position. It has a fixed height of 52 px. Its purpose is to hold the page title of the selected navigation category. The header is docked to the top of the page and acts as a scroll clipping point for the content area.</p>
+<p>The header is visible any time the NavigationView is in <code>Minimal</code> display mode. You may choose to hide the header in other modes, which are used on larger window widths. To hide the header, set the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.AlwaysShowHeader" data-linktype="absolute-path">AlwaysShowHeader</a> property to <code>false</code>.</p>
+<h3 id="content">Content</h3>
+<p><img src="images/nav-content.png" alt="Example of NavigationView content area" data-linktype="relative-path"><br>
+<em>NavigationView content</em></p>
+<p>The content area is where most of the information for the selected navigation category is displayed.</p>
+<p>We recommend 12px margins for your content area when NavigationView is in <code>Minimal</code> mode and 24px margins otherwise.</p>
+<h2 id="adaptive-behavior">Adaptive behavior</h2>
+<p>By default, the NavigationView automatically changes its display mode based on the amount of screen space available to it. The <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.compactmodethresholdwidth" data-linktype="absolute-path">CompactModeThresholdWidth</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.expandedmodethresholdwidth" data-linktype="absolute-path">ExpandedModeThresholdWidth</a> properties specify the breakpoints at which the display mode changes. You can modify these values to customize the adaptive display mode behavior.</p>
+<h3 id="default">Default</h3>
+<p>When PaneDisplayMode is set to its default value of <code>Auto</code>, the adaptive behavior is to show:</p>
+<ul>
+<li>An expanded left pane on large window widths (1008px or greater).</li>
+<li>A left, icon-only, nav pane (<code>LeftCompact</code>) on medium window widths (641px to 1007px).</li>
+<li>Only a menu button (<code>LeftMinimal</code>) on small window widths (640px or less).</li>
+</ul>
+<p>For more information about window sizes for adaptive behavior, see <a href="../../../design/layout/screen-sizes-and-breakpoints-for-responsive-design" data-linktype="relative-path">Screen sizes and breakpoints</a>.</p>
+<p><img src="images/displaymode-auto.png" alt="Left navigation default adaptive behavior" data-linktype="relative-path"><br>
+<em>NavigationView default adaptive behavior</em></p>
+<h3 id="minimal">Minimal</h3>
+<p>A second common adaptive pattern is to use an expanded left pane on large window widths, and only a menu button on both medium and small window widths.</p>
+<p>We recommend this when:</p>
+<ul>
+<li>You want more space for app content on smaller window widths.</li>
+<li>Your navigation categories cannot be clearly represented with icons.</li>
+</ul>
+<p><img src="images/adaptive-behavior-minimal.png" alt="Left navigation minimal adaptive behavior" data-linktype="relative-path"><br>
+<em>NavigationView "minimal" adaptive behavior</em></p>
+<p>To configure this behavior, set CompactModeThresholdWidth to the width at which you want the pane to collapse. Here, it's changed from the default of 640 to 1007. You should also set ExpandedModeThresholdWidth to ensure the values don't conflict.</p>
+<pre><code class="lang-xaml">&lt;NavigationView CompactModeThresholdWidth="1007" ExpandedModeThresholdWidth="1007"/&gt;
+</code></pre>
+<h3 id="compact">Compact</h3>
+<p>A third common adaptive pattern is to use an expanded left pane on large window widths, and a LeftCompact, icon-only, nav pane on both medium and small window widths.</p>
+<p>We recommend this when:</p>
+<ul>
+<li>It is important to always show all navigation options on screen.</li>
+<li>Your navigation categories can be clearly represented with icons.</li>
+</ul>
+<p><img src="images/adaptive-behavior-compact.png" alt="Left navigation compact adaptive behavior" data-linktype="relative-path"><br>
+<em>NavigationView "compact" adaptive behavior</em></p>
+<p>To configure this behavior, set CompactModeThresholdWidth to 0.</p>
+<pre><code class="lang-xaml">&lt;NavigationView CompactModeThresholdWidth="0"/&gt;
+</code></pre>
+<h3 id="no-adaptive-behavior">No adaptive behavior</h3>
+<p>To disable the automatic adaptive behavior, set PaneDisplayMode to a value other than <code>Auto</code>. Here, it's set to LeftMinimal, so only the menu button is shown regardless of the window width.</p>
+<p><img src="images/adaptive-behavior-none.png" alt="Left navigation no adaptive behavior" data-linktype="relative-path"><br>
+<em>NavigationView with PaneDisplayMode set to LeftMinimal</em></p>
+<pre><code class="lang-xaml">&lt;NavigationView PaneDisplayMode="LeftMinimal" /&gt;
+</code></pre>
+<p>As described previously in the <em>Display modes</em> section, you can set the pane to be always on top, always expanded, always compact, or always minimal. You can also manage the display modes yourself in your app code. An example of this is shown in the next section.</p>
+<h3 id="top-to-left-navigation">Top to left navigation</h3>
+<p>When you use top navigation in your app, navigation items collapse into an overflow menu as the window width decreases. When your app window is narrow, it can provide a better user experience to switch the PaneDisplayMode from <code>Top</code> to <code>LeftMinimal</code> navigation, rather than letting all the items collapse into the overflow menu.</p>
+<p>We recommend using top navigation on large window sizes and left navigation on small window sizes when:</p>
+<ul>
+<li>You have a set of equally important top-level navigation categories to be displayed together, such that if one category in this set doesn't fit on screen, you collapse to left navigation to give them equal importance.</li>
+<li>You wish to preserve as much content space as possible in small window sizes.</li>
+</ul>
+<p>This example shows how to use a <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.VisualStateManager" data-linktype="absolute-path">VisualStateManager</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.adaptivetrigger.minwindowwidth" data-linktype="absolute-path">AdaptiveTrigger.MinWindowWidth</a> property to switch between <code>Top</code> and <code>LeftMinimal</code> navigation.</p>
+<p><img src="images/navigation-top-to-left.png" alt="Example of top or left adaptive behavior 1" data-linktype="relative-path"></p>
+<pre><code class="lang-xaml">&lt;Grid&gt;
+    &lt;NavigationView x:Name="NavigationViewControl" &gt;
+        &lt;NavigationView.MenuItems&gt;
+            &lt;NavigationViewItem Content="A" x:Name="A" /&gt;
+            &lt;NavigationViewItem Content="B" x:Name="B" /&gt;
+            &lt;NavigationViewItem Content="C" x:Name="C" /&gt;
+        &lt;/NavigationView.MenuItems&gt;
+    &lt;/NavigationView&gt;
+
+    &lt;VisualStateManager.VisualStateGroups&gt;
+        &lt;VisualStateGroup&gt;
+            &lt;VisualState&gt;
+                &lt;VisualState.StateTriggers&gt;
+                    &lt;AdaptiveTrigger
+                        MinWindowWidth="{x:Bind NavigationViewControl.CompactModeThresholdWidth}" /&gt;
+                &lt;/VisualState.StateTriggers&gt;
+
+                &lt;VisualState.Setters&gt;
+                    &lt;Setter Target="NavigationViewControl.PaneDisplayMode" Value="Top"/&gt;
+                &lt;/VisualState.Setters&gt;
+            &lt;/VisualState&gt;
+        &lt;/VisualStateGroup&gt;
+    &lt;/VisualStateManager.VisualStateGroups&gt;
+&lt;/Grid&gt;
+
+</code></pre>
+<div class="TIP">
+<p>Tip</p>
+<p>When you use AdaptiveTrigger.MinWindowWidth, the visual state is triggered when the window is wider than the specified minimum width. This means the default XAML defines the narrow window, and the VisualState defines the modifications that are applied when the window gets wider. The default PaneDisplayMode for the NavigationView is Auto, so when the window width is less than or equal to <code>CompactModeThresholdWidth</code>, <code>LeftMinimal</code> navigation is used. When the window gets wider, the VisualState overrides the default, and <code>Top</code> navigation is used.</p>
+</div>
+<h2 id="navigation">Navigation</h2>
+<p>The NavigationView doesn't perform any navigation tasks automatically. When the user taps on a navigation item, the NavigationView shows that item as selected and raises an <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.iteminvoked" data-linktype="absolute-path">ItemInvoked</a> event. If the tap results in a new item being selected, a <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.selectionchanged" data-linktype="absolute-path">SelectionChanged</a> event is also raised.</p>
+<p>You can handle either event to perform tasks related to the requested navigation. Which one you should handle depends on the behavior you want for your app. Typically, you navigate to the requested page and update the NavigationView header in response to these events.</p>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.iteminvoked" data-linktype="absolute-path">ItemInvoked</a> is raised any time the user taps a navigation item, even if it's already selected. (The item can also be invoked with an equivalent action using mouse, keyboard, or other input. For more info, see <a href="../../input/" data-linktype="relative-path">Input and interactions</a>.) If you navigate in the ItemInvoked handler, by default, the page will be reloaded, and a duplicate entry is added to the navigation stack. If you navigate when an item is invoked, you should disallow reloading the page, or ensure that a duplicate entry is not created in the navigation backstack when the page is reloaded. (See code examples.)</li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.selectionchanged" data-linktype="absolute-path">SelectionChanged</a> can be raised by a user invoking an item that isn't currently selected, or by programmatically changing the selected item. If the selection change occurs because a user invoked an item, the ItemInvoked event occurs first. If the selection change is programmatic, ItemInvoked is not raised.</li>
+</ul>
+<p>All navigation items are part of the same selection model, whether they are a part of <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.menuitems" data-linktype="absolute-path">MenuItems</a> or <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.footermenuitems" data-linktype="absolute-path">FooterMenuItems</a>. Only one navigation item can be selected at a time.</p>
+<h3 id="backwards-navigation">Backwards navigation</h3>
+<p>NavigationView has a built-in back button; but, as with forward navigation, it doesn't perform backwards navigation automatically. When the user taps the back button, the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.backrequested" data-linktype="absolute-path">BackRequested</a> event is raised. You handle this event to perform backwards navigation. For more info and code examples, see <a href="../navigation/navigation-history-and-backwards-navigation" data-linktype="relative-path">Navigation history and backwards navigation</a>.</p>
+<p>In <code>Minimal</code> or <code>Compact</code> mode, the NavigationView <code>Pane</code> is open as a flyout. In this case, clicking the back button will close the <code>Pane</code> and raise the PaneClosing event instead.</p>
+<p>You can hide or disable the back button by setting these properties:</p>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.isbackbuttonvisible" data-linktype="absolute-path">IsBackButtonVisible</a>: use to show and hide the back button. This property takes a value of the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewbackbuttonvisible" data-linktype="absolute-path">NavigationViewBackButtonVisible</a> enumeration, and is set to <code>Auto</code> by default. When the button is collapsed, no space is reserved for it in the layout.</li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.isbackenabled" data-linktype="absolute-path">IsBackEnabled</a>: use to enable or disable the back button. You can data bind this property to the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.frame.cangoback" data-linktype="absolute-path">CanGoBack</a> property of your navigation frame. <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.backrequested" data-linktype="absolute-path">BackRequested</a> is not raised if <code>IsBackEnabled</code> is <code>false</code>.</li>
+</ul>
+<section class="row">
+<div class="column">
+<p><img src="images/leftnav-back.png" alt="NavigationView back button in the left navigation pane" data-linktype="relative-path"><br>
+<em>The back button in the left navigation pane</em></p>
+</div>
+<div class="column">
+<p><img src="images/topnav-back.png" alt="NavigationView back button in the top navigation pane" data-linktype="relative-path"><br>
+<em>The back button in the top navigation pane</em></p>
+</div>
+</section>
+<h2 id="code-example">Code example</h2>
+<p>This example shows how you can use NavigationView with both a top navigation pane on large window sizes and a left navigation pane on small window sizes. It can be adapted to left-only navigation by removing the <em>top</em> navigation settings in the VisualStateManager.</p>
+<p>The example demonstrates a common way to set up navigation data that will work for many scenarios. In this example, you first store (in the tag of the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitem" data-linktype="absolute-path">NavigationViewItem</a>) the full type name of the page to which you want to navigate. In the event handler, you unbox that value, turn it into a <a href="/en-us/dotnet/api/system.type" data-linktype="absolute-path">Type</a>(C#) or <strong>Windows::UI::Xaml::Interop::TypeName</strong> (C++/WinRT) object, and use that to navigate to the destination page. This lets you create unit tests to confirm that the values inside your tags are of a valid type. (Also see <a href="/en-us/windows/apps/develop/cpp-winrt/boxing" data-linktype="absolute-path">Boxing and unboxing values to IInspectable with C++/WinRT</a>). It also demonstrates how to implement backwards navigation with NavigationView's back button.</p>
+<p>This code assumes that your app contains pages with the following names to navigate to: <em>HomePage</em>, <em>AppsPage</em>, <em>GamesPage</em>, <em>MusicPage</em>, <em>MyContentPage</em>, and <em>SettingsPage</em>. Code for these pages is not shown.</p>
+<pre><code class="lang-xaml">&lt;Page ... &gt;
+ &lt;Grid&gt;
+     &lt;NavigationView x:Name="NavView"
+                     Loaded="NavView_Loaded"
+                     ItemInvoked="NavView_ItemInvoked"
+                     BackRequested="NavView_BackRequested"&gt;
+         &lt;NavigationView.MenuItems&gt;
+             &lt;NavigationViewItem Tag="NavigationViewDemo.HomePage" Icon="Home" Content="Home"/&gt;
+             &lt;NavigationViewItemSeparator/&gt;
+             &lt;NavigationViewItemHeader x:Name="MainPagesHeader"
+                                       Content="Main pages"/&gt;
+             &lt;NavigationViewItem Tag="NavigationViewDemo.AppsPage" Content="Apps"&gt;
+                 &lt;NavigationViewItem.Icon&gt;
+                     &lt;FontIcon Glyph="&amp;#xEB3C;"/&gt;
+                 &lt;/NavigationViewItem.Icon&gt;
+             &lt;/NavigationViewItem&gt;
+             &lt;NavigationViewItem Tag="NavigationViewDemo.GamesPage" Content="Games"&gt;
+                 &lt;NavigationViewItem.Icon&gt;
+                     &lt;FontIcon Glyph="&amp;#xE7FC;"/&gt;
+                 &lt;/NavigationViewItem.Icon&gt;
+             &lt;/NavigationViewItem&gt;
+             &lt;NavigationViewItem Tag="NavigationViewDemo.MusicPage" Icon="Audio" Content="Music"/&gt;
+         &lt;/NavigationView.MenuItems&gt;
+
+         &lt;NavigationView.AutoSuggestBox&gt;
+             &lt;!-- See AutoSuggestBox documentation for
+              more info about how to implement search. --&gt;
+             &lt;AutoSuggestBox x:Name="NavViewSearchBox" QueryIcon="Find"/&gt;
+         &lt;/NavigationView.AutoSuggestBox&gt;
+
+         &lt;ScrollViewer&gt;
+             &lt;Frame x:Name="ContentFrame" IsTabStop="True"
+                NavigationFailed="ContentFrame_NavigationFailed"/&gt;
+         &lt;/ScrollViewer&gt;
+     &lt;/NavigationView&gt;
+
+     &lt;VisualStateManager.VisualStateGroups&gt;
+         &lt;VisualStateGroup&gt;
+             &lt;VisualState&gt;
+                 &lt;VisualState.StateTriggers&gt;
+                     &lt;AdaptiveTrigger
+                     MinWindowWidth="{x:Bind NavViewCompactModeThresholdWidth}"/&gt;
+                 &lt;/VisualState.StateTriggers&gt;
+                 &lt;VisualState.Setters&gt;
+                     &lt;!-- Remove the next 3 lines for left-only navigation. --&gt;
+                     &lt;Setter Target="NavView.PaneDisplayMode" Value="Top"/&gt;
+                     &lt;Setter Target="NavViewSearchBox.Width" Value="200"/&gt;
+                     &lt;Setter Target="MainPagesHeader.Visibility" Value="Collapsed"/&gt;
+                     &lt;!-- Leave the next line for left-only navigation. --&gt;
+                     &lt;Setter Target="ContentFrame.Padding" Value="24,0,24,24"/&gt;
+                 &lt;/VisualState.Setters&gt;
+             &lt;/VisualState&gt;
+         &lt;/VisualStateGroup&gt;
+     &lt;/VisualStateManager.VisualStateGroups&gt;
+ &lt;/Grid&gt;
+&lt;/Page&gt;
+</code></pre>
+<pre><code class="lang-csharp">private double NavViewCompactModeThresholdWidth { get { return NavView.CompactModeThresholdWidth; } }
+
+private void ContentFrame_NavigationFailed(object sender, NavigationFailedEventArgs e)
+{
+    throw new Exception("Failed to load Page " + e.SourcePageType.FullName);
+}
+
+private void NavView_Loaded(object sender, RoutedEventArgs e)
+{
+    // You can also add items in code.
+    NavView.MenuItems.Add(new NavigationViewItemSeparator());
+    NavView.MenuItems.Add(new NavigationViewItem
+    {
+        Content = "My content",
+        Icon = new SymbolIcon((Symbol)0xF1AD),
+        Tag = "NavigationViewDemo.MyContentPage"
+    });
+
+    // Add handler for ContentFrame navigation.
+    ContentFrame.Navigated += On_Navigated;
+
+    // NavView doesn't load any page by default, so load home page.
+    NavView.SelectedItem = NavView.MenuItems[0];
+    // If navigation occurs on SelectionChanged, this isn't needed.
+    // Because we use ItemInvoked to navigate, we need to call Navigate
+    // here to load the home page.
+    NavView_Navigate(typeof(HomePage), new EntranceNavigationTransitionInfo());
+}
+
+private void NavView_ItemInvoked(NavigationView sender,
+                                 NavigationViewItemInvokedEventArgs args)
+{
+    if (args.IsSettingsInvoked == true)
+    {
+        NavView_Navigate(typeof(SettingsPage), args.RecommendedNavigationTransitionInfo);
+    }
+    else if (args.InvokedItemContainer != null)
+    {
+        Type navPageType = Type.GetType(args.InvokedItemContainer.Tag.ToString());
+        NavView_Navigate(navPageType, args.RecommendedNavigationTransitionInfo);
+    }
+}
+
+// NavView_SelectionChanged is not used in this example, but is shown for completeness.
+// You will typically handle either ItemInvoked or SelectionChanged to perform navigation,
+// but not both.
+private void NavView_SelectionChanged(NavigationView sender,
+                                      NavigationViewSelectionChangedEventArgs args)
+{
+    if (args.IsSettingsSelected == true)
+    {
+        NavView_Navigate(typeof(SettingsPage), args.RecommendedNavigationTransitionInfo);
+    }
+    else if (args.SelectedItemContainer != null)
+    {
+        Type navPageType = Type.GetType(args.SelectedItemContainer.Tag.ToString());
+        NavView_Navigate(navPageType, args.RecommendedNavigationTransitionInfo);
+    }
+}
+
+private void NavView_Navigate(
+    Type navPageType,
+    NavigationTransitionInfo transitionInfo)
+{
+    // Get the page type before navigation so you can prevent duplicate
+    // entries in the backstack.
+    Type preNavPageType = ContentFrame.CurrentSourcePageType;
+
+    // Only navigate if the selected page isn't currently loaded.
+    if (navPageType is not null &amp;&amp; !Type.Equals(preNavPageType, navPageType))
+    {
+        ContentFrame.Navigate(navPageType, null, transitionInfo);
+    }
+}
+
+private void NavView_BackRequested(NavigationView sender,
+                                   NavigationViewBackRequestedEventArgs args)
+{
+    TryGoBack();
+}
+
+private bool TryGoBack()
+{
+    if (!ContentFrame.CanGoBack)
+        return false;
+
+    // Don't go back if the nav pane is overlayed.
+    if (NavView.IsPaneOpen &amp;&amp;
+        (NavView.DisplayMode == NavigationViewDisplayMode.Compact ||
+         NavView.DisplayMode == NavigationViewDisplayMode.Minimal))
+        return false;
+
+    ContentFrame.GoBack();
+    return true;
+}
+
+private void On_Navigated(object sender, NavigationEventArgs e)
+{
+    NavView.IsBackEnabled = ContentFrame.CanGoBack;
+
+    if (ContentFrame.SourcePageType == typeof(SettingsPage))
+    {
+        // SettingsItem is not part of NavView.MenuItems, and doesn't have a Tag.
+        NavView.SelectedItem = (NavigationViewItem)NavView.SettingsItem;
+        NavView.Header = "Settings";
+    }
+    else if (ContentFrame.SourcePageType != null)
+    {
+        // Select the nav view item that corresponds to the page being navigated to.
+        NavView.SelectedItem = NavView.MenuItems
+                    .OfType&lt;NavigationViewItem&gt;()
+                    .First(i =&gt; i.Tag.Equals(ContentFrame.SourcePageType.FullName.ToString()));
+
+        NavView.Header =
+            ((NavigationViewItem)NavView.SelectedItem)?.Content?.ToString();
+
+    }
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">// MainPage.idl
+runtimeclass MainPage : Microsoft.UI.Xaml.Controls.Page
+{
+    ...
+    Double NavViewCompactModeThresholdWidth{ get; };
+}
+
+// pch.h
+...
+#include &lt;winrt/Microsoft.UI.Xaml.Interop.h&gt;
+#include &lt;winrt/Microsoft.UI.Xaml.Media.Animation.h&gt;
+
+
+// MainPage.h
+#pragma once
+
+#include "MainPage.g.h"
+
+namespace muxc
+{
+    using namespace winrt::Microsoft::UI::Xaml::Controls;
+};
+
+namespace winrt::NavigationViewDemo::implementation
+{
+    struct MainPage : MainPageT&lt;MainPage&gt;
+    {
+        MainPage();
+
+        double NavViewCompactModeThresholdWidth();
+        void ContentFrame_NavigationFailed(
+            Windows::Foundation::IInspectable const&amp; /* sender */,
+            Microsoft::UI::Xaml::Navigation::NavigationFailedEventArgs const&amp; args);
+        void NavView_Loaded(
+            Windows::Foundation::IInspectable const&amp; /* sender */,
+            Microsoft::UI::Xaml::RoutedEventArgs const&amp; /* args */);
+        void NavView_ItemInvoked(
+            Windows::Foundation::IInspectable const&amp; /* sender */,
+            muxc::NavigationViewItemInvokedEventArgs const&amp; args);
+
+        // NavView_SelectionChanged is not used in this example, but is shown for completeness.
+        // You'll typically handle either ItemInvoked or SelectionChanged to perform navigation,
+        // but not both.
+        void NavView_SelectionChanged(
+            muxc::NavigationView const&amp; /* sender */,
+            muxc::NavigationViewSelectionChangedEventArgs const&amp; args);
+        void NavView_Navigate(
+            Windows::UI::Xaml::Interop::TypeName navPageType,
+            Microsoft::UI::Xaml::Media::Animation::NavigationTransitionInfo const&amp; transitionInfo);
+        void NavView_BackRequested(
+            muxc::NavigationView const&amp; /* sender */,
+            muxc::NavigationViewBackRequestedEventArgs const&amp; /* args */);
+        void On_Navigated(
+            Windows::Foundation::IInspectable const&amp; /* sender */,
+            Microsoft::UI::Xaml::Navigation::NavigationEventArgs const&amp; args);
+        bool TryGoBack();
+
+    private:
+
+    };
+}
+
+namespace winrt::NavigationViewDemo::factory_implementation
+{
+    struct MainPage : MainPageT&lt;MainPage, implementation::MainPage&gt;
+    {
+    };
+}
+
+// MainPage.cpp
+#include "pch.h"
+#include "MainPage.xaml.h"
+#if __has_include("MainPage.g.cpp")
+#include "MainPage.g.cpp"
+#endif
+
+using namespace winrt;
+using namespace Microsoft::UI::Xaml;
+
+namespace winrt::NavigationViewDemo::implementation
+{
+    MainPage::MainPage()
+    {
+        InitializeComponent();
+    }
+
+    double MainPage::NavViewCompactModeThresholdWidth()
+    {
+        return NavView().CompactModeThresholdWidth();
+    }
+
+    void MainPage::ContentFrame_NavigationFailed(
+        Windows::Foundation::IInspectable const&amp; /* sender */,
+        Microsoft::UI::Xaml::Navigation::NavigationFailedEventArgs const&amp; args)
+    {
+        throw winrt::hresult_error(
+            E_FAIL, winrt::hstring(L"Failed to load Page ") + args.SourcePageType().Name);
+    }
+
+    void MainPage::NavView_Loaded(
+        Windows::Foundation::IInspectable const&amp; /* sender */,
+        Microsoft::UI::Xaml::RoutedEventArgs const&amp; /* args */)
+    {
+        // You can also add items in code.
+        NavView().MenuItems().Append(muxc::NavigationViewItemSeparator());
+        muxc::NavigationViewItem navigationViewItem;
+        navigationViewItem.Content(winrt::box_value(L"My content"));
+        navigationViewItem.Icon(muxc::SymbolIcon(static_cast&lt;muxc::Symbol&gt;(0xF1AD)));
+        navigationViewItem.Tag(winrt::box_value(L"NavigationViewDemo.MyContentPage"));
+        NavView().MenuItems().Append(navigationViewItem);
+
+        // Add handler for ContentFrame navigation.
+        ContentFrame().Navigated({ this, &amp;MainPage::On_Navigated });
+
+        // NavView doesn't load any page by default, so load home page.
+        NavView().SelectedItem(NavView().MenuItems().GetAt(0));
+        // If navigation occurs on SelectionChanged, then this isn't needed.
+        // Because we use ItemInvoked to navigate, we need to call Navigate
+        // here to load the home page.
+        NavView_Navigate(winrt::xaml_typename&lt;NavigationViewDemo::HomePage&gt;(),
+            Microsoft::UI::Xaml::Media::Animation::EntranceNavigationTransitionInfo());
+    }
+
+    void MainPage::NavView_ItemInvoked(
+        Windows::Foundation::IInspectable const&amp; /* sender */,
+        muxc::NavigationViewItemInvokedEventArgs const&amp; args)
+    {
+        if (args.IsSettingsInvoked())
+        {
+            NavView_Navigate(winrt::xaml_typename&lt;NavigationViewDemo::SettingsPage&gt;(),
+                args.RecommendedNavigationTransitionInfo());
+        }
+        else if (args.InvokedItemContainer())
+        {
+            Windows::UI::Xaml::Interop::TypeName pageTypeName;
+            pageTypeName.Name = unbox_value&lt;hstring&gt;(args.InvokedItemContainer().Tag());
+            pageTypeName.Kind = Windows::UI::Xaml::Interop::TypeKind::Primitive;
+            NavView_Navigate(pageTypeName, args.RecommendedNavigationTransitionInfo());
+        }
+    }
+
+    // NavView_SelectionChanged is not used in this example, but is shown for completeness.
+    // You will typically handle either ItemInvoked or SelectionChanged to perform navigation,
+    // but not both.
+    void MainPage::NavView_SelectionChanged(
+        muxc::NavigationView const&amp; /* sender */,
+        muxc::NavigationViewSelectionChangedEventArgs const&amp; args)
+    {
+        if (args.IsSettingsSelected())
+        {
+            NavView_Navigate(winrt::xaml_typename&lt;NavigationViewDemo::SettingsPage&gt;(),
+                args.RecommendedNavigationTransitionInfo());
+        }
+        else if (args.SelectedItemContainer())
+        {
+            Windows::UI::Xaml::Interop::TypeName pageTypeName;
+            pageTypeName.Name = unbox_value&lt;hstring&gt;(args.SelectedItemContainer().Tag());
+            pageTypeName.Kind = Windows::UI::Xaml::Interop::TypeKind::Primitive;
+            NavView_Navigate(pageTypeName, args.RecommendedNavigationTransitionInfo());
+        }
+    }
+
+    void MainPage::NavView_Navigate(
+        Windows::UI::Xaml::Interop::TypeName navPageType,
+        Microsoft::UI::Xaml::Media::Animation::NavigationTransitionInfo const&amp; transitionInfo)
+    {
+        // Get the page type before navigation so you can prevent duplicate
+        // entries in the backstack.
+        Windows::UI::Xaml::Interop::TypeName preNavPageType =
+            ContentFrame().CurrentSourcePageType();
+
+        // Navigate only if the selected page isn't currently loaded.
+        if (navPageType.Name != L"" &amp;&amp; preNavPageType.Name != navPageType.Name)
+        {
+            ContentFrame().Navigate(navPageType, nullptr, transitionInfo);
+        }
+    }
+
+    void MainPage::NavView_BackRequested(
+        muxc::NavigationView const&amp; /* sender */,
+        muxc::NavigationViewBackRequestedEventArgs const&amp; /* args */)
+    {
+        TryGoBack();
+    }
+
+    bool MainPage::TryGoBack()
+    {
+        if (!ContentFrame().CanGoBack())
+            return false;
+        // Don't go back if the nav pane is overlayed.
+        if (NavView().IsPaneOpen() &amp;&amp;
+            (NavView().DisplayMode() == muxc::NavigationViewDisplayMode::Compact ||
+                NavView().DisplayMode() == muxc::NavigationViewDisplayMode::Minimal))
+            return false;
+        ContentFrame().GoBack();
+        return true;
+    }
+
+    void MainPage::On_Navigated(
+        Windows::Foundation::IInspectable const&amp; /* sender */,
+        Microsoft::UI::Xaml::Navigation::NavigationEventArgs const&amp; args)
+    {
+        NavView().IsBackEnabled(ContentFrame().CanGoBack());
+
+        if (ContentFrame().SourcePageType().Name ==
+            winrt::xaml_typename&lt;NavigationViewDemo::SettingsPage&gt;().Name)
+        {
+            // SettingsItem is not part of NavView.MenuItems, and doesn't have a Tag.
+            NavView().SelectedItem(NavView().SettingsItem().as&lt;muxc::NavigationViewItem&gt;());
+            NavView().Header(winrt::box_value(L"Settings"));
+        }
+        else if (ContentFrame().SourcePageType().Name != L"")
+        {
+            for (auto&amp;&amp; eachMenuItem : NavView().MenuItems())
+            {
+                auto navigationViewItem =
+                    eachMenuItem.try_as&lt;muxc::NavigationViewItem&gt;();
+                {
+                    if (navigationViewItem)
+                    {
+                        winrt::hstring hstringValue =
+                            winrt::unbox_value_or&lt;winrt::hstring&gt;(
+                                navigationViewItem.Tag(), L"");
+                        if (hstringValue == ContentFrame().SourcePageType().Name)
+                        {
+                            NavView().SelectedItem(navigationViewItem);
+                            NavView().Header(navigationViewItem.Content());
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+</code></pre>
+<h2 id="hierarchical-navigation">Hierarchical navigation</h2>
+<p>Some apps may have a more complex hierarchical structure that requires more than just a flat list of navigation items. You may want to use top-level navigation items to display categories of pages, with children items displaying specific pages. It is also useful if you have hub-style pages that only link to other pages. For these kinds of cases, you should create a hierarchical NavigationView.</p>
+<p>To show a hierarchical list of nested navigation items in the pane, use either the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitem.menuitems" data-linktype="absolute-path">MenuItems</a> property or the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitem.menuitemssource" data-linktype="absolute-path">MenuItemsSource</a> property of <strong>NavigationViewItem</strong>. Each NavigationViewItem can contain other NavigationViewItems and organizing elements like item headers and separators. To show a hierarchical list when using <code>MenuItemsSource</code>, set the <code>ItemTemplate</code> to be a NavigationViewItem, and bind its <code>MenuItemsSource</code> property to the next level of the hierarchy.</p>
+<p>Although NavigationViewItem can contain any number of nested levels, we recommend keeping your app's navigation hierarchy shallow. We believe two levels is ideal for usability and comprehension.</p>
+<p>NavigationView shows hierarchy in <code>Top</code>, <code>Left</code>, and <code>LeftCompact</code> pane display modes. Here is what an expanded subtree looks like in each of the pane display modes:</p>
+<p><img src="images/navigation-view-hierarchy-labeled.png" alt="NavigationView with Hierarchy" data-linktype="relative-path"></p>
+<h3 id="adding-a-hierarchy-of-items-in-markup">Adding a hierarchy of items in markup</h3>
+<p>This example shows how to declare hierarchical app navigation in XAML markup.</p>
+<pre><code class="lang-xaml">&lt;NavigationView&gt;
+    &lt;NavigationView.MenuItems&gt;
+        &lt;NavigationViewItem Content="Home" Icon="Home" ToolTipService.ToolTip="Home"/&gt;
+        &lt;NavigationViewItem Content="Collections" Icon="Keyboard" ToolTipService.ToolTip="Collections"&gt;
+            &lt;NavigationViewItem.MenuItems&gt;
+                &lt;NavigationViewItem Content="Notes" Icon="Page" ToolTipService.ToolTip="Notes"/&gt;
+                &lt;NavigationViewItem Content="Mail" Icon="Mail" ToolTipService.ToolTip="Mail"/&gt;
+            &lt;/NavigationViewItem.MenuItems&gt;
+        &lt;/NavigationViewItem&gt;
+    &lt;/NavigationView.MenuItems&gt;
+&lt;/NavigationView&gt;
+</code></pre>
+<h3 id="adding-a-hierarchy-of-items-using-data-binding">Adding a hierarchy of items using data binding</h3>
+<p>Add a hierarchy of menu items to the NavigationView by</p>
+<ul>
+<li>binding the MenuItemsSource property to the hierarchical data</li>
+<li>defining the item template to be a NavigationViewMenuItem, with its Content set to be the label of the menu item, and its MenuItemsSource property bound to the next level of the hierarchy</li>
+</ul>
+<p>This example also demonstrates the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.expanding" data-linktype="absolute-path">Expanding</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.collapsed" data-linktype="absolute-path">Collapsed</a> events. These events are raised for a menu item with children.</p>
+<pre><code class="lang-xaml">&lt;Page ... &gt;
+    &lt;Page.Resources&gt;
+        &lt;DataTemplate x:Key="NavigationViewMenuItem" x:DataType="local:Category"&gt;
+            &lt;NavigationViewItem Content="{x:Bind Name}" MenuItemsSource="{x:Bind Children}"/&gt;
+        &lt;/DataTemplate&gt;
+    &lt;/Page.Resources&gt;
+
+    &lt;Grid&gt;
+        &lt;NavigationView x:Name="navview"
+    MenuItemsSource="{x:Bind Categories, Mode=OneWay}"
+    MenuItemTemplate="{StaticResource NavigationViewMenuItem}"
+    ItemInvoked="{x:Bind OnItemInvoked}"
+    Expanding="OnItemExpanding"
+    Collapsed="OnItemCollapsed"
+    PaneDisplayMode="Left"&gt;
+            &lt;StackPanel Margin="10,10,0,0"&gt;
+                &lt;TextBlock Margin="0,10,0,0" x:Name="ExpandingItemLabel" Text="Last Expanding: N/A"/&gt;
+                &lt;TextBlock x:Name="CollapsedItemLabel" Text="Last Collapsed: N/A"/&gt;
+            &lt;/StackPanel&gt;
+        &lt;/NavigationView&gt;
+    &lt;/Grid&gt;
+&lt;/Page&gt;
+</code></pre>
+<pre><code class="lang-csharp">public class Category
+{
+    public String Name { get; set; }
+    public String CategoryIcon { get; set; }
+    public ObservableCollection&lt;Category&gt; Children { get; set; }
+}
+
+public sealed partial class HierarchicalNavigationViewDataBinding : Page
+{
+    public HierarchicalNavigationViewDataBinding()
+    {
+        this.InitializeComponent();
+    }
+
+    public ObservableCollection&lt;Category&gt; Categories = new ObservableCollection&lt;Category&gt;()
+    {
+        new Category(){
+            Name = "Menu item 1",
+            CategoryIcon = "Icon",
+            Children = new ObservableCollection&lt;Category&gt;() {
+                new Category(){
+                    Name = "Menu item 2",
+                    CategoryIcon = "Icon",
+                    Children = new ObservableCollection&lt;Category&gt;() {
+                        new Category() {
+                            Name  = "Menu item 3",
+                            CategoryIcon = "Icon",
+                            Children = new ObservableCollection&lt;Category&gt;() {
+                                new Category() { Name  = "Menu item 4", CategoryIcon = "Icon" },
+                                new Category() { Name  = "Menu item 5", CategoryIcon = "Icon" }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        new Category(){
+            Name = "Menu item 6",
+            CategoryIcon = "Icon",
+            Children = new ObservableCollection&lt;Category&gt;() {
+                new Category(){
+                    Name = "Menu item 7",
+                    CategoryIcon = "Icon",
+                    Children = new ObservableCollection&lt;Category&gt;() {
+                        new Category() { Name  = "Menu item 8", CategoryIcon = "Icon" },
+                        new Category() { Name  = "Menu item 9", CategoryIcon = "Icon" }
+                    }
+                }
+            }
+        },
+        new Category(){ Name = "Menu item 10", CategoryIcon = "Icon" }
+    };
+
+    private void OnItemInvoked(object sender, NavigationViewItemInvokedEventArgs e)
+    {
+        var clickedItem = e.InvokedItem;
+        var clickedItemContainer = e.InvokedItemContainer;
+    }
+    private void OnItemExpanding(object sender, NavigationViewItemExpandingEventArgs e)
+    {
+        var nvib = e.ExpandingItemContainer;
+        var name = "Last expanding: " + nvib.Content.ToString();
+        ExpandingItemLabel.Text = name;
+    }
+    private void OnItemCollapsed(object sender, NavigationViewItemCollapsedEventArgs e)
+    {
+        var nvib = e.CollapsedItemContainer;
+        var name = "Last collapsed: " + nvib.Content;
+        CollapsedItemLabel.Text = name;
+    }
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">// Category.idl
+namespace HierarchicalNavigationViewDataBinding
+{
+    runtimeclass Category
+    {
+        String Name;
+        String CategoryIcon;
+        Windows.Foundation.Collections.IObservableVector&lt;Category&gt; Children;
+    }
+}
+
+// Category.h
+#pragma once
+#include "Category.g.h"
+
+namespace winrt::HierarchicalNavigationViewDataBinding::implementation
+{
+    struct Category : CategoryT&lt;Category&gt;
+    {
+        Category();
+        Category(winrt::hstring name,
+            winrt::hstring categoryIcon,
+            Windows::Foundation::Collections::
+                IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; children);
+
+        winrt::hstring Name();
+        void Name(winrt::hstring const&amp; value);
+        winrt::hstring CategoryIcon();
+        void CategoryIcon(winrt::hstring const&amp; value);
+        Windows::Foundation::Collections::
+            IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; Children();
+        void Children(Windows::Foundation::Collections:
+            IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; const&amp; value);
+
+    private:
+        winrt::hstring m_name;
+        winrt::hstring m_categoryIcon;
+        Windows::Foundation::Collections::
+            IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; m_children;
+    };
+}
+
+// Category.cpp
+#include "pch.h"
+#include "Category.h"
+#include "Category.g.cpp"
+
+namespace winrt::HierarchicalNavigationViewDataBinding::implementation
+{
+    Category::Category()
+    {
+        m_children = winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    }
+
+    Category::Category(
+        winrt::hstring name,
+        winrt::hstring categoryIcon,
+        Windows::Foundation::Collections::
+            IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; children)
+    {
+        m_name = name;
+        m_categoryIcon = categoryIcon;
+        m_children = children;
+    }
+
+    hstring Category::Name()
+    {
+        return m_name;
+    }
+
+    void Category::Name(hstring const&amp; value)
+    {
+        m_name = value;
+    }
+
+    hstring Category::CategoryIcon()
+    {
+        return m_categoryIcon;
+    }
+
+    void Category::CategoryIcon(hstring const&amp; value)
+    {
+        m_categoryIcon = value;
+    }
+
+    Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt;
+        Category::Children()
+    {
+        return m_children;
+    }
+
+    void Category::Children(
+        Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt;
+            const&amp; value)
+    {
+        m_children = value;
+    }
+}
+
+// MainPage.idl
+import "Category.idl";
+
+namespace HierarchicalNavigationViewDataBinding
+{
+    [default_interface]
+    runtimeclass MainPage : Microsoft.UI.Xaml.Controls.Page
+    {
+        MainPage();
+        Windows.Foundation.Collections.IObservableVector&lt;Category&gt; Categories{ get; };
+    }
+}
+
+// MainPage.h
+#pragma once
+
+#include "MainPage.g.h"
+
+namespace muxc
+{
+    using namespace winrt::Microsoft::UI::Xaml::Controls;
+};
+
+namespace winrt::HierarchicalNavigationViewDataBinding::implementation
+{
+    struct MainPage : MainPageT&lt;MainPage&gt;
+    {
+        MainPage();
+
+        Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt;
+            Categories();
+
+        void OnItemInvoked(muxc::NavigationView const&amp; sender, muxc::NavigationViewItemInvokedEventArgs const&amp; args);
+        void OnItemExpanding(
+            muxc::NavigationView const&amp; sender,
+            muxc::NavigationViewItemExpandingEventArgs const&amp; args);
+        void OnItemCollapsed(
+            muxc::NavigationView const&amp; sender,
+            muxc::NavigationViewItemCollapsedEventArgs const&amp; args);
+
+    private:
+        Windows::Foundation::Collections::
+            IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; m_categories;
+    };
+}
+
+namespace winrt::HierarchicalNavigationViewDataBinding::factory_implementation
+{
+    struct MainPage : MainPageT&lt;MainPage, implementation::MainPage&gt;
+    {
+    };
+}
+
+// MainPage.cpp
+#include "pch.h"
+#include "MainPage.h"
+#include "MainPage.g.cpp"
+
+#include "Category.h"
+
+namespace winrt::HierarchicalNavigationViewDataBinding::implementation
+{
+    MainPage::MainPage()
+    {
+        InitializeComponent();
+
+        m_categories =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+
+        auto menuItem10 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 10", L"Icon", nullptr);
+
+        auto menuItem9 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 9", L"Icon", nullptr);
+        auto menuItem8 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 8", L"Icon", nullptr);
+        auto menuItem7Children =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+        menuItem7Children.Append(*menuItem9);
+        menuItem7Children.Append(*menuItem8);
+
+        auto menuItem7 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 7", L"Icon", menuItem7Children);
+        auto menuItem6Children =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+        menuItem6Children.Append(*menuItem7);
+
+        auto menuItem6 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 6", L"Icon", menuItem6Children);
+
+        auto menuItem5 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 5", L"Icon", nullptr);
+        auto menuItem4 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 4", L"Icon", nullptr);
+        auto menuItem3Children =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+        menuItem3Children.Append(*menuItem5);
+        menuItem3Children.Append(*menuItem4);
+
+        auto menuItem3 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 3", L"Icon", menuItem3Children);
+        auto menuItem2Children =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+        menuItem2Children.Append(*menuItem3);
+
+        auto menuItem2 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 2", L"Icon", menuItem2Children);
+        auto menuItem1Children =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+        menuItem1Children.Append(*menuItem2);
+
+        auto menuItem1 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 1", L"Icon", menuItem1Children);
+
+        m_categories.Append(*menuItem1);
+        m_categories.Append(*menuItem6);
+        m_categories.Append(*menuItem10);
+    }
+
+    Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt;
+        MainPage::Categories()
+    {
+        return m_categories;
+    }
+
+    void MainPage::OnItemInvoked(
+        muxc::NavigationView const&amp; /* sender */,
+        muxc::NavigationViewItemInvokedEventArgs const&amp; args)
+    {
+        auto clickedItem = args.InvokedItem();
+        auto clickedItemContainer = args.InvokedItemContainer();
+    }
+
+    void MainPage::OnItemExpanding(
+        muxc::NavigationView const&amp; /* sender */,
+        muxc::NavigationViewItemExpandingEventArgs const&amp; args)
+    {
+        auto nvib = args.ExpandingItemContainer();
+        auto name = L"Last expanding: " + winrt::unbox_value&lt;winrt::hstring&gt;(nvib.Content());
+        ExpandingItemLabel().Text(name);
+    }
+
+    void MainPage::OnItemCollapsed(
+        muxc::NavigationView const&amp; /* sender */,
+        muxc::NavigationViewItemCollapsedEventArgs const&amp; args)
+    {
+        auto nvib = args.CollapsedItemContainer();
+        auto name = L"Last collapsed: " + winrt::unbox_value&lt;winrt::hstring&gt;(nvib.Content());
+        CollapsedItemLabel().Text(name);
+    }
+}
+</code></pre>
+<h3 id="selection">Selection</h3>
+<p>By default, any item can contain children, be invoked, or be selected.</p>
+<p>When providing users with a hierarchical tree of navigation options, you may choose to make parent items non-selectable, for example when your app doesn't have a destination page associated with that parent item. If your parent items <em>are</em> selectable, it's recommend you use the Left-Expanded or Top pane display modes. LeftCompact mode will cause the user to navigate to the parent item in order to open the child subtree every time it's invoked.</p>
+<p>Selected items will draw their selection indicators along their left edge when in left mode or their bottom edge when in top mode. Shown below are NavigationViews in left and top mode where a parent item is selected.</p>
+<p><img src="images/navigation-view-selection.png" alt="NavigationView in left-mode with parent selected" data-linktype="relative-path"></p>
+<p><img src="images/navigation-view-selection-top.png" alt="NavigationView in top-mode with parent selected" data-linktype="relative-path"></p>
+<p>The selected item may not always remain visible. If a child in a collapsed/non-expanded subtree is selected, their first visible ancestor will show as selected. The selection indicator will move back to the selected item if/when the sub-tree is expanded.</p>
+<p>For example - in the above image, the Calendar item may be selected by the user, and then the user may collapse its subtree. In this case, the selection indicator would show up underneath the Account item as Account is Calendar's first visible ancestor. The selection indicator will move back to the Calendar item as the user expands the subtree again.</p>
+<p>The entire NavigationView will show no more than one selection indicator.</p>
+<p>In both Top and Left modes, clicking the arrows on NavigationViewItems will expand or collapse the subtree. Clicking or tapping
+<em>elsewhere</em> on the NavigationViewItem will trigger the <code>ItemInvoked</code> event, and it will also collapse or expand the subtree.</p>
+<p>To prevent an item from showing the selection indicator when invoked, set its <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitem.selectsoninvoked" data-linktype="absolute-path">SelectsOnInvoked</a> property to False, as shown below:</p>
+<pre><code class="lang-xaml">&lt;Page ...&gt;
+    &lt;Page.Resources&gt;
+        &lt;DataTemplate x:Key="NavigationViewMenuItem" x:DataType="local:Category"&gt;
+            &lt;NavigationViewItem Content="{x:Bind Name}"
+            MenuItemsSource="{x:Bind Children}"
+            SelectsOnInvoked="{x:Bind IsLeaf}"/&gt;
+        &lt;/DataTemplate&gt;
+    &lt;/Page.Resources&gt;
+
+    &lt;Grid&gt;
+        &lt;NavigationView x:Name="navview"
+    MenuItemsSource="{x:Bind Categories, Mode=OneWay}"
+    MenuItemTemplate="{StaticResource NavigationViewMenuItem}"&gt;
+        &lt;/NavigationView&gt;
+    &lt;/Grid&gt;
+&lt;/Page&gt;
+</code></pre>
+<pre><code class="lang-csharp">public class Category
+{
+    public String Name { get; set; }
+    public String CategoryIcon { get; set; }
+    public ObservableCollection&lt;Category&gt; Children { get; set; }
+    public bool IsLeaf { get; set; }
+}
+
+public sealed partial class HierarchicalNavigationViewDataBinding : Page
+{
+    public HierarchicalNavigationViewDataBinding()
+    {
+        this.InitializeComponent();
+    }
+
+    public ObservableCollection&lt;Category&gt; Categories = new ObservableCollection&lt;Category&gt;()
+    {
+        new Category(){
+            Name = "Menu item 1",
+            CategoryIcon = "Icon",
+            Children = new ObservableCollection&lt;Category&gt;() {
+                new Category(){
+                    Name = "Menu item 2",
+                    CategoryIcon = "Icon",
+                    Children = new ObservableCollection&lt;Category&gt;() {
+                        new Category() {
+                            Name  = "Menu item 3",
+                            CategoryIcon = "Icon",
+                            Children = new ObservableCollection&lt;Category&gt;() {
+                                new Category() { Name  = "Menu item 4", CategoryIcon = "Icon", IsLeaf = true },
+                                new Category() { Name  = "Menu item 5", CategoryIcon = "Icon", IsLeaf = true }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        new Category(){
+            Name = "Menu item 6",
+            CategoryIcon = "Icon",
+            Children = new ObservableCollection&lt;Category&gt;() {
+                new Category(){
+                    Name = "Menu item 7",
+                    CategoryIcon = "Icon",
+                    Children = new ObservableCollection&lt;Category&gt;() {
+                        new Category() { Name  = "Menu item 8", CategoryIcon = "Icon", IsLeaf = true },
+                        new Category() { Name  = "Menu item 9", CategoryIcon = "Icon", IsLeaf = true }
+                    }
+                }
+            }
+        },
+        new Category(){ Name = "Menu item 10", CategoryIcon = "Icon", IsLeaf = true }
+    };
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">// Category.idl
+namespace HierarchicalNavigationViewDataBinding
+{
+    runtimeclass Category
+    {
+        ...
+        Boolean IsLeaf;
+    }
+}
+
+// Category.h
+...
+struct Category : CategoryT&lt;Category&gt;
+{
+    ...
+    Category(winrt::hstring name,
+        winrt::hstring categoryIcon,
+        Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; children,
+        bool isleaf = false);
+    ...
+    bool IsLeaf();
+    void IsLeaf(bool value);
+
+private:
+    ...
+    bool m_isleaf;
+};
+
+// Category.cpp
+...
+Category::Category(winrt::hstring name,
+    winrt::hstring categoryIcon,
+    Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; children,
+    bool isleaf) : m_name(name), m_categoryIcon(categoryIcon), m_children(children), m_isleaf(isleaf) {}
+...
+bool Category::IsLeaf()
+{
+    return m_isleaf;
+}
+
+void Category::IsLeaf(bool value)
+{
+    m_isleaf = value;
+}
+
+// MainPage.h and MainPage.cpp
+// Delete OnItemInvoked, OnItemExpanding, and OnItemCollapsed.
+
+// MainPage.cpp
+...
+MainPage::MainPage()
+{
+    InitializeComponent();
+
+    m_categories = winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+
+    auto menuItem10 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 10", L"Icon", nullptr, true);
+
+    auto menuItem9 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 9", L"Icon", nullptr, true);
+    auto menuItem8 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 8", L"Icon", nullptr, true);
+    auto menuItem7Children =
+        winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    menuItem7Children.Append(*menuItem9);
+    menuItem7Children.Append(*menuItem8);
+
+    auto menuItem7 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 7", L"Icon", menuItem7Children);
+    auto menuItem6Children =
+        winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    menuItem6Children.Append(*menuItem7);
+
+    auto menuItem6 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 6", L"Icon", menuItem6Children);
+
+    auto menuItem5 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 5", L"Icon", nullptr, true);
+    auto menuItem4 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 4", L"Icon", nullptr, true);
+    auto menuItem3Children =
+        winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    menuItem3Children.Append(*menuItem5);
+    menuItem3Children.Append(*menuItem4);
+
+    auto menuItem3 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 3", L"Icon", menuItem3Children);
+    auto menuItem2Children =
+        winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    menuItem2Children.Append(*menuItem3);
+
+    auto menuItem2 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 2", L"Icon", menuItem2Children);
+    auto menuItem1Children =
+        winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    menuItem1Children.Append(*menuItem2);
+
+    auto menuItem1 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 1", L"Icon", menuItem1Children);
+
+    m_categories.Append(*menuItem1);
+    m_categories.Append(*menuItem6);
+    m_categories.Append(*menuItem10);
+}
+...
+</code></pre>
+<h3 id="keyboarding-within-hierarchical-navigationview">Keyboarding within hierarchical NavigationView</h3>
+<p>Users can move focus around the NavigationView using their <a href="../../input/keyboard-interactions" data-linktype="relative-path">keyboard</a>.
+The arrow keys expose "inner navigation" within the pane and follow the interactions provided in <a href="tree-view" data-linktype="relative-path">tree view</a>. The key actions change when navigating through the NavigationView or its flyout menu, which is displayed in Top and Left-compact modes of HierarchicalNavigationView. Below are the specific actions that each key can take in a hierarchical NavigationView:</p>
+<table>
+<thead>
+<tr>
+<th>Key</th>
+<th>In Left Mode</th>
+<th>In Top Mode</th>
+<th>In Flyout</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Up</td>
+<td>Moves focus to the item directly above the item currently in focus.</td>
+<td>Does nothing.</td>
+<td>Moves focus to the item directly above the item currently in focus.</td>
+</tr>
+<tr>
+<td>Down</td>
+<td>Moves focus directly below the item currently in focus.*</td>
+<td>Does nothing.</td>
+<td>Moves focus directly below the item currently in focus.*</td>
+</tr>
+<tr>
+<td>Right</td>
+<td>Does nothing.</td>
+<td>Moves focus to the item directly to the right of the item currently in focus.</td>
+<td>Does nothing.</td>
+</tr>
+<tr>
+<td>Left</td>
+<td>Does nothing.</td>
+<td>Moves focus to the item directly to the left the item currently in focus.</td>
+<td>Does nothing.</td>
+</tr>
+<tr>
+<td>Space/Enter</td>
+<td>If item has children, expands/collapses item and does not change focus.</td>
+<td>If item has children, expands children into a flyout and places focus on first item in flyout.</td>
+<td>Invokes/selects item and closes flyout.</td>
+</tr>
+<tr>
+<td>Esc</td>
+<td>Does nothing.</td>
+<td>Does nothing.</td>
+<td>Closes flyout.</td>
+</tr>
+</tbody>
+</table>
+<p>The space or enter key always invokes/selects an item.</p>
+<p>*Note that the items do not need to be visually adjacent, focus will move from the last item in the pane's list to the settings item.</p>
+<h2 id="navigationview-customization">NavigationView customization</h2>
+<h3 id="pane-backgrounds">Pane Backgrounds</h3>
+<p>By default, the NavigationView pane uses a different background depending on the display mode:</p>
+<ul>
+<li>the pane is a solid grey color when expanded on the left, side-by-side with the content (in Left mode).</li>
+<li>the pane uses in-app acrylic when open as an overlay on top of content (in Top, Minimal, or Compact mode).</li>
+</ul>
+<p>To modify the pane background, you can override the XAML theme resources used to render the background in each mode. (This technique is used rather than a single PaneBackground property in order to support different backgrounds for different display modes.)</p>
+<p>This table shows which theme resource is used in each display mode.</p>
+<table>
+<thead>
+<tr>
+<th>Display mode</th>
+<th>Theme resource</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Left</td>
+<td>NavigationViewExpandedPaneBackground</td>
+</tr>
+<tr>
+<td>LeftCompact<br>LeftMinimal</td>
+<td>NavigationViewDefaultPaneBackground</td>
+</tr>
+<tr>
+<td>Top</td>
+<td>NavigationViewTopPaneBackground</td>
+</tr>
+</tbody>
+</table>
+<p>This example shows how to override the theme resources in App.xaml. When you override theme resources, you should always provide "Default" and "HighContrast" resource dictionaries at a minimum, and dictionaries for "Light" or "Dark" resources as needed. For more info, see <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.resourcedictionary.themedictionaries" data-linktype="absolute-path">ResourceDictionary.ThemeDictionaries</a>.</p>
+<h3 id="top-whitespace">Top whitespace</h3>
+<p>Apps that <a href="../../title-bar" data-linktype="relative-path">customize their window's title bar</a> often extend content into the title bar area. When NavigationView is used alongside a custom title bar, you need to ensure its interactive elements (back button, pane toggle) don't overlap with the title bar's drag region.</p>
+<h4 id="using-the-titlebar-control-recommended">Using the TitleBar control (recommended)</h4>
+<p>The recommended approach is to place a <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.titlebar" data-linktype="absolute-path">TitleBar</a> control above the NavigationView, and let the TitleBar handle the back button and pane toggle. This is the pattern used by the <a href="https://github.com/Microsoft/WinUI-Gallery" data-linktype="external">WinUI 3 Gallery</a> app.</p>
+<p>Because the TitleBar control owns the back button and pane toggle button, you should hide NavigationView's built-in versions by setting <code>IsBackButtonVisible="Collapsed"</code> and <code>IsPaneToggleButtonVisible="False"</code>. The TitleBar then forwards those interactions to the NavigationView through event handlers:</p>
+<pre><code class="lang-xaml">&lt;Grid&gt;
+    &lt;Grid.RowDefinitions&gt;
+        &lt;RowDefinition Height="Auto" /&gt;
+        &lt;RowDefinition Height="*" /&gt;
+    &lt;/Grid.RowDefinitions&gt;
+
+    &lt;TitleBar x:Name="titleBar"
+              Title="My App"
+              IsPaneToggleButtonVisible="True"
+              PaneToggleRequested="TitleBar_PaneToggleRequested"
+              IsBackButtonVisible="{x:Bind contentFrame.CanGoBack, Mode=OneWay}"
+              BackRequested="TitleBar_BackRequested" /&gt;
+
+    &lt;NavigationView x:Name="NavView"
+                    Grid.Row="1"
+                    IsBackButtonVisible="Collapsed"
+                    IsPaneToggleButtonVisible="False"
+                    DisplayModeChanged="NavView_DisplayModeChanged"&gt;
+        &lt;Frame x:Name="contentFrame" /&gt;
+    &lt;/NavigationView&gt;
+&lt;/Grid&gt;
+</code></pre>
+<p>In your code-behind, extend the content into the title bar, assign the TitleBar control, and wire up the event handlers that connect the TitleBar buttons to the NavigationView:</p>
+<pre><code class="lang-csharp">this.ExtendsContentIntoTitleBar = true;
+this.SetTitleBar(titleBar);
+</code></pre>
+<pre><code class="lang-csharp">// Toggle the NavigationView pane open or closed when the TitleBar button is clicked.
+private void TitleBar_PaneToggleRequested(TitleBar sender, object args)
+{
+    NavView.IsPaneOpen = !NavView.IsPaneOpen;
+}
+
+// Navigate back when the TitleBar back button is clicked.
+private void TitleBar_BackRequested(TitleBar sender, object args)
+{
+    if (contentFrame.CanGoBack)
+    {
+        contentFrame.GoBack();
+    }
+}
+
+// Hide the pane toggle button in the TitleBar when NavigationView switches to Top mode,
+// since the pane isn't applicable in that layout.
+private void NavView_DisplayModeChanged(NavigationView sender,
+    NavigationViewDisplayModeChangedEventArgs args)
+{
+    titleBar.IsPaneToggleButtonVisible =
+        sender.PaneDisplayMode != NavigationViewPaneDisplayMode.Top;
+}
+</code></pre>
+<p>With this pattern, the TitleBar control manages the drag region and interactive buttons, so NavigationView doesn't need auto-padding.</p>
+<h4 id="using-a-custom-title-bar-element">Using a custom title bar element</h4>
+<p>If you define a custom drag region using <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.window.settitlebar" data-linktype="absolute-path">Window.SetTitleBar</a> with your own UIElement instead of the TitleBar control, NavigationView automatically adds padding to prevent its interactive elements from overlapping the title bar area.</p>
+<p><img src="images/navigation-view-with-titlebar-padding.png" alt="An app extending into the title bar" data-linktype="relative-path"></p>
+<p>If you prefer the back and menu buttons to draw closer to the top of your app window, set <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.istitlebarautopaddingenabled" data-linktype="absolute-path">IsTitleBarAutoPaddingEnabled</a> to <code>false</code>:</p>
+<p><img src="images/navigation-view-no-titlebar-padding.png" alt="App extending into the title bar without extra padding" data-linktype="relative-path"></p>
+<pre><code class="lang-xaml">&lt;NavigationView x:Name="NavView" IsTitleBarAutoPaddingEnabled="False"&gt;
+</code></pre>
+<h4 id="adjusting-the-header-margin">Adjusting the header margin</h4>
+<p>To further adjust the position of NavigationView's header area, override the <em>NavigationViewHeaderMargin</em> XAML theme resource in your Page resources:</p>
+<pre><code class="lang-xaml">&lt;Page.Resources&gt;
+    &lt;Thickness x:Key="NavigationViewHeaderMargin"&gt;12,0&lt;/Thickness&gt;
+&lt;/Page.Resources&gt;
+</code></pre>
+<p>This theme resource modifies the margin around <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.header" data-linktype="absolute-path">NavigationView.Header</a>.</p>
+<h2 id="related-topics">Related topics</h2>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview" data-linktype="absolute-path">NavigationView class</a></li>
+<li><a href="breadcrumbbar" data-linktype="relative-path">BreadcrumbBar</a></li>
+<li><a href="tab-view" data-linktype="relative-path">TabView</a></li>
+<li><a href="split-view" data-linktype="relative-path">SplitView</a></li>
+<li><a href="list-details" data-linktype="relative-path">List/details</a></li>
+<li><a href="../../../design/basics/navigation-basics" data-linktype="relative-path">Navigation basics</a></li>
+<li><a href="../../../design/" data-linktype="relative-path">Fluent Design overview</a></li>
+<li><a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">WinUI 3 Gallery app - source code and samples</a></li>
+</ul>
+</div>
+					
+		<div
+			id="ms--inline-notifications"
+			class="margin-block-xs"
+			data-bi-name="inline-notification"
+		></div>
+	 
+		<div
+			id="assertive-live-region"
+			role="alert"
+			aria-live="assertive"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+		<div
+			id="polite-live-region"
+			role="status"
+			aria-live="polite"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+	
+					
+			
+		<!-- feedback section -->
+		<section
+			class="feedback-section position-relative margin-top-lg border border-radius padding-xxs display-none-print"
+			data-bi-name="open-source-feedback-section"
+			data-open-source-feedback-section
+			hidden
+		>
+			<div class="display-flex flex-direction-column flex-direction-row-tablet">
+				<div
+					class="width-450-tablet padding-inline-xs padding-inline-xs-tablet padding-top-xs padding-bottom-sm padding-top-xs-tablet background-color-body-medium"
+				>
+					<div class="display-flex flex-direction-column">
+						<div class="padding-bottom-xxs">
+							<span class="icon margin-right-xxs" aria-hidden="true">
+								<span class="docon docon-brand-github"></span>
+							</span>
+							<span class="font-weight-semibold">
+								Collaborate with us on GitHub
+							</span>
+						</div>
+						<span class="line-height-normal">
+							The source for this content can be found on GitHub, where you can also create and review issues and pull requests. For more information, see <a href="https://learn.microsoft.com/contribute/content/how-to-write-quick-edits">our contributor guide</a>.
+						</span>
+					</div>
+				</div>
+				<div
+					class="display-flex gap-xs width-full-tablet flex-direction-column padding-xs justify-content-space-evenly"
+				>
+					<div class="media">
+						
+					<div class="media-left">
+						<div class="image image-36x36" hidden data-open-source-image-container>
+							<img
+								class="theme-display is-light"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-light
+							/>
+							<img
+								class="theme-display is-dark is-high-contrast"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-dark
+							/>
+						</div>
+					</div>
+			  
+
+						<div class="media-content">
+							<p
+								class="font-size-xl font-weight-semibold margin-bottom-xxs"
+								data-open-source-product-title
+							>
+								Windows developer
+							</p>
+							<div class="display-flex gap-xs flex-direction-column">
+								<p class="line-height-normal" data-open-source-product-description></p>
+								<div class="display-flex gap-xs flex-direction-column">
+									<a href="#" data-github-link>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-bug"></span>
+										</span>
+										<span>Open a documentation issue</span>
+									</a>
+									<a
+										href="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb"
+										class="display-block margin-top-auto font-size-md"
+										data-feedback-product-url
+									>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-feedback"></span>
+										</span>
+										<span>Provide product feedback</span>
+									</a>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+			
+		<!-- feedback section -->
+		<section
+			id="site-user-feedback-footer"
+			class="font-size-sm margin-top-md display-none-print display-none-desktop"
+			data-test-id="site-user-feedback-footer"
+			data-bi-name="site-feedback-section"
+		>
+			<hr class="hr" />
+			<h2 id="ms--feedback" class="title is-3">Feedback</h2>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="buttons">
+					<button
+						class="thumb-rating-button like button button-primary button-sm"
+						data-test-id="footer-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+						<span>Yes</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike button button-primary button-sm"
+						id="standard-rating-no-button"
+						hidden
+						data-test-id="footer-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+						<span>No</span>
+					</button>
+					<details
+						class="popover popover-top"
+						id="mobile-help-popover"
+						data-test-id="footer-feedback-popover"
+					>
+						<summary
+							class="thumb-rating-button dislike button button-primary button-sm"
+							data-test-id="details-footer-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+							<span>No</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading"
+							aria-describedby="popover-description"
+						>
+							<p id="popover-heading" class="font-size-lg margin-bottom-xxs font-weight-semibold">
+								Need help with this topic?
+							</p>
+							<p id="popover-description" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+		
+				</div>
+				
+		<div id="ms--additional-resources-mobile" class="display-none-print">
+			<hr class="hr" hidden />
+			<h2 id="ms--additional-resources-mobile-heading" class="title is-3" hidden>
+				Additional resources
+			</h2>
+			
+		<section
+			id="right-rail-recommendations-mobile"
+			class=""
+			data-bi-name="recommendations"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-training-mobile"
+			class=""
+			data-bi-name="learning-resource-card"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-events-mobile"
+			class=""
+			data-bi-name="events-card"
+			hidden
+		></section>
+	
+		</div>
+	 
+		<div
+			id="article-metadata-footer"
+			data-bi-name="article-metadata-footer"
+			data-test-id="article-metadata-footer"
+			class="page-metadata-container"
+		>
+			<hr class="hr" />
+			<ul class="metadata page-metadata" data-bi-name="page info" lang="en-us" dir="ltr">
+				<li class="visibility-hidden-visual-diff">
+			<span class="badge badge-sm text-wrap-pretty">
+				<span>Last updated on <local-time format="twoDigitNumeric"
+		datetime="2026-07-15T08:00:00.000Z"
+		data-article-date-source="calculated"
+		class="is-invisible"
+	>
+		2026-07-15
+	</local-time></span>
+			</span>
+		</li>
+			</ul>
+		</div>
+	
+			</div>
+			
+		<div
+			id="action-panel"
+			role="region"
+			aria-label="Action Panel"
+			class="action-panel"
+			tabindex="-1"
+		></div>
+	
+		
+				</main>
+				<aside
+					id="layout-body-aside"
+					class="layout-body-aside  "
+					data-bi-name="aside"
+					aria-label="Additional resources"
+			  >
+					
+		<div
+			id="ms--additional-resources"
+			class="right-container padding-sm display-none display-block-desktop height-full"
+			data-bi-name="pageactions"
+		>
+			<div id="affixed-right-container" data-bi-name="right-column">
+				
+		<nav
+			id="side-doc-outline"
+			class="doc-outline border-bottom padding-bottom-xs margin-bottom-xs scrollbar-width-thin"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h3>In this article</h3>
+		</nav>
+	
+				<!-- Feedback -->
+				
+		<section
+			id="ms--site-user-feedback-right-rail"
+			class="font-size-sm display-none-print"
+			data-test-id="site-user-feedback-right-rail"
+			data-bi-name="site-feedback-right-rail"
+		>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="display-flex flex-wrap-nowrap">
+					<button
+						class="thumb-rating-button like inner-focus"
+						data-test-id="right-rail-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						aria-label="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike inner-focus"
+						id="right-rail-no-button"
+						hidden
+						data-test-id="right-rail-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						aria-label="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+					</button>
+					<details class="popover popover-right" id="help-popover" data-test-id="feedback-popover">
+						<summary
+							tabindex="0"
+							class="thumb-rating-button dislike inner-focus"
+							data-test-id="details-right-rail-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							aria-label="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading-right-rail"
+							aria-describedby="popover-description-right-rail"
+						>
+							<p
+								id="popover-heading-right-rail"
+								class="font-size-lg margin-bottom-xxs font-weight-semibold"
+							>
+								Need help with this topic?
+							</p>
+							<p id="popover-description-right-rail" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+	
+			</div>
+		</div>
+	
+			  </aside> <section
+					id="layout-body-flyout"
+					class="layout-body-flyout "
+					data-bi-name="flyout"
+			  >
+					 <div
+	class="height-full border-left background-color-body-medium"
+	id="ask-learn-flyout"
+></div>
+			  </section> <div class="layout-body-footer " data-bi-name="layout-footer">
+		<footer
+			id="footer"
+			data-test-id="footer"
+			data-bi-name="footer"
+			class="footer-layout padding-xs padding-sm-desktop has-default-focus border-top"
+			role="contentinfo"
+		>
+			<div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
+				
+		<a
+			data-mscc-ic="false"
+			href="#"
+			data-bi-name="select-locale"
+			class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator"
+			id=""
+			title=""
+			><span class="icon" aria-hidden="true"
+				><span class="docon docon-world"></span></span
+			><span class="local-selector-link-text">en-us</span></a
+		>
+	 <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://aka.ms/yourcaliforniaprivacychoices"
+			data-bi-name="your-privacy-choices"
+			class="button button-sm button-clear flex-shrink-0 external-link-indicator"
+			id=""
+			title=""
+			>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 30 14"
+			xml:space="preserve"
+			height="16"
+			width="43"
+			aria-hidden="true"
+			focusable="false"
+		>
+			<path
+				d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
+			></path>
+			<path
+				d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"
+			></path>
+			<path
+				d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"
+				style="fill:#fff"
+			></path>
+			<path
+				d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"
+				style="fill:#06f"
+			></path>
+		</svg>
+	
+			<span>Your Privacy Choices</span></a
+		>
+	
+	</div>
+				<div class="flex-shrink-0">
+		<div class="dropdown has-caret-up">
+			<button
+				data-test-id="theme-selector-button"
+				class="dropdown-trigger button button-clear button-sm inner-focus theme-dropdown-trigger"
+				aria-controls="{{ themeMenuId }}"
+				aria-haspopup="true"
+				aria-expanded="false"
+				data-bi-name="theme"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-sun"></span></span>
+				<span>Theme</span>
+				<span class="icon expanded-indicator" aria-hidden="true">
+					<span class="docon docon-chevron-down-light"></span>
+				</span>
+			</button>
+			<div class="dropdown-menu" id="{{ themeMenuId }}" role="menu">
+				<ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu" role="none">
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="light"
+							tabindex="-1"
+						>
+							<span class="theme-light margin-right-xxs">
+								<span
+									class="theme-selector-icon border display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Light </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="dark"
+							tabindex="-1"
+						>
+							<span class="theme-dark margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Dark </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="high-contrast"
+							tabindex="-1"
+						>
+							<span class="theme-high-contrast margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> High contrast </span>
+						</button>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+			</div>
+			<ul class="links" data-bi-name="footerlinks">
+				<li class="manage-cookies-holder" hidden=""></li>
+				<li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content"
+			data-bi-name="aiDisclaimer"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>AI Disclaimer</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/previous-versions/"
+			data-bi-name="archivelink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Previous Versions</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog"
+			data-bi-name="bloglink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Blog</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/contribute"
+			data-bi-name="contributorGuide"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Contribute</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?LinkId=521839"
+			data-bi-name="privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?linkid=2259814"
+			data-bi-name="consumer-health-privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Consumer Health Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/legal/termsofuse"
+			data-bi-name="termsofuse"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Terms of Use</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/"
+			data-bi-name="trademarks"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Trademarks</a
+		>
+	
+	</li>
+				<li>&copy; Microsoft 2026</li>
+			</ul>
+		</footer>
+	</footer>
+			</body>
+		</html>
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-progress-controls-46c7ddeaae35.html b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-progress-controls-46c7ddeaae35.html
new file mode 100644
index 0000000..e1dc666
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-progress-controls-46c7ddeaae35.html
@@ -0,0 +1,1704 @@
+ <!DOCTYPE html>
+		<html
+			class="layout layout-holy-grail   show-table-of-contents conceptual show-breadcrumb default-focus"
+			lang="en-us"
+			dir="ltr"
+			data-authenticated="false"
+			data-auth-status-determined="false"
+			data-target="docs"
+			x-ms-format-detection="none"
+		>
+			
+		<head>
+			<title>Guidelines for progress controls - Windows apps | Microsoft Learn</title>
+			<meta charset="utf-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta name="color-scheme" content="light dark" />
+
+			<meta name="description" content="A progress control provides feedback to the user that a long-running operation is underway." />
+			<link rel="canonical" href="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/progress-controls" /> 
+
+			<!-- Non-customizable open graph and sharing-related metadata -->
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:site" content="@MicrosoftLearn" />
+			<meta property="og:type" content="website" />
+			<meta property="og:image:alt" content="Microsoft Learn" />
+			<meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
+			<!-- Page specific open graph and sharing-related metadata -->
+			<meta property="og:title" content="Guidelines for progress controls - Windows apps" />
+			<meta property="og:url" content="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/progress-controls" />
+			<meta property="og:description" content="A progress control provides feedback to the user that a long-running operation is underway." />
+			<meta name="platform_id" content="1dc7dbeb-b01b-fe2a-64fd-5e5ffc9616db" /> 
+			<meta name="locale" content="en-us" />
+			 
+			<meta name="uhfHeaderId" content="MSDocsHeader-WinDevCenter" />
+
+			<meta name="page_type" content="conceptual" />
+
+			<!--page specific meta tags-->
+			
+
+			<!-- custom meta tags -->
+			
+		<meta name="ms.service" content="windows-app-sdk" />
+	
+		<meta name="recommendations" content="true" />
+	
+		<meta name="ROBOTS" content="INDEX, FOLLOW" />
+	
+		<meta name="author" content="GrantMeStrength" />
+	
+		<meta name="ms.author" content="jken" />
+	
+		<meta name="Search.Product" content="eADQiWindows 10XVcnh" />
+	
+		<meta name="breadcrumb_path" content="/windows/breadcrumbs/toc.json" />
+	
+		<meta name="feedback_product_url" content="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb" />
+	
+		<meta name="feedback_system" content="OpenSource" />
+	
+		<meta name="ms.subservice" content="apps" />
+	
+		<meta name="ms.update-cycle" content="365-days" />
+	
+		<meta name="ms.assetid" content="FD53B716-C43D-408D-8B07-522BC1F3DF9D" />
+	
+		<meta name="label" content="Progress controls" />
+	
+		<meta name="template" content="detail.hbs" />
+	
+		<meta name="ms.date" content="2026-07-08T00:00:00Z" />
+	
+		<meta name="ms.topic" content="how-to" />
+	
+		<meta name="doc-status" content="Published" />
+	
+		<meta name="ms.localizationpriority" content="medium" />
+	
+		<meta name="document_id" content="b79e9ca4-4662-1cff-aa57-dbe432598caf" />
+	
+		<meta name="document_version_independent_id" content="b79e9ca4-4662-1cff-aa57-dbe432598caf" />
+	
+		<meta name="updated_at" content="2026-07-09T21:43:00Z" />
+	
+		<meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/ui/controls/progress-controls.md" />
+	
+		<meta name="gitcommit" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/7a96f7ce13338210c9d5da7b416979f188a74d16/hub/apps/develop/ui/controls/progress-controls.md" />
+	
+		<meta name="git_commit_id" content="7a96f7ce13338210c9d5da7b416979f188a74d16" />
+	
+		<meta name="site_name" content="Docs" />
+	
+		<meta name="depot_name" content="MSDN.windows-uwp-hub" />
+	
+		<meta name="schema" content="Conceptual" />
+	
+		<meta name="toc_rel" content="../../toc.json" />
+	
+		<meta name="pdf_url_template" content="https://learn.microsoft.com/pdfstore/en-us/MSDN.windows-uwp-hub/{branchName}{pdfName}" />
+	
+		<meta name="feedback_help_link_type" content="" />
+	
+		<meta name="feedback_help_link_url" content="" />
+	
+		<meta name="word_count" content="1229" />
+	
+		<meta name="asset_id" content="apps/develop/ui/controls/progress-controls" />
+	
+		<meta name="moniker_range_name" content="" />
+	
+		<meta name="item_type" content="Content" />
+	
+		<meta name="source_path" content="hub/apps/develop/ui/controls/progress-controls.md" />
+	
+		<meta name="previous_tlsh_hash" content="345D70E1300EB631AAC35E45C6DEED04E3F9B15DACF037900E3B3726B6DA7F7F5F65649AA3466B5603390147093A166E96E4D728D0780377A6182C7C80A49342BB1CA3F3E4" />
+	
+		<meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/ui/controls/progress-controls.md" />
+	
+		<meta name="markdown_url" content="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/progress-controls?accept=text/markdown" />
+	 
+		<meta name="cmProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/cd440f3c-1b78-40a7-97ba-aa00a1d79df7" data-source="generated" />
+	
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/07bb3e10-d135-43ff-bc8b-360497cb39fa" data-source="generated" />
+	
+		<meta name="spProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/c828f7e0-89b4-459c-9bae-d7ab1c4bd9ad" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/12e559b9-eaf6-4aee-9af7-62334e15f863" data-source="generated" />
+	
+
+			<!-- Apply persisted/system theme before first paint to prevent wrong-theme flash when scripts are deferred. -->
+			<script id="theme-preference">
+				(function () {
+			try {
+				var stored = localStorage.getItem('theme');
+				var theme = /^(light|dark|high-contrast)$/.test(stored)
+					? stored
+					: matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+				document.documentElement.classList.add('theme-' + theme);
+			} catch (e) {}
+		})();;
+			</script>
+
+			<script id="atlas-layout-preferences">
+				(function () {
+			try {
+				var state = JSON.parse(localStorage.getItem('atlas-layout-preferences') || '{}');
+				var view = state["docs-layout-persistence"] || {};
+				var excludesKey = "";
+				var blocked = {};
+				if (excludesKey) {
+					var exclusions = JSON.parse(localStorage.getItem('atlas-layout-exclusions') || '{}');
+					if (Object.prototype.hasOwnProperty.call(exclusions, excludesKey)) {
+						var scoped = exclusions[excludesKey];
+						if (scoped) {
+							if (typeof scoped === 'object') blocked = scoped;
+						}
+					}
+				}
+				var html = document.documentElement;
+				for (var c in view) {
+					if (Object.prototype.hasOwnProperty.call(blocked, c)) continue;
+					if (view[c]) html.classList.add(c);
+					else html.classList.remove(c);
+				}
+			} catch (e) {}
+		})();;
+			</script>
+
+			<!-- assets and js globals -->
+			
+			<link rel="stylesheet" href="/static/assets/0.4.03510.8120-9976c201/styles/site.css" />
+			
+			<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
+			<script async src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script>
+			
+
+			<!-- msdocs global object -->
+			<script id="msdocs-script">
+		var msDocs = {
+  "environment": {
+    "accessLevel": "online",
+    "azurePortalHostname": "portal.azure.com",
+    "reviewFeatures": false,
+    "supportLevel": "production",
+    "systemContent": true,
+    "siteName": "learn",
+    "legacyHosting": false
+  },
+  "data": {
+    "contentLocale": "en-us",
+    "contentDir": "ltr",
+    "userLocale": "en-us",
+    "userDir": "ltr",
+    "pageTemplate": "Conceptual",
+    "layoutStateStorageKey": "docs-layout-persistence",
+    "brand": "",
+    "context": {},
+    "standardFeedback": false,
+    "showFeedbackReport": false,
+    "feedbackHelpLinkType": "",
+    "feedbackHelpLinkUrl": "",
+    "feedbackSystem": "OpenSource",
+    "feedbackGitHubRepo": "",
+    "feedbackProductUrl": "https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb",
+    "extendBreadcrumb": false,
+    "isEditDisplayable": true,
+    "isPrivateUnauthorized": false,
+    "hideViewSource": false,
+    "isPermissioned": false,
+    "hasRecommendations": true,
+    "contributors": [
+      {
+        "name": "GrantMeStrength",
+        "url": "https://github.com/GrantMeStrength"
+      },
+      {
+        "name": "jwmsft",
+        "url": "https://github.com/jwmsft"
+      },
+      {
+        "name": "niels9001",
+        "url": "https://github.com/niels9001"
+      }
+    ],
+    "openSourceFeedbackIssueUrl": "https://github.com/MicrosoftDocs/windows-dev-docs/issues/new?template=1-customer-feedback.yml",
+    "openSourceFeedbackIssueTitle": "",
+    "openSourceFeedbackIssueLabels": "needs-triage"
+  },
+  "functions": {}
+};;
+	</script>
+
+			<!-- base scripts, msdocs global should be before this -->
+			<script
+				src="/static/assets/0.4.03510.8120-9976c201/scripts/en-us/index-docs.js"
+				async
+			></script>
+			
+
+			<!-- json-ld -->
+			
+		</head>
+	
+			<body
+				id="body"
+				data-bi-name="body"
+				class="layout-body "
+				lang="en-us"
+				dir="ltr"
+			>
+				<header class="layout-body-header background-color-body-medium">
+		<div class="header-holder has-default-focus">
+			
+		<a
+			href="#main"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to main content
+		</a>
+	
+		<a
+			href="#"
+			data-skip-to-ask-learn
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			hidden
+		>
+			Skip to Ask Learn chat experience
+		</a>
+	
+
+			<div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
+			<!-- Unsupported browser warning -->
+			<div
+				id="unsupported-browser"
+				style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;"
+				hidden
+			>
+				<div style="max-width: 800px; margin: 0 auto;">
+					<p style="font-size: 24px">This browser is no longer supported.</p>
+					<p style="font-size: 16px; margin-top: 16px;">
+						Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
+					</p>
+					<div style="margin-top: 12px;">
+						<a
+							href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
+							style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;"
+						>
+							Download Microsoft Edge
+						</a>
+						<a
+							href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
+							style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;"
+						>
+							More info about Internet Explorer and Microsoft Edge
+						</a>
+					</div>
+				</div>
+			</div>
+			<!-- site header -->
+			<div
+				id="ms--site-header"
+				data-test-id="site-header-wrapper"
+				itemscope="itemscope"
+				itemtype="http://schema.org/Organization"
+			>
+				<div
+					id="ms--mobile-nav"
+					class="site-header display-none-tablet padding-inline-none gap-none"
+					data-bi-name="mobile-header"
+					data-test-id="mobile-header"
+				></div>
+				<div
+					id="ms--primary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L1-header"
+					data-test-id="primary-header"
+				></div>
+				<div
+					id="ms--secondary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L2-header"
+					data-test-id="secondary-header"
+					
+				></div>
+			</div>
+			
+		<!-- banner -->
+		<div data-banner>
+			<div id="disclaimer-holder"></div>
+			
+		</div>
+		<!-- banner end -->
+	
+		</div>
+	</header>
+				 <section
+					id="layout-body-menu"
+					class="layout-body-menu border-right display-flex background-color-body-medium"
+					data-bi-name="menu"
+			  >
+					
+		<div
+			id="left-container"
+			class="left-container display-none padding-none display-block-tablet width-full display-none-until-layout-restored"
+			data-toc-container="true"
+		>
+			<div
+				id="ms--toc-content"
+				class="padding-left-sm padding-right-none padding-bottom-sm height-full"
+			>
+				<nav
+					id="affixed-left-container"
+					class="margin-top-xxs-tablet position-sticky display-flex flex-direction-column width-full"
+					aria-label="Primary"
+					data-bi-name="left-toc"
+					role="navigation"
+				>
+					<div
+						id="ms--collapsible-toc-header"
+						class="display-flex flex-direction-row-reverse justify-content-center align-items-center margin-bottom-xxs margin-right-xxs"
+					>
+						<button
+							type="button"
+							class="button button-clear button-sm inner-focus"
+							data-collapsible-toc-toggle
+							aria-expanded="true"
+							hidden
+							aria-controls="ms--toc-content"
+							aria-label="Table of contents"
+						>
+							<span class="icon icon-mirrored-rtl" aria-hidden="true">
+								<span
+									class="docon docon-panel-left-contract display-none-layout-menu-collapsed"
+								></span>
+								<span
+									class="docon docon-panel-left-expand display-none display-inline-layout-menu-collapsed"
+								></span>
+							</span>
+						</button>
+						<div
+							id="ms--collapsible-toc-moniker-slot"
+							class="flex-grow-1 display-none-layout-menu-collapsed"
+						></div>
+					</div>
+				</nav>
+			</div>
+		</div>
+	
+			  </section>
+
+				<main
+					id="main"
+					role="main"
+					class="layout-body-main "
+					data-bi-name="content"
+					lang="en-us"
+					dir="ltr"
+				>
+					
+			<div
+		id="ms--content-header"
+		class="content-header default-focus border-bottom-none"
+		data-bi-name="content-header"
+	>
+		<div class="content-header-controls margin-xxs margin-inline-sm-tablet">
+			<button
+				type="button"
+				class="contents-button button button-sm margin-right-xxs"
+				data-bi-name="contents-expand"
+				aria-haspopup="true"
+				data-contents-button
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-menu"></span></span>
+				<span class="contents-expand-title"> Table of contents </span>
+			</button>
+			<button
+				type="button"
+				class="ap-collapse-behavior ap-expanded button button-sm"
+				data-bi-name="ap-collapse"
+				aria-controls="action-panel"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-exit-mode"></span></span>
+				<span>Exit editor mode</span>
+			</button>
+		</div>
+	</div>
+			<div
+				data-main-column
+				class="reading-width margin-inline-auto layout-padding padding-top-none padding-top-sm-tablet padding-bottom-sm"
+			>
+				<div>
+					
+		<div id="article-header" class="background-color-body margin-bottom-xs display-none-print">
+			<div class="display-flex align-items-center justify-content-space-between">
+				
+		<details
+			id="article-header-breadcrumbs-overflow-popover"
+			class="popover popover-left"
+			data-for="article-header-breadcrumbs"
+		>
+			<summary
+				class="button button-clear button-primary button-sm inner-focus"
+				aria-label="All breadcrumbs"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-more"></span>
+				</span>
+			</summary>
+			<div id="article-header-breadcrumbs-overflow" class="popover-content"></div>
+		</details>
+
+		<bread-crumbs
+			id="article-header-breadcrumbs"
+			role="group"
+			aria-label="Breadcrumbs"
+			data-test-id="article-header-breadcrumbs"
+			class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"
+		></bread-crumbs>
+	 
+		<div
+			id="article-header-page-actions"
+			class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"
+		>
+			
+		<button
+			class="button button-sm border-none inner-focus display-none-tablet flex-shrink-0 "
+			data-bi-name="ask-learn-assistant-entry"
+			data-test-id="ask-learn-assistant-modal-entry-mobile"
+			data-ask-learn-modal-entry
+			
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-none display-inline-flex-tablet display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-modal-entry-tablet"
+			data-ask-learn-modal-entry
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-flyout-entry"
+			data-ask-learn-flyout-entry
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	 
+
+			<details class="popover popover-right" id="article-header-page-actions-overflow">
+				<summary
+					class="justify-content-flex-start button button-clear button-sm button-primary inner-focus"
+					aria-label="More actions"
+					title="More actions"
+				>
+					<span class="icon" aria-hidden="true">
+						<span class="docon docon-more-vertical"></span>
+					</span>
+				</summary>
+				<div class="popover-content">
+					
+		<button
+			type="button"
+			id="ms--focus-mode-button"
+			data-focus-mode
+			data-bi-name="focus-mode-entry"
+			data-page-action-item="overflow-all"
+			data-popover-close
+			class="button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus display-none display-inline-flex-tablet"
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-glasses"></span>
+			</span>
+			<span>Reading mode</span>
+		</button>
+	 
+		<button
+			data-page-action-item="overflow-mobile"
+			type="button"
+			class="display-block-layout-menu-collapsed button-block button-sm inner-focus button button-clear display-none-tablet justify-content-flex-start text-align-left"
+			data-bi-name="contents-expand"
+			data-contents-button
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true"
+				><span class="docon docon-editor-list-bullet"></span
+			></span>
+			<span class="contents-expand-title">Table of contents</span>
+		</button>
+	 
+		<a
+			id="lang-link-overflow"
+			class="button-sm inner-focus button button-clear button-block justify-content-flex-start text-align-left"
+			data-bi-name="language-toggle"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-read-in-link
+			href="#"
+			hidden
+		>
+			<span class="icon" aria-hidden="true" data-read-in-link-icon>
+				<span class="docon docon-locale-globe"></span>
+			</span>
+			<span data-read-in-link-text>Read in English</span>
+		</a>
+	
+					
+		<button
+			type="button"
+			class="collection button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus"
+			data-list-type="collection"
+			data-bi-name="collection"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="collection-status">Add</span>
+		</button>
+	 
+		<button
+			type="button"
+			class="collection button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+			data-list-type="plan"
+			data-bi-name="plan"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="plan-status">Add to Plans</span>
+		</button>
+	 
+					
+		<a
+			data-contenteditbtn
+			class="button button-clear button-block button-sm inner-focus justify-content-flex-start text-align-left text-decoration-none"
+			data-bi-name="edit"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			
+			href="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/ui/controls/progress-controls.md"
+			data-original_content_git_url="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/ui/controls/progress-controls.md"
+			data-original_content_git_url_template="{repo}/blob/{branch}/hub/apps/develop/ui/controls/progress-controls.md"
+			data-pr_repo=""
+			data-pr_branch=""
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-edit-outline"></span>
+			</span>
+			<span>Edit</span>
+		</a>
+	  
+		<hr class="margin-block-xxs" />
+		
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="copy-markdown"
+					data-page-action-item="overflow-all"
+					data-copy-markdown
+					data-copy-state="idle"
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span data-show-when="idle" class="docon docon-code-lang"></span>
+						<span data-show-when="loading" class="loader" hidden></span>
+						<span data-show-when="success" class="docon docon-check-mark" hidden></span>
+					</span>
+					<span>Copy Markdown</span>
+				</button>
+		   
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="print"
+					data-page-action-item="overflow-all"
+					data-popover-close
+					data-print-page
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span class="docon docon-print"></span>
+					</span>
+					<span>Print</span>
+				</button>
+		  
+	
+				</div>
+			</details>
+		</div>
+	
+			</div>
+		</div>
+	  
+		<!-- privateUnauthorizedTemplate is hidden by default -->
+		<div unauthorized-private-section data-bi-name="permission-content-unauthorized-private" hidden>
+			<hr class="hr margin-top-xs margin-bottom-sm" />
+			<div class="notification notification-info">
+				<div class="notification-content">
+					<p class="margin-top-none notification-title">
+						<span class="icon" aria-hidden="true"
+							><span class="docon docon-exclamation-circle-solid"></span
+						></span>
+						<span>Note</span>
+					</p>
+					<p class="margin-top-none authentication-determined not-authenticated">
+						Access to this page requires authorization. You can try <a class="docs-sign-in" href="#" data-bi-name="permission-content-sign-in">signing in</a> or <a  class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+					<p class="margin-top-none authentication-determined authenticated">
+						Access to this page requires authorization. You can try <a class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+				</div>
+			</div>
+		</div>
+	
+					<div class="content"><h1 id="progress-controls">Progress controls</h1></div>
+					
+		<div
+			id="article-metadata"
+			data-bi-name="article-metadata"
+			data-test-id="article-metadata"
+			class="page-metadata-container display-flex gap-xxs justify-content-space-between align-items-center flex-wrap-wrap"
+		>
+			 
+				<div
+					id="user-feedback"
+					class="margin-block-xxs display-none display-none-print"
+					hidden
+					data-hide-on-archived
+				>
+					
+		<button
+			id="user-feedback-button"
+			data-test-id="conceptual-feedback-button"
+			class="button button-sm button-clear button-primary display-none"
+			type="button"
+			data-bi-name="user-feedback-button"
+			data-user-feedback-button
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-like"></span>
+			</span>
+			<span>Feedback</span>
+		</button>
+	
+				</div>
+		  
+		</div>
+	 
+		<div data-id="ai-summary" class="display-none-print">
+			<div id="ms--ai-summary-cta" class="margin-top-xs display-flex align-items-center">
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-sparkle-fill gradient-text-vivid"></span>
+				</span>
+				<button
+					id="ms--ai-summary"
+					type="button"
+					class="tag tag-sm tag-suggestion margin-left-xxs"
+					data-test-id="ai-summary-cta"
+					data-bi-name="ai-summary-cta"
+					data-an="ai-summary"
+				>
+					<span class="ai-summary-cta-text">
+						Summarize this article for me
+					</span>
+				</button>
+			</div>
+			<!-- Slot where the client will render the summary card after the user clicks the CTA -->
+			<div id="ms--ai-summary-header" class="margin-top-xs"></div>
+		</div>
+	 
+		<nav
+			id="center-doc-outline"
+			class="doc-outline display-none-desktop display-none-print margin-bottom-sm"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h2 id="ms--in-this-article" class="title is-6 margin-block-xs">
+				In this article
+			</h2>
+		</nav>
+	
+					<div class="content"><p>A progress control provides feedback to the user that a long-running operation is underway. It can mean that the user cannot interact with the app when the progress indicator is visible, and can also indicate how long the wait time might be, depending on the indicator used.</p>
+<h2 id="types-of-progress">Types of progress</h2>
+<p>There are two controls to show the user that an operation is underway – either through a ProgressBar or through a ProgressRing. Both ProgressBar and ProgressRing have two states that communicate if the user can interact with the application or not.</p>
+<ul>
+<li>The <em>determinate</em> state for both ProgressBar and ProgressRing shows the percentage completed of a task. This should be used during an operation whose duration is known, but its progress should not block the user's interaction with the app.</li>
+<li>The <em>indeterminate</em> state for ProgressBar shows that an operation is underway, does not block user interaction with the app, and its completion time is unknown.</li>
+<li>The <em>indeterminate</em> state for ProgressRing shows that an operation is underway, blocks user interaction with the app, and its completion time is unknown.</li>
+</ul>
+<p>Additionally, a progress control is read only and not interactive. Meaning that the user cannot invoke or use these controls directly.</p>
+<table>
+<thead>
+<tr>
+<th>Control</th>
+<th>Display</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Indeterminate ProgressBar</td>
+<td><img src="images/progressbar-indeterminate.gif" alt="ProgressBar indeterminate" data-linktype="relative-path"></td>
+</tr>
+<tr>
+<td>Determinate ProgressBar</td>
+<td><img src="images/progressbar-determinate.png" alt="ProgressBar determinate" data-linktype="relative-path"></td>
+</tr>
+<tr>
+<td>Indeterminate ProgressRing</td>
+<td><img src="images/progressring-indeterminate.gif" alt="Indeterminate ProgressRing state" data-linktype="relative-path"></td>
+</tr>
+<tr>
+<td>Determinate ProgressRing</td>
+<td><img src="images/progress-ring.jpg" alt="Determinate ProgressRing state" data-linktype="relative-path"></td>
+</tr>
+</tbody>
+</table>
+<h2 id="is-this-the-right-control">Is this the right control?</h2>
+<p>It's not always obvious what control or what state (determinate vs indeterminate) to use when trying to show something is happening. Sometimes a task is obvious enough that it doesn't require a progress control at all – and sometimes even if a progress control is used, a line of text is still necessary in order to explain to the user what operation is underway.</p>
+<h3 id="progressbar">ProgressBar</h3>
+<ul>
+<li><p><strong>Does the control have a defined duration or predictable end?</strong></p>
+<p>Use a determinate ProgressBar then, and update the percentage or value accordingly.</p>
+</li>
+<li><p><strong>Can the user continue without having to monitor the operation's progress?</strong></p>
+<p>When a ProgressBar is in use, interaction is non-modal, typically meaning that the user is not blocked by that operation's completion, and can continue to use the app in other ways until that aspect has completed.</p>
+</li>
+<li><p><strong>Keywords</strong></p>
+<p>If your operation falls around these keywords, or if you're showing text that alongside the progress operation that matches these keywords; consider using a ProgressBar:</p>
+<ul>
+<li><em>Loading...</em></li>
+<li><em>Retrieving</em></li>
+<li><em>Working...</em></li>
+</ul>
+</li>
+</ul>
+<h3 id="progressring">ProgressRing</h3>
+<ul>
+<li><p><strong>Will the operation cause the user to wait to continue?</strong></p>
+<p>If an operation requires all (or a large portion of) interaction with the app to wait until it has been completed, then the indeterminate ProgressRing is the better choice.</p>
+<ul>
+<li><strong>Does the control have a defined duration or predictable end?</strong></li>
+</ul>
+<p>Use a determinate ProgressRing if you want the visual to be a ring instead of a bar, and update the percentage or value accordingly.</p>
+</li>
+<li><p><strong>Is the app waiting for the user to complete a task?</strong></p>
+<p>If so, use an indeterminate ProgressRing, as they're meant to indicate an unknown wait time for the user.</p>
+</li>
+<li><p><strong>Keywords</strong></p>
+<p>If your operation falls around these keywords, or if you're showing text alongside the progress operation that matches these keywords; consider using a ProgressRing:</p>
+<ul>
+<li><em>Refreshing</em></li>
+<li><em>Signing in...</em></li>
+<li><em>Connecting...</em></li>
+</ul>
+</li>
+</ul>
+<h3 id="no-progress-indication-necessary">No progress indication necessary</h3>
+<ul>
+<li><p><strong>Does the user need to know that something is happening?</strong></p>
+<p>For example, if the app is downloading something in the background and the user didn't initiate the download, the user doesn't necessarily need to know about it.</p>
+</li>
+<li><p><strong>Is the operation a background activity that doesn't block user activity and is of minimal (but still some) interest to the user?</strong></p>
+<p>Use text when your app is performing tasks that don't have to be visible all the time, but you still need to show the status.</p>
+</li>
+<li><p><strong>Does the user only care about the completion of the operation?</strong></p>
+<p>Sometimes it's best to show a notice only when the operation is completed, or give a visual that the operation has been completed immediately, and run the finishing touches in the background.</p>
+</li>
+</ul>
+<h2 id="progress-controls-best-practices">Progress controls best practices</h2>
+<p>Sometimes it's best to see some visual representations of when and where to use these different progress controls:</p>
+<h3 id="progressbar---determinate">ProgressBar - Determinate</h3>
+<p><img src="images/progress-bar-determinate-example.png" alt="ProgressBar determinate example" data-linktype="relative-path"></p>
+<p>The first example is the determinate ProgressBar. When the duration of the operation is known, when installing, downloading, setting up, etc; a determinate ProgressBar is best.</p>
+<h3 id="progressbar---indeterminate">ProgressBar - Indeterminate</h3>
+<p><img src="images/progress-bar-indeterminate-example.png" alt="ProgressBar indeterminate example" data-linktype="relative-path"></p>
+<p>When it is not known how long the operation will take, use an indeterminate ProgressBar. Indeterminate ProgressBars are also good when filling a virtualized list, and creating a smooth visual transition between an indeterminate to determinate ProgressBar.</p>
+<ul>
+<li><p><strong>Is the operation in a virtualized collection?</strong></p>
+<p>If so, do not put a progress indicator on each list item as they appear. Instead, use a ProgressBar and place it at the top of the collection of items being loaded in, to show that the items are being fetched.</p>
+</li>
+</ul>
+<h3 id="progressring---indeterminate">ProgressRing - Indeterminate</h3>
+<p><img src="images/progress-ring-indeterminate-example.gif" alt="ProgressRing indeterminate example" data-linktype="relative-path"></p>
+<p>The indeterminate ProgressRing is used when any further user interaction with the app is halted, or the app is waiting for the user's input to continue. The "signing in…" example above is a perfect scenario for the ProgressRing, the user cannot continue using the app until the sign is has completed.</p>
+<h3 id="progressring---determinate">ProgressRing - Determinate</h3>
+<p><img src="images/progress-ring-determinate-example.png" alt="ProgressRing determinate example" data-linktype="relative-path"></p>
+<p>When the duration of the operation is known and the ring visual is desired, when installing, downloading, setting up, etc; a determinate ProgressRing is best.</p>
+<h2 id="create-a-progress-control">Create a progress control</h2>
+<div class="checklist">
+<ul>
+<li><strong>Important APIs:</strong> <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ProgressBar" data-linktype="absolute-path">ProgressBar class</a>, <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.progressbar.isindeterminate" data-linktype="absolute-path">IsIndeterminate property</a>, <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ProgressRing" data-linktype="absolute-path">ProgressRing class</a>, <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.progressring.isactive" data-linktype="absolute-path">IsActive property</a></li>
+</ul>
+</div>
+<div class="nextstepaction">
+<p>Open the WinUI 3 Gallery app and see the <a href="winui3gallery://item/ProgressBar" data-linktype="external">ProgressBar</a> or <a href="winui3gallery://item/ProgressRing" data-linktype="external">ProgressRing</a>.</p>
+</div>
+<blockquote>
+<table>
+<tbody><tr>
+<td><img src="../../../../includes/images/winui-gallery-logo.png" width="76" alt="WinUI 3 Gallery icon" data-linktype="relative-path"></td>
+<td>The <strong>WinUI 3 Gallery</strong> app includes interactive examples of WinUI controls and features. Get the app from the <a href="https://apps.microsoft.com/detail/9P3JFPWWDZRC" data-linktype="external">Microsoft Store</a> or browse the source code on <a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">GitHub</a>.</td>
+</tr>
+</tbody></table>
+</blockquote>
+<p>Both progress controls are rather simple; but some visual features of the controls are not obvious to customize.</p>
+<h3 id="sizing-the-progressring">Sizing the ProgressRing</h3>
+<p>The ProgressRing can be sized as large as you want, but can only be as small as 20x20epx. In order to resize a ProgressRing, you must set its height and width. If only height or width are set, the control will assume minimum sizing (20x20epx) – conversely if the height and width are set to two different sizes, the smaller of the sizes will be assumed.
+To ensure your ProgressRing is correct for your needs, set both the height and the width to the same value:</p>
+<pre><code class="lang-xaml">&lt;ProgressRing Height="100" Width="100"/&gt;
+</code></pre>
+<p>To make your ProgressRing visible, and animate, you must set the IsActive property to true:</p>
+<pre><code class="lang-xaml">&lt;ProgressRing IsActive="True" Height="100" Width="100"/&gt;
+</code></pre>
+<pre><code class="lang-csharp">progressRing.IsActive = true;
+</code></pre>
+<h3 id="coloring-the-progress-controls">Coloring the progress controls</h3>
+<p>By default, the main coloring of the progress controls is set to the accent color of the system. To override this brush simply change the foreground property on either control.</p>
+<pre><code class="lang-xaml">&lt;ProgressRing IsActive="True" Height="100" Width="100" Foreground="Blue"/&gt;
+&lt;ProgressBar Width="100" Foreground="Green"/&gt;
+</code></pre>
+<p>Changing the foreground color for the ProgressRing will change the fill color of the ring. The foreground property for the ProgressBar will change the fill color of the bar – to alter the unfilled portion of the bar, simply override the background property.</p>
+<h3 id="showing-a-wait-cursor">Showing a wait cursor</h3>
+<p>Sometimes it's best to just show a brief wait cursor, when the app or operation needs time to think, and you need to indicate to the user that the app or area where the wait cursor is visible should not be interacted with until the wait cursor has disappeared.</p>
+<pre><code class="lang-csharp">// ProtectedCursor is a protected property — only accessible from a derived control class.
+// Subclass the control to set a custom cursor:
+public class WaitProgressRing : ProgressRing
+{
+    public WaitProgressRing()
+    {
+        // Requires: using Microsoft.UI.Input;
+        ProtectedCursor = InputSystemCursor.Create(InputSystemCursorShape.Wait);
+    }
+}
+</code></pre>
+<h2 id="related-articles">Related articles</h2>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ProgressBar" data-linktype="absolute-path">ProgressBar class</a></li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ProgressRing" data-linktype="absolute-path">ProgressRing class</a></li>
+</ul>
+</div>
+					
+		<div
+			id="ms--inline-notifications"
+			class="margin-block-xs"
+			data-bi-name="inline-notification"
+		></div>
+	 
+		<div
+			id="assertive-live-region"
+			role="alert"
+			aria-live="assertive"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+		<div
+			id="polite-live-region"
+			role="status"
+			aria-live="polite"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+	
+					
+			
+		<!-- feedback section -->
+		<section
+			class="feedback-section position-relative margin-top-lg border border-radius padding-xxs display-none-print"
+			data-bi-name="open-source-feedback-section"
+			data-open-source-feedback-section
+			hidden
+		>
+			<div class="display-flex flex-direction-column flex-direction-row-tablet">
+				<div
+					class="width-450-tablet padding-inline-xs padding-inline-xs-tablet padding-top-xs padding-bottom-sm padding-top-xs-tablet background-color-body-medium"
+				>
+					<div class="display-flex flex-direction-column">
+						<div class="padding-bottom-xxs">
+							<span class="icon margin-right-xxs" aria-hidden="true">
+								<span class="docon docon-brand-github"></span>
+							</span>
+							<span class="font-weight-semibold">
+								Collaborate with us on GitHub
+							</span>
+						</div>
+						<span class="line-height-normal">
+							The source for this content can be found on GitHub, where you can also create and review issues and pull requests. For more information, see <a href="https://learn.microsoft.com/contribute/content/how-to-write-quick-edits">our contributor guide</a>.
+						</span>
+					</div>
+				</div>
+				<div
+					class="display-flex gap-xs width-full-tablet flex-direction-column padding-xs justify-content-space-evenly"
+				>
+					<div class="media">
+						
+					<div class="media-left">
+						<div class="image image-36x36" hidden data-open-source-image-container>
+							<img
+								class="theme-display is-light"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-light
+							/>
+							<img
+								class="theme-display is-dark is-high-contrast"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-dark
+							/>
+						</div>
+					</div>
+			  
+
+						<div class="media-content">
+							<p
+								class="font-size-xl font-weight-semibold margin-bottom-xxs"
+								data-open-source-product-title
+							>
+								Windows developer
+							</p>
+							<div class="display-flex gap-xs flex-direction-column">
+								<p class="line-height-normal" data-open-source-product-description></p>
+								<div class="display-flex gap-xs flex-direction-column">
+									<a href="#" data-github-link>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-bug"></span>
+										</span>
+										<span>Open a documentation issue</span>
+									</a>
+									<a
+										href="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb"
+										class="display-block margin-top-auto font-size-md"
+										data-feedback-product-url
+									>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-feedback"></span>
+										</span>
+										<span>Provide product feedback</span>
+									</a>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+			
+		<!-- feedback section -->
+		<section
+			id="site-user-feedback-footer"
+			class="font-size-sm margin-top-md display-none-print display-none-desktop"
+			data-test-id="site-user-feedback-footer"
+			data-bi-name="site-feedback-section"
+		>
+			<hr class="hr" />
+			<h2 id="ms--feedback" class="title is-3">Feedback</h2>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="buttons">
+					<button
+						class="thumb-rating-button like button button-primary button-sm"
+						data-test-id="footer-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+						<span>Yes</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike button button-primary button-sm"
+						id="standard-rating-no-button"
+						hidden
+						data-test-id="footer-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+						<span>No</span>
+					</button>
+					<details
+						class="popover popover-top"
+						id="mobile-help-popover"
+						data-test-id="footer-feedback-popover"
+					>
+						<summary
+							class="thumb-rating-button dislike button button-primary button-sm"
+							data-test-id="details-footer-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+							<span>No</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading"
+							aria-describedby="popover-description"
+						>
+							<p id="popover-heading" class="font-size-lg margin-bottom-xxs font-weight-semibold">
+								Need help with this topic?
+							</p>
+							<p id="popover-description" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+		
+				</div>
+				
+		<div id="ms--additional-resources-mobile" class="display-none-print">
+			<hr class="hr" hidden />
+			<h2 id="ms--additional-resources-mobile-heading" class="title is-3" hidden>
+				Additional resources
+			</h2>
+			
+		<section
+			id="right-rail-recommendations-mobile"
+			class=""
+			data-bi-name="recommendations"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-training-mobile"
+			class=""
+			data-bi-name="learning-resource-card"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-events-mobile"
+			class=""
+			data-bi-name="events-card"
+			hidden
+		></section>
+	
+		</div>
+	 
+		<div
+			id="article-metadata-footer"
+			data-bi-name="article-metadata-footer"
+			data-test-id="article-metadata-footer"
+			class="page-metadata-container"
+		>
+			<hr class="hr" />
+			<ul class="metadata page-metadata" data-bi-name="page info" lang="en-us" dir="ltr">
+				<li class="visibility-hidden-visual-diff">
+			<span class="badge badge-sm text-wrap-pretty">
+				<span>Last updated on <local-time format="twoDigitNumeric"
+		datetime="2026-07-08T08:00:00.000Z"
+		data-article-date-source="calculated"
+		class="is-invisible"
+	>
+		2026-07-08
+	</local-time></span>
+			</span>
+		</li>
+			</ul>
+		</div>
+	
+			</div>
+			
+		<div
+			id="action-panel"
+			role="region"
+			aria-label="Action Panel"
+			class="action-panel"
+			tabindex="-1"
+		></div>
+	
+		
+				</main>
+				<aside
+					id="layout-body-aside"
+					class="layout-body-aside  "
+					data-bi-name="aside"
+					aria-label="Additional resources"
+			  >
+					
+		<div
+			id="ms--additional-resources"
+			class="right-container padding-sm display-none display-block-desktop height-full"
+			data-bi-name="pageactions"
+		>
+			<div id="affixed-right-container" data-bi-name="right-column">
+				
+		<nav
+			id="side-doc-outline"
+			class="doc-outline border-bottom padding-bottom-xs margin-bottom-xs scrollbar-width-thin"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h3>In this article</h3>
+		</nav>
+	
+				<!-- Feedback -->
+				
+		<section
+			id="ms--site-user-feedback-right-rail"
+			class="font-size-sm display-none-print"
+			data-test-id="site-user-feedback-right-rail"
+			data-bi-name="site-feedback-right-rail"
+		>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="display-flex flex-wrap-nowrap">
+					<button
+						class="thumb-rating-button like inner-focus"
+						data-test-id="right-rail-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						aria-label="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike inner-focus"
+						id="right-rail-no-button"
+						hidden
+						data-test-id="right-rail-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						aria-label="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+					</button>
+					<details class="popover popover-right" id="help-popover" data-test-id="feedback-popover">
+						<summary
+							tabindex="0"
+							class="thumb-rating-button dislike inner-focus"
+							data-test-id="details-right-rail-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							aria-label="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading-right-rail"
+							aria-describedby="popover-description-right-rail"
+						>
+							<p
+								id="popover-heading-right-rail"
+								class="font-size-lg margin-bottom-xxs font-weight-semibold"
+							>
+								Need help with this topic?
+							</p>
+							<p id="popover-description-right-rail" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+	
+			</div>
+		</div>
+	
+			  </aside> <section
+					id="layout-body-flyout"
+					class="layout-body-flyout "
+					data-bi-name="flyout"
+			  >
+					 <div
+	class="height-full border-left background-color-body-medium"
+	id="ask-learn-flyout"
+></div>
+			  </section> <div class="layout-body-footer " data-bi-name="layout-footer">
+		<footer
+			id="footer"
+			data-test-id="footer"
+			data-bi-name="footer"
+			class="footer-layout padding-xs padding-sm-desktop has-default-focus border-top"
+			role="contentinfo"
+		>
+			<div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
+				
+		<a
+			data-mscc-ic="false"
+			href="#"
+			data-bi-name="select-locale"
+			class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator"
+			id=""
+			title=""
+			><span class="icon" aria-hidden="true"
+				><span class="docon docon-world"></span></span
+			><span class="local-selector-link-text">en-us</span></a
+		>
+	 <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://aka.ms/yourcaliforniaprivacychoices"
+			data-bi-name="your-privacy-choices"
+			class="button button-sm button-clear flex-shrink-0 external-link-indicator"
+			id=""
+			title=""
+			>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 30 14"
+			xml:space="preserve"
+			height="16"
+			width="43"
+			aria-hidden="true"
+			focusable="false"
+		>
+			<path
+				d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
+			></path>
+			<path
+				d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"
+			></path>
+			<path
+				d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"
+				style="fill:#fff"
+			></path>
+			<path
+				d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"
+				style="fill:#06f"
+			></path>
+		</svg>
+	
+			<span>Your Privacy Choices</span></a
+		>
+	
+	</div>
+				<div class="flex-shrink-0">
+		<div class="dropdown has-caret-up">
+			<button
+				data-test-id="theme-selector-button"
+				class="dropdown-trigger button button-clear button-sm inner-focus theme-dropdown-trigger"
+				aria-controls="{{ themeMenuId }}"
+				aria-haspopup="true"
+				aria-expanded="false"
+				data-bi-name="theme"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-sun"></span></span>
+				<span>Theme</span>
+				<span class="icon expanded-indicator" aria-hidden="true">
+					<span class="docon docon-chevron-down-light"></span>
+				</span>
+			</button>
+			<div class="dropdown-menu" id="{{ themeMenuId }}" role="menu">
+				<ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu" role="none">
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="light"
+							tabindex="-1"
+						>
+							<span class="theme-light margin-right-xxs">
+								<span
+									class="theme-selector-icon border display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Light </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="dark"
+							tabindex="-1"
+						>
+							<span class="theme-dark margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Dark </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="high-contrast"
+							tabindex="-1"
+						>
+							<span class="theme-high-contrast margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> High contrast </span>
+						</button>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+			</div>
+			<ul class="links" data-bi-name="footerlinks">
+				<li class="manage-cookies-holder" hidden=""></li>
+				<li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content"
+			data-bi-name="aiDisclaimer"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>AI Disclaimer</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/previous-versions/"
+			data-bi-name="archivelink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Previous Versions</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog"
+			data-bi-name="bloglink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Blog</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/contribute"
+			data-bi-name="contributorGuide"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Contribute</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?LinkId=521839"
+			data-bi-name="privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?linkid=2259814"
+			data-bi-name="consumer-health-privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Consumer Health Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/legal/termsofuse"
+			data-bi-name="termsofuse"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Terms of Use</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/"
+			data-bi-name="trademarks"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Trademarks</a
+		>
+	
+	</li>
+				<li>&copy; Microsoft 2026</li>
+			</ul>
+		</footer>
+	</footer>
+			</body>
+		</html>
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-ui-settings-motion-5b2413221dc1.html b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-ui-settings-motion-5b2413221dc1.html
new file mode 100644
index 0000000..76e94d5
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/objects/ms-ui-settings-motion-5b2413221dc1.html
@@ -0,0 +1,1521 @@
+ <!DOCTYPE html>
+		<html
+			class="layout layout-holy-grail   show-table-of-contents reference show-breadcrumb default-focus"
+			lang="en-us"
+			dir="ltr"
+			data-authenticated="false"
+			data-auth-status-determined="false"
+			data-target="docs"
+			x-ms-format-detection="none"
+		>
+			
+		<head>
+			<title>UISettings.AnimationsEnabled Property (Windows.UI.ViewManagement) - Windows apps | Microsoft Learn</title>
+			<meta charset="utf-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta name="color-scheme" content="light dark" />
+
+			<meta name="description" content="Gets whether animations are enabled for the user interface. " />
+			<link rel="canonical" href="https://learn.microsoft.com/en-us/uwp/api/windows.ui.viewmanagement.uisettings.animationsenabled?view=winrt-28000" /> 
+
+			<!-- Non-customizable open graph and sharing-related metadata -->
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:site" content="@MicrosoftLearn" />
+			<meta property="og:type" content="website" />
+			<meta property="og:image:alt" content="Microsoft Learn" />
+			<meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
+			<!-- Page specific open graph and sharing-related metadata -->
+			<meta property="og:title" content="UISettings.AnimationsEnabled Property (Windows.UI.ViewManagement) - Windows apps" />
+			<meta property="og:url" content="https://learn.microsoft.com/en-us/uwp/api/windows.ui.viewmanagement.uisettings.animationsenabled?view=winrt-28000" />
+			<meta property="og:description" content="Gets whether animations are enabled for the user interface. " />
+			<meta name="platform_id" content="0dd0fdb2-3fa7-ff9b-d62b-4b542ba1c406" /> <meta name="scope" content="UWP" />
+			<meta name="locale" content="en-us" />
+			 
+			<meta name="uhfHeaderId" content="MSDocsHeader-WinDevCenter" />
+
+			<meta name="page_type" content="dotnet" />
+
+			<!--page specific meta tags-->
+			
+
+			<!-- custom meta tags -->
+			
+		<meta name="uid" content="Windows.UI.ViewManagement.UISettings.AnimationsEnabled*" />
+	
+		<meta name="namespace" content="Windows.UI.ViewManagement" />
+	
+		<meta name="monikers" content="winrt-10240" />
+	
+		<meta name="monikers" content="winrt-10586" />
+	
+		<meta name="monikers" content="winrt-14393" />
+	
+		<meta name="monikers" content="winrt-15063" />
+	
+		<meta name="monikers" content="winrt-16299" />
+	
+		<meta name="monikers" content="winrt-17134" />
+	
+		<meta name="monikers" content="winrt-17763" />
+	
+		<meta name="monikers" content="winrt-18362" />
+	
+		<meta name="monikers" content="winrt-19041" />
+	
+		<meta name="monikers" content="winrt-20348" />
+	
+		<meta name="monikers" content="winrt-22000" />
+	
+		<meta name="monikers" content="winrt-22621" />
+	
+		<meta name="monikers" content="winrt-23h2" />
+	
+		<meta name="monikers" content="winrt-26100" />
+	
+		<meta name="monikers" content="winrt-insider" />
+	
+		<meta name="monikers" content="winrt-28000" />
+	
+		<meta name="schema" content="NetMember" />
+	
+		<meta name="ROBOTS" content="INDEX, FOLLOW" />
+	
+		<meta name="breadcrumb_path" content="/uwp/api/breadcrumbs/toc.json" />
+	
+		<meta name="feedback_system" content="Standard" />
+	
+		<meta name="feedback_product_url" content="https://www.microsoft.com/windowsinsider/feedbackhub/fb" />
+	
+		<meta name="feedback_help_link_url" content="https://learn.microsoft.com/answers/tags/105/windows-app-sdk/" />
+	
+		<meta name="feedback_help_link_type" content="get-help-at-qna" />
+	
+		<meta name="author" content="Karl-Bridge-Microsoft" />
+	
+		<meta name="ms.author" content="kbridge" />
+	
+		<meta name="ms.service" content="uwp" />
+	
+		<meta name="products" content="https://authoring-docs-microsoft.poolparty.biz/devrel/caec7b7f-4941-4578-b79f-c63b1c1f5af4" />
+	
+		<meta name="products" content="https://authoring-docs-microsoft.poolparty.biz/devrel/e0ffb20c-01c6-407b-a9bd-29111652a1dc" />
+	
+		<meta name="products" content="https://authoring-docs-microsoft.poolparty.biz/devrel/e9b7979e-fb8b-40a7-a19f-c987950324dc" />
+	
+		<meta name="ms.subservice" content="winrt-reference" />
+	
+		<meta name="ms.topic" content="reference" />
+	
+		<meta name="ms.date" content="2017-02-08T00:00:00Z" />
+	
+		<meta name="keywords" content="windows 10, uwp, winrt, api" />
+	
+		<meta name="APILocation" content="windows.dll" />
+	
+		<meta name="adobe-target" content="true" />
+	
+		<meta name="APIName" content="Windows.UI.ViewManagement.UISettings.AnimationsEnabled" />
+	
+		<meta name="APIName" content="Windows.UI.ViewManagement.UISettings.get_AnimationsEnabled" />
+	
+		<meta name="TopicType" content="apiref" />
+	
+		<meta name="APIType" content="Assembly" />
+	
+		<meta name="document_id" content="0e534842-fc4e-c44b-4029-474bfe18ad65" />
+	
+		<meta name="document_version_independent_id" content="2709ba7b-8603-5674-86aa-fbd42f710624" />
+	
+		<meta name="updated_at" content="2025-11-21T14:18:00Z" />
+	
+		<meta name="original_content_git_url" content="https://cpubwin.visualstudio.com/DefaultCollection/windows-uwp/_git/winrt-api-build?path=/winrt-api-build/xml/Windows.UI.ViewManagement/UISettings.xml&amp;version=GBlive&amp;_a=contents" />
+	
+		<meta name="gitcommit" content="https://cpubwin.visualstudio.com/DefaultCollection/windows-uwp/_git/winrt-api-build/commit/3abc0b4310789ed6b229efa2d8d50bf3c5c9b306?path=/winrt-api-build/xml/Windows.UI.ViewManagement/UISettings.xml&amp;_a=contents" />
+	
+		<meta name="git_commit_id" content="3abc0b4310789ed6b229efa2d8d50bf3c5c9b306" />
+	
+		<meta name="default_moniker" content="winrt-28000" />
+	
+		<meta name="site_name" content="Docs" />
+	
+		<meta name="depot_name" content="MSDN.winrt-api-build" />
+	
+		<meta name="page_kind" content="property" />
+	
+		<meta name="ms.assetid" content="Windows.UI.ViewManagement.UISettings.AnimationsEnabled*" />
+	
+		<meta name="toc_rel" content="winrt-toc/toc.json" />
+	
+		<meta name="search.mshattr.devlang" content="csharp vb javascript cppcx cppwinrt" />
+	
+		<meta name="asset_id" content="windows.ui.viewmanagement.uisettings.animationsenabled" />
+	
+		<meta name="moniker_range_name" content="7e2df8c730d8269257778f85100e220a" />
+	
+		<meta name="item_type" content="Content" />
+	
+		<meta name="source_path" content="winrt-api-build/xml/Windows.UI.ViewManagement/UISettings.xml" />
+	
+		<meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/winrt-api/blob/docs/winrt-api-build/xml/Windows.UI.ViewManagement/UISettings.xml" />
+	
+		<meta name="markdown_url" content="https://learn.microsoft.com/en-us/uwp/api/windows.ui.viewmanagement.uisettings.animationsenabled?view=winrt-28000&amp;accept=text/markdown" />
+	 
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/caec7b7f-4941-4578-b79f-c63b1c1f5af4" data-source="generated" />
+	
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/e0ffb20c-01c6-407b-a9bd-29111652a1dc" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/754dea88-f800-4835-b6b5-280cb5d81e88" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/3904bce4-d817-48cf-85fd-b6146fca83b7" data-source="generated" />
+	
+
+			<!-- Apply persisted/system theme before first paint to prevent wrong-theme flash when scripts are deferred. -->
+			<script id="theme-preference">
+				(function () {
+			try {
+				var stored = localStorage.getItem('theme');
+				var theme = /^(light|dark|high-contrast)$/.test(stored)
+					? stored
+					: matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+				document.documentElement.classList.add('theme-' + theme);
+			} catch (e) {}
+		})();;
+			</script>
+
+			<script id="atlas-layout-preferences">
+				(function () {
+			try {
+				var state = JSON.parse(localStorage.getItem('atlas-layout-preferences') || '{}');
+				var view = state["docs-layout-persistence"] || {};
+				var excludesKey = "";
+				var blocked = {};
+				if (excludesKey) {
+					var exclusions = JSON.parse(localStorage.getItem('atlas-layout-exclusions') || '{}');
+					if (Object.prototype.hasOwnProperty.call(exclusions, excludesKey)) {
+						var scoped = exclusions[excludesKey];
+						if (scoped) {
+							if (typeof scoped === 'object') blocked = scoped;
+						}
+					}
+				}
+				var html = document.documentElement;
+				for (var c in view) {
+					if (Object.prototype.hasOwnProperty.call(blocked, c)) continue;
+					if (view[c]) html.classList.add(c);
+					else html.classList.remove(c);
+				}
+			} catch (e) {}
+		})();;
+			</script>
+
+			<!-- assets and js globals -->
+			
+			<link rel="stylesheet" href="/static/assets/0.4.03510.8120-9976c201/styles/site.css" />
+			
+			<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
+			<script async src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script>
+			
+
+			<!-- msdocs global object -->
+			<script id="msdocs-script">
+		var msDocs = {
+  "environment": {
+    "accessLevel": "online",
+    "azurePortalHostname": "portal.azure.com",
+    "reviewFeatures": false,
+    "supportLevel": "production",
+    "systemContent": true,
+    "siteName": "learn",
+    "legacyHosting": false
+  },
+  "data": {
+    "contentLocale": "en-us",
+    "contentDir": "ltr",
+    "userLocale": "en-us",
+    "userDir": "ltr",
+    "pageTemplate": "Reference",
+    "layoutStateStorageKey": "docs-layout-persistence",
+    "brand": "",
+    "context": {},
+    "standardFeedback": true,
+    "showFeedbackReport": false,
+    "feedbackHelpLinkType": "get-help-at-qna",
+    "feedbackHelpLinkUrl": "https://learn.microsoft.com/answers/tags/105/windows-app-sdk/",
+    "feedbackSystem": "Standard",
+    "feedbackGitHubRepo": "",
+    "feedbackProductUrl": "https://www.microsoft.com/windowsinsider/feedbackhub/fb",
+    "extendBreadcrumb": true,
+    "isEditDisplayable": false,
+    "isPrivateUnauthorized": false,
+    "hideViewSource": true,
+    "isPermissioned": false,
+    "hasRecommendations": false,
+    "contributors": [],
+    "defaultDevLang": "csharp"
+  },
+  "functions": {}
+};;
+	</script>
+
+			<!-- base scripts, msdocs global should be before this -->
+			<script
+				src="/static/assets/0.4.03510.8120-9976c201/scripts/en-us/index-docs.js"
+				async
+			></script>
+			
+
+			<!-- json-ld -->
+			
+		</head>
+	
+			<body
+				id="body"
+				data-bi-name="body"
+				class="layout-body "
+				lang="en-us"
+				dir="ltr"
+			>
+				<header class="layout-body-header background-color-body-medium">
+		<div class="header-holder has-default-focus">
+			
+		<a
+			href="#main"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to main content
+		</a>
+	
+		<a
+			href="#side-doc-outline"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to in-page navigation
+		</a>
+	
+		<a
+			href="#"
+			data-skip-to-ask-learn
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			hidden
+		>
+			Skip to Ask Learn chat experience
+		</a>
+	
+
+			<div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
+			<!-- Unsupported browser warning -->
+			<div
+				id="unsupported-browser"
+				style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;"
+				hidden
+			>
+				<div style="max-width: 800px; margin: 0 auto;">
+					<p style="font-size: 24px">This browser is no longer supported.</p>
+					<p style="font-size: 16px; margin-top: 16px;">
+						Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
+					</p>
+					<div style="margin-top: 12px;">
+						<a
+							href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
+							style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;"
+						>
+							Download Microsoft Edge
+						</a>
+						<a
+							href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
+							style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;"
+						>
+							More info about Internet Explorer and Microsoft Edge
+						</a>
+					</div>
+				</div>
+			</div>
+			<!-- site header -->
+			<div
+				id="ms--site-header"
+				data-test-id="site-header-wrapper"
+				itemscope="itemscope"
+				itemtype="http://schema.org/Organization"
+			>
+				<div
+					id="ms--mobile-nav"
+					class="site-header display-none-tablet padding-inline-none gap-none"
+					data-bi-name="mobile-header"
+					data-test-id="mobile-header"
+				></div>
+				<div
+					id="ms--primary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L1-header"
+					data-test-id="primary-header"
+				></div>
+				<div
+					id="ms--secondary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L2-header"
+					data-test-id="secondary-header"
+					
+				></div>
+			</div>
+			
+		<!-- banner -->
+		<div data-banner>
+			<div id="disclaimer-holder"></div>
+			
+		</div>
+		<!-- banner end -->
+	
+		</div>
+	</header>
+				 <section
+					id="layout-body-menu"
+					class="layout-body-menu border-right display-flex background-color-body-medium"
+					data-bi-name="menu"
+			  >
+					
+		<div
+			id="left-container"
+			class="left-container display-none padding-none display-block-tablet width-full display-none-until-layout-restored"
+			data-toc-container="true"
+		>
+			<div
+				id="ms--toc-content"
+				class="padding-left-sm padding-right-none padding-bottom-sm height-full"
+			>
+				<nav
+					id="affixed-left-container"
+					class="margin-top-xxs-tablet position-sticky display-flex flex-direction-column width-full"
+					aria-label="Primary"
+					data-bi-name="left-toc"
+					role="navigation"
+				>
+					<div
+						id="ms--collapsible-toc-header"
+						class="display-flex flex-direction-row-reverse justify-content-center align-items-center margin-bottom-xxs margin-right-xxs"
+					>
+						<button
+							type="button"
+							class="button button-clear button-sm inner-focus"
+							data-collapsible-toc-toggle
+							aria-expanded="true"
+							hidden
+							aria-controls="ms--toc-content"
+							aria-label="Table of contents"
+						>
+							<span class="icon icon-mirrored-rtl" aria-hidden="true">
+								<span
+									class="docon docon-panel-left-contract display-none-layout-menu-collapsed"
+								></span>
+								<span
+									class="docon docon-panel-left-expand display-none display-inline-layout-menu-collapsed"
+								></span>
+							</span>
+						</button>
+						<div
+							id="ms--collapsible-toc-moniker-slot"
+							class="flex-grow-1 display-none-layout-menu-collapsed"
+						></div>
+					</div>
+				</nav>
+			</div>
+		</div>
+	
+			  </section>
+
+				<main
+					id="main"
+					role="main"
+					class="layout-body-main "
+					data-bi-name="content"
+					lang="en-us"
+					dir="ltr"
+				>
+					
+			<div
+		id="ms--content-header"
+		class="content-header default-focus border-bottom-none"
+		data-bi-name="content-header"
+	>
+		<div class="content-header-controls margin-xxs margin-inline-sm-tablet">
+			<button
+				type="button"
+				class="contents-button button button-sm margin-right-xxs"
+				data-bi-name="contents-expand"
+				aria-haspopup="true"
+				data-contents-button
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-menu"></span></span>
+				<span class="contents-expand-title"> Table of contents </span>
+			</button>
+			<button
+				type="button"
+				class="ap-collapse-behavior ap-expanded button button-sm"
+				data-bi-name="ap-collapse"
+				aria-controls="action-panel"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-exit-mode"></span></span>
+				<span>Exit editor mode</span>
+			</button>
+		</div>
+	</div>
+			<div
+				data-main-column
+				class="reading-width margin-inline-auto layout-padding padding-top-none padding-top-sm-tablet padding-bottom-sm"
+			>
+				<div>
+					
+		<div id="article-header" class="background-color-body margin-bottom-xs display-none-print">
+			<div class="display-flex align-items-center justify-content-space-between">
+				
+		<details
+			id="article-header-breadcrumbs-overflow-popover"
+			class="popover popover-left"
+			data-for="article-header-breadcrumbs"
+		>
+			<summary
+				class="button button-clear button-primary button-sm inner-focus"
+				aria-label="All breadcrumbs"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-more"></span>
+				</span>
+			</summary>
+			<div id="article-header-breadcrumbs-overflow" class="popover-content"></div>
+		</details>
+
+		<bread-crumbs
+			id="article-header-breadcrumbs"
+			role="group"
+			aria-label="Breadcrumbs"
+			data-test-id="article-header-breadcrumbs"
+			class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"
+		></bread-crumbs>
+	 
+		<div
+			id="article-header-page-actions"
+			class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"
+		>
+			
+		<button
+			class="button button-sm border-none inner-focus display-none-tablet flex-shrink-0 "
+			data-bi-name="ask-learn-assistant-entry"
+			data-test-id="ask-learn-assistant-modal-entry-mobile"
+			data-ask-learn-modal-entry
+			
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-none display-inline-flex-tablet display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-modal-entry-tablet"
+			data-ask-learn-modal-entry
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-flyout-entry"
+			data-ask-learn-flyout-entry
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	 
+		<div class="language dropdown display-flex align-items-center">
+			<button
+				type="button"
+				class="dropdown-trigger button button-clear button-sm button-primary"
+				aria-expanded="false"
+				title="Language"
+				data-bi-name="language"
+			>
+				<span class="lang-title align-self-flex-start" dir="ltr">Language</span>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-chevron-down-light expanded-indicator"></span>
+				</span>
+			</button>
+			<div class="language-selector dropdown-menu padding-xxs">
+				<ul data-bi-name="language-links" dir="ltr">
+					
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-csharp"
+					aria-pressed="false"
+				>
+					csharp
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-vb"
+					aria-pressed="false"
+				>
+					vb
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-javascript"
+					aria-pressed="false"
+				>
+					javascript
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-cppcx"
+					aria-pressed="false"
+				>
+					cppcx
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-cppwinrt"
+					aria-pressed="false"
+				>
+					cppwinrt
+				</button>
+			</li>
+		
+				</ul>
+			</div>
+		</div>
+	
+
+			<details class="popover popover-right" id="article-header-page-actions-overflow">
+				<summary
+					class="justify-content-flex-start button button-clear button-sm button-primary inner-focus"
+					aria-label="More actions"
+					title="More actions"
+				>
+					<span class="icon" aria-hidden="true">
+						<span class="docon docon-more-vertical"></span>
+					</span>
+				</summary>
+				<div class="popover-content">
+					
+		<button
+			type="button"
+			id="ms--focus-mode-button"
+			data-focus-mode
+			data-bi-name="focus-mode-entry"
+			data-page-action-item="overflow-all"
+			data-popover-close
+			class="button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus display-none display-inline-flex-tablet"
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-glasses"></span>
+			</span>
+			<span>Reading mode</span>
+		</button>
+	 
+		<button
+			data-page-action-item="overflow-mobile"
+			type="button"
+			class="display-block-layout-menu-collapsed button-block button-sm inner-focus button button-clear display-none-tablet justify-content-flex-start text-align-left"
+			data-bi-name="contents-expand"
+			data-contents-button
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true"
+				><span class="docon docon-editor-list-bullet"></span
+			></span>
+			<span class="contents-expand-title">Table of contents</span>
+		</button>
+	 
+		<a
+			id="lang-link-overflow"
+			class="button-sm inner-focus button button-clear button-block justify-content-flex-start text-align-left"
+			data-bi-name="language-toggle"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-read-in-link
+			href="#"
+			hidden
+		>
+			<span class="icon" aria-hidden="true" data-read-in-link-icon>
+				<span class="docon docon-locale-globe"></span>
+			</span>
+			<span data-read-in-link-text>Read in English</span>
+		</a>
+	
+					
+		<button
+			type="button"
+			class="collection button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus"
+			data-list-type="collection"
+			data-bi-name="collection"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="collection-status">Add</span>
+		</button>
+	 
+		<button
+			type="button"
+			class="collection button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+			data-list-type="plan"
+			data-bi-name="plan"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="plan-status">Add to Plans</span>
+		</button>
+	 
+					  
+		<hr class="margin-block-xxs" />
+		
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="copy-markdown"
+					data-page-action-item="overflow-all"
+					data-copy-markdown
+					data-copy-state="idle"
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span data-show-when="idle" class="docon docon-code-lang"></span>
+						<span data-show-when="loading" class="loader" hidden></span>
+						<span data-show-when="success" class="docon docon-check-mark" hidden></span>
+					</span>
+					<span>Copy Markdown</span>
+				</button>
+		   
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="print"
+					data-page-action-item="overflow-all"
+					data-popover-close
+					data-print-page
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span class="docon docon-print"></span>
+					</span>
+					<span>Print</span>
+				</button>
+		  
+	
+				</div>
+			</details>
+		</div>
+	
+			</div>
+		</div>
+	  
+		<!-- privateUnauthorizedTemplate is hidden by default -->
+		<div unauthorized-private-section data-bi-name="permission-content-unauthorized-private" hidden>
+			<hr class="hr margin-top-xs margin-bottom-sm" />
+			<div class="notification notification-info">
+				<div class="notification-content">
+					<p class="margin-top-none notification-title">
+						<span class="icon" aria-hidden="true"
+							><span class="docon docon-exclamation-circle-solid"></span
+						></span>
+						<span>Note</span>
+					</p>
+					<p class="margin-top-none authentication-determined not-authenticated">
+						Access to this page requires authorization. You can try <a class="docs-sign-in" href="#" data-bi-name="permission-content-sign-in">signing in</a> or <a  class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+					<p class="margin-top-none authentication-determined authenticated">
+						Access to this page requires authorization. You can try <a class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+				</div>
+			</div>
+		</div>
+	
+					<div class="content"></div>
+					  
+					<div class="content">        <a id="windows-ui-viewmanagement-uisettings-animationsenabled"></a>
+
+<div data-chunk-ids="0" class="anchor-headings">
+<h1>UISettings.<wbr>Animations<wbr>Enabled Property</h1>
+
+
+<nav id="center-doc-outline" class="doc-outline display-none-desktop display-none-print margin-bottom-sm" data-bi-name="intopic toc" aria-label="">
+  <h2 class="title is-6 margin-block-xs"></h2>
+</nav>
+<h2 id="definition">Definition</h2>
+
+<div class="metadata">
+		<dl class="attributeList">
+			<dt>Namespace:</dt>
+			<dd>
+				<span class="break-text"> <a class="xref" href="windows.ui.viewmanagement?view=winrt-26100" data-linktype="relative-path">Windows.UI.ViewManagement</a> </span>
+			</dd>
+		</dl>
+
+
+
+
+
+</div><div class="alert is-primary is-hidden moniker-display-boilerplate">
+    <p class="alert-title">
+      <span class="docon docon-status-info-outline" aria-hidden="true"></span> Important
+    </p>
+    <p>Some information relates to prerelease product that may be substantially modified before it’s released. Microsoft makes no warranties, express or implied, with respect to the information provided here.</p>
+</div>
+
+
+
+<div data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider " class="anchor-headings">
+
+
+	<div class="summaryHolder">
+		<div class="summary clearFix has-text-wrap">
+				<div class="inlineEditButton">
+					<a href="https://github.com/MicrosoftDocs/winrt-api/blob/docs//windows.ui.viewmanagement/uisettings_animationsenabled.md" data-bi-name="editType" data-linktype="external"><span class="docon docon-edit-outline" aria-hidden="true"></span>Edit</a>
+				</div>
+			<p>Gets whether animations are enabled for the user interface.</p>
+
+		</div>
+	</div>
+	<pre class="wrap" data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider "><code class="cppcx lang-cppcx" dir="ltr">public:
+ property bool AnimationsEnabled { bool get(); };</code></pre>
+	<pre class="wrap" data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider "><code class="cppwinrt lang-cppwinrt" dir="ltr">bool AnimationsEnabled();</code></pre>
+	<pre class="wrap" data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider "><code class="csharp lang-csharp" dir="ltr">public bool AnimationsEnabled { get; }</code></pre>
+	<pre class="wrap" data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider "><code class="javascript lang-javascript" dir="ltr">var boolean = uISettings.animationsEnabled;</code></pre>
+	<pre class="wrap" data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider "><code class="vb lang-vb" dir="ltr">Public ReadOnly Property AnimationsEnabled As Boolean</code></pre>
+	<h4 class="propertyInfoTitle stack">Property Value</h4>
+
+
+
+	<div class="propertyInfo">
+		
+		<span class=" lang-csharp lang-vb lang-javascript"><a href="/en-us/dotnet/api/system.boolean" data-linktype="absolute-path">Boolean</a>
+</span><span class=" lang-cppcx lang-cppwinrt"><p>bool</p>
+</span>
+	</div>
+
+	<p><strong>true</strong> if animations are enabled; <strong>false</strong> if not.</p>
+
+
+
+
+
+
+
+
+	<div data-no-chunk="" class="anchor-headings">
+	 <h2>Applies to</h2>
+	 <div class="table-wrapper moniker-applies-to-table">
+      <table class="table table-complex has-row-header-background">
+        <thead>
+        </thead>
+      </table>
+    </div>
+	</div>
+
+
+
+</div>
+
+</div>
+</div>
+					
+		<div
+			id="ms--inline-notifications"
+			class="margin-block-xs"
+			data-bi-name="inline-notification"
+		></div>
+	 
+		<div
+			id="assertive-live-region"
+			role="alert"
+			aria-live="assertive"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+		<div
+			id="polite-live-region"
+			role="status"
+			aria-live="polite"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+	
+					
+		<!-- feedback section -->
+		<section
+			id="site-user-feedback-footer"
+			class="font-size-sm margin-top-md display-none-print display-none-desktop"
+			data-test-id="site-user-feedback-footer"
+			data-bi-name="site-feedback-section"
+		>
+			<hr class="hr" />
+			<h2 id="ms--feedback" class="title is-3">Feedback</h2>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="buttons">
+					<button
+						class="thumb-rating-button like button button-primary button-sm"
+						data-test-id="footer-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+						<span>Yes</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike button button-primary button-sm"
+						id="standard-rating-no-button"
+						hidden
+						data-test-id="footer-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+						<span>No</span>
+					</button>
+					<details
+						class="popover popover-top"
+						id="mobile-help-popover"
+						data-test-id="footer-feedback-popover"
+					>
+						<summary
+							class="thumb-rating-button dislike button button-primary button-sm"
+							data-test-id="details-footer-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+							<span>No</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading"
+							aria-describedby="popover-description"
+						>
+							<p id="popover-heading" class="font-size-lg margin-bottom-xxs font-weight-semibold">
+								Need help with this topic?
+							</p>
+							<p id="popover-description" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+				</div>
+				 
+			</div>
+			
+		<div
+			id="action-panel"
+			role="region"
+			aria-label="Action Panel"
+			class="action-panel"
+			tabindex="-1"
+		></div>
+	
+		
+				</main>
+				<aside
+					id="layout-body-aside"
+					class="layout-body-aside  "
+					data-bi-name="aside"
+					aria-label="Additional resources"
+			  >
+					
+		<div
+			id="ms--additional-resources"
+			class="right-container padding-sm display-none display-block-desktop height-full"
+			data-bi-name="pageactions"
+		>
+			<div id="affixed-right-container" data-bi-name="right-column">
+				
+		<nav
+			id="side-doc-outline"
+			class="doc-outline border-bottom padding-bottom-xs margin-bottom-xs scrollbar-width-thin"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h3>In this article</h3>
+		</nav>
+	
+				<!-- Feedback -->
+				
+		<section
+			id="ms--site-user-feedback-right-rail"
+			class="font-size-sm display-none-print"
+			data-test-id="site-user-feedback-right-rail"
+			data-bi-name="site-feedback-right-rail"
+		>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="display-flex flex-wrap-nowrap">
+					<button
+						class="thumb-rating-button like inner-focus"
+						data-test-id="right-rail-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						aria-label="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike inner-focus"
+						id="right-rail-no-button"
+						hidden
+						data-test-id="right-rail-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						aria-label="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+					</button>
+					<details class="popover popover-right" id="help-popover" data-test-id="feedback-popover">
+						<summary
+							tabindex="0"
+							class="thumb-rating-button dislike inner-focus"
+							data-test-id="details-right-rail-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							aria-label="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading-right-rail"
+							aria-describedby="popover-description-right-rail"
+						>
+							<p
+								id="popover-heading-right-rail"
+								class="font-size-lg margin-bottom-xxs font-weight-semibold"
+							>
+								Need help with this topic?
+							</p>
+							<p id="popover-description-right-rail" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+	
+			</div>
+		</div>
+	
+			  </aside> <section
+					id="layout-body-flyout"
+					class="layout-body-flyout "
+					data-bi-name="flyout"
+			  >
+					 <div
+	class="height-full border-left background-color-body-medium"
+	id="ask-learn-flyout"
+></div>
+			  </section> <div class="layout-body-footer " data-bi-name="layout-footer">
+		<footer
+			id="footer"
+			data-test-id="footer"
+			data-bi-name="footer"
+			class="footer-layout padding-xs padding-sm-desktop has-default-focus border-top"
+			role="contentinfo"
+		>
+			<div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
+				
+		<a
+			data-mscc-ic="false"
+			href="#"
+			data-bi-name="select-locale"
+			class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator"
+			id=""
+			title=""
+			><span class="icon" aria-hidden="true"
+				><span class="docon docon-world"></span></span
+			><span class="local-selector-link-text">en-us</span></a
+		>
+	 <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://aka.ms/yourcaliforniaprivacychoices"
+			data-bi-name="your-privacy-choices"
+			class="button button-sm button-clear flex-shrink-0 external-link-indicator"
+			id=""
+			title=""
+			>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 30 14"
+			xml:space="preserve"
+			height="16"
+			width="43"
+			aria-hidden="true"
+			focusable="false"
+		>
+			<path
+				d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
+			></path>
+			<path
+				d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"
+			></path>
+			<path
+				d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"
+				style="fill:#fff"
+			></path>
+			<path
+				d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"
+				style="fill:#06f"
+			></path>
+		</svg>
+	
+			<span>Your Privacy Choices</span></a
+		>
+	
+	</div>
+				<div class="flex-shrink-0">
+		<div class="dropdown has-caret-up">
+			<button
+				data-test-id="theme-selector-button"
+				class="dropdown-trigger button button-clear button-sm inner-focus theme-dropdown-trigger"
+				aria-controls="{{ themeMenuId }}"
+				aria-haspopup="true"
+				aria-expanded="false"
+				data-bi-name="theme"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-sun"></span></span>
+				<span>Theme</span>
+				<span class="icon expanded-indicator" aria-hidden="true">
+					<span class="docon docon-chevron-down-light"></span>
+				</span>
+			</button>
+			<div class="dropdown-menu" id="{{ themeMenuId }}" role="menu">
+				<ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu" role="none">
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="light"
+							tabindex="-1"
+						>
+							<span class="theme-light margin-right-xxs">
+								<span
+									class="theme-selector-icon border display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Light </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="dark"
+							tabindex="-1"
+						>
+							<span class="theme-dark margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Dark </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="high-contrast"
+							tabindex="-1"
+						>
+							<span class="theme-high-contrast margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> High contrast </span>
+						</button>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+			</div>
+			<ul class="links" data-bi-name="footerlinks">
+				<li class="manage-cookies-holder" hidden=""></li>
+				<li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content"
+			data-bi-name="aiDisclaimer"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>AI Disclaimer</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/previous-versions/"
+			data-bi-name="archivelink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Previous Versions</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog"
+			data-bi-name="bloglink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Blog</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/contribute"
+			data-bi-name="contributorGuide"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Contribute</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?LinkId=521839"
+			data-bi-name="privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?linkid=2259814"
+			data-bi-name="consumer-health-privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Consumer Health Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/legal/termsofuse"
+			data-bi-name="termsofuse"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Terms of Use</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/"
+			data-bi-name="trademarks"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Trademarks</a
+		>
+	
+	</li>
+				<li>&copy; Microsoft 2026</li>
+			</ul>
+		</footer>
+	</footer>
+			</body>
+		</html>
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/pattern-intelligence-brief.md b/.ui-os/research/runs/windows-winui3-standard-20260813/pattern-intelligence-brief.md
new file mode 100644
index 0000000..05bf2cf
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/pattern-intelligence-brief.md
@@ -0,0 +1,108 @@
+# Windows WinUI 3 Pattern Intelligence Brief
+
+Run: `windows-winui3-standard-20260813`  
+Target: Windows desktop, WinUI 3 / Windows App SDK 1.8, pointer + keyboard + UI Automation  
+Scope: MH3G Save Converter only
+
+## Product truth inspected
+
+The existing Windows app is one long `ScrollViewer` containing a decorative hero, four stage labels, repeated global `InfoBar` next-step prompts, core paths, optional System/ExtData/CEC controls, raw report text, history, and rollback. It uses WinUI native controls but also hard-coded light surfaces and a global status badge. The result makes application navigation, ordered conversion state, optional transactions, and recovery compete in one hierarchy.
+
+The shared kernel must remain unchanged:
+
+`source / current reference / output → Inspect → Optional Data or Skip → Dry Run → Confirm Write → Result / Rollback`
+
+## Live source lanes
+
+| Source ID | Lane | Current task-fit observation |
+|---|---|---|
+| `ms-navigationview` | Windows platform authority | `NavigationView` is the native adaptive container for top-level destinations; keyboard behavior and High Contrast resources are first-class requirements. |
+| `ms-file-picker` | WinUI implementation | Windows App SDK 1.8 supplies `FileOpenPicker` and `FolderPicker` constructed with `WindowId`, returning selected paths through the familiar Windows surface. |
+| `ms-progress-controls` | WinUI implementation | `ProgressBar` is suitable for nonmodal work, while `ProgressRing` communicates a wait that can block interaction; explanatory text may still be necessary. |
+| `ms-accessibility-overview` | Accessibility authority | XAML controls expose keyboard and UI Automation behavior, but focus order, names, text scaling, High Contrast, and assistive-technology output must be explicitly tested. |
+| `fluent-motion` | Windows motion authority | Motion should express relationship and feedback, not decorate operational surfaces or delay commands. |
+| `ms-ui-settings-motion` | Windows implementation | `UISettings.AnimationsEnabled` exposes the user's animation preference and must gate custom transitions. |
+| `github-desktop-onboarding` | Shipped desktop flow | Contextual next steps address the empty-state question “what now?” without requiring users to infer the entire workflow. This is historical flow evidence, not current visual authority. |
+| `balena-etcher` | Shipped guarded utility | A source/target/write utility foregrounds safety, verification, and recovery. Only the principle is reusable; its brand, copy, and composition are not. |
+
+All eight public sources were fetched live by the bundled UIOS fetcher on 2026-08-13 and are stored with HTTP receipts and content hashes in this run.
+
+## Direction A — Guided native workflow
+
+- One WinUI `NavigationView` for Convert, History, Advanced, and Settings.
+- Inside Convert, one bounded stage is active at a time; the progress cue is state, not another navigator.
+- One title, one scoped state, one primary action, and one adjacent reason/Fix per task surface.
+- Optional Data starts collapsed and may be skipped. Enabling an optional transaction reveals only its dependent paths and safety copy.
+- File/folder commands use Windows App SDK pickers; returning selection updates a local selected-path row and preserves focus.
+- Best fit: first-time users, minimum-window legibility, and plain next-step guidance.
+
+## Direction B — Compact operation canvas
+
+- Same application `NavigationView`, but Convert is a compact source/current/output summary with a stable command footer.
+- Inspect and recovery details expand at the affected row; hashes, fingerprints, manifests, and raw reports remain progressive disclosure.
+- Nonmodal Inspect/Dry Run use nearby text plus `ProgressBar`; only the actual write boundary uses confirmation and any blocking state.
+- Best fit: returning users who compare inputs and repeat repairs frequently.
+
+Both directions share the product kernel, semantic actions, safety gates, backup/manifest/rollback behavior, and stable automation IDs. They differ structurally rather than by palette.
+
+## Windows-native mapping
+
+- **Navigation:** `NavigationView` only for application destinations; no second sidebar and no full-page slide choreography.
+- **Selection:** Windows App SDK 1.8 `FileOpenPicker` / `FolderPicker`, followed by a local path confirmation row.
+- **Status and recovery:** scoped `InfoBar`, text, icon, enabled state, and nearby Fix; no global optional blocker.
+- **Progress:** native `ProgressBar` for nonmodal unknown-duration work; `ProgressRing` only where the affected surface truly must wait.
+- **Confirmation:** `ContentDialog` with explicit source/current/output summary, risk, cancel path, and focus return.
+- **Typography and density:** WinUI theme typography and desktop control density; stack to one column before clipping at the minimum window.
+- **Icons:** WinUI `SymbolIcon` or licensed project vector assets, paired with localized labels for primary/destructive actions.
+- **Surfaces:** theme resources for Light, Dark, and High Contrast; remove hard-coded light-only fills that bypass resource lookup.
+
+## Motion contract input
+
+1. **Async command receipt:** keep the CTA rectangle fixed; immediately change its local status text and show native progress.
+2. **Optional reveal:** one short, interruptible local content/opacity transition; never animate the entire `ScrollViewer`.
+3. **Picker return:** local confirmation only; no toast or page motion required.
+4. **Blocked → ready → authorized/result:** short scoped state morph with persistent text/icon semantics.
+5. **Success:** at most one bounded completion transition; no confetti, looping mark, or progress shimmer.
+
+When `UISettings.AnimationsEnabled == false`, custom translation, scale, and crossfade are removed. The same state is conveyed immediately through accessible text, icon, enabled state, focus, and UI Automation properties.
+
+## Accessibility fallback
+
+- DOM/XAML order is the logical Tab order; Enter/Space activates buttons and Escape cancels confirmation.
+- Stable `AutomationId` and Name identify route title, selected paths, primary action, blocked reason, Fix, status, manifest, and rollback.
+- Use only one polite live region for the affected asynchronous operation; repeated global announcements are rejected.
+- Selected paths may visually ellipsize only if UI Automation retains the complete value.
+- Copy and controls must reflow for English, Simplified Chinese, increased text scale, and the minimum window.
+- Semantic status never depends on color or motion; theme resources and a High Contrast dictionary override custom surfaces.
+
+## Delete / merge implications for design
+
+- Delete the decorative hero and stage artwork from the operational hierarchy.
+- Merge repeated next-step `InfoBar` prompts into one stage-local status/recovery presentation.
+- Remove the global readiness badge when the same state is already present in the active task footer.
+- Move raw hashes, manifest details, and report payloads behind disclosures; keep critical write identity visible in confirmation.
+- Isolate optional System, ExtData, and CEC transactions from the core blocker model.
+- Keep History and Settings free of conversion readiness errors.
+
+## Rejected candidates
+
+- Card-heavy single-page dashboard with decorative artwork and duplicated stage/status UI.
+- Full-window spinner for every picker, Inspect, Dry Run, or optional transaction.
+- Page slides, form stagger, hover lift, looping empty visuals, failure shake, or success confetti.
+- Treating optional System/ExtData/CEC data as a prerequisite for core conversion.
+- Copying balenaEtcher or GitHub Desktop branding, wording, composition, imagery, or physical tokens.
+
+## Copy, asset, and license constraints
+
+- Microsoft and GitHub pages are linked reference only; no copy or screenshots are imported.
+- The balenaEtcher repository is Apache-2.0, but this run imports no code, image, layout, or wording from it.
+- Control icons must come from WinUI symbols or an already licensed project vector family. No rasterized text or generated control icons.
+- External product language is paraphrased into MH Toolkit's safety semantics; optional must never become required, and advisory must never become error.
+
+## Limitations
+
+- Public shipped-product evidence was fetched live, but no new interactive Windows recording or paid flow-database export was captured.
+- GitHub Desktop onboarding evidence is historical and supports only the contextual-next-step principle.
+- balenaEtcher's fetched repository page does not contain a complete adjacent-state screenshot set.
+- Runtime fidelity, minimum-window layout, focus, UI Automation tree, High Contrast, text scaling, and motion remain implementation/capture/verification work on a real Windows runner.
+
diff --git a/.ui-os/research/runs/windows-winui3-standard-20260813/task-context.json b/.ui-os/research/runs/windows-winui3-standard-20260813/task-context.json
new file mode 100644
index 0000000..532b381
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-standard-20260813/task-context.json
@@ -0,0 +1,89 @@
+{
+  "schema_version": "uios.research-task/v0.2",
+  "task_id": "mh3g-save-converter-windows-ui-quality-os-20260813",
+  "summary": "Redesign the existing MH3G Save Converter WinUI 3 desktop workflow so first-time and returning users can inspect, optionally extend, dry-run, safely write, review, and roll back without duplicated navigation, remote recovery, or optional-data scope confusion.",
+  "product": {
+    "id": "mh3g-save-converter",
+    "class": "windows-desktop-save-conversion-utility",
+    "primary_users": [
+      "first-time MH3G player converting one 3DS slot",
+      "returning player repairing a previously converted Wii U or Cemu slot",
+      "advanced user adding optional system, ExtData, or experimental CEC data"
+    ],
+    "critical_job": "complete a local conversion or repair with explicit inputs, a read-only inspection, optional data that may be skipped, a fingerprint-bound dry run, guarded write, and recoverable result"
+  },
+  "research_kinds": [
+    "layout",
+    "interaction-pattern",
+    "component",
+    "motion",
+    "style",
+    "iconography",
+    "onboarding"
+  ],
+  "targets": [
+    {
+      "id": "windows-winui3-desktop",
+      "platform": "windows",
+      "framework": "winui3",
+      "form_factor": "desktop",
+      "input_modes": [
+        "pointer",
+        "keyboard",
+        "screen-reader"
+      ]
+    }
+  ],
+  "states": [
+    "first-run",
+    "input-empty",
+    "input-inspecting",
+    "optional-missing",
+    "optional-skipped",
+    "dry-run-ready",
+    "dry-run-blocked",
+    "dry-run-running",
+    "write-authorized",
+    "write-confirmation",
+    "write-running",
+    "conversion-success",
+    "conversion-failure",
+    "history-empty",
+    "history-result",
+    "recovery"
+  ],
+  "accessibility_requirements": [
+    "keyboard-and-ui-automation",
+    "logical-focus-order",
+    "text-scaling-and-locale-expansion",
+    "high-contrast",
+    "reduced-motion-and-animation-preferences",
+    "non-color-cues",
+    "stable-accessibility-identifiers"
+  ],
+  "constraints": {
+    "brand": [
+      "MH Toolkit product identity",
+      "restrained utility-first brand layer",
+      "licensed WinUI SymbolIcon or project vector assets only for controls"
+    ],
+    "existing_system": [
+      "WinUI 3 with Windows App SDK 1.8",
+      "existing C# MainViewModel and Rust CLI sidecar",
+      "shared conversion kernel: input, inspect, optional, dry run, confirm write, result or rollback",
+      "source, current reference, and output remain separate paths",
+      "hash, backup, manifest, confirmation, and fail-closed semantics remain unchanged"
+    ],
+    "forbidden": [
+      "real save data",
+      "Cemu or emulator launch",
+      "macOS visual translation",
+      "Apple material or web dashboard styling",
+      "global optional-data blockers",
+      "decorative hero, glow, texture, confetti, looping empty-state motion",
+      "navigation animation or delayed primary actions",
+      "animation as the only state signal"
+    ]
+  },
+  "freshness_claim": "current"
+}
diff --git a/.ui-os/tokens.json b/.ui-os/tokens.json
new file mode 100644
index 0000000..e73e135
--- /dev/null
+++ b/.ui-os/tokens.json
@@ -0,0 +1,55 @@
+{
+  "schema_version": "uios.tokens/v0.1",
+  "semantic": {
+    "color.brand.primary": {"description": "Compact product identity only", "value": "brand.indigo.700"},
+    "color.intent.primary": {"description": "Primary task action", "value": "platform.accent"},
+    "color.intent.success": {"description": "Readiness or completed transaction plus non-color cue", "value": "platform.success"},
+    "color.intent.warning": {"description": "Recoverable local blocker plus non-color cue", "value": "platform.warning"},
+    "color.intent.danger": {"description": "Failure or destructive caution plus non-color cue", "value": "platform.danger"},
+    "color.surface.work": {"description": "Main operational canvas", "value": "platform.window"},
+    "color.surface.section": {"description": "One grouped task surface", "value": "platform.control-background"},
+    "color.surface.state.info": {"description": "Scoped information state", "value": "platform.info-subtle"},
+    "color.surface.state.success": {"description": "Scoped authorized or completed state", "value": "platform.success-subtle"},
+    "color.surface.state.warning": {"description": "Scoped recoverable blocker", "value": "platform.warning-subtle"},
+    "color.surface.state.danger": {"description": "Scoped failure state", "value": "platform.danger-subtle"},
+    "color.border.subtle": {"description": "Meaningful surface separator", "value": "platform.separator"},
+    "space.relationship.tight": {"description": "Label and immediate value or reason", "value": "platform.4"},
+    "space.relationship.related": {"description": "Controls in one task group", "value": "platform.8"},
+    "space.relationship.section": {"description": "Separation between task groups", "value": "platform.20"},
+    "type.role.title": {"description": "One page title", "value": "platform.title"},
+    "type.role.body": {"description": "Operational content", "value": "platform.body"},
+    "type.role.supporting": {"description": "Plain-language supporting text", "value": "platform.caption"},
+    "type.role.technical": {"description": "Paths, hashes, manifests and diagnostics", "value": "platform.monospace-caption"},
+    "motion.feedback.fast": {"description": "Immediate local action acknowledgement", "value": "platform.motion-fast"},
+    "motion.dependency.reveal": {"description": "Local optional dependency reveal", "value": "platform.motion-content"},
+    "motion.state-change": {"description": "Stable-footer state change", "value": "platform.motion-state"},
+    "motion.reduced": {"description": "Immediate or opacity-only equivalent", "value": "platform.motion-reduced"}
+  },
+  "platform_aliases": {
+    "windows.winui3": {
+      "brand.indigo.700": "#4F46A5",
+      "platform.accent": "SystemControlHighlightAccentBrush",
+      "platform.success": "SystemFillColorSuccessBrush plus Accept icon and text",
+      "platform.warning": "SystemFillColorCautionBrush plus Important icon and text",
+      "platform.danger": "SystemFillColorCriticalBrush plus Cancel icon and text",
+      "platform.window": "ApplicationPageBackgroundThemeBrush",
+      "platform.control-background": "CardBackgroundFillColorDefaultBrush",
+      "platform.info-subtle": "SubtleFillColorSecondaryBrush",
+      "platform.success-subtle": "SystemFillColorSuccessBackgroundBrush with HighContrast override",
+      "platform.warning-subtle": "SystemFillColorCautionBackgroundBrush with HighContrast override",
+      "platform.danger-subtle": "SystemFillColorCriticalBackgroundBrush with HighContrast override",
+      "platform.separator": "CardStrokeColorDefaultBrush",
+      "platform.4": 4,
+      "platform.8": 8,
+      "platform.20": 20,
+      "platform.title": "TitleTextBlockStyle",
+      "platform.body": "BodyTextBlockStyle",
+      "platform.caption": "CaptionTextBlockStyle",
+      "platform.monospace-caption": "Cascadia Mono at caption size",
+      "platform.motion-fast": "native control feedback or local opacity <= 120ms",
+      "platform.motion-content": "local ContentThemeTransition when AnimationsEnabled; immediate otherwise",
+      "platform.motion-state": "fixed-host opacity transition <= 167ms when AnimationsEnabled",
+      "platform.motion-reduced": "immediate replacement with identical text, icon, enabled and automation state"
+    }
+  }
+}

From fcb03879c714a42e472f18f562df1c4fd258ea83 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:10:44 +0800
Subject: [PATCH 02/15] docs(windows): bind frozen direction research review

---
 .ui-os/research-task-windows-design.json      |   29 +
 ...nui3-frozen-direction-20260813-review.json |   13 +
 .../manifest.json                             |  733 ++++
 .../etcher-guarded-frozen-be04c349df1f.html   |  986 ++++++
 .../github-next-step-frozen-7567553258da.html |  944 +++++
 .../objects/ms-a11y-frozen-16e36128ea2b.html  | 1673 +++++++++
 .../ms-motion-pref-frozen-5b2413221dc1.html   | 1521 ++++++++
 .../objects/ms-nav-frozen-6d9beff44ebb.html   | 3051 +++++++++++++++++
 .../ms-picker-frozen-e528f24783d9.html        | 1865 ++++++++++
 .../ms-progress-frozen-46c7ddeaae35.html      | 1704 +++++++++
 .../pattern-intelligence-brief.md             |   87 +
 .../task-context.json                         |   75 +
 12 files changed, 12681 insertions(+)
 create mode 100644 .ui-os/research-task-windows-design.json
 create mode 100644 .ui-os/research/reviews/windows-winui3-frozen-direction-20260813-review.json
 create mode 100644 .ui-os/research/runs/windows-winui3-frozen-direction-20260813/manifest.json
 create mode 100644 .ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/etcher-guarded-frozen-be04c349df1f.html
 create mode 100644 .ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/github-next-step-frozen-7567553258da.html
 create mode 100644 .ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-a11y-frozen-16e36128ea2b.html
 create mode 100644 .ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-motion-pref-frozen-5b2413221dc1.html
 create mode 100644 .ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-nav-frozen-6d9beff44ebb.html
 create mode 100644 .ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-picker-frozen-e528f24783d9.html
 create mode 100644 .ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-progress-frozen-46c7ddeaae35.html
 create mode 100644 .ui-os/research/runs/windows-winui3-frozen-direction-20260813/pattern-intelligence-brief.md
 create mode 100644 .ui-os/research/runs/windows-winui3-frozen-direction-20260813/task-context.json

diff --git a/.ui-os/research-task-windows-design.json b/.ui-os/research-task-windows-design.json
new file mode 100644
index 0000000..926de01
--- /dev/null
+++ b/.ui-os/research-task-windows-design.json
@@ -0,0 +1,29 @@
+{
+  "schema_version": "uios.research-task/v0.2",
+  "task_id": "mh3g-save-converter-windows-frozen-direction-20260813",
+  "summary": "Revalidate current Windows and WinUI 3 evidence for implementing the frozen Guided Fluent workspace without changing the shared converter kernel or safety semantics.",
+  "product": {
+    "id": "mh3g-save-converter",
+    "class": "windows-desktop-save-conversion-utility",
+    "primary_users": ["first-time converter user", "returning repair user", "advanced optional-data user"],
+    "critical_job": "complete the frozen source/current/output, inspect, optional-or-skip, dry-run, confirm-write, result-or-rollback flow safely"
+  },
+  "research_kinds": ["layout", "interaction-pattern", "component", "motion", "style", "iconography"],
+  "targets": [
+    {
+      "id": "windows-winui3-desktop",
+      "platform": "windows",
+      "framework": "winui3",
+      "form_factor": "desktop",
+      "input_modes": ["pointer", "keyboard", "screen-reader"]
+    }
+  ],
+  "states": ["input-empty", "optional-missing", "optional-skipped", "dry-run-ready", "dry-run-blocked", "write-authorized", "conversion-success", "conversion-failure", "history-empty"],
+  "accessibility_requirements": ["keyboard-and-ui-automation", "logical-focus-order", "text-scaling", "high-contrast", "reduced-motion", "non-color-cues"],
+  "constraints": {
+    "brand": ["MH Toolkit restrained utility identity"],
+    "existing_system": ["Frozen Guided Fluent workspace contract", "WinUI 3 and Windows App SDK 1.8", "existing C# workflow and Rust sidecar"],
+    "forbidden": ["real save data", "emulator launch", "kernel or safety changes", "macOS visual translation", "decorative hero", "global optional blocker", "ornamental motion"]
+  },
+  "freshness_claim": "current"
+}
diff --git a/.ui-os/research/reviews/windows-winui3-frozen-direction-20260813-review.json b/.ui-os/research/reviews/windows-winui3-frozen-direction-20260813-review.json
new file mode 100644
index 0000000..b600745
--- /dev/null
+++ b/.ui-os/research/reviews/windows-winui3-frozen-direction-20260813-review.json
@@ -0,0 +1,13 @@
+{
+  "schema_version": "uios.research-review/v0.2",
+  "manifest_path": "/Volumes/GameHub/Development/Games/mh-save-sync-windows-ui-quality-os/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/manifest.json",
+  "manifest_sha256": "393ddda4788b0cbb4121e01b90d095f436f7ea914ba6ba6e1107be9479ff3359",
+  "context_sha256": "b17356e858916f66ce7ddc23a9da96a403c3bb739f7ec40de731477e70d3c807",
+  "protected_snapshot_sha256": "669f89e937dd7bf4c7a6f7b6e628b495ce4d3bf2ec96f33865ae62942fb888f1",
+  "reviewed_at": "2026-08-13T02:09:54Z",
+  "verdict": "pass",
+  "reviewer": "isolated-uios-research-review",
+  "notes": [
+    "Grounded frozen-direction proposal: all seven artifacts and brief match declared hashes; each canonical URL independently reopened on its declared publisher with lane-relevant substance. The selected Guided Fluent candidate has independent publisher support, Windows-native WinUI mapping, keyboard/UIA, text scaling, High Contrast, non-color and AnimationsEnabled fallbacks, no copied assets, and explicit rejected alternatives. Public shipped-flow artifacts remain incomplete and historical, so runtime usability, visual fidelity, motion, and accessibility remain unverified."
+  ]
+}
diff --git a/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/manifest.json b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/manifest.json
new file mode 100644
index 0000000..0f9bf2b
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/manifest.json
@@ -0,0 +1,733 @@
+{
+  "schema_version": "uios.research/v0.2",
+  "run_id": "windows-winui3-frozen-direction-20260813",
+  "task": {
+    "id": "mh3g-save-converter-windows-frozen-direction-20260813",
+    "context_path": "task-context.json",
+    "context_sha256": "b17356e858916f66ce7ddc23a9da96a403c3bb739f7ec40de731477e70d3c807",
+    "product_id": "mh3g-save-converter",
+    "product_revision": "2bbd97ac793a70c0c91bf25f6a2c41bb247c03e2",
+    "git_status_sha256": "da5b3d914fd55b465ee57ecabf3ca5b3765cd7a30269269ff9ff91a862f52cc1",
+    "protected_snapshot_sha256": "669f89e937dd7bf4c7a6f7b6e628b495ce4d3bf2ec96f33865ae62942fb888f1"
+  },
+  "research_mode": "standard",
+  "research_kinds": [
+    "layout",
+    "interaction-pattern",
+    "component",
+    "motion",
+    "style",
+    "iconography"
+  ],
+  "started_at": "2026-08-13T02:05:40Z",
+  "completed_at": "2026-08-13T02:08:27Z",
+  "network_mode": "live",
+  "freshness_claim": "current",
+  "targets": [
+    {
+      "id": "windows-winui3-desktop",
+      "platform": "windows",
+      "framework": "winui3",
+      "form_factor": "desktop",
+      "input_modes": [
+        "pointer",
+        "keyboard",
+        "screen-reader"
+      ]
+    }
+  ],
+  "states": [
+    "input-empty",
+    "optional-missing",
+    "optional-skipped",
+    "dry-run-ready",
+    "dry-run-blocked",
+    "write-authorized",
+    "conversion-success",
+    "conversion-failure",
+    "history-empty"
+  ],
+  "accessibility_requirements": [
+    "keyboard-and-ui-automation",
+    "logical-focus-order",
+    "text-scaling",
+    "high-contrast",
+    "reduced-motion",
+    "non-color-cues"
+  ],
+  "queries": [
+    {
+      "id": "q-guided-fluent-navigation",
+      "text": "current WinUI 3 NavigationView guided desktop utility layout keyboard high contrast",
+      "research_kind": "layout",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T02:06:00Z"
+    },
+    {
+      "id": "q-guided-fluent-pickers",
+      "text": "current Windows App SDK 1.8 file folder picker path selection implementation",
+      "research_kind": "component",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T02:06:00Z"
+    },
+    {
+      "id": "q-guided-fluent-status-motion",
+      "text": "current WinUI progress feedback local state transition reduced animation preference",
+      "research_kind": "motion",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T02:06:00Z"
+    },
+    {
+      "id": "q-guided-fluent-accessibility",
+      "text": "current Windows UI Automation keyboard text scaling high contrast accessibility",
+      "research_kind": "interaction-pattern",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T02:06:00Z"
+    },
+    {
+      "id": "q-guided-fluent-shipped",
+      "text": "shipped desktop utility contextual next step guarded source target write recovery",
+      "research_kind": "interaction-pattern",
+      "target_ids": [
+        "windows-winui3-desktop"
+      ],
+      "executed_at": "2026-08-13T02:06:00Z"
+    }
+  ],
+  "sources": [
+    {
+      "id": "ms-nav-frozen",
+      "query_id": "q-guided-fluent-navigation",
+      "title": "NavigationView - Windows apps",
+      "canonical_url": "https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/navigationview",
+      "publisher_id": "microsoft",
+      "tier": "primary-authority",
+      "classification": "platform-convention",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T02:06:26Z",
+      "opened_full_page": true,
+      "content_sha256": "6d9beff44ebb1dd8e28a44a3cf4584f0b7cd325040cb140806268408c2777822",
+      "artifact_path": "objects/ms-nav-frozen-6d9beff44ebb.html",
+      "artifact_sha256": "6d9beff44ebb1dd8e28a44a3cf4584f0b7cd325040cb140806268408c2777822",
+      "artifact_bytes": 131063,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/navigationview"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T02:06:26Z",
+        "etag": "\"wzjThNK/VdaQS/B92I6ZQNeggUY=\"",
+        "last_modified": "Wed, 05 Aug 2026 08:00:08 GMT"
+      },
+      "source_revision_date": null,
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "NavigationView remains the native top-level navigation container and includes keyboard and High Contrast guidance."
+      ]
+    },
+    {
+      "id": "ms-picker-frozen",
+      "query_id": "q-guided-fluent-pickers",
+      "title": "Open files and folders with Windows App SDK pickers",
+      "canonical_url": "https://learn.microsoft.com/en-us/windows/apps/develop/files/using-file-folder-pickers",
+      "publisher_id": "microsoft",
+      "tier": "implementation",
+      "classification": "recommendation",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T02:06:27Z",
+      "opened_full_page": true,
+      "content_sha256": "e528f24783d9367bf8c4aa4c4946fdf0f19f7a5ab754656d6b3bb27256599db4",
+      "artifact_path": "objects/ms-picker-frozen-e528f24783d9.html",
+      "artifact_sha256": "e528f24783d9367bf8c4aa4c4946fdf0f19f7a5ab754656d6b3bb27256599db4",
+      "artifact_bytes": 69280,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://learn.microsoft.com/en-us/windows/apps/develop/files/using-file-folder-pickers"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T02:06:27Z",
+        "etag": "\"Wl4vsxOQUaCXN1XcWUpZYYoQotg=\"",
+        "last_modified": "Wed, 05 Aug 2026 07:59:59 GMT"
+      },
+      "source_revision_date": null,
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "Windows App SDK 1.8 native pickers accept a WindowId and return selected paths."
+      ]
+    },
+    {
+      "id": "ms-progress-frozen",
+      "query_id": "q-guided-fluent-status-motion",
+      "title": "Progress controls - Windows apps",
+      "canonical_url": "https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/progress-controls",
+      "publisher_id": "microsoft",
+      "tier": "implementation",
+      "classification": "recommendation",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T02:06:29Z",
+      "opened_full_page": true,
+      "content_sha256": "46c7ddeaae3526fed92ba375219de33baeceb3bd6d77ac505a882130accfb311",
+      "artifact_path": "objects/ms-progress-frozen-46c7ddeaae35.html",
+      "artifact_sha256": "46c7ddeaae3526fed92ba375219de33baeceb3bd6d77ac505a882130accfb311",
+      "artifact_bytes": 62185,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/progress-controls"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T02:06:29Z",
+        "etag": "\"1u3eKpyYUBJWTO84BNAG85048zE=\"",
+        "last_modified": "Wed, 05 Aug 2026 08:00:01 GMT"
+      },
+      "source_revision_date": "2026-07-08",
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "Use ProgressBar for nonmodal work and ProgressRing only for genuine waits, with explanatory text when needed."
+      ]
+    },
+    {
+      "id": "ms-a11y-frozen",
+      "query_id": "q-guided-fluent-accessibility",
+      "title": "Accessibility overview - Windows apps",
+      "canonical_url": "https://learn.microsoft.com/en-us/windows/apps/design/accessibility/accessibility-overview",
+      "publisher_id": "microsoft",
+      "tier": "accessibility-authority",
+      "classification": "normative",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T02:06:30Z",
+      "opened_full_page": true,
+      "content_sha256": "16e36128ea2b0c2f0f488597ebd70bb37de3a2f07146e25b6fda934a0643424a",
+      "artifact_path": "objects/ms-a11y-frozen-16e36128ea2b.html",
+      "artifact_sha256": "16e36128ea2b0c2f0f488597ebd70bb37de3a2f07146e25b6fda934a0643424a",
+      "artifact_bytes": 66977,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://learn.microsoft.com/en-us/windows/apps/design/accessibility/accessibility-overview"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T02:06:30Z",
+        "etag": "\"2Ma9MiHehZcgEO2HcxyvzVBVpRA=\"",
+        "last_modified": "Wed, 05 Aug 2026 08:00:03 GMT"
+      },
+      "source_revision_date": null,
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "WinUI accessibility depends on UI Automation, keyboard, semantic XAML order, scalable text, and High Contrast theme resources."
+      ]
+    },
+    {
+      "id": "ms-motion-pref-frozen",
+      "query_id": "q-guided-fluent-status-motion",
+      "title": "UISettings AnimationsEnabled",
+      "canonical_url": "https://learn.microsoft.com/en-us/uwp/api/windows.ui.viewmanagement.uisettings.animationsenabled?view=winrt-26100",
+      "publisher_id": "microsoft",
+      "tier": "implementation",
+      "classification": "recommendation",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T02:06:39Z",
+      "opened_full_page": true,
+      "content_sha256": "5b2413221dc15d5cedf92a61c2d41f343b3e227300ee978f10287cb8668657fc",
+      "artifact_path": "objects/ms-motion-pref-frozen-5b2413221dc1.html",
+      "artifact_sha256": "5b2413221dc15d5cedf92a61c2d41f343b3e227300ee978f10287cb8668657fc",
+      "artifact_bytes": 50434,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://learn.microsoft.com/en-us/uwp/api/windows.ui.viewmanagement.uisettings.animationsenabled?view=winrt-26100"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T02:06:39Z",
+        "etag": "\"p8uYS3UqVynwNjrVZAZQHo2G7w4=\"",
+        "last_modified": "Wed, 05 Aug 2026 07:38:14 GMT"
+      },
+      "source_revision_date": null,
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "UISettings.AnimationsEnabled exposes whether custom Windows UI animations are enabled."
+      ]
+    },
+    {
+      "id": "github-next-step-frozen",
+      "query_id": "q-guided-fluent-shipped",
+      "title": "GitHub Desktop contextual onboarding and next steps",
+      "canonical_url": "https://github.blog/news-insights/product-news/github-desktop-update/",
+      "publisher_id": "github.blog",
+      "tier": "shipped-product",
+      "classification": "recommendation",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T02:06:40Z",
+      "opened_full_page": true,
+      "content_sha256": "7567553258da3e158e0cea1d384ea5ce368c237993c047bf014fb340c4a119c6",
+      "artifact_path": "objects/github-next-step-frozen-7567553258da.html",
+      "artifact_sha256": "7567553258da3e158e0cea1d384ea5ce368c237993c047bf014fb340c4a119c6",
+      "artifact_bytes": 167844,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://github.blog/news-insights/product-news/github-desktop-update/"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T02:06:40Z",
+        "etag": null,
+        "last_modified": null
+      },
+      "source_revision_date": "2021-12-19",
+      "license_status": "linked-reference-only",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "A shipped desktop application gives contextual next steps in first-run and empty states."
+      ]
+    },
+    {
+      "id": "etcher-guarded-frozen",
+      "query_id": "q-guided-fluent-shipped",
+      "title": "balenaEtcher guarded source-target-write utility",
+      "canonical_url": "https://github.com/balena-io/etcher",
+      "publisher_id": "github.com",
+      "tier": "shipped-product",
+      "classification": "recommendation",
+      "retrieval_mode": "live",
+      "retrieved_at": "2026-08-13T02:06:42Z",
+      "opened_full_page": true,
+      "content_sha256": "be04c349df1fb04d89922331273ab967148cba9239296adaa7d1f8655248ba1f",
+      "artifact_path": "objects/etcher-guarded-frozen-be04c349df1f.html",
+      "artifact_sha256": "be04c349df1fb04d89922331273ab967148cba9239296adaa7d1f8655248ba1f",
+      "artifact_bytes": 346567,
+      "retriever": {
+        "mode": "bundled-http",
+        "tool": "pattern-intelligence-http",
+        "final_url": "https://github.com/balena-io/etcher"
+      },
+      "live_receipt": {
+        "status": 200,
+        "checked_at": "2026-08-13T02:06:42Z",
+        "etag": "W/\"13c8bc4104d8b5a0dded7ad4d4dccf1d\"",
+        "last_modified": null
+      },
+      "source_revision_date": null,
+      "license_status": "permitted-with-attribution",
+      "affected_targets": [
+        "windows-winui3-desktop"
+      ],
+      "claims": [
+        "A shipped desktop write utility prioritizes explicit source, target, safety, verification, and recovery."
+      ]
+    }
+  ],
+  "candidates": [
+    {
+      "id": "selected-guided-fluent-workspace",
+      "title": "Selected Guided Fluent workspace",
+      "user_problem": "A first-time or returning player needs one obvious safe next action without optional files, technical report data, or unrelated destinations becoming global blockers.",
+      "reusable_principle": "Map the shared conversion kernel into one native application navigator and one scoped task stage whose primary action, reason, progress, and recovery stay together.",
+      "source_ids": [
+        "ms-nav-frozen",
+        "ms-picker-frozen",
+        "ms-a11y-frozen",
+        "ms-motion-pref-frozen",
+        "github-next-step-frozen"
+      ],
+      "decision": "adapt",
+      "source_expression": "Windows supplies an adaptive native navigator and familiar pickers, while shipped desktop onboarding demonstrates contextual next-step guidance for otherwise ambiguous empty states.",
+      "product_expression": "Use NavigationView for Convert, History, Advanced, and Settings, then keep Input, Optional or Skip, Dry Run, guarded Write, Result, and Rollback as one ordered workspace with a stable local command footer.",
+      "target_adaptations": [
+        {
+          "target_id": "windows-winui3-desktop",
+          "native_components": "NavigationView, Windows App SDK 1.8 FileOpenPicker and FolderPicker, Button, ToggleSwitch, InfoBar, ProgressBar, ContentDialog, Expander, and native text controls.",
+          "navigation": "Use exactly one top-level NavigationView; the bounded conversion progress cue communicates state but is not a second navigator.",
+          "density": "Maintain Windows desktop density, reflow to one column before clipping, and keep optional and technical detail collapsed until relevant.",
+          "icons": "Use licensed WinUI SymbolIcon or existing project vectors paired with localized labels for primary, risky, and recovery commands.",
+          "motion": "Use native control feedback plus a short local opacity or visual-state transition for optional reveal and footer state changes only.",
+          "input_behavior": "Follow semantic XAML order for Tab, preserve visible focus and focus return after pickers/dialogs, activate with Enter or Space, and cancel confirmation with Escape."
+        }
+      ],
+      "accessibility": {
+        "reduced_motion": "When UISettings.AnimationsEnabled is false, replace custom transition with an immediate state swap and preserve all textual and semantic feedback.",
+        "non_motion_equivalence": "Blocked, ready, running, success, and failure always expose durable text, icon, enabled state, and recovery independent of animation.",
+        "contrast": "Resolve surfaces, foregrounds, borders, and focus visuals through theme resources with HighContrast overrides rather than fixed light colors.",
+        "non_color": "Pair semantic color with a localized status phrase, icon, control state, and labeled Fix action.",
+        "text_scaling": "Wrap labels and reason text, auto-size commands, stack responsive rows, and retain full selected paths in accessible values when visual ellipsis is necessary.",
+        "focus_input": "Keep one deterministic task order and move focus only after explicit route or dialog transitions, never on background status refresh.",
+        "assistive_tech": "Give route title, path picker, primary action, blocked reason, Fix, status, manifest, and rollback stable AutomationIds and use only a scoped polite live region."
+      },
+      "motion": {
+        "purpose": "state",
+        "frequency": "occasional",
+        "trigger": "Optional data is enabled or skipped, or a command changes from blocked to ready, running, or result.",
+        "timing_intent": "Update semantics immediately and use only a short native local transition; never move the primary command frame.",
+        "interruptible": true,
+        "looping": "none",
+        "stop_condition": "",
+        "reduced_motion_variant": "Instant content/state replacement with persistent text, icon, focus, and automation semantics.",
+        "performance_risk": "Do not animate ScrollViewer geometry, full pages, blur, shadows, path text, or navigation; prefer compositor-safe opacity where useful."
+      },
+      "contraindications": [
+        "Do not expose optional System, ExtData, or CEC fields until enabled.",
+        "Do not duplicate top-level navigation with a persistent stage rail.",
+        "Do not place hashes, manifest JSON, or report payloads in the primary hierarchy."
+      ],
+      "copied_assets": [],
+      "confidence": 0.94
+    },
+    {
+      "id": "nonselected-compact-operation-canvas",
+      "title": "Non-selected compact operation canvas",
+      "user_problem": "An expert may want source, current reference, output, authorization, and recovery visible together for repeated repair work.",
+      "reusable_principle": "Keep operation identity and its guarded command stable while disclosing technical detail at the exact affected row.",
+      "source_ids": [
+        "ms-nav-frozen",
+        "ms-progress-frozen",
+        "ms-a11y-frozen",
+        "ms-motion-pref-frozen",
+        "etcher-guarded-frozen"
+      ],
+      "decision": "adapt",
+      "source_expression": "A shipped guarded writer foregrounds explicit source and target identity, while Windows distinguishes nonmodal progress from a wait that truly blocks interaction.",
+      "product_expression": "A dense review canvas could align source, current reference, and output above a fixed write control while keeping inspection and rollback details expandable beside their owning operation.",
+      "target_adaptations": [
+        {
+          "target_id": "windows-winui3-desktop",
+          "native_components": "Use native picker-backed path rows, scoped InfoBar, ProgressBar for nonmodal work, ProgressRing only for a genuine local wait, ContentDialog for write, and Expander for technical evidence.",
+          "navigation": "Retain the same single NavigationView but present Convert as an expert review canvas rather than sequential staged content.",
+          "density": "Use compact aligned path rows at wide windows and stack the same rows at the minimum width without shrinking controls.",
+          "icons": "Use WinUI symbols with labels for inspect, write, warning, success, and undo; no external product assets.",
+          "motion": "Keep the command footer fixed and optionally crossfade only scoped status content; native progress owns running feedback.",
+          "input_behavior": "Tab through source, current, output, and the active command before technical disclosures; restore focus after picker and confirmation."
+        }
+      ],
+      "accessibility": {
+        "reduced_motion": "Disable custom crossfade when Windows animations are off and keep only essential native running semantics.",
+        "non_motion_equivalence": "Every operation state has explicit text, icon, enabled state, and actionable recovery.",
+        "contrast": "Use theme and HighContrast resources on every row, divider, status, and focus visual.",
+        "non_color": "Show the sole disabled reason and a labeled Fix command beside the primary action.",
+        "text_scaling": "Reflow the review grid to one column and keep full values available to UI Automation.",
+        "focus_input": "Preserve a deterministic source-current-output-command focus order and return focus to the invoker after dialog cancellation.",
+        "assistive_tech": "Expose selected path values, progress state, confirmation risk, manifest output, and rollback availability through native automation patterns."
+      },
+      "motion": {
+        "purpose": "feedback",
+        "frequency": "occasional",
+        "trigger": "Inspect, Dry Run, Write, or picker selection changes the scoped operation state.",
+        "timing_intent": "Acknowledge input immediately while the stable command and nearby text explain progress and resolution.",
+        "interruptible": true,
+        "looping": "bounded",
+        "stop_condition": "Stop the native progress state when the associated command succeeds, fails, or cancels.",
+        "reduced_motion_variant": "Immediate status replacement with text and icon; no custom spatial transition.",
+        "performance_risk": "Avoid custom progress animation and all layout-property animation."
+      },
+      "contraindications": [
+        "Do not copy balenaEtcher branding, copy, exact composition, or assets.",
+        "Do not make the expert canvas the default while first-run comprehension is the frozen priority.",
+        "Do not leak active conversion blockers into History or Settings."
+      ],
+      "copied_assets": [],
+      "confidence": 0.84
+    }
+  ],
+  "rejections": [
+    {
+      "id": "reject-compact-canvas-as-default",
+      "idea": "Replace the frozen Guided Fluent workspace with the compact expert operation canvas as the default Convert experience.",
+      "reason": "It remains technically viable but increases first-run simultaneous choices and weakens the frozen one-stage, one-primary-action contract; retain only its concise review-row ideas inside progressive disclosure.",
+      "source_ids": [
+        "ms-a11y-frozen",
+        "etcher-guarded-frozen"
+      ]
+    },
+    {
+      "id": "reject-dashboard-hero-and-global-status",
+      "idea": "Restore a decorative hero, repeated stage rail, global readiness badge, repeated next-step banners, and always-visible optional paths.",
+      "reason": "The structure duplicates hierarchy and makes optional or technical state appear globally blocking instead of keeping one scoped task action and recovery.",
+      "source_ids": [
+        "ms-nav-frozen",
+        "github-next-step-frozen"
+      ]
+    },
+    {
+      "id": "reject-ornamental-motion-frozen",
+      "idea": "Add full-page slides, staggered forms, hover lift, looping empty-state art, failure shake, or success confetti.",
+      "reason": "These patterns do not explain conversion state and add focus, motion-preference, and performance costs to an operational safety tool.",
+      "source_ids": [
+        "ms-motion-pref-frozen",
+        "ms-progress-frozen"
+      ]
+    }
+  ],
+  "contradictions": [
+    {
+      "source_ids": [
+        "ms-nav-frozen",
+        "github-next-step-frozen"
+      ],
+      "conflict": "Top-level NavigationView and contextual sequential guidance can become duplicate navigation if both are interactive route systems.",
+      "resolution": "NavigationView owns application destinations only; the conversion sequence is a non-navigational status/progress cue plus one local primary action."
+    },
+    {
+      "source_ids": [
+        "ms-progress-frozen",
+        "etcher-guarded-frozen"
+      ],
+      "conflict": "A risky write benefits from guarded, potentially blocking feedback, while Inspect and Dry Run should not freeze unrelated navigation.",
+      "resolution": "Scope progress and disabled controls to the active command, reserve ContentDialog and blocking wait behavior for the write boundary, and leave unrelated destinations usable."
+    }
+  ],
+  "protected_files": [
+    {
+      "scope": "plugin",
+      "path": ".codex-plugin/plugin.json",
+      "sha256": "6dab1143cf01d70c754f35a5b1e8e8d69a472ed1d5f795ce870b42f573117f24"
+    },
+    {
+      "scope": "plugin",
+      "path": "assets/project-template/flows.json",
+      "sha256": "d3304e6b6ac380c80d1eaa01bf2196aedeed42430cb02fad80813633a926c47d"
+    },
+    {
+      "scope": "plugin",
+      "path": "assets/project-template/project.json",
+      "sha256": "c0e5932228e44cfefaf8ca786f91cae21dd2dcfe3d6ccb06cfd23689faecfbbc"
+    },
+    {
+      "scope": "plugin",
+      "path": "assets/project-template/tokens.json",
+      "sha256": "f88a8f78819020dffd779494710042eac7f3eb5da21f29b533ba10b25d739236"
+    },
+    {
+      "scope": "plugin",
+      "path": "assets/research-task-template.json",
+      "sha256": "408d6acb8631d64cab6b63ecccd973d76f587c5a6d825c08bf6744c5a178525f"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/evidence-contract.md",
+      "sha256": "cca00e244fe0befbf7d761d0b5c731834cffd9d4b75be2915c6e27174d4b0bcd"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/kernel.md",
+      "sha256": "c7704f2bce4f05ec5a51e41a6a6c78fff892848a552b1580415ba920afea6e3d"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/motion-intelligence.md",
+      "sha256": "0d5cd07a56f0da7dfd2c55739578b226a9854a664bc4441b289d0f6eb379590f"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/pattern-intelligence.md",
+      "sha256": "44329e4a72ac11389891e46f25ff196cdda2adba3b92e782b9545b9fc6a433d1"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/profiles.md",
+      "sha256": "0d8a4d23e26462ef388ebcc9b49fde1268637ef1d89e717d1abbd5bfc3b67e71"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/role-prompts.md",
+      "sha256": "47013cb05ea96e26ed62b36ca0987952f5af7ba5592b31e1bd4ce9081cb0631f"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/source-registry.md",
+      "sha256": "c90d72ed88ebf82f995b856595eb7ab67cbc5424961e97aa2d082b2ff479b81e"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/standards-sources.md",
+      "sha256": "d38dab3e6a2c27ed0368ef601950dd77b4ea509eea1df9921ce40819ddb0f4c1"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/style-intelligence.md",
+      "sha256": "b1c6ccb79a2fcfd4152134afca27306d75452293788196154b326f7dd0751087"
+    },
+    {
+      "scope": "plugin",
+      "path": "references/workflow.md",
+      "sha256": "0f27704d443efac53685027aa04b429fae8c2ce6e4ccf8e116ef59ec701d2535"
+    },
+    {
+      "scope": "plugin",
+      "path": "schemas/evidence.schema.json",
+      "sha256": "dc7414d061fdaf4b6852ea721ab2308395fb3f6551431f8b2d4e8cf4701c4277"
+    },
+    {
+      "scope": "plugin",
+      "path": "schemas/flows.schema.json",
+      "sha256": "fc84e0d732ad86c51b256e06e7b5a41468aba0cdf887b02ff4eb7d84fa9b129e"
+    },
+    {
+      "scope": "plugin",
+      "path": "schemas/project.schema.json",
+      "sha256": "5683e56d98d5d0875975210d899b915f9f1ae1f5a12213e2067006a8440ef9eb"
+    },
+    {
+      "scope": "plugin",
+      "path": "schemas/research.schema.json",
+      "sha256": "6be02ad673eb814c46f85d2835a3a81865c99d8a3fa8c63f741726d5031774c1"
+    },
+    {
+      "scope": "plugin",
+      "path": "schemas/tokens.schema.json",
+      "sha256": "6ae4e1719ea73f078d6f56b5eab782cd9dcacbef258cd6baf36aa3029303d9d5"
+    },
+    {
+      "scope": "plugin",
+      "path": "scripts/pattern_intelligence.py",
+      "sha256": "491439a339eaf5e96d737a8125a263d746c7db878020e15466f6ecec38c3b2d4"
+    },
+    {
+      "scope": "plugin",
+      "path": "scripts/ui_os.py",
+      "sha256": "677b64a60c686bc84bdabb3316b85e8813fd79864a489d6f33fb99b861d91d86"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-design/SKILL.md",
+      "sha256": "0025a9f59dd9b9ebd7dd8ca13ff0fa0bdd9ef9cd2e084a2fa53517b339277f0a"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-design/agents/openai.yaml",
+      "sha256": "cca06cada07909a075be3431596ed9138d99225e1d0ed3c93d691984ff0a0660"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-implement/SKILL.md",
+      "sha256": "d2e2f32c0968ecc0be27e58344c245db9b020890d38357b2c0a86ddaf68073c3"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-implement/agents/openai.yaml",
+      "sha256": "5e84077fac23036aa6bdcd64a4a8ee26e7dc727b1011f5ce379f0f97d26709b3"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-orchestrate/SKILL.md",
+      "sha256": "991f493535dd75f490f1ed6d751e899c5488ee7935fe11295e0988632de4d544"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-orchestrate/agents/openai.yaml",
+      "sha256": "4d1a4f158ad8e8d6253d1210307fe76fd4d4261646c4899bcdb396b17ab95921"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-refresh/SKILL.md",
+      "sha256": "49980791aa415129d981dc13166746c343eda0f7d730a98c3dea73c2a49185af"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-refresh/agents/openai.yaml",
+      "sha256": "88ecfa0854787f4f290b8c3d404c19bacbda648515dad6e22ad4aae258b6a36b"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-research-review/SKILL.md",
+      "sha256": "617adf85ec9a707bcbf700ec2c248dee575985d1e50b78b357e5bd53b49b0764"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-research-review/agents/openai.yaml",
+      "sha256": "5e97fa9976131dd89404a197dfe05ff6cff547faf225aa43a1dcef6a7280666d"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-research/SKILL.md",
+      "sha256": "06a919fcf7aa727934e6ec21ba2f05b347dc7399df9b2dc5b81dc3f58a94fa6b"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-research/agents/openai.yaml",
+      "sha256": "d29fdf4fb538140777bcce36644ac2d491182b1160e23bb515daeabb3d0c46c2"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-verify/SKILL.md",
+      "sha256": "f9c7a6572a375e5f3806d85464d5f72345a2fa8ca794e052f40d2860df0ebe48"
+    },
+    {
+      "scope": "plugin",
+      "path": "skills/uios-verify/agents/openai.yaml",
+      "sha256": "dbde1eb673d550a8129093c33af45b2528bd0f84e6181fea746efff20a960553"
+    },
+    {
+      "scope": "plugin",
+      "path": "tests/test_pattern_intelligence.py",
+      "sha256": "226d4bb8bd6e8d6eb4f6b77c892dbb6aca89da914db3dcce5fd63d413e6345ba"
+    },
+    {
+      "scope": "plugin",
+      "path": "tests/test_ui_os.py",
+      "sha256": "7a3f68dc3622e5e17a6ee6c3af1908c15782d0983ab49a4d3272ff127aa229c3"
+    },
+    {
+      "scope": "product",
+      "path": ".ui-os/evidence/manifest.json",
+      "sha256": "f0d92faaad92f7cc55fcfa0532b2308c658414d59e5e8f1c86c1c3bddc5f0cbf"
+    },
+    {
+      "scope": "product",
+      "path": ".ui-os/flows.json",
+      "sha256": "549013ee5054b5725604503c23e71fae48196f4d552d862f3f83a59db438f2dc"
+    },
+    {
+      "scope": "product",
+      "path": ".ui-os/project.json",
+      "sha256": "09638a4326d67ff8d8fc1340ba11d2b8390c3a78710eb60c816de9b91a8d6567"
+    },
+    {
+      "scope": "product",
+      "path": ".ui-os/tokens.json",
+      "sha256": "37e36f1a4757ffa9b8a6861759fcce18baded0a54ef5dc6e4209182793a166c3"
+    }
+  ],
+  "limitations": [
+    "The shipped-product lane is public release and repository evidence, not a newly captured interactive Windows session or paid flow database.",
+    "GitHub Desktop onboarding evidence is historical and only supports contextual next-step behavior, not current Windows visual styling.",
+    "The balenaEtcher artifact supports the guarded source-target-write principle but does not contain a complete adjacent-state screenshot set.",
+    "This research revalidation does not prove runtime WinUI layout, keyboard focus, UI Automation, High Contrast, text scaling, or motion; those require capture and isolated verification on Windows."
+  ],
+  "brief": {
+    "path": "pattern-intelligence-brief.md",
+    "sha256": "ee4b59396ccf0e7b12d8edcaae2921c811966dec1552c7695956de113fadaa29",
+    "bytes": 6349
+  },
+  "verdict": "grounded_proposal"
+}
diff --git a/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/etcher-guarded-frozen-be04c349df1f.html b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/etcher-guarded-frozen-be04c349df1f.html
new file mode 100644
index 0000000..cea635a
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/etcher-guarded-frozen-be04c349df1f.html
@@ -0,0 +1,986 @@
+
+
+
+
+  
+
+<!DOCTYPE html>
+<html
+  lang="en"
+  
+  data-color-mode="auto" data-light-theme="light" data-dark-theme="dark"
+  data-a11y-animated-images="system" data-a11y-link-underlines="true"
+  
+  >
+
+
+
+
+  <head>
+    <meta charset="utf-8">
+  <link rel="dns-prefetch" href="https://github.githubassets.com">
+  <link rel="dns-prefetch" href="https://avatars.githubusercontent.com">
+  <link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com">
+  <link rel="dns-prefetch" href="https://user-images.githubusercontent.com/">
+  <link rel="preconnect" href="https://github.githubassets.com" crossorigin>
+  <link rel="preconnect" href="https://avatars.githubusercontent.com">
+
+
+
+  
+
+
+  <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/light-707b19cf061aa459.css" /><link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/light_high_contrast-fc4b867e16562d12.css" /><link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/dark-93f3c6b445d800ff.css" /><link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/dark_high_contrast-49511e11e3ed53a8.css" /><link data-color-theme="light" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light-707b19cf061aa459.css" /><link data-color-theme="light_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_high_contrast-fc4b867e16562d12.css" /><link data-color-theme="light_colorblind" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_colorblind-2db8d59cbe087225.css" /><link data-color-theme="light_colorblind_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_colorblind_high_contrast-791e59a1f8b634e0.css" /><link data-color-theme="light_tritanopia" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_tritanopia-a08991540f7253d8.css" /><link data-color-theme="light_tritanopia_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_tritanopia_high_contrast-aeaea6b5f1a1a577.css" /><link data-color-theme="dark" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark-93f3c6b445d800ff.css" /><link data-color-theme="dark_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_high_contrast-49511e11e3ed53a8.css" /><link data-color-theme="dark_colorblind" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_colorblind-507c9f8797b64d1c.css" /><link data-color-theme="dark_colorblind_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_colorblind_high_contrast-f74ce15fe4370f96.css" /><link data-color-theme="dark_tritanopia" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_tritanopia-77e8f27cae657ef7.css" /><link data-color-theme="dark_tritanopia_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_tritanopia_high_contrast-95c6d23fc206d719.css" /><link data-color-theme="dark_dimmed" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_dimmed-61d370fdb2984fe4.css" /><link data-color-theme="dark_dimmed_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_dimmed_high_contrast-a0271da34562fd22.css" />
+
+  <style type="text/css">
+    :root {
+      --tab-size-preference: 4;
+    }
+
+    pre, code {
+      tab-size: var(--tab-size-preference);
+    }
+  </style>
+
+    <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-primitives-9f1db623a2d85734.css" />
+    <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-73a0e2225731ad3f.css" />
+    <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/global-9c67779f7c7b843b.css" />
+    <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/github-59fc16002818df36.css" />
+  <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/repository-3aa75d4cd2374bb7.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/code-12d60eb17c94521c.css" />
+
+  
+
+  <script type="application/json" id="client-env">{"locale":"en","featureFlags":["actions_enable_background_steps","activity_diff_file_tree","activity_repos_file_tree","activity_repos_overview_header","activity_repos_overview_sidebar","agent_author_search_expansion","agent_author_search_expansion_ui_pulls","alternate_user_config_repo","billing_billable_licenses_cost_center_bucket_fix","billing_cost_center_list_assigned_resources","billing_cost_center_user_level_budgets","billing_discount_threshold_notification","billing_multi_user_cost_center_total_user_count","billing_user_level_budgets","billing_user_level_budgets_manage","ccr_files_changed_model_picker","ccr_mcp_skills_ga","code_quality_enablement_banner_targeting","code_quality_new_repo_selection_card","code_quality_remove_preview","code_view_raf_sticky_lines","code_view_react_header","codespaces_prebuild_region_target_update","coding_agent_tbb_quota_banner","coding_agent_third_party_model_ui","contentful_primer_code_blocks","copilot_agent_snippy","copilot_api_agentic_issue_marshal_yaml","copilot_automations_pagination","copilot_chat_attach_multiple_images","copilot_chat_auto_mode_picker_paid","copilot_chat_category_rate_limit_messages","copilot_chat_clear_model_selection_for_default_change","copilot_chat_compact_tables","copilot_chat_docked_panel","copilot_chat_enable_tool_call_logs","copilot_chat_header_reorder","copilot_chat_input_commands","copilot_chat_interspersed_tool_calls","copilot_chat_max_upsell","copilot_chat_minimize_contextual","copilot_chat_model_picker_promotions","copilot_chat_models_browser_cache","copilot_chat_opening_thread_switch","copilot_chat_prettify_pasted_code","copilot_chat_reduce_quota_checks","copilot_chat_vision_dotcom_chat_ga_gate","copilot_chat_vision_in_claude","copilot_chat_vision_preview_gate","copilot_cli_install_cta_max_plan","copilot_css_textarea_autosize","copilot_custom_copilots","copilot_custom_copilots_feature_preview","copilot_diff_explain_conversation_intent","copilot_diff_reference_context","copilot_duplicate_thread","copilot_extensions_removal_on_marketplace","copilot_fix_failed_workflows_all_skus","copilot_ftp_hyperspace_upgrade_prompt","copilot_hide_hovercard","copilot_immersive_code_block_transition_wrap","copilot_immersive_embedded_deferred_payload","copilot_immersive_embedded_draggable","copilot_immersive_embedded_header_button","copilot_immersive_embedded_implicit_references","copilot_immersive_embedded_skip_copilot_api_token_for_dotcom_context","copilot_immersive_file_block_transition_open","copilot_immersive_file_preview_keep_mounted","copilot_immersive_job_result_preview","copilot_immersive_suggestion_pills","copilot_immersive_task_hyperlinking","copilot_immersive_task_within_chat_thread","copilot_mc_cli_resume_any_users_task","copilot_mc_nudges","copilot_mission_control_agent_filtering","copilot_mission_control_agents_page_redesign","copilot_mission_control_environment_list_icons","copilot_mission_control_grouped_tasks_endpoint","copilot_mission_control_needs_attention","copilot_mission_control_reasoning_effort","copilot_mission_control_sandbox_remote_bypass","copilot_mission_control_session_events_ui","copilot_mission_control_session_filters","copilot_mission_control_task_alive_updates","copilot_mission_control_task_sharing","copilot_org_policy_page_focus_mode","copilot_plans_signups_enabled","copilot_pr_chat_enhancements","copilot_prominent_upgrade_button","copilot_resource_panel","copilot_share_active_subthread","copilot_spaces_ga","copilot_spaces_individual_policies_ga","copilot_spark_handle_nil_friendly_name","copilot_swe_agent_authorization_status_ui","copilot_swe_agent_hide_model_picker_if_only_auto","copilot_swe_agent_issue_comment_trigger","copilot_swe_agent_pr_comment_model_picker","copilot_swe_agent_pull_request_comment_trigger","copilot_swe_agent_pull_request_merged_trigger","copilot_swe_agent_pull_request_opened_trigger","copilot_swe_agent_pull_request_synchronize_trigger","copilot_swe_agent_use_subagents","copilot_task_api_github_rest_style","copilot_token_based_billing","copilot_unconfigured_is_inherited","copilot_user_can_upgrade_plan_field","copilot_workbench_sunset","copilot_workbench_ubb","dashboard_indexeddb_caching","dashboard_lists_max_age_filter","dashboard_surface_persistent_preferences","dashboard_universe_2025_feedback_dialog","disable_customize_option_thread_subscriptions","flex_cta_groups_mvp","ga_enterprise_teams_ui","glc_code_quality_repo_settings_workflow_config","global_nav_react","hide_github_models_ui","hyperspace_2025_logged_out_batch_1","hyperspace_2025_logged_out_batch_2","hyperspace_2025_logged_out_batch_3","in_product_messaging_datadog_monitoring","ipm_budget_deep_linking","ipm_global_transactional_message_agents","ipm_global_transactional_message_copilot","ipm_global_transactional_message_issues","ipm_global_transactional_message_prs","ipm_global_transactional_message_repos","ipm_global_transactional_message_spaces","issue_cca_modal_open","issue_fields_multi_select","issue_inline_avatars","issue_relative_time_micro","issue_viewer_subissues_optimistic_overlay","issues_dashboard_sso_structured_errors","issues_expanded_file_types","issues_in_pulls_dashboard","issues_lazy_load_comment_box_suggestions","issues_react_chrome_container_query_fix","landing_pages_ninetailed","landing_pages_web_vitals_tracking","lifecycle_label_name_updates","marketing_pages_search_explore_provider","memex_default_issue_create_repository","memex_lazy_hydrate_agent_tasks","memex_live_update_hovercard","memex_mwl_filter_field_delimiter","memex_remove_deprecated_type_issue","merge_queue_restricted_pushers_warning","merge_status_checks_refetch_dedupe","merge_status_header_feedback","new_quick_search_dotcom","oauth_authorize_clickjacking_protection","octocaptcha_origin_optimization","primer_react_css_anchor_positioning","primer_react_merged_forwarded_refs","property_definition_empty_state_suggestions","prs_copilot_app_open_action","prs_css_anchor_positioning","pull_request_copilot_attribution_header","pull_request_overview_panel_edit_description","pull_request_stacks_feedback_dialog","pull_request_virtualization_image_estimate","pull_request_virtualization_scroll_compensation","pull_request_virtualization_scroll_intent","react_blob_isolate_code_lines","react_blob_ssr_content_visibility","react_data_router_code_view_sidebar","react_data_router_tanstack_allowed","react_sandbox_future_tanstack","react_sw_route_component_preload","repo_issues_sidebar_layout","repo_overview_ask_copilot","repos_contributors_limited_default_range","review_involves_filter","rulesets_actor_list_editor","sample_network_conn_type","secret_scanning_pattern_alerts_link","security_center_artifact_filters_popover","semantic_similarity_duplicate_issue_detection","session_logs_ungroup_reasoning_text","site_banner_desktop_copilot_app","site_code_quality_page","site_github_app_ga_page","site_github_app_ga_page_highlight","site_global_banner_deprecate_spark","site_global_nav_spark_models_removed","spark_prompt_secret_scanning","spark_server_connection_status","suppress_automated_browser_vitals","swp_forms_disable_octocaptcha","update_issue_suggestions","viewscreen_sandbox","warn_inaccessible_attachments","webp_support","workbench_store_readonly"],"copilotApiOverrideUrl":"https://api.githubcopilot.com","cmcApiUrl":"https://api.github.com/cmc_internal/api"}</script>
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/high-contrast-cookie-3b456c1efccae649.js"></script>
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/wp-runtime-19e83b73ff0161f3.js" defer="defer"></script>
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/app-foundation-33f393e599bf3cff.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/app-runtime-c75b74c6c9da072c.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/fetch-utilities-13e6a2728cb8d6a4.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/78205-75aff589688e0be2.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/environment-08058c9d5b08c1ee.js" defer="defer"></script>
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/app-runtime.bed436009292e433.module.css" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/catalyst-fe76da6b29217672.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/selector-observer-31e911ea8e9046d3.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/relative-time-element-30f4d10f3776b4ac.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/296-cddf2922ea3a416c.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/816-29b762091e5033a9.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/65637-e357a8be37eda955.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/58494-8fde42aa50c63758.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/31721-903cd2b317a8cc03.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/46740-0a6e4901e467cc61.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/98944-e7414dc2340e0a21.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/github-elements-50274a5a752034ff.js" defer="defer"></script>
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/element-registry-630bdab725afc0c9.js" defer="defer"></script>
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/runtime-helpers-b5a5a1cee32a4b87.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/aria-live-f791bd0decd4aed1.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/hotkey-18e2cf4c6aadb3ff.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/react-core-0f882e6b7e600396.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/react-lib-1c1e7314c65e556e.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/50841-f6411d024525940b.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/2761-3f26182ea6dd74be.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/88475-e7c45daacb58e0a3.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/26533-36c85461b011ffd5.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/3609-2a17d1c3e2ce7fe5.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/87644-7ec64f4e3cd64d13.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/21880-b24d4bde9914fd6b.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/75145-7597929c9020acb6.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/29685-9b276fea68fdefcc.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/90775-fff03cb223239d89.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/55887-99a4521199610050.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/behaviors-ef42b5bca064d613.js" defer="defer"></script>
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/react-core.698399596832c5c7.module.css" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/66728-0ce5549de1472c6f.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/codespaces-07eea0a7b99aa9c3.js" defer="defer"></script>
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/48042-7e814f43e9ff3678.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/repositories-18377c16b6c7a113.js" defer="defer"></script>
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/code-menu-9518c22d5e80fca8.js" defer="defer"></script>
+  
+  <link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/wp-runtime-19e83b73ff0161f3.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/primer-react-f2be8bd603059e72.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/76256-72283498e260887e.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/71393-41834f9c99699fd4.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/437-e211f0d3b29f548a.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/2927-6545834de562a1fe.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/13365-ed074e3b0d62ce5b.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/7463-b9008e6ac564c75f.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/96305-2aea220328b24ac0.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/27600-7a9495310b3a045d.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/88493-eabaae5d94674ff7.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/47406-be9d0d3f87bc4d3d.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/76041-7042697a0321fd55.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/11294-438be97a7ccfa6d8.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/29802-349614a98d1cc8d8.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/6065-7268903736fcd489.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/28840-26cd0c2688c3adda.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/65390-8192b87a390f0f9d.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/72027-77bcba0f6edad982.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/40062-8a0280342e37bc65.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/84437-f3c45c69e10fe08a.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/28213-a3860c594091c485.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/87093-0538a2f0e7076446.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/95685-4bba5b9eb357f56c.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/16946-2337b8f0e64081a7.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/55240-de5499b5e0462c82.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/88118-7a8d2d09965cb950.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/81976-f069f0ebe08dca02.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/73785-f3e0c4e0a7596864.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/15071-7df77fe4261e8def.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/78804-db092567c20af264.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/95194-6235d0e20f252acb.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/90227-65109ca9a6b0e850.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/43939-ca6041e0d13b6bf5.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/68616-10cc76a44ea9ca47.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/47752-057638fa7b8d8a8e.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/20188-ccc8ccbf1e726b80.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/79095-b2985c3e266eb3ac.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/7126-07d46d7c30d89ce8.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/2850-0ab48fcfc40b922d.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/40039-24cfd6c5c8d82b2a.js" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/60092-25a7ff34c42bcee6.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/code-view-6990a5937980c361.js" defer="defer"></script>
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react-css.d9a6dfacdd1cbc81.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/15071.ec210741e33d5011.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/60092.e749e6cc81e0f69e.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/code-view.a8b90a562003637f.module.css" />
+
+  <link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/80897-4b57a0d58a611ba8.js" />
+<script crossorigin="anonymous" type="module" src="https://github.githubassets.com/assets/notifications-subscriptions-menu-29273d9e57b258a9.js" defer="defer"></script>
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react-css.d9a6dfacdd1cbc81.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/notifications-subscriptions-menu.2774d24149229ea9.module.css" />
+
+
+  <title>GitHub - balena-io/etcher: Flash OS images to SD cards &amp; USB drives, safely and easily. · GitHub</title>
+
+
+
+  <meta name="route-pattern" content="/:user_id/:repository" data-turbo-transient>
+  <meta name="route-controller" content="files" data-turbo-transient>
+  <meta name="route-action" content="disambiguate" data-turbo-transient>
+  <meta name="fetch-nonce" content="v2:cd591147-5045-d21f-242a-897c870a4b34">
+
+    
+  <meta name="current-catalog-service-hash" content="f3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb">
+
+
+  <meta name="request-id" content="1676:4EA85:D47ACA:111B069:6A7D26B0" data-pjax-transient="true"/><meta name="html-safe-nonce" content="202809ad46c1af823204e1c575fc5ad4857e5dd2ace93e80c6410ee07ffa4e1a" data-pjax-transient="true"/><meta name="visitor-payload" content="eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiIxNjc2OjRFQTg1OkQ0N0FDQToxMTFCMDY5OjZBN0QyNkIwIiwidmlzaXRvcl9pZCI6IjExNjQ3OTMzMDcxMDA2ODYwMDEiLCJyZWdpb25fZWRnZSI6InNvdXRoZWFzdGFzaWEiLCJyZWdpb25fcmVuZGVyIjoic291dGhlYXN0YXNpYSJ9" data-pjax-transient="true"/><meta name="visitor-hmac" content="bdca95dfea3fccba0b3b06a4ee14e798eaa32b4e62834dbcc53a233a3278062a" data-pjax-transient="true"/>
+
+
+    <meta name="hovercard-subject-tag" content="repository:45055693" data-turbo-transient>
+
+
+  <meta name="github-keyboard-shortcuts" content="repository,copilot" data-turbo-transient="true" />
+  
+
+  <meta name="selected-link" value="repo_source" data-turbo-transient>
+  <link rel="assets" href="https://github.githubassets.com/">
+
+    <meta name="google-site-verification" content="Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I">
+
+<meta name="octolytics-url" content="https://collector.github.com/github/collect" />
+
+
+
+
+
+  <meta name="analytics-location" content="/&lt;user-name&gt;/&lt;repo-name&gt;" data-turbo-transient="true" />
+
+  
+
+
+
+
+    <meta name="user-login" content="">
+
+  
+
+    <meta name="viewport" content="width=device-width">
+
+    
+
+      <meta name="description" content="Flash OS images to SD cards &amp; USB drives, safely and easily. - balena-io/etcher">
+
+      <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
+
+    <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
+    <meta property="fb:app_id" content="1401488693436528">
+    <meta name="apple-itunes-app" content="app-id=1477376905, app-argument=https://github.com/balena-io/etcher" />
+
+      <meta name="twitter:image" content="https://opengraph.githubassets.com/feb8eda84d40d0261f97300d323e7ac3d7087264cf99b95149ec1336e0e136ee/balena-io/etcher" /><meta name="twitter:site" content="@github" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="GitHub - balena-io/etcher: Flash OS images to SD cards &amp; USB drives, safely and easily." /><meta name="twitter:description" content="Flash OS images to SD cards &amp; USB drives, safely and easily. - balena-io/etcher" />
+  <meta property="og:image" content="https://opengraph.githubassets.com/feb8eda84d40d0261f97300d323e7ac3d7087264cf99b95149ec1336e0e136ee/balena-io/etcher" /><meta property="og:image:alt" content="Flash OS images to SD cards &amp; USB drives, safely and easily. - balena-io/etcher" /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="600" /><meta property="og:site_name" content="GitHub" /><meta property="og:type" content="object" /><meta property="og:title" content="GitHub - balena-io/etcher: Flash OS images to SD cards &amp; USB drives, safely and easily." /><meta property="og:url" content="https://github.com/balena-io/etcher" /><meta property="og:description" content="Flash OS images to SD cards &amp; USB drives, safely and easily. - balena-io/etcher" />
+  
+
+
+
+
+      <meta name="hostname" content="github.com">
+
+
+
+        <meta name="expected-hostname" content="github.com">
+
+
+  <meta http-equiv="x-pjax-version" content="f1a167e2db51e1a563f32188db7a845a6ed07238a581648a08efd629ebc635d3" data-turbo-track="reload">
+  <meta http-equiv="x-pjax-csp-version" content="2af6a6627810d190be616096b617c8f37a1419b9435f76190f0e0d7638222ac1" data-turbo-track="reload">
+  <meta http-equiv="x-pjax-css-version" content="f4f50ea2eb36d55c9e044ee711de11fe7e5fde5894de0e48c79d4f0b69ce00ae" data-turbo-track="reload">
+  <meta http-equiv="x-pjax-js-version" content="f9c88b6b80e73d591d1ed467f7641f3730750f05e87c53cc9254930c765665b8" data-turbo-track="reload">
+
+  <meta name="turbo-cache-control" content="no-preview" data-turbo-transient="">
+
+      <meta name="turbo-cache-control" content="no-cache" data-turbo-transient>
+
+    <meta data-hydrostats="publish">
+
+  <meta name="go-import" content="github.com/balena-io/etcher git https://github.com/balena-io/etcher.git">
+
+  <meta name="octolytics-dimension-user_id" content="6157842" /><meta name="octolytics-dimension-user_login" content="balena-io" /><meta name="octolytics-dimension-repository_id" content="45055693" /><meta name="octolytics-dimension-repository_nwo" content="balena-io/etcher" /><meta name="octolytics-dimension-repository_public" content="true" /><meta name="octolytics-dimension-repository_is_fork" content="false" /><meta name="octolytics-dimension-repository_network_root_id" content="45055693" /><meta name="octolytics-dimension-repository_network_root_nwo" content="balena-io/etcher" />
+  
+
+
+
+    
+
+    <meta name="turbo-body-classes" content="logged-out env-production page-responsive">
+  <meta name="disable-turbo" content="false">
+
+
+  <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">
+
+
+  <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">
+
+    <meta name="release" content="3bcd182de74a4561639c913b634cc5d5fc67271f" data-turbo-track="reload">
+  <meta name="ui-target" content="full">
+
+  <link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000">
+  <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png">
+  <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
+
+<meta name="theme-color" content="#1e2327">
+<meta name="color-scheme" content="light dark" />
+
+
+  <link rel="manifest" href="/manifest.json" crossOrigin="use-credentials">
+
+  </head>
+
+  <body class="logged-out env-production page-responsive" style="word-wrap: break-word;" >
+    <div data-turbo-body class="logged-out env-production page-responsive" style="word-wrap: break-word;" >
+      <div id="__primerPortalRoot__" style="z-index: 1000; position: absolute; width: 100%;" data-turbo-permanent></div>
+      
+
+    <div class="position-relative header-wrapper js-header-wrapper ">
+      <a href="#start-of-content" data-skip-target-assigned="false" class="px-2 tmp-py-4 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus js-skip-to-content">Skip to content</a>
+
+      <span data-view-component="true" class="progress-pjax-loader Progress position-fixed width-full">
+    <span style="width: 0%;" data-view-component="true" class="Progress-item progress-pjax-loader-bar left-0 top-0 color-bg-accent-emphasis"></span>
+</span>      
+      <link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/24383-a0d18af3f92d963f.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/keyboard-shortcuts-dialog-f49d6687b116d4ad.js" fetchpriority="low" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react-css.d9a6dfacdd1cbc81.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/keyboard-shortcuts-dialog.219228efddb1696d.module.css" />
+
+<react-partial
+  partial-name="keyboard-shortcuts-dialog"
+  data-ssr="false"
+  data-attempted-ssr="false"
+  data-react-profiling="false"
+>
+  
+  <script type="application/json" data-target="react-partial.embeddedData">{"props":{"docsUrl":"https://docs.github.com/get-started/accessibility/keyboard-shortcuts"}}</script>
+  <div data-target="react-partial.reactRoot"></div>
+</react-partial>
+
+
+
+
+
+      
+
+          
+
+                <link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/42179-06f4866e8ee19668.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/97662-4cacc5f29e833c39.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/71236-18053476e03a7169.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/54266-a243da4179a94260.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/9739-18f0a7d6cdb8c8ea.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/24360-79deb141ba3dfbc7.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/43403-3045f1fd875ce7b4.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/lazy-react-partial-marketing-header-949772d0091bc4af.js" fetchpriority="low" />
+<link crossorigin="anonymous" rel="modulepreload" href="https://github.githubassets.com/assets/marketing-header-c3ee7b3df010f1e3.js" fetchpriority="low" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react-css.d9a6dfacdd1cbc81.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react-brand-css.566b06f97d781cc2.module.css" />
+<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/lazy-react-partial-marketing-header.8ea8ee290929a5da.module.css" />
+
+<react-partial
+  partial-name="marketing-header"
+  data-ssr="true"
+  data-attempted-ssr="true"
+  data-react-profiling="false"
+>
+  
+  <script type="application/json" data-target="react-partial.embeddedData">{"props":{"color_mode":"auto","logged_in":false,"marketing_page":false,"home_path":"/","login_path":"/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher","signup_path":"/signup?ref_cta=Sign+up\u0026ref_loc=header+logged+out\u0026ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E\u0026source=header-repo\u0026source_repo=balena-io%2Fetcher","signup_enabled":true,"is_signup_controller":false,"show_search_and_nav":true,"hide_search":false,"private_mode_enabled":false,"should_use_dotcom_links":true,"auth_hydro_click":"{\"event_type\":\"authentication.click\",\"payload\":{\"location_in_page\":\"site header menu\",\"repository_id\":null,\"auth_type\":\"SIGN_UP\",\"originating_url\":\"https://github.com/balena-io/etcher\",\"user_id\":null}}","auth_hydro_click_hmac":"3221b21d764bf650a319db3f3853ef91d9e6fdd0c74e4f9e1438b07a615aa669","variant":"default","overlay":false,"fixed":false}}</script>
+  <div data-target="react-partial.reactRoot"><header class="MarketingHeader-module__root__Tk7n3 HeaderMktg header-logged-out MarketingHeader-module__default__nHxYu" role="banner" data-marketing-header="true" data-color-mode="auto" data-light-theme="light" data-dark-theme="dark" data-is-top="true"><h2 class="MarketingHeader-module__visuallyHidden__sqKsl">Navigation Menu</h2><button type="button" class="MarketingHeader-module__backdrop__sw4RU" aria-label="Close navigation menu"></button><div class="MarketingHeader-module__bar__mBSyE"><div class="MarketingHeader-module__topRow__yeury"><div class="MarketingHeader-module__toggleSlot__hDxbh"><button type="button" class="HeaderMenuToggle-module__toggle__i8EiC" aria-label="Toggle navigation" aria-expanded="false"><span class="HeaderMenuToggle-module__toggleBar__jVN0H"></span><span class="HeaderMenuToggle-module__toggleBar__jVN0H"></span><span class="HeaderMenuToggle-module__toggleBar__jVN0H"></span></button></div><a href="/" aria-label="Homepage" class="HeaderLogo-module__logo__UFyHI" data-analytics-event="{&quot;action&quot;:&quot;homepage&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;logo&quot;,&quot;location&quot;:&quot;header&quot;,&quot;label&quot;:&quot;homepage_link_logo_header&quot;}"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-mark-github" viewBox="0 0 24 24" width="32" height="32" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M10.226 17.284c-2.965-.36-5.054-2.493-5.054-5.256 0-1.123.404-2.336 1.078-3.144-.292-.741-.247-2.314.09-2.965.898-.112 2.111.36 2.83 1.01.853-.269 1.752-.404 2.853-.404 1.1 0 1.999.135 2.807.382.696-.629 1.932-1.1 2.83-.988.315.606.36 2.179.067 2.942.72.854 1.101 2 1.101 3.167 0 2.763-2.089 4.852-5.098 5.234.763.494 1.28 1.572 1.28 2.807v2.336c0 .674.561 1.056 1.235.786 4.066-1.55 7.255-5.615 7.255-10.646C23.5 6.188 18.334 1 11.978 1 5.62 1 .5 6.188.5 12.545c0 4.986 3.167 9.12 7.435 10.669.606.225 1.19-.18 1.19-.786V20.63a2.9 2.9 0 0 1-1.078.224c-1.483 0-2.359-.808-2.987-2.313-.247-.607-.517-.966-1.034-1.033-.27-.023-.359-.135-.359-.27 0-.27.45-.471.898-.471.652 0 1.213.404 1.797 1.235.45.651.921.943 1.483.943.561 0 .92-.202 1.437-.719.382-.381.674-.718.944-.943"></path></svg></a><div class="AuthCTAs-module__mobileActions__NNzeV"><a href="/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher" class="AuthCTAs-module__link__sMMQQ AuthCTAs-module__button__OLoT8 AuthCTAs-module__defaultOutline__UaTyg" data-analytics-event="{&quot;action&quot;:&quot;sign_in&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;auth_cta&quot;,&quot;location&quot;:&quot;header&quot;,&quot;label&quot;:&quot;sign_in_link_auth_cta_header&quot;}" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header menu&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="3221b21d764bf650a319db3f3853ef91d9e6fdd0c74e4f9e1438b07a615aa669">Sign in</a><button data-component="IconButton" type="button" aria-haspopup="dialog" class="prc-Button-ButtonBase-9n-Xk HeaderAppearanceSettings-module__trigger__hUheK prc-Button-IconButton-fyge7" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="invisible" aria-labelledby="_R_1mt_"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-sliders" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M15 2.75a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75Zm-8.5.75v1.25a.75.75 0 0 0 1.5 0v-4a.75.75 0 0 0-1.5 0V2H1.75a.75.75 0 0 0 0 1.5H6.5Zm1.25 5.25a.75.75 0 0 0 0-1.5h-6a.75.75 0 0 0 0 1.5h6ZM15 8a.75.75 0 0 1-.75.75H11.5V10a.75.75 0 1 1-1.5 0V6a.75.75 0 0 1 1.5 0v1.25h2.75A.75.75 0 0 1 15 8Zm-9 5.25v-2a.75.75 0 0 0-1.5 0v1.25H1.75a.75.75 0 0 0 0 1.5H4.5v1.25a.75.75 0 0 0 1.5 0v-2Zm9 0a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1 0-1.5h6a.75.75 0 0 1 .75.75Z"></path></svg></button><span class="prc-TooltipV2-Tooltip-tLeuB" data-direction="s" data-component="Tooltip" aria-hidden="true" id="_R_1mt_">Appearance settings</span></div></div><div class="MarketingHeader-module__menu__GIy3y"><div class="MarketingHeader-module__menuWrapper__owstH"><nav class="MarketingNavigation-module__nav__W0KYY" aria-label="Global"><ul class="MarketingNavigation-module__list__tFbMb"><li><div class="NavDropdown-module__container__l2YeI"><button type="button" class="NavDropdown-module__button__PEHWX" aria-expanded="false" aria-controls="_R_bd_">Platform<svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-right NavDropdown-module__buttonIcon__Tkl8_" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg></button><div id="_R_bd_" class="NavDropdown-module__dropdown__xm1jd"><ul class="NavDropdown-module__list__zuCgG"><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_2qbd_">AI CODE CREATION</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_2qbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/copilot" data-analytics-event="{&quot;action&quot;:&quot;github_copilot&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_copilot_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-copilot NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M7.998 15.035c-4.562 0-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686 1.588-2.065.013-.07.024-.143.036-.218.029-.183.06-.384.126-.612-.201-.508-.254-1.084-.254-1.656 0-.87.128-1.769.693-2.484.579-.733 1.494-1.124 2.724-1.261 1.206-.134 2.262.034 2.944.765.05.053.096.108.139.165.044-.057.094-.112.143-.165.682-.731 1.738-.899 2.944-.765 1.23.137 2.145.528 2.724 1.261.566.715.693 1.614.693 2.484 0 .572-.053 1.148-.254 1.656.066.228.098.429.126.612.012.076.024.148.037.218.924.385 1.522 1.471 1.591 2.095v1.872c0 .766-3.351 3.795-8.002 3.795Zm0-1.485c2.28 0 4.584-1.11 5.002-1.433V7.862l-.023-.116c-.49.21-1.075.291-1.727.291-1.146 0-2.059-.327-2.71-.991A3.222 3.222 0 0 1 8 6.303a3.24 3.24 0 0 1-.544.743c-.65.664-1.563.991-2.71.991-.652 0-1.236-.081-1.727-.291l-.023.116v4.255c.419.323 2.722 1.433 5.002 1.433ZM6.762 2.83c-.193-.206-.637-.413-1.682-.297-1.019.113-1.479.404-1.713.7-.247.312-.369.789-.369 1.554 0 .793.129 1.171.308 1.371.162.181.519.379 1.442.379.853 0 1.339-.235 1.638-.54.315-.322.527-.827.617-1.553.117-.935-.037-1.395-.241-1.614Zm4.155-.297c-1.044-.116-1.488.091-1.681.297-.204.219-.359.679-.242 1.614.091.726.303 1.231.618 1.553.299.305.784.54 1.638.54.922 0 1.28-.198 1.442-.379.179-.2.308-.578.308-1.371 0-.765-.123-1.242-.37-1.554-.233-.296-.693-.587-1.713-.7Z"></path><path d="M6.25 9.037a.75.75 0 0 1 .75.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 .75-.75Zm4.25.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 1.5 0Z"></path></svg>GitHub Copilot</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Write better code with AI</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/ai/github-app" data-analytics-event="{&quot;action&quot;:&quot;github_copilot_app&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_copilot_app_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-mark-github NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M6.766 11.328c-2.063-.25-3.516-1.734-3.516-3.656 0-.781.281-1.625.75-2.188-.203-.515-.172-1.609.063-2.062.625-.078 1.468.25 1.968.703.594-.187 1.219-.281 1.985-.281.765 0 1.39.094 1.953.265.484-.437 1.344-.765 1.969-.687.218.422.25 1.515.046 2.047.5.593.766 1.39.766 2.203 0 1.922-1.453 3.375-3.547 3.64.531.344.89 1.094.89 1.954v1.625c0 .468.391.734.86.547C13.781 14.359 16 11.53 16 8.03 16 3.61 12.406 0 7.984 0 3.563 0 0 3.61 0 8.031a7.88 7.88 0 0 0 5.172 7.422c.422.156.828-.125.828-.547v-1.25c-.219.094-.5.156-.75.156-1.031 0-1.64-.562-2.078-1.609-.172-.422-.36-.672-.719-.719-.187-.015-.25-.093-.25-.187 0-.188.313-.328.625-.328.453 0 .844.281 1.25.86.313.452.64.655 1.031.655s.641-.14 1-.5c.266-.265.47-.5.657-.656"></path></svg>GitHub Copilot app</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Direct agents from issue to merge</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/mcp" data-analytics-event="{&quot;action&quot;:&quot;mcp_registry&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;mcp_registry_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-mcp NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M5.52 1.12a3.578 3.578 0 0 1 6.078 2.98 3.578 3.578 0 0 1 2.982 6.08l-3.292 3.293a.252.252 0 0 0 0 .354l.843.843a.749.749 0 1 1-1.06 1.06l-.844-.843a1.75 1.75 0 0 1 0-2.474L13.52 9.12a2.08 2.08 0 0 0 0-2.94 2.08 2.08 0 0 0-2.94 0L7.731 9.03A.75.75 0 0 1 6.67 7.97l2.85-2.85a2.08 2.08 0 0 0 0-2.94 2.08 2.08 0 0 0-2.94 0l-4.799 4.8A.75.75 0 0 1 .72 5.92Z"></path><path d="M7.52 3.12a.749.749 0 1 1 1.06 1.06L5.731 7.03A2.079 2.079 0 0 0 8.67 9.97l2.85-2.85a.749.749 0 1 1 1.06 1.06l-2.849 2.85A3.578 3.578 0 0 1 4.67 5.97Z"></path></svg>MCP Registry</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Integrate external tools</span></span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_4qbd_">DEVELOPER WORKFLOWS</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_4qbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/actions" data-analytics-event="{&quot;action&quot;:&quot;actions&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;actions_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-workflow NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 1.75C0 .784.784 0 1.75 0h3.5C6.216 0 7 .784 7 1.75v3.5A1.75 1.75 0 0 1 5.25 7H4v4a1 1 0 0 0 1 1h4v-1.25C9 9.784 9.784 9 10.75 9h3.5c.966 0 1.75.784 1.75 1.75v3.5A1.75 1.75 0 0 1 14.25 16h-3.5A1.75 1.75 0 0 1 9 14.25v-.75H5A2.5 2.5 0 0 1 2.5 11V7h-.75A1.75 1.75 0 0 1 0 5.25Zm1.75-.25a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.25-.25Zm9 9a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.25-.25Z"></path></svg>Actions</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Automate any workflow</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/codespaces" data-analytics-event="{&quot;action&quot;:&quot;codespaces&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;codespaces_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-codespaces NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 11.25c0-.966.784-1.75 1.75-1.75h12.5c.966 0 1.75.784 1.75 1.75v3A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm2-9.5C2 .784 2.784 0 3.75 0h8.5C13.216 0 14 .784 14 1.75v5a1.75 1.75 0 0 1-1.75 1.75h-8.5A1.75 1.75 0 0 1 2 6.75Zm1.75-.25a.25.25 0 0 0-.25.25v5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5a.25.25 0 0 0-.25-.25Zm-2 9.5a.25.25 0 0 0-.25.25v3c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25Z"></path><path d="M7 12.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Zm-4 0a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z"></path></svg>Codespaces</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Instant dev environments</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/issues" data-analytics-event="{&quot;action&quot;:&quot;issues&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;issues_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-issue-opened NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path></svg>Issues</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Plan and track work</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/code-review" data-analytics-event="{&quot;action&quot;:&quot;code_review&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;code_review_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-code NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path></svg>Code Review</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Manage code changes</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/code-quality" data-analytics-event="{&quot;action&quot;:&quot;code_quality&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;code_quality_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-codescan-checkmark NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M10.28 6.28a.75.75 0 1 0-1.06-1.06L6.25 8.19l-.97-.97a.75.75 0 0 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.06 0l3.5-3.5Z"></path><path d="M7.5 15a7.5 7.5 0 1 1 5.807-2.754l2.473 2.474a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-2.474-2.473A7.472 7.472 0 0 1 7.5 15Zm0-13.5a6 6 0 1 0 4.094 10.386.748.748 0 0 1 .293-.292 6.002 6.002 0 0 0 1.117-6.486A6.002 6.002 0 0 0 7.5 1.5Z"></path></svg>Code Quality</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Enforce quality at merge</span></span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_6qbd_">APPLICATION SECURITY</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_6qbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/security/advanced-security" data-analytics-event="{&quot;action&quot;:&quot;github_advanced_security&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_advanced_security_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-shield-check NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m8.533.133 5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667l5.25-1.68a1.748 1.748 0 0 1 1.066 0Zm-.61 1.429.001.001-5.25 1.68a.251.251 0 0 0-.174.237V7c0 1.36.275 2.666 1.057 3.859.784 1.194 2.121 2.342 4.366 3.298a.196.196 0 0 0 .154 0c2.245-.957 3.582-2.103 4.366-3.297C13.225 9.666 13.5 8.358 13.5 7V3.48a.25.25 0 0 0-.174-.238l-5.25-1.68a.25.25 0 0 0-.153 0ZM11.28 6.28l-3.5 3.5a.75.75 0 0 1-1.06 0l-1.5-1.5a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l.97.97 2.97-2.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path></svg>GitHub Advanced Security</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Find and fix vulnerabilities</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/security/advanced-security/code-security" data-analytics-event="{&quot;action&quot;:&quot;code_security&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;code_security_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-code-square NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25Zm7.47 3.97a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1 0 1.06l-2 2a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L10.69 8 9.22 6.53a.75.75 0 0 1 0-1.06ZM6.78 6.53 5.31 8l1.47 1.47a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-2-2a.75.75 0 0 1 0-1.06l2-2a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path></svg>Code security</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Secure your code as you build</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/security/advanced-security/secret-protection" data-analytics-event="{&quot;action&quot;:&quot;secret_protection&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;secret_protection_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-lock NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M4 4a4 4 0 0 1 8 0v2h.25c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 12.25 15h-8.5A1.75 1.75 0 0 1 2 13.25v-5.5C2 6.784 2.784 6 3.75 6H4Zm8.25 3.5h-8.5a.25.25 0 0 0-.25.25v5.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25ZM10.5 6V4a2.5 2.5 0 1 0-5 0v2Z"></path></svg>Secret protection</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Stop leaks before they start</span></span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ NavGroup-module__hasSeparator__FnMrN"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_8qbd_">EXPLORE</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_8qbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/why-github" data-analytics-event="{&quot;action&quot;:&quot;why_github&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;why_github_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Why GitHub</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://docs.github.com" data-analytics-event="{&quot;action&quot;:&quot;documentation&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;documentation_link_platform_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Documentation</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://github.blog" data-analytics-event="{&quot;action&quot;:&quot;blog&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;blog_link_platform_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Blog</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://github.blog/changelog" data-analytics-event="{&quot;action&quot;:&quot;changelog&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;changelog_link_platform_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Changelog</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/marketplace" data-analytics-event="{&quot;action&quot;:&quot;marketplace&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;marketplace_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Marketplace</span></a></li></ul></div></li></ul><div class="NavDropdown-module__trailingLinkContainer__VgJGL"><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/features" data-analytics-event="{&quot;action&quot;:&quot;view_all_features&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;platform&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_features_link_platform_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all features</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></div></div></div></li><li><div class="NavDropdown-module__container__l2YeI"><button type="button" class="NavDropdown-module__button__PEHWX" aria-expanded="false" aria-controls="_R_jd_">Solutions<svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-right NavDropdown-module__buttonIcon__Tkl8_" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg></button><div id="_R_jd_" class="NavDropdown-module__dropdown__xm1jd"><ul class="NavDropdown-module__list__zuCgG"><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_2qjd_">BY COMPANY SIZE</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_2qjd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/enterprise" data-analytics-event="{&quot;action&quot;:&quot;enterprises&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;enterprises_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Enterprises</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/team" data-analytics-event="{&quot;action&quot;:&quot;small_and_medium_teams&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;small_and_medium_teams_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Small and medium teams</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/enterprise/startups" data-analytics-event="{&quot;action&quot;:&quot;startups&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;startups_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Startups</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/industry/nonprofits" data-analytics-event="{&quot;action&quot;:&quot;nonprofits&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;nonprofits_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Nonprofits</span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_4qjd_">BY USE CASE</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_4qjd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/use-case/app-modernization" data-analytics-event="{&quot;action&quot;:&quot;app_modernization&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;app_modernization_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">App Modernization</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/use-case/devsecops" data-analytics-event="{&quot;action&quot;:&quot;devsecops&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;devsecops_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">DevSecOps</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/use-case/devops" data-analytics-event="{&quot;action&quot;:&quot;devops&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;devops_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">DevOps</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/use-case/ci-cd" data-analytics-event="{&quot;action&quot;:&quot;ci/cd&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;ci/cd_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">CI/CD</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/solutions/use-case" data-analytics-event="{&quot;action&quot;:&quot;view_all_use_cases&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_use_cases_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all use cases</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_6qjd_">BY INDUSTRY</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_6qjd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/industry/healthcare" data-analytics-event="{&quot;action&quot;:&quot;healthcare&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;healthcare_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Healthcare</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/industry/financial-services" data-analytics-event="{&quot;action&quot;:&quot;financial_services&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;financial_services_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Financial services</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/industry/manufacturing" data-analytics-event="{&quot;action&quot;:&quot;manufacturing&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;manufacturing_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Manufacturing</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/industry/government" data-analytics-event="{&quot;action&quot;:&quot;government&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;government_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Government</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/solutions/industry" data-analytics-event="{&quot;action&quot;:&quot;view_all_industries&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_industries_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all industries</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></li></ul></div></li></ul><div class="NavDropdown-module__trailingLinkContainer__VgJGL"><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/solutions" data-analytics-event="{&quot;action&quot;:&quot;view_all_solutions&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;solutions&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_solutions_link_solutions_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all solutions</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></div></div></div></li><li><div class="NavDropdown-module__container__l2YeI"><button type="button" class="NavDropdown-module__button__PEHWX" aria-expanded="false" aria-controls="_R_rd_">Resources<svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-right NavDropdown-module__buttonIcon__Tkl8_" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg></button><div id="_R_rd_" class="NavDropdown-module__dropdown__xm1jd"><ul class="NavDropdown-module__list__zuCgG"><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_2qrd_">EXPLORE BY TOPIC</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_2qrd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/articles?topic=ai" data-analytics-event="{&quot;action&quot;:&quot;ai&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;ai_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">AI</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/articles?topic=software-development" data-analytics-event="{&quot;action&quot;:&quot;software_development&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;software_development_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Software Development</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/articles?topic=devops" data-analytics-event="{&quot;action&quot;:&quot;devops&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;devops_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">DevOps</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/articles?topic=security" data-analytics-event="{&quot;action&quot;:&quot;security&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;security_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Security</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/resources/articles" data-analytics-event="{&quot;action&quot;:&quot;view_all_topics&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_topics_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all topics</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_4qrd_">EXPLORE BY TYPE</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_4qrd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/customer-stories" data-analytics-event="{&quot;action&quot;:&quot;customer_stories&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;customer_stories_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Customer stories</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/events" data-analytics-event="{&quot;action&quot;:&quot;events__webinars&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;events__webinars_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Events &amp; webinars</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/resources/whitepapers" data-analytics-event="{&quot;action&quot;:&quot;ebooks__reports&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;ebooks__reports_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Ebooks &amp; reports</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/solutions/executive-insights" data-analytics-event="{&quot;action&quot;:&quot;business_insights&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;business_insights_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Business insights</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://skills.github.com" data-analytics-event="{&quot;action&quot;:&quot;github_skills&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_skills_link_resources_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">GitHub Skills</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_6qrd_">SUPPORT &amp; SERVICES</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_6qrd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://docs.github.com" data-analytics-event="{&quot;action&quot;:&quot;documentation&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;documentation_link_resources_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Documentation</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://support.github.com" data-analytics-event="{&quot;action&quot;:&quot;customer_support&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;customer_support_link_resources_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Customer support</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/orgs/community/discussions" data-analytics-event="{&quot;action&quot;:&quot;community_forum&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;community_forum_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Community forum</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/trust-center" data-analytics-event="{&quot;action&quot;:&quot;trust_center&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;trust_center_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Trust center</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/partners" data-analytics-event="{&quot;action&quot;:&quot;partners&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;partners_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Partners</span></a></li></ul></div></li></ul><div class="NavDropdown-module__trailingLinkContainer__VgJGL"><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--arrow-end___esdN8" href="https://github.com/resources" data-analytics-event="{&quot;action&quot;:&quot;view_all_resources&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;resources&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;view_all_resources_link_resources_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">View all resources</span><svg class="Primer_Brand__ExpandableArrow-module__ExpandableArrow___aaZs9 Primer_Brand__Link-module__Link-arrow___yd78i" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___0K8Hz" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg></a></div></div></div></li><li><div class="NavDropdown-module__container__l2YeI"><button type="button" class="NavDropdown-module__button__PEHWX" aria-expanded="false" aria-controls="_R_13d_">Open Source<svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-right NavDropdown-module__buttonIcon__Tkl8_" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg></button><div id="_R_13d_" class="NavDropdown-module__dropdown__xm1jd"><ul class="NavDropdown-module__list__zuCgG"><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_2r3d_">COMMUNITY</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_2r3d_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/open-source/sponsors" data-analytics-event="{&quot;action&quot;:&quot;github_sponsors&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_sponsors_link_open_source_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-sponsor-tiers NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M10.586 1C12.268 1 13.5 2.37 13.5 4.25c0 1.745-.996 3.359-2.622 4.831-.166.15-.336.297-.509.438l1.116 5.584a.75.75 0 0 1-.991.852l-2.409-.876a.25.25 0 0 0-.17 0l-2.409.876a.75.75 0 0 1-.991-.852L5.63 9.519a13.78 13.78 0 0 1-.51-.438C3.497 7.609 2.5 5.995 2.5 4.25 2.5 2.37 3.732 1 5.414 1c.963 0 1.843.403 2.474 1.073L8 2.198l.112-.125a3.385 3.385 0 0 1 2.283-1.068L10.586 1Zm-3.621 9.495-.718 3.594 1.155-.42a1.75 1.75 0 0 1 1.028-.051l.168.051 1.154.42-.718-3.592c-.199.13-.37.235-.505.314l-.169.097a.75.75 0 0 1-.72 0 9.54 9.54 0 0 1-.515-.308l-.16-.105ZM10.586 2.5c-.863 0-1.611.58-1.866 1.459-.209.721-1.231.721-1.44 0C7.025 3.08 6.277 2.5 5.414 2.5 4.598 2.5 4 3.165 4 4.25c0 1.23.786 2.504 2.128 3.719.49.443 1.018.846 1.546 1.198l.325.21.076-.047.251-.163a13.341 13.341 0 0 0 1.546-1.198C11.214 6.754 12 5.479 12 4.25c0-1.085-.598-1.75-1.414-1.75Z"></path></svg>GitHub Sponsors</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Fund open source developers</span></span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_4r3d_">PROGRAMS</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_4r3d_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://securitylab.github.com" data-analytics-event="{&quot;action&quot;:&quot;security_lab&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;security_lab_link_open_source_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Security Lab</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://maintainers.github.com" data-analytics-event="{&quot;action&quot;:&quot;maintainer_community&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;maintainer_community_link_open_source_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Maintainer Community</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/open-source/accelerator" data-analytics-event="{&quot;action&quot;:&quot;accelerator&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;accelerator_link_open_source_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Accelerator</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://stars.github.com" data-analytics-event="{&quot;action&quot;:&quot;github_stars&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_stars_link_open_source_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">GitHub Stars</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0 Primer_Brand__Link-module__Link--is-external___xsncV" href="https://archiveprogram.github.com" data-analytics-event="{&quot;action&quot;:&quot;archive_program&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;archive_program_link_open_source_navbar&quot;}" target="_blank" rel="noreferrer"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Archive Program</span><svg focusable="false" aria-label="External link" class="octicon octicon-link-external" role="img" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_6r3d_">REPOSITORIES</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_6r3d_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/topics" data-analytics-event="{&quot;action&quot;:&quot;topics&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;topics_link_open_source_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Topics</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/trending" data-analytics-event="{&quot;action&quot;:&quot;trending&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;trending_link_open_source_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Trending</span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/collections" data-analytics-event="{&quot;action&quot;:&quot;collections&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;open_source&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;collections_link_open_source_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty">Collections</span></a></li></ul></div></li></ul></div></div></li><li><div class="NavDropdown-module__container__l2YeI"><button type="button" class="NavDropdown-module__button__PEHWX" aria-expanded="false" aria-controls="_R_1bd_">Enterprise<svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-right NavDropdown-module__buttonIcon__Tkl8_" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg></button><div id="_R_1bd_" class="NavDropdown-module__dropdown__xm1jd"><ul class="NavDropdown-module__list__zuCgG"><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_2rbd_">ENTERPRISE SOLUTIONS</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_2rbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/enterprise" data-analytics-event="{&quot;action&quot;:&quot;enterprise_platform&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;enterprise&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;enterprise_platform_link_enterprise_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-stack NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M7.122.392a1.75 1.75 0 0 1 1.756 0l5.003 2.902c.83.481.83 1.68 0 2.162L8.878 8.358a1.75 1.75 0 0 1-1.756 0L2.119 5.456a1.251 1.251 0 0 1 0-2.162ZM8.125 1.69a.248.248 0 0 0-.25 0l-4.63 2.685 4.63 2.685a.248.248 0 0 0 .25 0l4.63-2.685ZM1.601 7.789a.75.75 0 0 1 1.025-.273l5.249 3.044a.248.248 0 0 0 .25 0l5.249-3.044a.75.75 0 0 1 .752 1.298l-5.248 3.044a1.75 1.75 0 0 1-1.756 0L1.874 8.814A.75.75 0 0 1 1.6 7.789Zm0 3.5a.75.75 0 0 1 1.025-.273l5.249 3.044a.248.248 0 0 0 .25 0l5.249-3.044a.75.75 0 0 1 .752 1.298l-5.248 3.044a1.75 1.75 0 0 1-1.756 0l-5.248-3.044a.75.75 0 0 1-.273-1.025Z"></path></svg>Enterprise platform</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">AI-powered developer platform</span></span></a></li></ul></div></li><li><div class="NavGroup-module__group__W8SqJ"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--monospace___QXHDQ Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--100___B2ueX Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavGroup-module__title__Wzxz2" id="_R_4rbd_">AVAILABLE ADD-ONS</span><ul class="NavGroup-module__list__UCOFy" aria-labelledby="_R_4rbd_"><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/security/advanced-security" data-analytics-event="{&quot;action&quot;:&quot;github_advanced_security&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;enterprise&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;github_advanced_security_link_enterprise_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-shield-check NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m8.533.133 5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667l5.25-1.68a1.748 1.748 0 0 1 1.066 0Zm-.61 1.429.001.001-5.25 1.68a.251.251 0 0 0-.174.237V7c0 1.36.275 2.666 1.057 3.859.784 1.194 2.121 2.342 4.366 3.298a.196.196 0 0 0 .154 0c2.245-.957 3.582-2.103 4.366-3.297C13.225 9.666 13.5 8.358 13.5 7V3.48a.25.25 0 0 0-.174-.238l-5.25-1.68a.25.25 0 0 0-.153 0ZM11.28 6.28l-3.5 3.5a.75.75 0 0 1-1.06 0l-1.5-1.5a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l.97.97 2.97-2.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path></svg>GitHub Advanced Security</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Enterprise-grade security features</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/features/copilot/copilot-business" data-analytics-event="{&quot;action&quot;:&quot;copilot_for_business&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;enterprise&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;copilot_for_business_link_enterprise_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-copilot NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M7.998 15.035c-4.562 0-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686 1.588-2.065.013-.07.024-.143.036-.218.029-.183.06-.384.126-.612-.201-.508-.254-1.084-.254-1.656 0-.87.128-1.769.693-2.484.579-.733 1.494-1.124 2.724-1.261 1.206-.134 2.262.034 2.944.765.05.053.096.108.139.165.044-.057.094-.112.143-.165.682-.731 1.738-.899 2.944-.765 1.23.137 2.145.528 2.724 1.261.566.715.693 1.614.693 2.484 0 .572-.053 1.148-.254 1.656.066.228.098.429.126.612.012.076.024.148.037.218.924.385 1.522 1.471 1.591 2.095v1.872c0 .766-3.351 3.795-8.002 3.795Zm0-1.485c2.28 0 4.584-1.11 5.002-1.433V7.862l-.023-.116c-.49.21-1.075.291-1.727.291-1.146 0-2.059-.327-2.71-.991A3.222 3.222 0 0 1 8 6.303a3.24 3.24 0 0 1-.544.743c-.65.664-1.563.991-2.71.991-.652 0-1.236-.081-1.727-.291l-.023.116v4.255c.419.323 2.722 1.433 5.002 1.433ZM6.762 2.83c-.193-.206-.637-.413-1.682-.297-1.019.113-1.479.404-1.713.7-.247.312-.369.789-.369 1.554 0 .793.129 1.171.308 1.371.162.181.519.379 1.442.379.853 0 1.339-.235 1.638-.54.315-.322.527-.827.617-1.553.117-.935-.037-1.395-.241-1.614Zm4.155-.297c-1.044-.116-1.488.091-1.681.297-.204.219-.359.679-.242 1.614.091.726.303 1.231.618 1.553.299.305.784.54 1.638.54.922 0 1.28-.198 1.442-.379.179-.2.308-.578.308-1.371 0-.765-.123-1.242-.37-1.554-.233-.296-.693-.587-1.713-.7Z"></path><path d="M6.25 9.037a.75.75 0 0 1 .75.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 .75-.75Zm4.25.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 1.5 0Z"></path></svg>Copilot for Business</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Enterprise-grade AI features</span></span></a></li><li><a class="Primer_Brand__Link-module__Link___lF11y Primer_Brand__Link-module__Link--default___VRVW0" href="https://github.com/enterprise/premium-support" data-analytics-event="{&quot;action&quot;:&quot;premium_support&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;enterprise&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;premium_support_link_enterprise_navbar&quot;}"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Link-module__Link--label___jM8Ty"><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--default___GhPh_ Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS Primer_Brand__Text-module__Text--weight-medium___qJKf_ NavLink-module__title__Q7t0p"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-comment-discussion NavLink-module__icon__ltGNM" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path></svg>Premium Support</span><span class="Primer_Brand__Text-module__Text___XeGJJ Primer_Brand__Text-module__Text-font--mona-sans___a8XJD Primer_Brand__Text-module__Text--muted___rE6mh Primer_Brand__Text-module__Text--200____P1wy Primer_Brand__Text-module__Text--antialiased___TYoXS NavLink-module__subtitle__X4gkW">Enterprise-grade 24/7 support</span></span></a></li></ul></div></li></ul></div></div></li><li><a href="https://github.com/pricing" data-analytics-event="{&quot;action&quot;:&quot;pricing&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;pricing&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;pricing_link_pricing_navbar&quot;}" class="MarketingNavigation-module__navLink__hUomM">Pricing</a></li></ul></nav><div class="MarketingHeader-module__ctaContainer__tBmPz"><div class="HeaderSearch-module__searchSlot__oVOUS"><button type="button" class="HeaderSearch-module__trigger__zsF9q" aria-haspopup="dialog" aria-expanded="false" aria-label="Search or jump to, type / to search" data-analytics-event="{&quot;action&quot;:&quot;searchbar&quot;,&quot;tag&quot;:&quot;input&quot;,&quot;context&quot;:&quot;global&quot;,&quot;location&quot;:&quot;navbar&quot;,&quot;label&quot;:&quot;searchbar_input_global_navbar&quot;}"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-search HeaderSearch-module__icon__wcrHX" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path></svg><span class="HeaderSearch-module__placeholder__xWpYW">Type <kbd class="HeaderSearch-module__kbd__HNG0o">/</kbd> to search</span></button><div class="d-none"></div></div><div class="AuthCTAs-module__signInWrap__q2P60"><a href="/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher" class="AuthCTAs-module__link__sMMQQ AuthCTAs-module__button__OLoT8 AuthCTAs-module__defaultOutline__UaTyg AuthCTAs-module__signInDesktop__PMene AuthCTAs-module__hiddenBelowLg__BfKBw" data-analytics-event="{&quot;action&quot;:&quot;sign_in&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;auth_cta&quot;,&quot;location&quot;:&quot;header&quot;,&quot;label&quot;:&quot;sign_in_link_auth_cta_header&quot;}" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header menu&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="3221b21d764bf650a319db3f3853ef91d9e6fdd0c74e4f9e1438b07a615aa669">Sign in</a></div><a href="/signup?ref_cta=Sign+up&amp;ref_loc=header+logged+out&amp;ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&amp;source=header-repo&amp;source_repo=balena-io%2Fetcher" class="AuthCTAs-module__link__sMMQQ AuthCTAs-module__button__OLoT8 AuthCTAs-module__defaultOutline__UaTyg AuthCTAs-module__signUp__zF_eG" data-analytics-event="{&quot;action&quot;:&quot;sign_up&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;context&quot;:&quot;auth_cta&quot;,&quot;location&quot;:&quot;header&quot;,&quot;label&quot;:&quot;sign_up_link_auth_cta_header&quot;}" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header menu&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="3221b21d764bf650a319db3f3853ef91d9e6fdd0c74e4f9e1438b07a615aa669">Sign up</a><button data-component="IconButton" type="button" aria-haspopup="dialog" class="prc-Button-ButtonBase-9n-Xk HeaderAppearanceSettings-module__trigger__hUheK HeaderAppearanceSettings-module__triggerInMenu__sjApM prc-Button-IconButton-fyge7" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="invisible" aria-labelledby="_R_7ld_"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-sliders" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M15 2.75a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75Zm-8.5.75v1.25a.75.75 0 0 0 1.5 0v-4a.75.75 0 0 0-1.5 0V2H1.75a.75.75 0 0 0 0 1.5H6.5Zm1.25 5.25a.75.75 0 0 0 0-1.5h-6a.75.75 0 0 0 0 1.5h6ZM15 8a.75.75 0 0 1-.75.75H11.5V10a.75.75 0 1 1-1.5 0V6a.75.75 0 0 1 1.5 0v1.25h2.75A.75.75 0 0 1 15 8Zm-9 5.25v-2a.75.75 0 0 0-1.5 0v1.25H1.75a.75.75 0 0 0 0 1.5H4.5v1.25a.75.75 0 0 0 1.5 0v-2Zm9 0a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1 0-1.5h6a.75.75 0 0 1 .75.75Z"></path></svg></button><span class="prc-TooltipV2-Tooltip-tLeuB" data-direction="s" data-component="Tooltip" aria-hidden="true" id="_R_7ld_">Appearance settings</span></div></div></div></div></header></div>
+</react-partial>
+
+
+
+      <div hidden="hidden" data-view-component="true" class="js-stale-session-flash stale-session-flash flash flash-warn flash-full">
+  
+        <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
+    <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
+</svg>
+        <span class="js-stale-session-flash-signed-in" hidden>You signed in with another tab or window. <a class="Link--inTextBlock" href="">Reload</a> to refresh your session.</span>
+        <span class="js-stale-session-flash-signed-out" hidden>You signed out in another tab or window. <a class="Link--inTextBlock" href="">Reload</a> to refresh your session.</span>
+        <span class="js-stale-session-flash-switched" hidden>You switched accounts on another tab or window. <a class="Link--inTextBlock" href="">Reload</a> to refresh your session.</span>
+
+    <button id="icon-button-baddc15e-f131-4923-b06a-a612e2d6a303" aria-labelledby="tooltip-b81f5bbc-a873-441b-8839-f933195f2890" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium flash-close js-flash-close">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x Button-visual">
+    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+</button><tool-tip id="tooltip-b81f5bbc-a873-441b-8839-f933195f2890" for="icon-button-baddc15e-f131-4923-b06a-a612e2d6a303" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Dismiss alert</tool-tip>
+
+
+  
+</div>
+    </div>
+
+  <div id="start-of-content" class="show-on-focus"></div>
+
+
+
+
+
+
+
+
+    <div id="js-flash-container" class="flash-container" data-turbo-replace>
+
+
+
+
+
+  <template class="js-flash-template">
+    
+<div class="flash flash-full   {{ className }}">
+  <div >
+    <button autofocus class="flash-close js-flash-close" type="button" aria-label="Dismiss this message">
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
+    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+    </button>
+    <div aria-atomic="true" role="alert" class="js-flash-alert">
+      
+      <div>{{ message }}</div>
+
+    </div>
+  </div>
+</div>
+  </template>
+</div>
+
+
+    
+
+
+
+
+
+
+  <div
+    class="application-main "
+    data-commit-hovercards-enabled
+    data-discussion-hovercards-enabled
+    data-issue-and-pr-hovercards-enabled
+    data-project-hovercards-enabled
+  >
+        <div itemscope itemtype="http://schema.org/SoftwareSourceCode" class="">
+    <main id="js-repo-pjax-container" >
+      
+      
+    
+
+    <include-fragment src="/in-product-messaging/budget-threshold-banner?organization=balena-io" data-nonce="v2:cd591147-5045-d21f-242a-897c870a4b34" data-view-component="true">
+  
+  <div data-show-on-forbidden-error hidden>
+    <div class="Box">
+  <div class="blankslate-container">
+    <div data-view-component="true" class="blankslate blankslate-spacious color-bg-default rounded-2">
+      
+
+      <h3 data-view-component="true" class="blankslate-heading">        Uh oh!
+</h3>
+      <p data-view-component="true" class="blankslate-description">        <p class="color-fg-muted my-2 mb-2 ws-normal">There was an error while loading. <a class="Link--inTextBlock" data-turbo="false" href="" aria-label="Please reload this page">Please reload this page</a>.</p>
+</p>
+
+</div>  </div>
+</div>  </div>
+</include-fragment>
+
+    
+
+
+
+
+
+
+
+
+  
+
+  <div id="repository-container-header"  class="tmp-pt-3 hide-full-screen" style="background-color: var(--page-header-bgColor, var(--color-page-header-bg));" data-turbo-replace>
+
+      <div class="d-flex flex-nowrap flex-justify-end tmp-mb-3  tmp-px-3 tmp-px-lg-5" style="gap: 1rem;">
+
+        <div class="flex-auto min-width-0 width-fit">
+            
+  <div class=" d-flex flex-wrap flex-items-center wb-break-word f3 text-normal">
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo color-fg-muted mr-2 tmp-mr-2">
+    <path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path>
+</svg>
+    
+    <span class="author flex-self-stretch" itemprop="author">
+      <a class="url fn" rel="author" data-hovercard-type="organization" data-hovercard-url="/orgs/balena-io/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/balena-io">
+        balena-io
+</a>    </span>
+    <span class="mx-1 flex-self-stretch color-fg-muted">/</span>
+    <strong itemprop="name" class="mr-2 flex-self-stretch">
+      <a data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" href="/balena-io/etcher">etcher</a>
+    </strong>
+
+    <span></span><span class="Label Label--secondary v-align-middle mr-1">Public</span>
+  </div>
+
+
+        </div>
+
+        <div id="repository-details-container" class="flex-shrink-0" data-turbo-replace style="max-width: 70%;">
+            <ul class="pagehead-actions flex-shrink-0 d-none d-md-inline" style="padding: 2px 0;">
+    
+      
+
+  <li>
+            <a href="/login?return_to=%2Fbalena-io%2Fetcher" rel="nofollow" id="repository-details-watch-button" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;notification subscription menu watch&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;LOG_IN&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="ce430fa4d54d77e4f256abd7b370bf15a56f18105be1eee20b183e85affdfe9b" aria-label="You must be signed in to change notification settings" data-view-component="true" class="btn-sm btn">    <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-bell mr-2 tmp-mr-2">
+    <path d="M8 16a2 2 0 0 0 1.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 0 0 8 16ZM3 5a5 5 0 0 1 10 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.519 1.519 0 0 1 13.482 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.255.255 0 0 0 3 7.947Zm5-3.5A3.5 3.5 0 0 0 4.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.017.017 0 0 0-.003.01l.001.006c0 .002.002.004.004.006l.006.004.007.001h10.964l.007-.001.006-.004.004-.006.001-.007a.017.017 0 0 0-.003-.01l-1.703-2.554a1.745 1.745 0 0 1-.294-.97V5A3.5 3.5 0 0 0 8 1.5Z"></path>
+</svg>Notifications
+</a>    <tool-tip id="tooltip-915e9d89-ad39-4c28-be7e-8be3de176264" for="repository-details-watch-button" popover="manual" data-direction="s" data-type="description" data-view-component="true" class="sr-only position-absolute">You must be signed in to change notification settings</tool-tip>
+
+  </li>
+
+  <li>
+          <a icon="repo-forked" id="fork-button" href="/login?return_to=%2Fbalena-io%2Fetcher" rel="nofollow" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;repo details fork button&quot;,&quot;repository_id&quot;:45055693,&quot;auth_type&quot;:&quot;LOG_IN&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="b67ba007129ce1461e471654dfa419dfa4a5362ca7ff0d47d691fdd4aa24f09f" data-view-component="true" class="btn-sm btn">    <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo-forked mr-2 tmp-mr-2">
+    <path d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path>
+</svg>Fork
+    <span id="repo-network-counter" data-pjax-replace="true" data-turbo-replace="true" title="2,402" data-view-component="true" class="Counter">2.4k</span>
+</a>
+  </li>
+
+  <li>
+        <div data-view-component="true" class="BtnGroup d-flex">
+        <a href="/login?return_to=%2Fbalena-io%2Fetcher" rel="nofollow" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;star button&quot;,&quot;repository_id&quot;:45055693,&quot;auth_type&quot;:&quot;LOG_IN&quot;,&quot;originating_url&quot;:&quot;https://github.com/balena-io/etcher&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="29c8f0310ddfbaca64c12422e31ea1823756c4eca1ed2dd10d9ad9222e285a7e" aria-label="You must be signed in to star a repository" data-view-component="true" class="tooltipped tooltipped-sw btn-sm btn">    <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-star v-align-text-bottom d-inline-block mr-2 tmp-mr-2">
+    <path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path>
+</svg><span data-view-component="true" class="d-inline">
+          Star
+</span>          <span id="repo-stars-counter-star" aria-label="34146 users starred this repository" data-singular-suffix="user starred this repository" data-plural-suffix="users starred this repository" data-turbo-replace="true" title="34,146" data-view-component="true" class="Counter js-social-count">34.1k</span>
+</a></div>
+  </li>
+
+</ul>
+
+        </div>
+      </div>
+
+        <div id="responsive-meta-container" data-turbo-replace>
+</div>
+
+
+          <nav data-pjax="#js-repo-pjax-container" aria-label="Repository" data-view-component="true" class="js-repo-nav js-sidenav-container-pjax js-responsive-underlinenav overflow-hidden UnderlineNav px-3 tmp-px-3 px-md-4 tmp-px-md-4 px-lg-5 tmp-px-lg-5">
+
+  <ul data-view-component="true" class="UnderlineNav-body list-style-none">
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="code-tab" href="/balena-io/etcher" data-tab-item="i0code-tab" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches repo_packages repo_deployments repo_attestations /balena-io/etcher" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g c" data-command-id="repositories:go-to-code" data-react-nav="code-view" data-react-nav-anchor="code-view-repo-link" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Code&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" aria-current="page" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item selected">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-code UnderlineNav-octicon d-none d-sm-inline">
+    <path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+        <span data-content="Code">Code</span>
+          <span id="code-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="issues-tab" href="/balena-io/etcher/issues" data-tab-item="i1issues-tab" data-selected-links="repo_issues repo_labels repo_milestones /balena-io/etcher/issues" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g i" data-command-id="repositories:go-to-issues" data-react-nav="issues-react" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Issues&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-issue-opened UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path>
+</svg>
+        <span data-content="Issues">Issues</span>
+          <span id="issues-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="640" data-view-component="true" class="Counter">640</span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="pull-requests-tab" href="/balena-io/etcher/pulls" data-tab-item="i2pull-requests-tab" data-selected-links="repo_pulls checks /balena-io/etcher/pulls" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g p" data-command-id="repositories:go-to-pull-requests" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Pull requests&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-git-pull-request UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25Zm5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354ZM3.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm0 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm8.25.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Z"></path>
+</svg>
+        <span data-content="Pull requests">Pull requests</span>
+          <span id="pull-requests-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="44" data-view-component="true" class="Counter">44</span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="actions-tab" href="/balena-io/etcher/actions" data-tab-item="i3actions-tab" data-selected-links="repo_actions /balena-io/etcher/actions" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g a" data-command-id="repositories:go-to-actions" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Actions&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-play UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path>
+</svg>
+        <span data-content="Actions">Actions</span>
+          <span id="actions-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="wiki-tab" href="/balena-io/etcher/wiki" data-tab-item="i4wiki-tab" data-selected-links="repo_wiki /balena-io/etcher/wiki" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g w" data-command-id="repositories:go-to-wiki" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Wiki&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-book UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"></path>
+</svg>
+        <span data-content="Wiki">Wiki</span>
+          <span id="wiki-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="security-and-quality-tab" href="/balena-io/etcher/security" data-tab-item="i5security-and-quality-tab" data-selected-links="security overview alerts policy token_scanning code_scanning /balena-io/etcher/security" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g s" data-command-id="repositories:go-to-security" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Security and quality&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-shield UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M7.467.133a1.748 1.748 0 0 1 1.066 0l5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667Zm.61 1.429a.25.25 0 0 0-.153 0l-5.25 1.68a.25.25 0 0 0-.174.238V7c0 1.358.275 2.666 1.057 3.86.784 1.194 2.121 2.34 4.366 3.297a.196.196 0 0 0 .154 0c2.245-.956 3.582-2.104 4.366-3.298C13.225 9.666 13.5 8.36 13.5 7V3.48a.251.251 0 0 0-.174-.237l-5.25-1.68ZM8.75 4.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 1.5 0ZM9 10.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
+</svg>
+        <span data-content="Security and quality">Security and quality</span>
+          <span id="security-and-quality-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="0" hidden="hidden" data-view-component="true" class="Counter">0</span>
+
+
+    
+</a></li>
+      <li data-view-component="true" class="d-inline-flex">
+  <a id="insights-tab" href="/balena-io/etcher/pulse" data-tab-item="i6insights-tab" data-selected-links="repo_graphs repo_contributors dependency_graph dependabot_updates pulse people community /balena-io/etcher/pulse" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-command-id="repositories:go-to-insights" data-analytics-event="{&quot;category&quot;:&quot;Underline navbar&quot;,&quot;action&quot;:&quot;Click tab&quot;,&quot;label&quot;:&quot;Insights&quot;,&quot;target&quot;:&quot;UNDERLINE_NAV.TAB&quot;}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item">
+    
+              <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-graph UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M1.5 1.75V13.5h13.75a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75V1.75a.75.75 0 0 1 1.5 0Zm14.28 2.53-5.25 5.25a.75.75 0 0 1-1.06 0L7 7.06 4.28 9.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.25-3.25a.75.75 0 0 1 1.06 0L10 7.94l4.72-4.72a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path>
+</svg>
+        <span data-content="Insights">Insights</span>
+          <span id="insights-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span>
+
+
+    
+</a></li>
+</ul>
+    <div style="visibility:hidden;" data-view-component="true" class="UnderlineNav-actions js-responsive-underlinenav-overflow position-absolute pr-3 tmp-pr-3 pr-md-4 tmp-pr-md-4 pr-lg-5 tmp-pr-lg-5 right-0">      <action-menu data-select-variant="none" data-view-component="true">
+  <focus-group direction="vertical" mnemonics retain>
+    <button id="action-menu-2f3d9b73-f56a-4d9f-b7c9-05f9d20277af-button" popovertarget="action-menu-2f3d9b73-f56a-4d9f-b7c9-05f9d20277af-overlay" aria-controls="action-menu-2f3d9b73-f56a-4d9f-b7c9-05f9d20277af-list" aria-haspopup="true" aria-labelledby="tooltip-6a60ccc8-d697-48eb-b214-5cda4cd13fde" type="button" data-view-component="true" class="Button Button--iconOnly Button--secondary Button--medium UnderlineNav-item">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
+    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path>
+</svg>
+</button><tool-tip id="tooltip-6a60ccc8-d697-48eb-b214-5cda4cd13fde" for="action-menu-2f3d9b73-f56a-4d9f-b7c9-05f9d20277af-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Additional navigation options</tool-tip>
+
+
+<anchored-position data-target="action-menu.overlay" id="action-menu-2f3d9b73-f56a-4d9f-b7c9-05f9d20277af-overlay" anchor="action-menu-2f3d9b73-f56a-4d9f-b7c9-05f9d20277af-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
+  <div data-view-component="true" class="Overlay Overlay--size-auto">
+    
+      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">          <action-list>
+  <div data-view-component="true">
+    <ul aria-labelledby="action-menu-2f3d9b73-f56a-4d9f-b7c9-05f9d20277af-button" id="action-menu-2f3d9b73-f56a-4d9f-b7c9-05f9d20277af-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
+        <li hidden="hidden" data-menu-item="i0code-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-f7278b25-9147-4300-a32a-4e9daa689aef" href="/balena-io/etcher" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-code">
+    <path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Code
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i1issues-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-b5b26451-f088-4e22-82b6-da45244a6d28" href="/balena-io/etcher/issues" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-issue-opened">
+    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Issues
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i2pull-requests-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-2f74353e-868f-4a8a-96b3-ead4dc393931" href="/balena-io/etcher/pulls" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-git-pull-request">
+    <path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25Zm5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354ZM3.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm0 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm8.25.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Pull requests
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i3actions-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-4eaf050a-eeba-4bc6-ba9e-f93d69f6ef5d" href="/balena-io/etcher/actions" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-play">
+    <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Actions
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i4wiki-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-dd35c4ee-28fc-4fad-ae1b-e1e4669dbfb9" href="/balena-io/etcher/wiki" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-book">
+    <path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Wiki
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i5security-and-quality-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-fa2f9368-884d-48f2-ac21-a05082d77a47" href="/balena-io/etcher/security" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-shield">
+    <path d="M7.467.133a1.748 1.748 0 0 1 1.066 0l5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667Zm.61 1.429a.25.25 0 0 0-.153 0l-5.25 1.68a.25.25 0 0 0-.174.238V7c0 1.358.275 2.666 1.057 3.86.784 1.194 2.121 2.34 4.366 3.297a.196.196 0 0 0 .154 0c2.245-.956 3.582-2.104 4.366-3.298C13.225 9.666 13.5 8.36 13.5 7V3.48a.251.251 0 0 0-.174-.237l-5.25-1.68ZM8.75 4.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 1.5 0ZM9 10.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Security and quality
+</span>      
+</a>
+  
+</li>
+        <li hidden="hidden" data-menu-item="i6insights-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
+    
+    
+    <a tabindex="-1" id="item-73117093-e684-428c-aa37-4a34e096cfae" href="/balena-io/etcher/pulse" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
+        <span class="ActionListItem-visual ActionListItem-visual--leading">
+          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-graph">
+    <path d="M1.5 1.75V13.5h13.75a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75V1.75a.75.75 0 0 1 1.5 0Zm14.28 2.53-5.25 5.25a.75.75 0 0 1-1.06 0L7 7.06 4.28 9.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.25-3.25a.75.75 0 0 1 1.06 0L10 7.94l4.72-4.72a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path>
+</svg>
+        </span>
+      
+        <span data-view-component="true" class="ActionListItem-label">
+          Insights
+</span>      
+</a>
+  
+</li>
+</ul>    
+</div></action-list>
+
+
+</div>
+      
+</div></anchored-position>  </focus-group>
+</action-menu></div>
+</nav>
+
+  </div>
+  
+
+
+
+<turbo-frame id="repo-content-turbo-frame" target="_top" data-turbo-action="advance" class="">
+    <div id="repo-content-pjax-container" class="repository-content " >
+    
+
+
+
+    
+      
+    
+
+
+
+
+
+
+
+
+<react-app
+  app-name="code-view"
+  initial-path="/balena-io/etcher"
+  style="display: block; min-height: calc(100vh - 64px);"
+  data-attempted-ssr="true"
+  data-ssr="true"
+  data-lazy="false"
+  data-alternate="false"
+  data-data-router-enabled="true"
+  data-react-profiling="false"
+>
+  
+  <script type="application/json" data-target="react-app.embeddedData">{"payload":{"codeViewRepoRoute":{"path":"/","refInfo":{"name":"master","listCacheKey":"v0:1780392323.0","canEdit":false,"refType":"branch","currentOid":"1e2500e4f11cf9855460fa679154b3e6158e8024"},"tree":{"items":[{"name":".github","path":".github","contentType":"directory"},{"name":".versionbot","path":".versionbot","contentType":"directory"},{"name":"assets","path":"assets","contentType":"directory"},{"name":"docs","path":"docs","contentType":"directory"},{"name":"lib","path":"lib","contentType":"directory"},{"name":"tests","path":"tests","contentType":"directory"},{"name":"typings","path":"typings","contentType":"directory"},{"name":".dockerignore","path":".dockerignore","contentType":"file"},{"name":".editorconfig","path":".editorconfig","contentType":"file"},{"name":".eslintrc.js","path":".eslintrc.js","contentType":"file"},{"name":".gitattributes","path":".gitattributes","contentType":"file"},{"name":".gitignore","path":".gitignore","contentType":"file"},{"name":".nvmrc","path":".nvmrc","contentType":"file"},{"name":".prettierrc.js","path":".prettierrc.js","contentType":"file"},{"name":"CHANGELOG.md","path":"CHANGELOG.md","contentType":"file"},{"name":"LICENSE","path":"LICENSE","contentType":"file"},{"name":"README.md","path":"README.md","contentType":"file"},{"name":"after-install.tpl","path":"after-install.tpl","contentType":"file"},{"name":"entitlements.mac.plist","path":"entitlements.mac.plist","contentType":"file"},{"name":"forge.config.ts","path":"forge.config.ts","contentType":"file"},{"name":"forge.sidecar.ts","path":"forge.sidecar.ts","contentType":"file"},{"name":"npm-shrinkwrap.json","path":"npm-shrinkwrap.json","contentType":"file"},{"name":"package.json","path":"package.json","contentType":"file"},{"name":"pkg-sidecar.json","path":"pkg-sidecar.json","contentType":"file"},{"name":"repo.yml","path":"repo.yml","contentType":"file"},{"name":"tsconfig.json","path":"tsconfig.json","contentType":"file"},{"name":"tsconfig.sidecar.json","path":"tsconfig.sidecar.json","contentType":"file"},{"name":"wdio.conf.ts","path":"wdio.conf.ts","contentType":"file"},{"name":"webpack.config.ts","path":"webpack.config.ts","contentType":"file"}],"totalCount":29,"templateDirectorySuggestionUrl":null,"readme":null,"showBranchInfobar":false},"userNameDisplayConfiguration":"handle","treeExpanded":false,"symbolsExpanded":false,"copilotSWEAgentEnabled":false,"copilotAccessAllowed":false,"isOverview":true,"overview":{"banners":{"shouldRecommendReadme":false,"isPersonalRepo":false,"showUseActionBanner":false,"actionSlug":null,"actionId":null,"showProtectBranchBanner":false,"requiredCustomPropertyValuesMissingCount":0,"transactionalMessageBanner":null,"publishBannersInfo":{"dismissActionNoticePath":"/settings/dismiss-notice/publish_action_from_repo","releasePath":"/balena-io/etcher/releases/new?marketplace=true","showPublishActionBanner":false},"interactionLimitBanner":null,"showInvitationBanner":false,"inviterName":null,"actionsMigrationBannerInfo":{"releaseTags":[],"showImmutableActionsMigrationBanner":false,"initialMigrationStatus":null},"copilotSurveyBanner":null,"showSpammyBanner":false,"blockedContributorsBanner":null,"codespacesSurveyBanner":null},"codeButton":{"contactPath":"/contact","isEnterprise":false,"local":{"protocolInfo":{"httpAvailable":true,"sshAvailable":null,"httpUrl":"https://github.com/balena-io/etcher.git","showCloneWarning":null,"sshUrl":null,"sshCertificatesRequired":null,"sshCertificatesAvailable":null,"ghCliUrl":"gh repo clone balena-io/etcher","defaultProtocol":"http","newSshKeyUrl":"/settings/ssh/new","setProtocolPath":"/users/set_protocol?protocol_type=clone"},"platformInfo":{"cloneUrl":"https://desktop.github.com","showVisualStudioCloneButton":false,"visualStudioCloneUrl":"https://windows.github.com","showXcodeCloneButton":false,"xcodeCloneUrl":"xcode://clone?repo=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher","zipballUrl":"/balena-io/etcher/archive/refs/heads/master.zip"}},"newCodespacePath":"/codespaces/new?hide_repo_select=true\u0026repo=45055693"},"popovers":{"rename":null,"renamedParentRepo":null},"commitCount":"3,481","overviewFiles":[{"displayName":"README.md","repoName":"etcher","refName":"master","path":"README.md","preferredFileType":"readme","tabName":"README","richText":"\u003carticle class=\"markdown-body entry-content container-lg\" itemprop=\"text\"\u003e\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch1 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eEtcher\u003c/h1\u003e\u003ca id=\"user-content-etcher\" class=\"anchor\" aria-label=\"Permalink: Etcher\" href=\"#etcher\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cblockquote\u003e\n\u003cp dir=\"auto\"\u003eFlash OS images to SD cards \u0026amp; USB drives, safely and easily.\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cp dir=\"auto\"\u003eEtcher is a powerful OS image flasher built with web technologies to ensure\nflashing an SDCard or USB drive is a pleasant and safe experience. It protects\nyou from accidentally writing to your hard-drives, ensures every byte of data\nwas written correctly, and much more. It can also directly flash Raspberry Pi devices that support \u003ca href=\"https://www.raspberrypi.com/documentation/computers/raspberry-pi.html#usb-device-boot-mode\" rel=\"nofollow\"\u003eUSB device boot mode\u003c/a\u003e.\u003c/p\u003e\n\u003cp dir=\"auto\"\u003e\u003ca href=\"https://balena.io/etcher\" rel=\"nofollow\"\u003e\u003cimg src=\"https://camo.githubusercontent.com/3de420b6fa1a11d9bbf428270f8fbf78a166e782093674fe7eaa166729066081/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f62616c656e612d696f2f6574636865722e7376673f7374796c653d666c61742d737175617265\" alt=\"Current Release\" data-canonical-src=\"https://img.shields.io/github/release/balena-io/etcher.svg?style=flat-square\" style=\"max-width: 100%;\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/balena-io/etcher/blob/master/LICENSE\"\u003e\u003cimg src=\"https://camo.githubusercontent.com/dfb926102e98bd6e534d29a54cbae76de5ff5f1ad834e50f0f38b2c4cded6403/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f62616c656e612d696f2f6574636865722e7376673f7374796c653d666c61742d737175617265\" alt=\"License\" data-canonical-src=\"https://img.shields.io/github/license/balena-io/etcher.svg?style=flat-square\" style=\"max-width: 100%;\"\u003e\u003c/a\u003e\n\u003ca href=\"https://forums.balena.io/c/etcher\" rel=\"nofollow\"\u003e\u003cimg src=\"https://camo.githubusercontent.com/ab45d2fe3c7810c82227bc70111a4470fa5ed4da6d5ab5d77d343d2f09da7def/68747470733a2f2f696d672e736869656c64732e696f2f646973636f757273652f68747470732f666f72756d732e62616c656e612e696f2f746f706963732e7376673f7374796c653d666c61742d737175617265266c6162656c3d62616c656e612e696f253230666f72756d73\" alt=\"Balena.io Forums\" data-canonical-src=\"https://img.shields.io/discourse/https/forums.balena.io/topics.svg?style=flat-square\u0026amp;label=balena.io%20forums\" style=\"max-width: 100%;\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003chr\u003e\n\u003cp dir=\"auto\"\u003e\u003ca href=\"https://balena.io/etcher\" rel=\"nofollow\"\u003e\u003cstrong\u003eDownload\u003c/strong\u003e\u003c/a\u003e | \u003ca href=\"https://github.com/balena-io/etcher/blob/master/docs/SUPPORT.md\"\u003e\u003cstrong\u003eSupport\u003c/strong\u003e\u003c/a\u003e | \u003ca href=\"https://github.com/balena-io/etcher/blob/master/docs/USER-DOCUMENTATION.md\"\u003e\u003cstrong\u003eDocumentation\u003c/strong\u003e\u003c/a\u003e | \u003ca href=\"https://github.com/balena-io/etcher/blob/master/docs/CONTRIBUTING.md\"\u003e\u003cstrong\u003eContributing\u003c/strong\u003e\u003c/a\u003e | \u003ca href=\"https://github.com/balena-io/etcher/milestones\"\u003e\u003cstrong\u003eRoadmap\u003c/strong\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eSupported Operating Systems\u003c/h2\u003e\u003ca id=\"user-content-supported-operating-systems\" class=\"anchor\" aria-label=\"Permalink: Supported Operating Systems\" href=\"#supported-operating-systems\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cul dir=\"auto\"\u003e\n\u003cli\u003eLinux; most distros; Intel 64-bit.\u003c/li\u003e\n\u003cli\u003eWindows 10 and later; Intel 64-bit.\u003c/li\u003e\n\u003cli\u003emacOS 10.13 (High Sierra) and later; both Intel and Apple Silicon.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eInstallers\u003c/h2\u003e\u003ca id=\"user-content-installers\" class=\"anchor\" aria-label=\"Permalink: Installers\" href=\"#installers\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eRefer to the \u003ca href=\"https://balena.io/etcher\" rel=\"nofollow\"\u003edownloads page\u003c/a\u003e for the latest pre-made\ninstallers for all supported operating systems.\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003ePackages\u003c/h2\u003e\u003ca id=\"user-content-packages\" class=\"anchor\" aria-label=\"Permalink: Packages\" href=\"#packages\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch4 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eDebian and Ubuntu based Package Repository (GNU/Linux x86/x64)\u003c/h4\u003e\u003ca id=\"user-content-debian-and-ubuntu-based-package-repository-gnulinux-x86x64\" class=\"anchor\" aria-label=\"Permalink: Debian and Ubuntu based Package Repository (GNU/Linux x86/x64)\" href=\"#debian-and-ubuntu-based-package-repository-gnulinux-x86x64\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003ePackage for Debian and Ubuntu can be downloaded from the \u003ca href=\"https://github.com/balena-io/etcher/releases/\"\u003eGithub release page\u003c/a\u003e\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eInstall .deb file using apt\u003c/h5\u003e\u003ca id=\"user-content-install-deb-file-using-apt\" class=\"anchor\" aria-label=\"Permalink: Install .deb file using apt\" href=\"#install-deb-file-using-apt\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"   sudo apt install ./balena-etcher_******_amd64.deb\"\u003e\u003cpre\u003e   sudo apt install ./balena-etcher_\u003cspan class=\"pl-k\"\u003e******\u003c/span\u003e_amd64.deb\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eUninstall\u003c/h5\u003e\u003ca id=\"user-content-uninstall\" class=\"anchor\" aria-label=\"Permalink: Uninstall\" href=\"#uninstall\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"   sudo apt remove balena-etcher\"\u003e\u003cpre\u003e   sudo apt remove balena-etcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch4 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eRedhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)\u003c/h4\u003e\u003ca id=\"user-content-redhat-rhel-and-fedora-based-package-repository-gnulinux-x86x64\" class=\"anchor\" aria-label=\"Permalink: Redhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)\" href=\"#redhat-rhel-and-fedora-based-package-repository-gnulinux-x86x64\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eYum\u003c/h5\u003e\u003ca id=\"user-content-yum\" class=\"anchor\" aria-label=\"Permalink: Yum\" href=\"#yum\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003ePackage for Fedora-based and Redhat can be downloaded from the \u003ca href=\"https://github.com/balena-io/etcher/releases/\"\u003eGithub release page\u003c/a\u003e\u003c/p\u003e\n\u003col dir=\"auto\"\u003e\n\u003cli\u003eInstall using yum\u003c/li\u003e\n\u003c/ol\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"   sudo yum localinstall balena-etcher-***.x86_64.rpm\"\u003e\u003cpre\u003e   sudo yum localinstall balena-etcher-\u003cspan class=\"pl-k\"\u003e***\u003c/span\u003e.x86_64.rpm\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch4 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eArch/Manjaro Linux (GNU/Linux x64)\u003c/h4\u003e\u003ca id=\"user-content-archmanjaro-linux-gnulinux-x64\" class=\"anchor\" aria-label=\"Permalink: Arch/Manjaro Linux (GNU/Linux x64)\" href=\"#archmanjaro-linux-gnulinux-x64\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eEtcher is offered through the Arch User Repository and can be installed on both Manjaro and Arch systems. You can compile it from the source code in this repository using \u003ca href=\"https://aur.archlinux.org/packages/balena-etcher/\" rel=\"nofollow\"\u003e\u003ccode\u003ebalena-etcher\u003c/code\u003e\u003c/a\u003e. The following example uses a common AUR helper to install the latest release:\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"yay -S balena-etcher\"\u003e\u003cpre\u003eyay -S balena-etcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eUninstall\u003c/h5\u003e\u003ca id=\"user-content-uninstall-1\" class=\"anchor\" aria-label=\"Permalink: Uninstall\" href=\"#uninstall-1\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"yay -R balena-etcher\"\u003e\u003cpre\u003eyay -R balena-etcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch4 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eWinGet (Windows)\u003c/h4\u003e\u003ca id=\"user-content-winget-windows\" class=\"anchor\" aria-label=\"Permalink: WinGet (Windows)\" href=\"#winget-windows\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eThis package is updated by \u003ca href=\"https://github.com/vedantmgoyal2009/winget-releaser\"\u003egh-action\u003c/a\u003e, and is kept up to date automatically.\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"winget install balenaEtcher #or Balena.Etcher\"\u003e\u003cpre\u003ewinget install balenaEtcher \u003cspan class=\"pl-c\"\u003e\u003cspan class=\"pl-c\"\u003e#\u003c/span\u003eor Balena.Etcher\u003c/span\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eUninstall\u003c/h5\u003e\u003ca id=\"user-content-uninstall-2\" class=\"anchor\" aria-label=\"Permalink: Uninstall\" href=\"#uninstall-2\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"winget uninstall balenaEtcher\"\u003e\u003cpre\u003ewinget uninstall balenaEtcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch4 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eChocolatey (Windows)\u003c/h4\u003e\u003ca id=\"user-content-chocolatey-windows\" class=\"anchor\" aria-label=\"Permalink: Chocolatey (Windows)\" href=\"#chocolatey-windows\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eThis package is maintained by \u003ca href=\"https://github.com/majkinetor\"\u003e@majkinetor\u003c/a\u003e, and\nis kept up to date automatically.\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"choco install etcher\"\u003e\u003cpre\u003echoco install etcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch5 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eUninstall\u003c/h5\u003e\u003ca id=\"user-content-uninstall-3\" class=\"anchor\" aria-label=\"Permalink: Uninstall\" href=\"#uninstall-3\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"choco uninstall etcher\"\u003e\u003cpre\u003echoco uninstall etcher\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eSupport\u003c/h2\u003e\u003ca id=\"user-content-support\" class=\"anchor\" aria-label=\"Permalink: Support\" href=\"#support\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eIf you're having any problem, please \u003ca href=\"https://github.com/balena-io/etcher/issues/new\"\u003eraise an issue\u003c/a\u003e on GitHub, and\nthe balena.io team will be happy to help.\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eLicense\u003c/h2\u003e\u003ca id=\"user-content-license\" class=\"anchor\" aria-label=\"Permalink: License\" href=\"#license\"\u003e\u003csvg data-component=\"Octicon\" class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eEtcher is free software and may be redistributed under the terms specified in\nthe \u003ca href=\"https://github.com/balena-io/etcher/blob/master/LICENSE\"\u003elicense\u003c/a\u003e.\u003c/p\u003e\n\u003c/article\u003e","loaded":true,"timedOut":false,"errorMessage":null,"headerInfo":{"toc":[{"level":1,"text":"Etcher","anchor":"etcher","htmlText":"Etcher"},{"level":2,"text":"Supported Operating Systems","anchor":"supported-operating-systems","htmlText":"Supported Operating Systems"},{"level":2,"text":"Installers","anchor":"installers","htmlText":"Installers"},{"level":2,"text":"Packages","anchor":"packages","htmlText":"Packages"},{"level":4,"text":"Debian and Ubuntu based Package Repository (GNU/Linux x86/x64)","anchor":"debian-and-ubuntu-based-package-repository-gnulinux-x86x64","htmlText":"Debian and Ubuntu based Package Repository (GNU/Linux x86/x64)"},{"level":5,"text":"Install .deb file using apt","anchor":"install-deb-file-using-apt","htmlText":"Install .deb file using apt"},{"level":5,"text":"Uninstall","anchor":"uninstall","htmlText":"Uninstall"},{"level":4,"text":"Redhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)","anchor":"redhat-rhel-and-fedora-based-package-repository-gnulinux-x86x64","htmlText":"Redhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)"},{"level":5,"text":"Yum","anchor":"yum","htmlText":"Yum"},{"level":4,"text":"Arch/Manjaro Linux (GNU/Linux x64)","anchor":"archmanjaro-linux-gnulinux-x64","htmlText":"Arch/Manjaro Linux (GNU/Linux x64)"},{"level":5,"text":"Uninstall","anchor":"uninstall-1","htmlText":"Uninstall"},{"level":4,"text":"WinGet (Windows)","anchor":"winget-windows","htmlText":"WinGet (Windows)"},{"level":5,"text":"Uninstall","anchor":"uninstall-2","htmlText":"Uninstall"},{"level":4,"text":"Chocolatey (Windows)","anchor":"chocolatey-windows","htmlText":"Chocolatey (Windows)"},{"level":5,"text":"Uninstall","anchor":"uninstall-3","htmlText":"Uninstall"},{"level":2,"text":"Support","anchor":"support","htmlText":"Support"},{"level":2,"text":"License","anchor":"license","htmlText":"License"}],"siteNavLoginPath":"/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher"}},{"displayName":"CONTRIBUTING.md","repoName":"etcher","refName":"master","path":"docs/CONTRIBUTING.md","preferredFileType":"contributing","tabName":"Contributing","richText":null,"loaded":false,"timedOut":false,"errorMessage":null,"headerInfo":{"toc":null,"siteNavLoginPath":"/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher"}},{"displayName":"LICENSE","repoName":"etcher","refName":"master","path":"LICENSE","preferredFileType":"license","tabName":"Apache-2.0","richText":null,"loaded":false,"timedOut":false,"errorMessage":null,"headerInfo":{"toc":null,"siteNavLoginPath":"/login?return_to=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher"}}],"overviewFilesProcessingTime":0,"copilotSWEAgentEnabled":false}},"codeViewLayoutRoute":{"repo":{"id":45055693,"defaultBranch":"master","name":"etcher","ownerLogin":"balena-io","currentUserCanPush":false,"isFork":false,"isEmpty":false,"createdAt":"2015-10-27T16:53:23.000Z","ownerAvatar":"https://avatars.githubusercontent.com/u/6157842?v=4","public":true,"private":false,"isOrgOwned":true},"currentUser":null,"uploadToken":"3R94OcqEdUvrzeiCOSbKHATflc_s-w-3h2DssMoAo6osaevIKqv5UCry398-3thQGeNT6bPJXNQxERgKBqmFJQ","allShortcutsEnabled":false,"treeExpanded":true,"path":"/","symbolsExpanded":false,"refInfo":{"name":"master","listCacheKey":"v0:1780392323.0","canEdit":false,"currentOid":"1e2500e4f11cf9855460fa679154b3e6158e8024"},"helpUrl":"https://docs.github.com","findFileWorkerPath":"/assets-cdn/worker/find-file-worker-197357bd459e1d17.js","findInFileWorkerPath":"/assets-cdn/worker/find-in-file-worker-cdd287749939f30b.js","githubDevUrl":null},"sidebarAbout":{"description":"Flash OS images to SD cards \u0026 USB drives, safely and easily.","formattedDescription":"Flash OS images to SD cards \u0026amp; USB drives, safely and easily.","website":"https://etcher.io/","topics":[{"name":"cross-platform"},{"name":"etcher"},{"name":"sd-cards"},{"name":"usb-drives"}],"showInsights":true,"canOpenStargazersAndWatchers":false,"stargazerCount":34146,"watcherCount":442,"forksCount":2402,"stargazersPath":"/balena-io/etcher/stargazers","watchersPath":"/balena-io/etcher/watchers","forkNetworkPath":"/balena-io/etcher/forks","activityPath":"/balena-io/etcher/activity","customPropertiesPath":"/balena-io/etcher/custom-properties","reportPath":"/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher\u0026report=balena-io+%28user%29","canEditMetadata":false,"ownerLogin":"balena-io","repoName":"etcher","isOrg":true,"sections":{"releases":{"releaseCount":291,"tagCount":319},"sponsors":false,"deployments":false,"packages":true,"usedBy":true,"contributors":true,"languages":true,"cta":false,"suggestedWorkflows":false},"hasCitation":false,"pagesUrl":"http://balena-io.github.io/etcher/","repo":{"ownerAvatarUrl":"https://avatars.githubusercontent.com/u/6157842?s=60\u0026v=4","ownerId":6157842,"isPrivate":false,"isTemplate":false,"isFork":false,"isMirror":false,"isArchived":false,"visibilityLabel":"Public","license":{"spdxId":"Apache-2.0","name":"Apache License 2.0"},"isAdvisoryWorkspace":false},"star":{"viewerHasStarred":false,"canStar":false},"fork":{"canFork":false,"forkabilityError":"not_logged_in"},"pin":{"canPin":false,"isPinned":true,"isOrgOwned":true,"pinItemsRemaining":0},"watch":{"canWatch":false,"watchData":{"repositoryId":"45055693","repositoryName":"balena-io/etcher","watchersCount":442,"subscriptionType":"none","subscribableThreadTypes":[{"name":"Issue","enabled":true,"subscribed":false},{"name":"PullRequest","enabled":true,"subscribed":false},{"name":"Release","enabled":true,"subscribed":false},{"name":"Discussion","enabled":false,"subscribed":false},{"name":"SecurityAlert","enabled":true,"subscribed":false}],"showLabelSubscriptions":false,"subscribedLabels":[]}},"viewer":{"isLoggedIn":false,"isSiteAdmin":false,"emuContributionBlocked":false},"showSponsorButton":false,"showTemplateButton":false,"showDemoNotification":false},"csrf_tokens":{"/balena-io/etcher/branches":{"post":"8Faw6gUciseMUx3o8P15DRqavIaKt3QVAFw3WgLh6I8I9TzpMoBlGUZmB4M7Z5IfJRyrE-ymMRfXkVvmVplWIQ"}}},"title":"GitHub - balena-io/etcher: Flash OS images to SD cards \u0026 USB drives, safely and easily.","appPayload":{},"meta":{"title":"GitHub - balena-io/etcher: Flash OS images to SD cards \u0026 USB drives, safely and easily."}}</script>
+  <div data-target="react-app.reactRoot"><meta name="github-code-view-meta-stats" id="github-code-view-meta-stats" data-hydrostats="publish"/> <!-- --> <a hidden="" id="code-view-repo-link" href="/balena-io/etcher" data-discover="true"></a> <div class="d-none"></div><div><div style="--spacing:var(--spacing-none)" class="prc-PageLayout-PageLayoutRoot--KH-d" data-component="SplitPageLayout"><div class="prc-PageLayout-PageLayoutWrapper-2BhU2" data-width="full"><div class="prc-PageLayout-PageLayoutContent-BneH9"><div data-component="SplitPageLayout.Content" class="prc-PageLayout-ContentWrapper-gR9eG" data-is-hidden-narrow="false"><div class="prc-PageLayout-Content-xWL-A" data-width="full" style="--spacing:var(--spacing-none)"><div class="SharedPageLayout-module__content__IwGAp" data-selector="repos-split-pane-content" id="repos-split-pane-content" tabindex="0"><div style="--spacing:var(--spacing-none)" class="prc-PageLayout-PageLayoutRoot--KH-d container-xl" data-component="SplitPageLayout"><div class="prc-PageLayout-PageLayoutWrapper-2BhU2" data-width="full"><header data-component="SplitPageLayout.Header" data-hidden="false" class="prc-PageLayout-Header-0of-R tmp-px-3 tmp-px-lg-5" style="--spacing:var(--spacing-none)"><div class="prc-PageLayout-HeaderContent-gdFfN" style="--spacing:var(--spacing-none)"><!--&--><!--/&--></div><div class="prc-PageLayout-HorizontalDivider-JLVqp prc-PageLayout-HeaderHorizontalDivider-odAHl" data-component="PageLayout.HorizontalDivider" data-variant="none" style="--spacing-divider:var(--spacing-none);--spacing:var(--spacing-none)"></div></header><div class="prc-PageLayout-PageLayoutContent-BneH9"><div data-component="SplitPageLayout.Content" class="prc-PageLayout-ContentWrapper-gR9eG" data-is-hidden="false"><div class="prc-PageLayout-Content-xWL-A" data-width="large" style="--spacing:var(--spacing-condensed)"><div class="OverviewContent-module__Box__PF75K tmp-pl-lg-3 mt-0"><div class="OverviewHeader-module__Box__cC1RH"></div><div class="OverviewContent-module__Box_1__MPS0U"><div class="OverviewContent-module__Box_2__Di8Pb"><div class="OverviewContent-module__Box_3__wzlJx"><button data-component="Button" type="button" aria-haspopup="true" aria-expanded="false" tabindex="0" style="min-width:0" aria-label="master branch" data-testid="anchor-button" data-icv-name="Switch branches/tags" class="prc-Button-ButtonBase-9n-Xk overview-ref-selector width-full RefSelectorAnchoredOverlay-module__RefSelectorOverlayBtn__a3WK3" data-loading="false" data-size="medium" data-variant="default" id="ref-picker-repos-header-ref-selector"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-git-branch" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M9.5 3.25a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.493 2.493 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25Zm-6 0a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm8.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"></path></svg></span><span data-component="text" class="prc-Button-Label-FWkx3"><div class="RefSelectorAnchoredOverlay-module__RefSelectorOverlayContainer__yaf4p"><div class="ref-selector-button-text-container RefSelectorAnchoredOverlay-module__RefSelectorBtnTextContainer__Di3rk"><span class="RefSelectorAnchoredOverlay-module__RefSelectorText__w_fmP">master</span></div></div></span><span data-component="trailingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-down" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"></path></svg></span></span></button><div class="d-none"></div></div><div class="OverviewContent-module__Box_4__qf73o"><a data-component="Button" type="button" href="/balena-io/etcher/branches" class="prc-Button-ButtonBase-9n-Xk OverviewContent-module__Button___Uotu" data-loading="false" data-size="medium" data-variant="invisible"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-git-branch" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M9.5 3.25a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.493 2.493 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25Zm-6 0a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm8.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"></path></svg></span><span data-component="text" class="prc-Button-Label-FWkx3">Branches</span></span></a><a data-component="Button" type="button" href="/balena-io/etcher/tags" class="prc-Button-ButtonBase-9n-Xk OverviewContent-module__Button___Uotu" data-loading="false" data-size="medium" data-variant="invisible"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-tag" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1 7.775V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 0 1 0 2.474l-5.026 5.026a1.75 1.75 0 0 1-2.474 0l-6.25-6.25A1.752 1.752 0 0 1 1 7.775Zm1.5 0c0 .066.026.13.073.177l6.25 6.25a.25.25 0 0 0 .354 0l5.025-5.025a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.177-.073H2.75a.25.25 0 0 0-.25.25ZM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"></path></svg></span><span data-component="text" class="prc-Button-Label-FWkx3">Tags</span></span></a></div><div class="OverviewContent-module__Box_5__Zc3i7"><a data-component="Button" type="button" aria-label="Go to Branches page" href="/balena-io/etcher/branches" class="prc-Button-ButtonBase-9n-Xk OverviewContent-module__Button_1__vmS6D" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="invisible"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-git-branch" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M9.5 3.25a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.493 2.493 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25Zm-6 0a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm8.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"></path></svg></a><a data-component="Button" type="button" aria-label="Go to Tags page" href="/balena-io/etcher/tags" class="prc-Button-ButtonBase-9n-Xk OverviewContent-module__Button_1__vmS6D" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="invisible"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-tag" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1 7.775V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 0 1 0 2.474l-5.026 5.026a1.75 1.75 0 0 1-2.474 0l-6.25-6.25A1.752 1.752 0 0 1 1 7.775Zm1.5 0c0 .066.026.13.073.177l6.25 6.25a.25.25 0 0 0 .354 0l5.025-5.025a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.177-.073H2.75a.25.25 0 0 0-.25.25ZM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"></path></svg></a></div></div><div class="OverviewContent-module__Box_6__Y_Yb_"><div class="OverviewContent-module__Box_7__JuRXo"><div class="d-none"></div><div class="OverviewContent-module__Box_8__UZCZh"><!--$!--><template></template><!--/$--></div><div class="OverviewContent-module__Box_9__bqMPw"><button data-component="Button" type="button" class="prc-Button-ButtonBase-9n-Xk" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="default"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="text" class="prc-Button-Label-FWkx3">Go to file</span></span></button></div></div><button data-component="Button" type="button" aria-haspopup="true" aria-expanded="false" tabindex="0" class="prc-Button-ButtonBase-9n-Xk" data-loading="false" data-size="medium" data-variant="primary" id="_R_1p6l8quk5_"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-code hide-sm" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path></svg></span><span data-component="text" class="prc-Button-Label-FWkx3">Code</span><span data-component="trailingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-down" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"></path></svg></span></span></button><div class="OverviewContent-module__Box_10__mGSb4"><button data-component="IconButton" type="button" aria-haspopup="true" aria-expanded="false" tabindex="0" class="prc-Button-ButtonBase-9n-Xk prc-Button-IconButton-fyge7" data-loading="false" data-no-visuals="true" data-size="medium" data-variant="default" aria-labelledby="_R_1u96l8quk5_" id="_R_296l8quk5_"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-kebab-horizontal" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path></svg></button><span class="prc-TooltipV2-Tooltip-tLeuB" data-direction="n" data-component="Tooltip" aria-hidden="true" id="_R_1u96l8quk5_">Open more actions menu</span></div></div></div><div class="OverviewContent-module__Box_11__F19kY"><div data-hpc="true" containertiming="hpc"><div class="d-none"></div><h2 class="sr-only ScreenReaderHeading-module__userSelectNone__rwWIk prc-Heading-Heading-MtWFE" data-component="Heading" data-testid="screen-reader-heading" id="folders-and-files">Folders and files</h2><table class="Table-module__Box__HZKiQ" aria-labelledby="folders-and-files"><thead class="DirectoryContent-module__OverviewHeaderRow__hOrKy Table-module__Box_1__VacXC"><tr class="Table-module__Box_2__PBp9s"><th colSpan="2" class="DirectoryContent-module__Box__iC_5e"><span class="text-bold">Name</span></th><th colSpan="1" class="DirectoryContent-module__Box_1__fuSBO"><span class="text-bold">Name</span></th><th class="hide-sm"><div class="width-fit prc-Truncate-Truncate-2G1eo" data-inline="true" title="Last commit message" style="--truncate-max-width:125px"><span class="text-bold">Last commit message</span></div></th><th colSpan="1" class="DirectoryContent-module__Box_2__Ccrx7"><div class="width-fit prc-Truncate-Truncate-2G1eo" data-inline="true" title="Last commit date" style="--truncate-max-width:125px"><span class="text-bold">Last commit date</span></div></th></tr></thead><tbody><tr class="DirectoryContent-module__Box_3__gl6dE"><td colSpan="3" class="bgColor-muted p-1 rounded-top-2"><div class="LatestCommit-module__Box__B25ZT"><h2 class="sr-only ScreenReaderHeading-module__userSelectNone__rwWIk prc-Heading-Heading-MtWFE" data-component="Heading" data-testid="screen-reader-heading">Latest commit</h2><div style="width:120px" class="Skeleton Skeleton--text" data-testid="loading"> </div><div class="d-flex flex-shrink-0 gap-2"><div data-testid="latest-commit-details" class="d-none d-sm-flex flex-items-center"></div><div class="d-flex gap-2"><h2 class="sr-only ScreenReaderHeading-module__userSelectNone__rwWIk prc-Heading-Heading-MtWFE" data-component="Heading" data-testid="screen-reader-heading">History</h2><a data-component="LinkButton" href="/balena-io/etcher/commits/master/" class="prc-Button-ButtonBase-9n-Xk d-none d-lg-flex LinkButton-module__linkButton__nFnov flex-items-center fgColor-default" data-loading="false" data-size="small" data-variant="invisible"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-history" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m.427 1.927 1.215 1.215a8.002 8.002 0 1 1-1.6 5.685.75.75 0 1 1 1.493-.154 6.5 6.5 0 1 0 1.18-4.458l1.358 1.358A.25.25 0 0 1 3.896 6H.25A.25.25 0 0 1 0 5.75V2.104a.25.25 0 0 1 .427-.177ZM7.75 4a.75.75 0 0 1 .75.75v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5A.75.75 0 0 1 7.75 4Z"></path></svg></span><span data-component="text" class="prc-Button-Label-FWkx3"><span class="fgColor-default">3,481 Commits</span></span></span></a><div class="d-sm-none"></div><div class="d-flex d-lg-none"><a data-component="LinkButton" aria-label="View commit history for this file." href="/balena-io/etcher/commits/master/" class="prc-Button-ButtonBase-9n-Xk LinkButton-module__linkButton__nFnov flex-items-center fgColor-default" data-loading="false" data-size="small" data-variant="invisible" aria-describedby="_R_4mkpm6l8quk5_"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="leadingVisual" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-history" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m.427 1.927 1.215 1.215a8.002 8.002 0 1 1-1.6 5.685.75.75 0 1 1 1.493-.154 6.5 6.5 0 1 0 1.18-4.458l1.358 1.358A.25.25 0 0 1 3.896 6H.25A.25.25 0 0 1 0 5.75V2.104a.25.25 0 0 1 .427-.177ZM7.75 4a.75.75 0 0 1 .75.75v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5A.75.75 0 0 1 7.75 4Z"></path></svg></span></span></a><span class="prc-TooltipV2-Tooltip-tLeuB" data-direction="s" data-component="Tooltip" role="tooltip" aria-hidden="true" id="_R_4mkpm6l8quk5_">3,481 Commits</span></div></div></div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-0"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".github" aria-label=".github, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/.github" data-discover="true">.github</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".github" aria-label=".github, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/.github" data-discover="true">.github</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-1"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".versionbot" aria-label=".versionbot, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/.versionbot" data-discover="true">.versionbot</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".versionbot" aria-label=".versionbot, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/.versionbot" data-discover="true">.versionbot</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-2"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="assets" aria-label="assets, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/assets" data-discover="true">assets</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="assets" aria-label="assets, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/assets" data-discover="true">assets</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-3"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="docs" aria-label="docs, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/docs" data-discover="true">docs</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="docs" aria-label="docs, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/docs" data-discover="true">docs</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-4"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="lib" aria-label="lib, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/lib" data-discover="true">lib</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="lib" aria-label="lib, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/lib" data-discover="true">lib</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-5"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tests" aria-label="tests, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/tests" data-discover="true">tests</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tests" aria-label="tests, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/tests" data-discover="true">tests</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-6"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="typings" aria-label="typings, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/typings" data-discover="true">typings</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file-directory-fill icon-directory" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="typings" aria-label="typings, (Directory)" class="Link--primary" href="/balena-io/etcher/tree/master/typings" data-discover="true">typings</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-7"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".dockerignore" aria-label=".dockerignore, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.dockerignore" data-discover="true">.dockerignore</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".dockerignore" aria-label=".dockerignore, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.dockerignore" data-discover="true">.dockerignore</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-8"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".editorconfig" aria-label=".editorconfig, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.editorconfig" data-discover="true">.editorconfig</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".editorconfig" aria-label=".editorconfig, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.editorconfig" data-discover="true">.editorconfig</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row undefined" id="folder-row-9"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".eslintrc.js" aria-label=".eslintrc.js, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.eslintrc.js" data-discover="true">.eslintrc.js</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".eslintrc.js" aria-label=".eslintrc.js, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.eslintrc.js" data-discover="true">.eslintrc.js</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-10"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".gitattributes" aria-label=".gitattributes, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.gitattributes" data-discover="true">.gitattributes</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".gitattributes" aria-label=".gitattributes, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.gitattributes" data-discover="true">.gitattributes</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-11"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".gitignore" aria-label=".gitignore, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.gitignore" data-discover="true">.gitignore</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".gitignore" aria-label=".gitignore, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.gitignore" data-discover="true">.gitignore</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-12"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".nvmrc" aria-label=".nvmrc, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.nvmrc" data-discover="true">.nvmrc</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".nvmrc" aria-label=".nvmrc, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.nvmrc" data-discover="true">.nvmrc</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-13"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".prettierrc.js" aria-label=".prettierrc.js, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.prettierrc.js" data-discover="true">.prettierrc.js</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title=".prettierrc.js" aria-label=".prettierrc.js, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/.prettierrc.js" data-discover="true">.prettierrc.js</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-14"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="CHANGELOG.md" aria-label="CHANGELOG.md, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/CHANGELOG.md" data-discover="true">CHANGELOG.md</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="CHANGELOG.md" aria-label="CHANGELOG.md, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/CHANGELOG.md" data-discover="true">CHANGELOG.md</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-15"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="LICENSE" aria-label="LICENSE, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/LICENSE" data-discover="true">LICENSE</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="LICENSE" aria-label="LICENSE, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/LICENSE" data-discover="true">LICENSE</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-16"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="README.md" aria-label="README.md, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/README.md" data-discover="true">README.md</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="README.md" aria-label="README.md, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/README.md" data-discover="true">README.md</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-17"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="after-install.tpl" aria-label="after-install.tpl, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/after-install.tpl" data-discover="true">after-install.tpl</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="after-install.tpl" aria-label="after-install.tpl, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/after-install.tpl" data-discover="true">after-install.tpl</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-18"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="entitlements.mac.plist" aria-label="entitlements.mac.plist, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/entitlements.mac.plist" data-discover="true">entitlements.mac.plist</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="entitlements.mac.plist" aria-label="entitlements.mac.plist, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/entitlements.mac.plist" data-discover="true">entitlements.mac.plist</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-19"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="forge.config.ts" aria-label="forge.config.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/forge.config.ts" data-discover="true">forge.config.ts</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="forge.config.ts" aria-label="forge.config.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/forge.config.ts" data-discover="true">forge.config.ts</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-20"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="forge.sidecar.ts" aria-label="forge.sidecar.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/forge.sidecar.ts" data-discover="true">forge.sidecar.ts</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="forge.sidecar.ts" aria-label="forge.sidecar.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/forge.sidecar.ts" data-discover="true">forge.sidecar.ts</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-21"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="npm-shrinkwrap.json" aria-label="npm-shrinkwrap.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/npm-shrinkwrap.json" data-discover="true">npm-shrinkwrap.json</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="npm-shrinkwrap.json" aria-label="npm-shrinkwrap.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/npm-shrinkwrap.json" data-discover="true">npm-shrinkwrap.json</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-22"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="package.json" aria-label="package.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/package.json" data-discover="true">package.json</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="package.json" aria-label="package.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/package.json" data-discover="true">package.json</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-23"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="pkg-sidecar.json" aria-label="pkg-sidecar.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/pkg-sidecar.json" data-discover="true">pkg-sidecar.json</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="pkg-sidecar.json" aria-label="pkg-sidecar.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/pkg-sidecar.json" data-discover="true">pkg-sidecar.json</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-24"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="repo.yml" aria-label="repo.yml, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/repo.yml" data-discover="true">repo.yml</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="repo.yml" aria-label="repo.yml, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/repo.yml" data-discover="true">repo.yml</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-25"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tsconfig.json" aria-label="tsconfig.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/tsconfig.json" data-discover="true">tsconfig.json</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tsconfig.json" aria-label="tsconfig.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/tsconfig.json" data-discover="true">tsconfig.json</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-26"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tsconfig.sidecar.json" aria-label="tsconfig.sidecar.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/tsconfig.sidecar.json" data-discover="true">tsconfig.sidecar.json</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="tsconfig.sidecar.json" aria-label="tsconfig.sidecar.json, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/tsconfig.sidecar.json" data-discover="true">tsconfig.sidecar.json</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-27"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="wdio.conf.ts" aria-label="wdio.conf.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/wdio.conf.ts" data-discover="true">wdio.conf.ts</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="wdio.conf.ts" aria-label="wdio.conf.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/wdio.conf.ts" data-discover="true">wdio.conf.ts</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="react-directory-row truncate-for-mobile" id="folder-row-28"><td class="react-directory-row-name-cell-small-screen" colSpan="2"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="webpack.config.ts" aria-label="webpack.config.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/webpack.config.ts" data-discover="true">webpack.config.ts</a></div></div></div></div></td><td class="react-directory-row-name-cell-large-screen" colSpan="1"><div class="react-directory-filename-column"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg><div class="overflow-hidden"><div class="react-directory-filename-cell"><div class="react-directory-truncate"><a title="webpack.config.ts" aria-label="webpack.config.ts, (File)" class="Link--primary" href="/balena-io/etcher/blob/master/webpack.config.ts" data-discover="true">webpack.config.ts</a></div></div></div></div></td><td class="react-directory-row-commit-cell"><div class="Skeleton Skeleton--text"> </div></td><td><div class="react-directory-commit-age"><div class="Skeleton Skeleton--text"> </div></div></td></tr><tr class="show-for-mobile DirectoryContent-module__Box_4__RhIsE" data-testid="view-all-files-row"><td colSpan="3" class="DirectoryContent-module__Box_5__GaE8N"><div><button class="prc-Link-Link-9ZwDx" data-component="Link">View all files</button></div></td></tr></tbody></table></div><div class="OverviewRepoFiles-module__Box_1__OXeac"><div class="OverviewRepoFiles-module__Box_2__zsLGk"><div itemScope="" itemType="https://schema.org/abstract" class="OverviewRepoFiles-module__Box_3__bBU1C"><h2 class="prc-src-InternalVisuallyHidden-2YaI6">Repository files navigation</h2><nav class="prc-components-UnderlineWrapper-eT-Yj prc-UnderlineNav-UnderlineWrapper-GWONT OverviewRepoFiles-module__UnderlineNav__QbWWv" aria-label="Repository files" data-variant="inset" data-overflow-mode="wrap" data-hide-icons-breakpoint="xxlarge"><ul class="prc-UnderlineNav-ItemsList-oj8gN prc-components-UnderlineItemList-xKlKC" role="list"><li role="presentation" aria-hidden="true" class="prc-UnderlineNav-WrapSpacer--aLgz"></li><li class="prc-UnderlineNav-UnderlineNavItem-syRjR"><a href="#" aria-current="page" class="prc-components-UnderlineItem-7fP-n"><span data-component="icon"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-book" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"></path></svg></span><span data-component="text" data-content="README">README</span></a></li><li class="prc-UnderlineNav-UnderlineNavItem-syRjR"><a href="#" class="prc-components-UnderlineItem-7fP-n"><span data-component="icon"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-people" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 5.5a3.5 3.5 0 1 1 5.898 2.549 5.508 5.508 0 0 1 3.034 4.084.75.75 0 1 1-1.482.235 4 4 0 0 0-7.9 0 .75.75 0 0 1-1.482-.236A5.507 5.507 0 0 1 3.102 8.05 3.493 3.493 0 0 1 2 5.5ZM11 4a3.001 3.001 0 0 1 2.22 5.018 5.01 5.01 0 0 1 2.56 3.012.749.749 0 0 1-.885.954.752.752 0 0 1-.549-.514 3.507 3.507 0 0 0-2.522-2.372.75.75 0 0 1-.574-.73v-.352a.75.75 0 0 1 .416-.672A1.5 1.5 0 0 0 11 5.5.75.75 0 0 1 11 4Zm-5.5-.5a2 2 0 1 0-.001 3.999A2 2 0 0 0 5.5 3.5Z"></path></svg></span><span data-component="text" data-content="Contributing">Contributing</span></a></li><li class="prc-UnderlineNav-UnderlineNavItem-syRjR"><a href="#" class="prc-components-UnderlineItem-7fP-n"><span data-component="icon"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-law" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8.75.75V2h.985c.304 0 .603.08.867.231l1.29.736c.038.022.08.033.124.033h2.234a.75.75 0 0 1 0 1.5h-.427l2.111 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.006.005-.01.01-.045.04c-.21.176-.441.327-.686.45C14.556 10.78 13.88 11 13 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L12.178 4.5h-.162c-.305 0-.604-.079-.868-.231l-1.29-.736a.245.245 0 0 0-.124-.033H8.75V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.5h-.984a.245.245 0 0 0-.124.033l-1.289.737c-.265.15-.564.23-.869.23h-.162l2.112 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.016.015-.045.04c-.21.176-.441.327-.686.45C4.556 10.78 3.88 11 3 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L2.178 4.5H1.75a.75.75 0 0 1 0-1.5h2.234a.249.249 0 0 0 .125-.033l1.288-.737c.265-.15.564-.23.869-.23h.984V.75a.75.75 0 0 1 1.5 0Zm2.945 8.477c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327Zm-10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327Z"></path></svg></span><span data-component="text" data-content="Apache-2.0 license">Apache-2.0 license</span></a></li></ul><div class="prc-UnderlineNav-MoreButtonContainer-Dnrq6"><div class="prc-UnderlineNav-MoreButtonDivider-dN0a-"></div><button data-component="overflow-menu-button" type="button" aria-haspopup="true" aria-expanded="false" tabindex="0" class="prc-Button-ButtonBase-9n-Xk prc-UnderlineNav-MoreButton-Y8soj" data-loading="false" data-size="medium" data-variant="invisible" id="_R_l2q6l8quk5_"><span data-component="buttonContent" data-align="center" class="prc-Button-ButtonContent-Iohp5"><span data-component="text" class="prc-Button-Label-FWkx3"><span>More<span class="prc-src-InternalVisuallyHidden-2YaI6"> items</span></span></span></span><span data-component="trailingAction" class="prc-Button-Visual-YNt2F prc-Button-VisualWrap-E4cnq"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-triangle-down" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"></path></svg></span></button></div></nav><div class="OverviewRepoFiles-module__readmeHeaderSlot__FxQN_"></div><button data-component="ActionMenu.Button" type="button" aria-label="Outline" aria-haspopup="true" aria-expanded="false" tabindex="0" class="prc-Button-ButtonBase-9n-Xk OverviewRepoFiles-module__ActionMenu_Button__OKDYV" data-loading="false" data-size="medium" data-variant="invisible" id="_R_8q6l8quk5_"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-list-unordered" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M5.75 2.5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5Zm0 5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5Zm0 5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5ZM2 14a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-6a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM2 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path></svg></button></div><div class="js-snippet-clipboard-copy-unpositioned DirectoryRichtextContent-module__SharedMarkdownContent__hHXUL" data-hpc="true" containertiming="hpc"><article class="markdown-body entry-content container-lg" itemprop="text"><div class="markdown-heading" dir="auto"><h1 tabindex="-1" class="heading-element" dir="auto">Etcher</h1><a id="user-content-etcher" class="anchor" aria-label="Permalink: Etcher" href="#etcher"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<blockquote>
+<p dir="auto">Flash OS images to SD cards &amp; USB drives, safely and easily.</p>
+</blockquote>
+<p dir="auto">Etcher is a powerful OS image flasher built with web technologies to ensure
+flashing an SDCard or USB drive is a pleasant and safe experience. It protects
+you from accidentally writing to your hard-drives, ensures every byte of data
+was written correctly, and much more. It can also directly flash Raspberry Pi devices that support <a href="https://www.raspberrypi.com/documentation/computers/raspberry-pi.html#usb-device-boot-mode" rel="nofollow">USB device boot mode</a>.</p>
+<p dir="auto"><a href="https://balena.io/etcher" rel="nofollow"><img src="https://camo.githubusercontent.com/3de420b6fa1a11d9bbf428270f8fbf78a166e782093674fe7eaa166729066081/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f62616c656e612d696f2f6574636865722e7376673f7374796c653d666c61742d737175617265" alt="Current Release" data-canonical-src="https://img.shields.io/github/release/balena-io/etcher.svg?style=flat-square" style="max-width: 100%;"></a>
+<a href="https://github.com/balena-io/etcher/blob/master/LICENSE"><img src="https://camo.githubusercontent.com/dfb926102e98bd6e534d29a54cbae76de5ff5f1ad834e50f0f38b2c4cded6403/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f62616c656e612d696f2f6574636865722e7376673f7374796c653d666c61742d737175617265" alt="License" data-canonical-src="https://img.shields.io/github/license/balena-io/etcher.svg?style=flat-square" style="max-width: 100%;"></a>
+<a href="https://forums.balena.io/c/etcher" rel="nofollow"><img src="https://camo.githubusercontent.com/ab45d2fe3c7810c82227bc70111a4470fa5ed4da6d5ab5d77d343d2f09da7def/68747470733a2f2f696d672e736869656c64732e696f2f646973636f757273652f68747470732f666f72756d732e62616c656e612e696f2f746f706963732e7376673f7374796c653d666c61742d737175617265266c6162656c3d62616c656e612e696f253230666f72756d73" alt="Balena.io Forums" data-canonical-src="https://img.shields.io/discourse/https/forums.balena.io/topics.svg?style=flat-square&amp;label=balena.io%20forums" style="max-width: 100%;"></a></p>
+<hr>
+<p dir="auto"><a href="https://balena.io/etcher" rel="nofollow"><strong>Download</strong></a> | <a href="https://github.com/balena-io/etcher/blob/master/docs/SUPPORT.md"><strong>Support</strong></a> | <a href="https://github.com/balena-io/etcher/blob/master/docs/USER-DOCUMENTATION.md"><strong>Documentation</strong></a> | <a href="https://github.com/balena-io/etcher/blob/master/docs/CONTRIBUTING.md"><strong>Contributing</strong></a> | <a href="https://github.com/balena-io/etcher/milestones"><strong>Roadmap</strong></a></p>
+<div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">Supported Operating Systems</h2><a id="user-content-supported-operating-systems" class="anchor" aria-label="Permalink: Supported Operating Systems" href="#supported-operating-systems"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<ul dir="auto">
+<li>Linux; most distros; Intel 64-bit.</li>
+<li>Windows 10 and later; Intel 64-bit.</li>
+<li>macOS 10.13 (High Sierra) and later; both Intel and Apple Silicon.</li>
+</ul>
+<div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">Installers</h2><a id="user-content-installers" class="anchor" aria-label="Permalink: Installers" href="#installers"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">Refer to the <a href="https://balena.io/etcher" rel="nofollow">downloads page</a> for the latest pre-made
+installers for all supported operating systems.</p>
+<div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">Packages</h2><a id="user-content-packages" class="anchor" aria-label="Permalink: Packages" href="#packages"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">Debian and Ubuntu based Package Repository (GNU/Linux x86/x64)</h4><a id="user-content-debian-and-ubuntu-based-package-repository-gnulinux-x86x64" class="anchor" aria-label="Permalink: Debian and Ubuntu based Package Repository (GNU/Linux x86/x64)" href="#debian-and-ubuntu-based-package-repository-gnulinux-x86x64"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">Package for Debian and Ubuntu can be downloaded from the <a href="https://github.com/balena-io/etcher/releases/">Github release page</a></p>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Install .deb file using apt</h5><a id="user-content-install-deb-file-using-apt" class="anchor" aria-label="Permalink: Install .deb file using apt" href="#install-deb-file-using-apt"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="   sudo apt install ./balena-etcher_******_amd64.deb"><pre>   sudo apt install ./balena-etcher_<span class="pl-k">******</span>_amd64.deb</pre></div>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Uninstall</h5><a id="user-content-uninstall" class="anchor" aria-label="Permalink: Uninstall" href="#uninstall"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="   sudo apt remove balena-etcher"><pre>   sudo apt remove balena-etcher</pre></div>
+<div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">Redhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)</h4><a id="user-content-redhat-rhel-and-fedora-based-package-repository-gnulinux-x86x64" class="anchor" aria-label="Permalink: Redhat (RHEL) and Fedora-based Package Repository (GNU/Linux x86/x64)" href="#redhat-rhel-and-fedora-based-package-repository-gnulinux-x86x64"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Yum</h5><a id="user-content-yum" class="anchor" aria-label="Permalink: Yum" href="#yum"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">Package for Fedora-based and Redhat can be downloaded from the <a href="https://github.com/balena-io/etcher/releases/">Github release page</a></p>
+<ol dir="auto">
+<li>Install using yum</li>
+</ol>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="   sudo yum localinstall balena-etcher-***.x86_64.rpm"><pre>   sudo yum localinstall balena-etcher-<span class="pl-k">***</span>.x86_64.rpm</pre></div>
+<div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">Arch/Manjaro Linux (GNU/Linux x64)</h4><a id="user-content-archmanjaro-linux-gnulinux-x64" class="anchor" aria-label="Permalink: Arch/Manjaro Linux (GNU/Linux x64)" href="#archmanjaro-linux-gnulinux-x64"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">Etcher is offered through the Arch User Repository and can be installed on both Manjaro and Arch systems. You can compile it from the source code in this repository using <a href="https://aur.archlinux.org/packages/balena-etcher/" rel="nofollow"><code>balena-etcher</code></a>. The following example uses a common AUR helper to install the latest release:</p>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="yay -S balena-etcher"><pre>yay -S balena-etcher</pre></div>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Uninstall</h5><a id="user-content-uninstall-1" class="anchor" aria-label="Permalink: Uninstall" href="#uninstall-1"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="yay -R balena-etcher"><pre>yay -R balena-etcher</pre></div>
+<div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">WinGet (Windows)</h4><a id="user-content-winget-windows" class="anchor" aria-label="Permalink: WinGet (Windows)" href="#winget-windows"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">This package is updated by <a href="https://github.com/vedantmgoyal2009/winget-releaser">gh-action</a>, and is kept up to date automatically.</p>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="winget install balenaEtcher #or Balena.Etcher"><pre>winget install balenaEtcher <span class="pl-c"><span class="pl-c">#</span>or Balena.Etcher</span></pre></div>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Uninstall</h5><a id="user-content-uninstall-2" class="anchor" aria-label="Permalink: Uninstall" href="#uninstall-2"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="winget uninstall balenaEtcher"><pre>winget uninstall balenaEtcher</pre></div>
+<div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">Chocolatey (Windows)</h4><a id="user-content-chocolatey-windows" class="anchor" aria-label="Permalink: Chocolatey (Windows)" href="#chocolatey-windows"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">This package is maintained by <a href="https://github.com/majkinetor">@majkinetor</a>, and
+is kept up to date automatically.</p>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="choco install etcher"><pre>choco install etcher</pre></div>
+<div class="markdown-heading" dir="auto"><h5 tabindex="-1" class="heading-element" dir="auto">Uninstall</h5><a id="user-content-uninstall-3" class="anchor" aria-label="Permalink: Uninstall" href="#uninstall-3"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="choco uninstall etcher"><pre>choco uninstall etcher</pre></div>
+<div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">Support</h2><a id="user-content-support" class="anchor" aria-label="Permalink: Support" href="#support"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">If you're having any problem, please <a href="https://github.com/balena-io/etcher/issues/new">raise an issue</a> on GitHub, and
+the balena.io team will be happy to help.</p>
+<div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">License</h2><a id="user-content-license" class="anchor" aria-label="Permalink: License" href="#license"><svg data-component="Octicon" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
+<p dir="auto">Etcher is free software and may be redistributed under the terms specified in
+the <a href="https://github.com/balena-io/etcher/blob/master/LICENSE">license</a>.</p>
+</article></div></div></div></div></div></div></div><div class="prc-PageLayout-PaneWrapper-pHPop pr-2" style="--offset-header:0px;--spacing-row:var(--spacing-none);--spacing-column:var(--spacing-none)" data-is-hidden="false" data-position="end"><div class="prc-PageLayout-HorizontalDivider-JLVqp prc-PageLayout-PaneHorizontalDivider-9tbnE" data-component="PageLayout.HorizontalDivider" data-variant-narrow="none" data-variant-regular="none" data-position="end" style="--spacing-divider:var(--spacing-none);--spacing:var(--spacing-none)"></div><div class="prc-PageLayout-Pane-AyzHK" data-component="SplitPageLayout.Pane" style="--spacing:var(--spacing-normal);--pane-min-width:256px;--pane-max-width:calc(100vw - var(--pane-max-width-diff));--pane-width-size:var(--pane-width-large);--pane-width:320px"><!--&--><div class="CodeViewSidebar-module__borderGrid__Lpx5q"><div class="SidebarSection-module__sidebarSection__e8jFN hide-sm hide-md border-0"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>About</span></h2><p class="SidebarAbout-module__description__xTkIP prc-Text-Text-9mHv3" data-component="Text">Flash OS images to SD cards &amp; USB drives, safely and easily.</p><div class="SidebarAbout-module__websiteRow__Yi9Fi"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-link shrink-0" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg><span class="SidebarAbout-module__websiteLink__ZSZnk prc-Truncate-Truncate-2G1eo" title="https://etcher.io/" style="--truncate-max-width:none"><a class="text-bold prc-Link-Link-9ZwDx" data-component="Link" href="https://etcher.io/" target="_blank" rel="noopener noreferrer nofollow">etcher.io/</a></span></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Topics</span></h3><div class="prc-TopicTag-TopicTagGroup-CPva9"><a class="prc-TopicTag-TopicTag-LS-jX" href="/topics/cross-platform" data-discover="true">cross-platform</a><a class="prc-TopicTag-TopicTag-LS-jX" href="/topics/etcher" data-discover="true">etcher</a><a class="prc-TopicTag-TopicTag-LS-jX" href="/topics/sd-cards" data-discover="true">sd-cards</a><a class="prc-TopicTag-TopicTag-LS-jX" href="/topics/usb-drives" data-discover="true">usb-drives</a></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Resources</span></h3><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="#readme-ov-file"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-book mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"></path></svg><span>Readme</span></a></div><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="#Apache-2.0-1-ov-file"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-law mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8.75.75V2h.985c.304 0 .603.08.867.231l1.29.736c.038.022.08.033.124.033h2.234a.75.75 0 0 1 0 1.5h-.427l2.111 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.006.005-.01.01-.045.04c-.21.176-.441.327-.686.45C14.556 10.78 13.88 11 13 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L12.178 4.5h-.162c-.305 0-.604-.079-.868-.231l-1.29-.736a.245.245 0 0 0-.124-.033H8.75V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.5h-.984a.245.245 0 0 0-.124.033l-1.289.737c-.265.15-.564.23-.869.23h-.162l2.112 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.016.015-.045.04c-.21.176-.441.327-.686.45C4.556 10.78 3.88 11 3 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L2.178 4.5H1.75a.75.75 0 0 1 0-1.5h2.234a.249.249 0 0 0 .125-.033l1.288-.737c.265-.15.564-.23.869-.23h.984V.75a.75.75 0 0 1 1.5 0Zm2.945 8.477c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327Zm-10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327Z"></path></svg><span>Apache-2.0 license</span></a></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Contributing</span></h3><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="#contributing-ov-file"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-people mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M2 5.5a3.5 3.5 0 1 1 5.898 2.549 5.508 5.508 0 0 1 3.034 4.084.75.75 0 1 1-1.482.235 4 4 0 0 0-7.9 0 .75.75 0 0 1-1.482-.236A5.507 5.507 0 0 1 3.102 8.05 3.493 3.493 0 0 1 2 5.5ZM11 4a3.001 3.001 0 0 1 2.22 5.018 5.01 5.01 0 0 1 2.56 3.012.749.749 0 0 1-.885.954.752.752 0 0 1-.549-.514 3.507 3.507 0 0 0-2.522-2.372.75.75 0 0 1-.574-.73v-.352a.75.75 0 0 1 .416-.672A1.5 1.5 0 0 0 11 5.5.75.75 0 0 1 11 4Zm-5.5-.5a2 2 0 1 0-.001 3.999A2 2 0 0 0 5.5 3.5Z"></path></svg><span>Contributing</span></a></div><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="/balena-io/etcher/activity" data-discover="true"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-pulse mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M6 2c.306 0 .582.187.696.471L10 10.731l1.304-3.26A.751.751 0 0 1 12 7h3.25a.75.75 0 0 1 0 1.5h-2.742l-1.812 4.528a.751.751 0 0 1-1.392 0L6 4.77 4.696 8.03A.75.75 0 0 1 4 8.5H.75a.75.75 0 0 1 0-1.5h2.742l1.812-4.529A.751.751 0 0 1 6 2Z"></path></svg><span>Activity</span></a></div><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="/balena-io/etcher/custom-properties" data-discover="true"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-note mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M0 3.75C0 2.784.784 2 1.75 2h12.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 14H1.75A1.75 1.75 0 0 1 0 12.25Zm1.75-.25a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25ZM3.5 6.25a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75Zm.75 2.25h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5Z"></path></svg><span>Custom properties</span></a></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Stars</span></h3><div class="mt-2"><span class="SidebarAbout-module__socialStat__nnJPx"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-star mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path></svg><strong>34.1k</strong> stars</span></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Watchers</span></h3><div class="mt-2"><span class="SidebarAbout-module__socialStat__nnJPx"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-eye mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M8 2c1.981 0 3.671.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.45.678-1.367 1.932-2.637 3.023C11.67 13.008 9.981 14 8 14c-1.981 0-3.671-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.798c.45-.677 1.367-1.931 2.637-3.022C4.33 2.992 6.019 2 8 2ZM1.679 7.932a.12.12 0 0 0 0 .136c.411.622 1.241 1.75 2.366 2.717C5.176 11.758 6.527 12.5 8 12.5c1.473 0 2.825-.742 3.955-1.715 1.124-.967 1.954-2.096 2.366-2.717a.12.12 0 0 0 0-.136c-.412-.621-1.242-1.75-2.366-2.717C10.824 4.242 9.473 3.5 8 3.5c-1.473 0-2.825.742-3.955 1.715-1.124.967-1.954 2.096-2.366 2.717ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Z"></path></svg><strong>442</strong> watching</span></div><h3 class="sr-only prc-Heading-Heading-MtWFE" data-component="Heading"><span>Forks</span></h3><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="/balena-io/etcher/forks" data-discover="true"><svg data-component="Octicon" aria-hidden="true" focusable="false" class="octicon octicon-repo-forked mr-2" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align:text-bottom"><path d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path></svg><span><strong>2.4k</strong></span><span> forks</span></a></div><div class="mt-2"><a class="prc-Link-Link-9ZwDx" data-component="Link" data-muted="true" href="/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fbalena-io%2Fetcher&amp;report=balena-io+%28user%29" data-discover="true"><span>Report repository</span></a></div></div><div class="SidebarSection-module__sidebarSection__e8jFN"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>Releases</span></h2><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div></div><div class="SidebarSection-module__sidebarSection__e8jFN"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>Packages</span></h2><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div></div><div class="SidebarSection-module__sidebarSection__e8jFN"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>Used by</span></h2><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div></div><div class="SidebarSection-module__sidebarSection__e8jFN"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>Contributors</span></h2><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div></div><div class="SidebarSection-module__sidebarSection__e8jFN"><h2 class="SidebarSection-module__sectionHeading__TG36m prc-Heading-Heading-MtWFE" data-variant="small" data-component="Heading"><span>Languages</span></h2><div class="prc-SkeletonText-SkeletonText--DvUT prc-Skeleton-SkeletonBox-e93nW" style="width:100%" data-text-skeleton-size="bodyMedium" data-component="SkeletonText"></div></div></div><!--/&--></div><div class="prc-PageLayout-VerticalDivider-9QRmK prc-PageLayout-PaneVerticalDivider-le57g" data-component="PageLayout.VerticalDivider" data-variant-narrow="none" data-variant-regular="none" data-position="end" style="--spacing:var(--spacing-none)"></div></div></div></div></div></div></div></div></div></div></div><div class="ScrollMarksContainer-module__scrollMarksContainer__Eu7uU" id="find-result-marks-container"></div><div class="d-none"></div><div class="d-none"></div></div> <!-- --> <!-- --> </div>
+</react-app>
+
+
+
+
+  </div>
+
+</turbo-frame>
+
+    </main>
+  </div>
+
+  </div>
+
+          <footer class="footer tmp-pt-7 tmp-pb-6 f6 color-fg-muted color-border-subtle p-responsive" role="contentinfo" >
+  <h2 class='sr-only'>Footer</h2>
+
+  
+
+
+  <div class="d-flex flex-justify-center flex-items-center flex-column-reverse flex-lg-row flex-wrap flex-lg-nowrap">
+    <div class="d-flex flex-items-center flex-shrink-0 mx-2">
+      <a aria-label="GitHub Homepage" class="footer-octicon mr-2" href="https://github.com">
+        <svg aria-hidden="true" data-component="Octicon" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-mark-github">
+    <path d="M10.226 17.284c-2.965-.36-5.054-2.493-5.054-5.256 0-1.123.404-2.336 1.078-3.144-.292-.741-.247-2.314.09-2.965.898-.112 2.111.36 2.83 1.01.853-.269 1.752-.404 2.853-.404 1.1 0 1.999.135 2.807.382.696-.629 1.932-1.1 2.83-.988.315.606.36 2.179.067 2.942.72.854 1.101 2 1.101 3.167 0 2.763-2.089 4.852-5.098 5.234.763.494 1.28 1.572 1.28 2.807v2.336c0 .674.561 1.056 1.235.786 4.066-1.55 7.255-5.615 7.255-10.646C23.5 6.188 18.334 1 11.978 1 5.62 1 .5 6.188.5 12.545c0 4.986 3.167 9.12 7.435 10.669.606.225 1.19-.18 1.19-.786V20.63a2.9 2.9 0 0 1-1.078.224c-1.483 0-2.359-.808-2.987-2.313-.247-.607-.517-.966-1.034-1.033-.27-.023-.359-.135-.359-.27 0-.27.45-.471.898-.471.652 0 1.213.404 1.797 1.235.45.651.921.943 1.483.943.561 0 .92-.202 1.437-.719.382-.381.674-.718.944-.943"></path>
+</svg>
+</a>
+      <span>
+        &copy; 2026 GitHub,&nbsp;Inc.
+      </span>
+    </div>
+
+    <nav aria-label="Footer">
+      <h3 class="sr-only" id="sr-footer-heading">Footer navigation</h3>
+
+      <ul class="list-style-none d-flex flex-justify-center flex-wrap mb-2 mb-lg-0" aria-labelledby="sr-footer-heading">
+
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to Terms&quot;,&quot;label&quot;:&quot;text:terms&quot;}" href="https://docs.github.com/site-policy/github-terms/github-terms-of-service" data-view-component="true" class="Link--secondary Link">Terms</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to privacy&quot;,&quot;label&quot;:&quot;text:privacy&quot;}" href="https://docs.github.com/site-policy/privacy-policies/github-privacy-statement" data-view-component="true" class="Link--secondary Link">Privacy</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to security&quot;,&quot;label&quot;:&quot;text:security&quot;}" href="https://github.com/security" data-view-component="true" class="Link--secondary Link">Security</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to status&quot;,&quot;label&quot;:&quot;text:status&quot;}" href="https://www.githubstatus.com/" data-view-component="true" class="Link--secondary Link">Status</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to community&quot;,&quot;label&quot;:&quot;text:community&quot;}" href="https://github.community/" data-view-component="true" class="Link--secondary Link">Community</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to docs&quot;,&quot;label&quot;:&quot;text:docs&quot;}" href="https://docs.github.com/" data-view-component="true" class="Link--secondary Link">Docs</a>
+          </li>
+
+          <li class="mx-2">
+            <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to contact&quot;,&quot;label&quot;:&quot;text:contact&quot;}" href="https://support.github.com?tags=dotcom-footer" data-view-component="true" class="Link--secondary Link">Contact</a>
+          </li>
+
+          <li class="mx-2" >
+  <cookie-consent-link>
+    <button
+      type="button"
+      class="Link--secondary underline-on-hover border-0 p-0 color-bg-transparent"
+      data-action="click:cookie-consent-link#showConsentManagement"
+      data-analytics-event="{&quot;location&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;cookies&quot;,&quot;context&quot;:&quot;subfooter&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;label&quot;:&quot;cookies_link_subfooter_footer&quot;}"
+    >
+       Manage cookies
+    </button>
+  </cookie-consent-link>
+</li>
+
+<li class="mx-2">
+  <cookie-consent-link>
+    <button
+      type="button"
+      class="Link--secondary underline-on-hover border-0 p-0 color-bg-transparent text-left"
+      data-action="click:cookie-consent-link#showConsentManagement"
+      data-analytics-event="{&quot;location&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;dont_share_info&quot;,&quot;context&quot;:&quot;subfooter&quot;,&quot;tag&quot;:&quot;link&quot;,&quot;label&quot;:&quot;dont_share_info_link_subfooter_footer&quot;}"
+    >
+      Do not share my personal information
+    </button>
+  </cookie-consent-link>
+</li>
+
+      </ul>
+    </nav>
+  </div>
+</footer>
+
+
+
+    <ghcc-consent id="ghcc" class="position-fixed bottom-0 left-0" style="z-index: 999999"
+      data-locale="en"
+      data-initial-cookie-consent-allowed=""
+      data-cookie-consent-required="false"
+    ></ghcc-consent>
+
+
+
+
+  <div id="ajax-error-message" class="ajax-error-message flash flash-error" hidden>
+    <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
+    <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
+</svg>
+    <button type="button" class="flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
+    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+    </button>
+    You can’t perform that action at this time.
+  </div>
+
+    <template id="site-details-dialog">
+  <details class="details-reset details-overlay details-overlay-dark lh-default color-fg-default hx_rsm" open>
+    <summary role="button" aria-label="Close dialog"></summary>
+    <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast hx_rsm-dialog hx_rsm-modal">
+      <button class="Box-btn-octicon m-0 btn-octicon position-absolute right-0 top-0" type="button" aria-label="Close dialog" data-close-dialog>
+        <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
+    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
+</svg>
+      </button>
+      <div class="octocat-spinner tmp-my-6 js-details-dialog-spinner"></div>
+    </details-dialog>
+  </details>
+</template>
+
+    <div class="Popover js-hovercard-content position-absolute" style="display: none; outline: none;">
+  <div class="Popover-message Popover-message--bottom-left Popover-message--large Box color-shadow-large" style="width:360px;">
+  </div>
+</div>
+
+    <template id="snippet-clipboard-copy-button">
+  <div class="zeroclipboard-container position-absolute right-0 top-0">
+    <clipboard-copy aria-label="Copy code to clipboard" class="ClipboardButton btn js-clipboard-copy m-2 p-0" data-copy-feedback="Copied!" data-tooltip-direction="w">
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon m-2 tmp-m-2">
+    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
+</svg>
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check js-clipboard-check-icon color-fg-success d-none m-2 tmp-m-2">
+    <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
+</svg>
+    </clipboard-copy>
+  </div>
+</template>
+<template id="snippet-clipboard-copy-button-unpositioned">
+  <div class="zeroclipboard-container">
+    <clipboard-copy aria-label="Copy code to clipboard" class="ClipboardButton btn btn-invisible js-clipboard-copy m-2 p-0 d-flex flex-justify-center flex-items-center" data-copy-feedback="Copied!" data-tooltip-direction="w">
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon">
+    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
+</svg>
+      <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check js-clipboard-check-icon color-fg-success d-none">
+    <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
+</svg>
+    </clipboard-copy>
+  </div>
+</template>
+
+
+
+
+    </div>
+    <div id="js-global-screen-reader-notice" class="sr-only mt-n1" aria-live="polite" aria-atomic="true" ></div>
+    <div id="js-global-screen-reader-notice-assertive" class="sr-only mt-n1" aria-live="assertive" aria-atomic="true"></div>
+  </body>
+</html>
+
diff --git a/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/github-next-step-frozen-7567553258da.html b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/github-next-step-frozen-7567553258da.html
new file mode 100644
index 0000000..545b8be
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/github-next-step-frozen-7567553258da.html
@@ -0,0 +1,944 @@
+<!doctype html>
+<html lang="en-US" class="mt-0">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="profile" href="https://gmpg.org/xfn/11">
+	<link rel="icon" type="image/x-icon" href="https://github.githubassets.com/favicon.ico">
+	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
+
+	<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
+	<title>GitHub Desktop 1.6 now available - The GitHub Blog</title>
+	<link rel="canonical" href="https://github.blog/news-insights/product-news/github-desktop-update/" />
+	<meta property="og:locale" content="en_US" />
+	<meta property="og:type" content="article" />
+	<meta property="og:title" content="GitHub Desktop 1.6 now available" />
+	<meta property="og:description" content="We are excited to release GitHub Desktop 1.6, bringing new features and improvements around onboarding, suggested next steps, and large file restrictions." />
+	<meta property="og:url" content="https://github.blog/news-insights/product-news/github-desktop-update/" />
+	<meta property="og:site_name" content="The GitHub Blog" />
+	<meta property="article:published_time" content="2019-01-17T16:21:21+00:00" />
+	<meta property="article:modified_time" content="2021-12-20T07:15:44+00:00" />
+	<meta property="og:image" content="https://github.blog/wp-content/uploads/2019/03/product-social.png?fit=1201%2C630" />
+	<meta property="og:image:width" content="1201" />
+	<meta property="og:image:height" content="630" />
+	<meta property="og:image:type" content="image/png" />
+	<meta name="author" content="Neha Batra" />
+	<meta name="twitter:card" content="summary_large_image" />
+	<meta name="twitter:label1" content="Written by" />
+	<meta name="twitter:data1" content="Neha Batra" />
+	<meta name="twitter:label2" content="Est. reading time" />
+	<meta name="twitter:data2" content="2 minutes" />
+<script type='application/ld+json'>{"@context":"https:\/\/schema.org","headline":"GitHub Desktop 1.6 now available","author":{"@type":"Person","name":"Neha Batra"},"datePublished":"2019-01-17T08:21:21-08:00","abstract":"We are excited to release GitHub Desktop 1.6, bringing new features and improvements around onboarding, suggested next steps, and large file restrictions.","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/"},"image":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?resize=150%2C150","@type":"TechArticle"}</script>
+<script type='application/ld+json'>{"@context":"https:\/\/schema.org","headline":"GitHub Desktop 1.6 now available","author":{"@type":"Person","name":"Neha Batra"},"datePublished":"2019-01-17T08:21:21-08:00","abstract":"We are excited to release GitHub Desktop 1.6, bringing new features and improvements around onboarding, suggested next steps, and large file restrictions.","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/"},"image":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?resize=150%2C150","@type":"BlogPosting"}</script>
+	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#article","isPartOf":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/"},"author":[{"@id":"https:\/\/github.blog\/#\/schema\/person\/cdef7295ff70dea2c9d65386ef998d52"}],"headline":"GitHub Desktop 1.6 now available","datePublished":"2019-01-17T16:21:21+00:00","dateModified":"2021-12-20T07:15:44+00:00","mainEntityOfPage":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/"},"wordCount":475,"image":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#primaryimage"},"thumbnailUrl":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?fit=1201%2C630","keywords":["client apps","editor tools","GitHub Desktop"],"articleSection":["News &amp; insights","Product"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/","url":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/","name":"GitHub Desktop 1.6 now available - The GitHub Blog","isPartOf":{"@id":"https:\/\/github.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#primaryimage"},"image":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#primaryimage"},"thumbnailUrl":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?fit=1201%2C630","datePublished":"2019-01-17T16:21:21+00:00","dateModified":"2021-12-20T07:15:44+00:00","author":{"@id":"https:\/\/github.blog\/#\/schema\/person\/cdef7295ff70dea2c9d65386ef998d52"},"breadcrumb":{"@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#primaryimage","url":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?fit=1201%2C630","contentUrl":"https:\/\/github.blog\/wp-content\/uploads\/2019\/03\/product-social.png?fit=1201%2C630","width":1201,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/github.blog\/news-insights\/product-news\/github-desktop-update\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/github.blog\/"},{"@type":"ListItem","position":2,"name":"News &amp; insights","item":"https:\/\/github.blog\/news-insights\/"},{"@type":"ListItem","position":3,"name":"Product","item":"https:\/\/github.blog\/news-insights\/product-news\/"},{"@type":"ListItem","position":4,"name":"GitHub Desktop 1.6 now available"}]},{"@type":"WebSite","@id":"https:\/\/github.blog\/#website","url":"https:\/\/github.blog\/","name":"The GitHub Blog","description":"Updates, ideas, and inspiration from GitHub to help developers build and design software.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/github.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/github.blog\/#\/schema\/person\/cdef7295ff70dea2c9d65386ef998d52","name":"Neha Batra","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ff64198c8d5f20c894d84d755c1382d90a675a8b72be1b4c93179a8bc89082e1?s=96&d=mm&r=g41cf2512a7528c095e95d07d1ba80af9","url":"https:\/\/secure.gravatar.com\/avatar\/ff64198c8d5f20c894d84d755c1382d90a675a8b72be1b4c93179a8bc89082e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ff64198c8d5f20c894d84d755c1382d90a675a8b72be1b4c93179a8bc89082e1?s=96&d=mm&r=g","caption":"Neha Batra"},"sameAs":["http:\/\/twitter.com\/nerdneha"],"url":"https:\/\/github.blog\/author\/nerdneha\/"}]}</script>
+	<!-- / Yoast SEO Premium plugin. -->
+
+
+<link rel='dns-prefetch' href='//ghcc.githubassets.com' />
+<link rel='dns-prefetch' href='//js.monitor.azure.com' />
+<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
+<link rel='dns-prefetch' href='//analytics.githubassets.com' />
+<link rel='dns-prefetch' href='//v0.wordpress.com' />
+<link rel="alternate" type="application/rss+xml" title="The GitHub Blog &raquo; Feed" href="https://github.blog/feed/" />
+<link rel="alternate" type="application/rss+xml" title="The GitHub Blog &raquo; Comments Feed" href="https://github.blog/comments/feed/" />
+<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://github.blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgithub.blog%2Fnews-insights%2Fproduct-news%2Fgithub-desktop-update%2F" />
+<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://github.blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgithub.blog%2Fnews-insights%2Fproduct-news%2Fgithub-desktop-update%2F&#038;format=xml" />
+<style id="wp-img-auto-sizes-contain-inline-css">
+img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
+/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
+</style>
+<style id="wp-emoji-styles-inline-css">
+
+	img.wp-smiley, img.emoji {
+		display: inline !important;
+		border: none !important;
+		box-shadow: none !important;
+		height: 1em !important;
+		width: 1em !important;
+		margin: 0 0.07em !important;
+		vertical-align: -0.1em !important;
+		background: none !important;
+		padding: 0 !important;
+	}
+/*# sourceURL=wp-emoji-styles-inline-css */
+</style>
+<style id="wp-block-library-inline-css">
+:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
+
+/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
+</style>
+
+<style id="github-typography-presets-inline-css">
+.is-typography-preset-h1{font-size:var(--base-size-36, 36px);font-weight:700;line-height:1.25;margin-block-end:20px;margin-block-start:0;}.is-typography-preset-h2{font-size:var(--base-size-32, 32px);font-weight:700;line-height:1.25;margin-block-end:20px;margin-block-start:40px;}.is-typography-preset-h3{font-size:var(--base-size-28, 28px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h4{font-size:var(--base-size-24, 24px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h5{font-size:var(--base-size-20, 20px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h6{font-size:var(--base-size-18, 18px);font-weight:700;line-height:1.25;margin-block-end:0;margin-block-start:20px;}.is-typography-preset-display{font:var(--text-display-shorthand);}.is-typography-preset-title-large{font:var(--text-title-shorthand-large);}.is-typography-preset-title-medium{font:var(--text-title-shorthand-medium);}.is-typography-preset-title-small{font:var(--text-title-shorthand-small);}.is-typography-preset-subtitle{font:var(--text-subtitle-shorthand);}.is-typography-preset-body-large{font:var(--text-body-shorthand-large);}.is-typography-preset-body-medium{font:var(--text-body-shorthand-medium);}.is-typography-preset-body-small{font:var(--text-body-shorthand-small);}
+/*# sourceURL=github-typography-presets-inline-css */
+</style>
+<style id="global-styles-inline-css">
+:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: var(--base-size-20, 1.25rem);--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: var(--base-size-40, 2.5rem);--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: var(--base-size-80, 5rem);--wp--preset--spacing--4: var(--base-size-4, 0.25rem);--wp--preset--spacing--6: var(--base-size-6, 0.375rem);--wp--preset--spacing--8: var(--base-size-8, 0.5rem);--wp--preset--spacing--2: var(--base-size-2, 0.125rem);--wp--preset--spacing--12: var(--base-size-12, 0.75rem);--wp--preset--spacing--16: var(--base-size-16, 1rem);--wp--preset--spacing--24: var(--base-size-24, 1.5rem);--wp--preset--spacing--28: var(--base-size-28, 1.75rem);--wp--preset--spacing--32: var(--base-size-32, 2rem);--wp--preset--spacing--36: var(--base-size-36, 2.25rem);--wp--preset--spacing--44: var(--base-size-44, 2.75rem);--wp--preset--spacing--48: var(--base-size-48, 3rem);--wp--preset--spacing--64: var(--base-size-64, 4rem);--wp--preset--spacing--96: var(--base-size-96, 6rem);--wp--preset--spacing--112: var(--base-size-112, 7rem);--wp--preset--spacing--128: var(--base-size-128, 8rem);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--custom--typography--presets--0--name: Like h1;--wp--custom--typography--presets--0--slug: h1;--wp--custom--typography--presets--0--font-size: var(--base-size-36, 36px);--wp--custom--typography--presets--0--font-weight: 700;--wp--custom--typography--presets--0--line-height: 1.25;--wp--custom--typography--presets--0--margin-block-end: 20px;--wp--custom--typography--presets--0--margin-block-start: 0;--wp--custom--typography--presets--1--name: Like h2;--wp--custom--typography--presets--1--slug: h2;--wp--custom--typography--presets--1--font-size: var(--base-size-32, 32px);--wp--custom--typography--presets--1--font-weight: 700;--wp--custom--typography--presets--1--line-height: 1.25;--wp--custom--typography--presets--1--margin-block-end: 20px;--wp--custom--typography--presets--1--margin-block-start: 40px;--wp--custom--typography--presets--2--name: Like h3;--wp--custom--typography--presets--2--slug: h3;--wp--custom--typography--presets--2--font-size: var(--base-size-28, 28px);--wp--custom--typography--presets--2--font-weight: 700;--wp--custom--typography--presets--2--line-height: 1.25;--wp--custom--typography--presets--2--margin-block-end: 12px;--wp--custom--typography--presets--2--margin-block-start: 20px;--wp--custom--typography--presets--3--name: Like h4;--wp--custom--typography--presets--3--slug: h4;--wp--custom--typography--presets--3--font-size: var(--base-size-24, 24px);--wp--custom--typography--presets--3--font-weight: 700;--wp--custom--typography--presets--3--line-height: 1.25;--wp--custom--typography--presets--3--margin-block-end: 12px;--wp--custom--typography--presets--3--margin-block-start: 20px;--wp--custom--typography--presets--4--name: Like h5;--wp--custom--typography--presets--4--slug: h5;--wp--custom--typography--presets--4--font-size: var(--base-size-20, 20px);--wp--custom--typography--presets--4--font-weight: 700;--wp--custom--typography--presets--4--line-height: 1.25;--wp--custom--typography--presets--4--margin-block-end: 12px;--wp--custom--typography--presets--4--margin-block-start: 20px;--wp--custom--typography--presets--5--name: Like h6;--wp--custom--typography--presets--5--slug: h6;--wp--custom--typography--presets--5--font-size: var(--base-size-18, 18px);--wp--custom--typography--presets--5--font-weight: 700;--wp--custom--typography--presets--5--line-height: 1.25;--wp--custom--typography--presets--5--margin-block-end: 0;--wp--custom--typography--presets--5--margin-block-start: 20px;--wp--custom--typography--presets--6--name: Display;--wp--custom--typography--presets--6--slug: display;--wp--custom--typography--presets--6--font: var(--text-display-shorthand);--wp--custom--typography--presets--7--name: Title Large;--wp--custom--typography--presets--7--slug: title-large;--wp--custom--typography--presets--7--font: var(--text-title-shorthand-large);--wp--custom--typography--presets--8--name: Title Medium;--wp--custom--typography--presets--8--slug: title-medium;--wp--custom--typography--presets--8--font: var(--text-title-shorthand-medium);--wp--custom--typography--presets--9--name: Title Small;--wp--custom--typography--presets--9--slug: title-small;--wp--custom--typography--presets--9--font: var(--text-title-shorthand-small);--wp--custom--typography--presets--10--name: Subtitle;--wp--custom--typography--presets--10--slug: subtitle;--wp--custom--typography--presets--10--font: var(--text-subtitle-shorthand);--wp--custom--typography--presets--11--name: Body Large;--wp--custom--typography--presets--11--slug: body-large;--wp--custom--typography--presets--11--font: var(--text-body-shorthand-large);--wp--custom--typography--presets--12--name: Body Medium;--wp--custom--typography--presets--12--slug: body-medium;--wp--custom--typography--presets--12--font: var(--text-body-shorthand-medium);--wp--custom--typography--presets--13--name: Body Small;--wp--custom--typography--presets--13--slug: body-small;--wp--custom--typography--presets--13--font: var(--text-body-shorthand-small);}:root { --wp--style--global--content-size: calc(1280px - var(--p-responsive-blog) * 2);--wp--style--global--wide-size: calc(1280px - var(--p-responsive-blog) * 2); }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{font-family: var(--brand-fontStack-sansSerif, sans-serif);--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--p-responsive-blog);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--p-responsive-blog);}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
+/*# sourceURL=global-styles-inline-css */
+</style>
+
+<link rel='stylesheet' id='all-css-12' href='https://github.blog/_static/??-eJyNjEEOwjAMBD+EMS0qgQPiLW1qEktxGtWOCr8ncIEj19mdwa2AX7JRNiypBs6KDQnlCixjIBxVyRS9tkEY7mt7g9oz0b6xHf4ELJKQYmCLdYL+0HfgI6cZZ1b7FBKHaNPy+EP9SspGoH7lYm/vJtfOnU/Dcbg49wLeyUUN' type='text/css' media='all' />
+<link rel='stylesheet' id='highlightjs-css-css' href='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/default.min.css?ver=11.4.0' media='all' />
+<link rel="https://api.w.org/" href="https://github.blog/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://github.blog/wp-json/wp/v2/posts/47032" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://github.blog/xmlrpc.php?rsd" />
+<meta name="generator" content="WordPress 7.0.4" />
+<link rel='shortlink' href='https://wp.me/pamS32-ceA' />
+<!-- Stream WordPress user activity plugin v4.3.0 -->
+	<style>img#wpstats{display:none}</style>
+		<link rel="llms-sitemap" href="https://github.blog/llms.txt" />
+<meta name="ha-url" content="https://collector.githubapp.com/github-blog/collect"><link rel="preload" href="https://github.blog/wp-content/themes/github-2021/dist/fonts/mona-sans.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://github.blog/wp-content/themes/github-2021/dist/fonts/MonaspaceNeon-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="icon" href="https://github.blog/wp-content/uploads/2019/01/cropped-github-favicon-512.png?fit=32%2C32" sizes="32x32" />
+<link rel="icon" href="https://github.blog/wp-content/uploads/2019/01/cropped-github-favicon-512.png?fit=192%2C192" sizes="192x192" />
+<link rel="apple-touch-icon" href="https://github.blog/wp-content/uploads/2019/01/cropped-github-favicon-512.png?fit=180%2C180" />
+<meta name="msapplication-TileImage" content="https://github.blog/wp-content/uploads/2019/01/cropped-github-favicon-512.png?fit=270%2C270" />
+<style id="wp-style-engine-github-typography-presets-inline-css">
+.is-typography-preset-h1{font-size:var(--base-size-36, 36px);font-weight:700;line-height:1.25;margin-block-end:20px;margin-block-start:0;}.is-typography-preset-h2{font-size:var(--base-size-32, 32px);font-weight:700;line-height:1.25;margin-block-end:20px;margin-block-start:40px;}.is-typography-preset-h3{font-size:var(--base-size-28, 28px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h4{font-size:var(--base-size-24, 24px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h5{font-size:var(--base-size-20, 20px);font-weight:700;line-height:1.25;margin-block-end:12px;margin-block-start:20px;}.is-typography-preset-h6{font-size:var(--base-size-18, 18px);font-weight:700;line-height:1.25;margin-block-end:0;margin-block-start:20px;}.is-typography-preset-display{font:var(--text-display-shorthand);}.is-typography-preset-title-large{font:var(--text-title-shorthand-large);}.is-typography-preset-title-medium{font:var(--text-title-shorthand-medium);}.is-typography-preset-title-small{font:var(--text-title-shorthand-small);}.is-typography-preset-subtitle{font:var(--text-subtitle-shorthand);}.is-typography-preset-body-large{font:var(--text-body-shorthand-large);}.is-typography-preset-body-medium{font:var(--text-body-shorthand-medium);}.is-typography-preset-body-small{font:var(--text-body-shorthand-small);}
+/*# sourceURL=wp-style-engine-github-typography-presets-inline-css */
+</style>
+
+</head>
+<body class="wp-singular post-template-default single single-post postid-47032 single-format-standard wp-embed-responsive wp-theme-github-2021 wp-child-theme-github-2021-child font-mktg no-sidebar" data-color-mode="light" data-light-theme="light" data-dark-theme="dark">
+	<script id='jetpack-search-theme-token-sampler'>(function(){try{var c=getComputedStyle(document.body),r=document.documentElement,ink=c.color,bg=c.backgroundColor;if(ink){r.style.setProperty('--jp-search-page-ink',ink);}if(bg&&bg!==ink&&bg!=='rgba(0, 0, 0, 0)'&&bg!=='transparent'){r.style.setProperty('--jp-search-page-surface',bg);}}catch(e){}})();</script>	<div data-color-mode="dark" data-light-theme="light" data-dark-theme="dark_dimmed" class="pt-header pt-lg-0">
+		<header id="header" class="header position-fixed position-lg-static pb-lg-header z-4 top-0 left-0 right-0 d-flex flex-column flex-items-stretch color-bg-default">
+						<a href="#start-of-content" class="p-3 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus">
+				Skip to content			</a>
+							<a href="#sidebar" id="skip-to-sidebar" class="p-3 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus">
+					Skip to sidebar				</a>
+						<div class="position-relative container-xl width-full mx-auto p-responsive-blog">
+				<div class="d-flex flex-items-center flex-justify-between pt-3 pb-3 color-fg-default">
+					
+<a href="https://github.com" target="_blank" rel="noreferrer" aria-label="GitHub homepage" class="Header-link position-relative d-flex flex-items-center color-fg-default">
+	<svg aria-hidden="true" role="img" class="octicon octicon-mark-github d-block" viewBox="0 0 98 96" width="32" height="32" fill="currentColor"><g clip-path="url(#a)"><path d="M41.44 69.385C28.807 67.853 19.906 58.762 19.906 46.99c0-4.785 1.723-9.953 4.594-13.398-1.244-3.158-1.053-9.858.383-12.633 3.828-.479 8.996 1.531 12.058 4.307 3.637-1.149 7.465-1.723 12.155-1.723 4.69 0 8.517.574 11.963 1.627 2.966-2.68 8.23-4.69 12.058-4.211 1.34 2.584 1.531 9.283.287 12.537 3.063 3.637 4.69 8.518 4.69 13.494 0 11.772-8.9 20.672-21.725 22.3 3.254 2.104 5.455 6.698 5.455 11.962v9.953c0 2.871 2.393 4.498 5.264 3.35C84.41 87.95 98 70.629 98 49.19 98 22.107 75.988 0 48.904 0 21.82 0 0 22.107 0 49.191c0 21.246 13.494 38.856 31.678 45.46 2.584.956 5.072-.766 5.072-3.35v-7.657c-1.34.575-3.063.958-4.594.958-6.316 0-10.049-3.446-12.728-9.858-1.053-2.584-2.201-4.115-4.403-4.402-1.148-.096-1.53-.574-1.53-1.149 0-1.148 1.913-2.01 3.827-2.01 2.776 0 5.168 1.723 7.657 5.264 1.914 2.776 3.923 4.02 6.316 4.02 2.392 0 3.924-.861 6.125-3.063 1.627-1.627 2.871-3.062 4.02-4.02z" fill="#fff"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h98v96H0z"/></clipPath></defs></svg>
+</a>
+<span class="d-inline-block ml-2 f1-mktg f2-md-mktg" style="opacity: 0.3;">/</span>
+<a class="d-inline-block Header-link font-weight-semibold ml-2 f2 color-fg-default" href="https://github.blog/">
+	Blog</a>
+					
+<nav class="d-none d-lg-block" aria-label="Secondary navigation">
+	<ul id="secondary-navigation" class="secondary-navigation flex-items-center flex-nowrap list-style-none ml-4" aria-hidden="false"><li id="menu-item-78809"><a href="https://github.blog/changelog/" class="position-relative d-flex flex-items-center flex-start no-wrap py-2 px-4 f4 lh-condensed-ultra Link--secondary color-fg-default text-medium"><span class="menu-item-label">Changelog</span></a></li>
+<li id="menu-item-78810"><a href="https://docs.github.com/" class="position-relative d-flex flex-items-center flex-start no-wrap py-2 px-4 f4 lh-condensed-ultra Link--secondary color-fg-default text-medium"><span class="menu-item-label">Docs</span><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-down position-absolute right-0 d-block ml-1" role="presentation"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li>
+<li id="menu-item-78811"><a href="https://github.com/customer-stories" class="position-relative d-flex flex-items-center flex-start no-wrap py-2 px-4 f4 lh-condensed-ultra Link--secondary color-fg-default text-medium"><span class="menu-item-label">Customer stories</span><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-down position-absolute right-0 d-block ml-1" role="presentation"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li>
+</ul></nav>
+					
+<div class="d-none d-lg-flex flex-1">
+	<form id="desktop-search" class="desktop-search position-relative ml-lg-4 flex-1" action="https://github.blog" method="get" aria-hidden="true" aria-label="Search form" role="search">
+		<div class="position-relative d-flex flex-1 height-full color-bg-transparent" data-color-mode="light" data-light-theme="light" data-dark-theme="dark" >
+			<input aria-label="Search the blog" type="search" class="p-2 pl-3 pr-6 border-0 rounded-2 flex-1" placeholder="Search the blog…" value="" name="s" id="search-input">
+			<button type="submit" class="position-absolute right-0 z-3 d-flex flex-items-center flex-justify-center flex-self-center mr-2 p-2 border-0 rounded-2 color-bg-transparent color-fg-subtle" aria-label="Search">
+				<svg viewBox="0 0 16 16" width="20" height="20" class="octicon octicon-search" role="presentation"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg>
+			</button>
+		</div>
+	</form>
+	<button aria-label="Toggle search" class="flex-self-center ml-auto p-2 border-0 color-bg-transparent color-fg-default rounded-3 js-toggle" aria-controls="desktop-search" aria-expanded="false" >
+		<svg viewBox="0 0 24 24" width="24" height="24" class="octicon octicon-search" role="presentation"><path d="M10.25 2a8.25 8.25 0 0 1 6.34 13.53l5.69 5.69a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-5.69-5.69A8.25 8.25 0 1 1 10.25 2ZM3.5 10.25a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0Z"></path></svg>
+		<svg viewBox="2 2 20 20" width="24" height="24" class="octicon octicon-x" role="presentation"><path d="M5.72 5.72a.75.75 0 0 1 1.06 0L12 10.94l5.22-5.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L13.06 12l5.22 5.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L12 13.06l-5.22 5.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L10.94 12 5.72 6.78a.75.75 0 0 1 0-1.06Z"></path></svg>
+	</button>
+
+		<a		class="Button Button--size-medium Button--primary ml-3"
+		href="https://github.com/features/ai/github-app?utm_source=blog-header-button-cta&#038;utm_medium=blog&#038;utm_campaign=github-app-cli-Q1-push"				target="_blank"		data-analytics-click="Blog, click on button, text: Use Copilot for free; ref_location:top nav;"					>
+		<span class="Button__text">
+		<span class="Text Text--200 Text--antialiased Text--weight-semibold Button--label Button--label-medium Button--label-primary">
+			Try GitHub Copilot app		</span>
+		</span>
+
+			</a>
+		<a		class="Button Button--size-medium Button--secondary ml-3"
+		href="https://githubuniverse.com/?utm_source=Blog-button&#038;utm_medium=GitHub&#038;utm_campaign=blog_button_seb_uni_26"				target="_blank"		data-analytics-click="Blog, click on button, text: Attend Universe; ref_location:top nav;"					>
+		<span class="Button__text">
+		<span class="Text Text--200 Text--antialiased Text--weight-semibold Button--label Button--label-medium Button--label-secondary">
+			Attend GitHub Universe		</span>
+		</span>
+
+			</a>
+	</div>
+					
+<div class="d-flex d-lg-none flex-items-center flex-1 mr-n2">
+	<button aria-label="Toggle search" class="ml-auto p-2 border-0 color-bg-transparent color-fg-default rounded-3 js-toggle" aria-controls="mobile-search" aria-expanded="false" >
+		<svg viewBox="0 0 24 24" width="24" height="24" class="octicon octicon-search" role="presentation"><path d="M10.25 2a8.25 8.25 0 0 1 6.34 13.53l5.69 5.69a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-5.69-5.69A8.25 8.25 0 1 1 10.25 2ZM3.5 10.25a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0Z"></path></svg>
+		<svg viewBox="2 2 20 20" width="24" height="24" class="octicon octicon-x" role="presentation"><path d="M5.72 5.72a.75.75 0 0 1 1.06 0L12 10.94l5.22-5.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L13.06 12l5.22 5.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L12 13.06l-5.22 5.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L10.94 12 5.72 6.78a.75.75 0 0 1 0-1.06Z"></path></svg>
+	</button>
+	<button class="mobile-nav-focus-trap js-mobile-nav-focus-trap" data-target="#mobile-menu" data-focus-order="last"></button>
+	<button id="mobile-menu-toggle"  aria-label="Toggle menu" class="ml-2 p-2 border-0 color-bg-transparent color-fg-default rounded-3 js-toggle" aria-controls="mobile-menu" aria-expanded="false" data-trap-focus="#header">
+		<svg viewBox="0 0 16 16" width="24" height="24" class="octicon octicon-three-bars" role="presentation"><path d="M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75ZM1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Z"></path></svg>
+		<svg viewBox="2 2 20 20" width="24" height="24" class="octicon octicon-x " role="presentation"><path d="M5.72 5.72a.75.75 0 0 1 1.06 0L12 10.94l5.22-5.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L13.06 12l5.22 5.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L12 13.06l-5.22 5.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L10.94 12 5.72 6.78a.75.75 0 0 1 0-1.06Z"></path></svg>
+	</button>
+</div>
+				</div>
+			</div>
+							<div class="position-relative pb-lg-navigation" data-sticky-navigation=".sticky-navigation">
+					
+<nav aria-label="Primary navigation" class="sticky-navigation position-absolute z-4 top-0 left-0 d-none d-lg-block width-full color-border-subtle color-bg-default">
+	<div class="position-relative container-xl width-full mx-auto p-responsive-blog">
+		<ul id="primary-navigation" class="primary-navigation position-relative d-flex flex-row flex-nowrap flex-grow-0 flex-justify-between list-style-none"><li id="menu-item-78814"><a href="https://github.blog/ai-and-ml/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78814-dropdown" aria-expanded="false" aria-haspopup="true" role="button">AI &amp; ML<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="AI &amp; ML sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78814-dropdown" tabindex="-1">
+	<li id="menu-item-78863" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/ai-and-ml/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">AI &amp; ML<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Learn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="AI &amp; ML sub-menu">
+		<li id="menu-item-78815" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/ai-and-ml/generative-ai/" class="d-block f4 color-fg-default text-bold">Generative AI</a><p class="mb-0 f5 color-fg-muted">Learn how to build with generative AI.</p></li>
+		<li id="menu-item-78816" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/ai-and-ml/github-copilot/" class="d-block f4 color-fg-default text-bold">GitHub Copilot</a><p class="mb-0 f5 color-fg-muted">Change how you work with GitHub Copilot.</p></li>
+		<li id="menu-item-78817" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/ai-and-ml/llms/" class="d-block f4 color-fg-default text-bold">LLMs</a><p class="mb-0 f5 color-fg-muted">Everything developers need to know about LLMs.</p></li>
+		<li id="menu-item-78818" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/ai-and-ml/machine-learning/" class="d-block f4 color-fg-default text-bold">Machine learning</a><p class="mb-0 f5 color-fg-muted">Machine learning tips, tricks, and best practices.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78864" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" fetchpriority="high" srcset="https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?w=300 300w, https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?w=800 800w, https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?w=400 400w, https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/06/AI-DarkMode-4.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://github.blog/ai-and-ml/generative-ai/how-ai-code-generation-works/" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">How AI code generation works</a><p class="mb-3 f5 color-fg-muted">Explore the capabilities and benefits of AI code generation and how it can improve your developer experience.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78819"><a href="https://github.blog/developer-skills/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78819-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Developer skills<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="Developer skills sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78819-dropdown" tabindex="-1">
+	<li id="menu-item-78865" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/developer-skills/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">Developer skills<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Resources for developers to grow in their skills and careers.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="Developer skills sub-menu">
+		<li id="menu-item-78820" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/developer-skills/application-development/" class="d-block f4 color-fg-default text-bold">Application development</a><p class="mb-0 f5 color-fg-muted">Insights and best practices for building apps.</p></li>
+		<li id="menu-item-78821" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/developer-skills/career-growth/" class="d-block f4 color-fg-default text-bold">Career growth</a><p class="mb-0 f5 color-fg-muted">Tips &amp; tricks to grow as a professional developer.</p></li>
+		<li id="menu-item-78822" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/developer-skills/github/" class="d-block f4 color-fg-default text-bold">GitHub</a><p class="mb-0 f5 color-fg-muted">Improve how you use GitHub at work.</p></li>
+		<li id="menu-item-78823" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/developer-skills/github-education/" class="d-block f4 color-fg-default text-bold">GitHub Education</a><p class="mb-0 f5 color-fg-muted">Learn how to move into your first professional role.</p></li>
+		<li id="menu-item-78824" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/developer-skills/programming-languages-and-frameworks/" class="d-block f4 color-fg-default text-bold">Programming languages &amp; frameworks</a><p class="mb-0 f5 color-fg-muted">Stay current on what’s new (or new again).</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78866" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?w=300 300w, https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?w=800 800w, https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?w=400 400w, https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/05/Enterprise-DarkMode-3.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://docs.github.com/en/get-started" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">Get started with GitHub documentation</a><p class="mb-3 f5 color-fg-muted">Learn how to start building, shipping, and maintaining software with GitHub.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78825"><a href="https://github.blog/engineering/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78825-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Engineering<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="Engineering sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78825-dropdown" tabindex="-1">
+	<li id="menu-item-78867" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/engineering/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">Engineering<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Get an inside look at how we’re building the home for all developers.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="Engineering sub-menu">
+		<li id="menu-item-78827" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/engineering/architecture-optimization/" class="d-block f4 color-fg-default text-bold">Architecture &amp; optimization</a><p class="mb-0 f5 color-fg-muted">Discover how we deliver a performant and highly available experience across the GitHub platform.</p></li>
+		<li id="menu-item-78828" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/engineering/engineering-principles/" class="d-block f4 color-fg-default text-bold">Engineering principles</a><p class="mb-0 f5 color-fg-muted">Explore best practices for building software at scale with a majority remote team.</p></li>
+		<li id="menu-item-78829" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/engineering/infrastructure/" class="d-block f4 color-fg-default text-bold">Infrastructure</a><p class="mb-0 f5 color-fg-muted">Get a glimpse at the technology underlying the world’s leading AI-powered developer platform.</p></li>
+		<li id="menu-item-78830" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/engineering/platform-security/" class="d-block f4 color-fg-default text-bold">Platform security</a><p class="mb-0 f5 color-fg-muted">Learn how we build security into everything we do across the developer lifecycle.</p></li>
+		<li id="menu-item-78858" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/engineering/user-experience/" class="d-block f4 color-fg-default text-bold">User experience</a><p class="mb-0 f5 color-fg-muted">Find out what goes into making GitHub the home for all developers.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78868" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.42.45 AM.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.42.45 AM.png?w=800 800w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.42.45 AM.png?w=400 400w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.42.45 AM.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.42.45 AM.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://github.blog/engineering/how-we-use-github-to-be-more-productive-collaborative-and-secure/" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">How we use GitHub to be more productive, collaborative, and secure</a><p class="mb-3 f5 color-fg-muted">Our engineering and security teams do some incredible work. Let’s take a look at how we use GitHub to be more productive, build collaboratively, and shift security left.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78832"><a href="https://github.blog/enterprise-software/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78832-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Enterprise software<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="Enterprise software sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78832-dropdown" tabindex="-1">
+	<li id="menu-item-78869" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/enterprise-software/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">Enterprise software<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Explore how to write, build, and deploy enterprise software at scale.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="Enterprise software sub-menu">
+		<li id="menu-item-78833" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/enterprise-software/automation/" class="d-block f4 color-fg-default text-bold">Automation</a><p class="mb-0 f5 color-fg-muted">Automating your way to faster and more secure ships.</p></li>
+		<li id="menu-item-78834" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/enterprise-software/ci-cd/" class="d-block f4 color-fg-default text-bold">CI/CD</a><p class="mb-0 f5 color-fg-muted">Guides on continuous integration and delivery.</p></li>
+		<li id="menu-item-78835" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/enterprise-software/collaboration/" class="d-block f4 color-fg-default text-bold">Collaboration</a><p class="mb-0 f5 color-fg-muted">Tips, tools, and tricks to improve developer collaboration.</p></li>
+		<li id="menu-item-78836" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/enterprise-software/devops/" class="d-block f4 color-fg-default text-bold">DevOps</a><p class="mb-0 f5 color-fg-muted">DevOps resources for enterprise engineering teams.</p></li>
+		<li id="menu-item-78837" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/enterprise-software/devsecops/" class="d-block f4 color-fg-default text-bold">DevSecOps</a><p class="mb-0 f5 color-fg-muted">How to integrate security into the SDLC.</p></li>
+		<li id="menu-item-78838" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/enterprise-software/governance-and-compliance/" class="d-block f4 color-fg-default text-bold">Governance &amp; compliance</a><p class="mb-0 f5 color-fg-muted">Ensuring your builds stay clean.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78870" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.43.47 AM.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.43.47 AM.png?w=800 800w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.43.47 AM.png?w=400 400w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.43.47 AM.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.43.47 AM.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://github.com/resources/whitepapers/gartner-magic-quadrant-and-critical-capabilities-for-ai-code-assistants" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">GitHub recognized as a Leader in the Gartner® Magic Quadrant™ for AI Code Assistants</a><p class="mb-3 f5 color-fg-muted">Learn why Gartner positioned GitHub as a Leader for the second year in a row.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78840"><a href="https://github.blog/news-insights/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78840-dropdown" aria-expanded="false" aria-haspopup="true" role="button">News &amp; insights<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="News &amp; insights sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78840-dropdown" tabindex="-1">
+	<li id="menu-item-78871" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/news-insights/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">News &amp; insights<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Keep up with what’s new and notable from inside GitHub.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="News &amp; insights sub-menu">
+		<li id="menu-item-78841" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/news-insights/company-news/" class="d-block f4 color-fg-default text-bold">Company news</a><p class="mb-0 f5 color-fg-muted">An inside look at news and product updates from GitHub.</p></li>
+		<li id="menu-item-78844" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/news-insights/product-news/" class="d-block f4 color-fg-default text-bold">Product</a><p class="mb-0 f5 color-fg-muted">The latest on GitHub’s platform, products, and tools.</p></li>
+		<li id="menu-item-78842" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/news-insights/octoverse/" class="d-block f4 color-fg-default text-bold">Octoverse</a><p class="mb-0 f5 color-fg-muted">Insights into the state of open source on GitHub.</p></li>
+		<li id="menu-item-78843" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/news-insights/policy-news-and-insights/" class="d-block f4 color-fg-default text-bold">Policy</a><p class="mb-0 f5 color-fg-muted">The latest policy and regulatory changes in software.</p></li>
+		<li id="menu-item-78845" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/news-insights/research/" class="d-block f4 color-fg-default text-bold">Research</a><p class="mb-0 f5 color-fg-muted">Data-driven insights around the developer ecosystem.</p></li>
+		<li id="menu-item-78847" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/news-insights/the-library/" class="d-block f4 color-fg-default text-bold">The library</a><p class="mb-0 f5 color-fg-muted">Older news and updates from GitHub.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78872" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?w=300 300w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?w=800 800w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?w=400 400w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.44.23 AM.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://github.blog/ai-and-ml/llms/unlocking-the-power-of-unstructured-data-with-rag/" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">Unlocking the power of unstructured data with RAG</a><p class="mb-3 f5 color-fg-muted">Learn how to use retrieval-augmented generation (RAG) to capture more insights.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78848"><a href="https://github.blog/open-source/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78848-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Open Source<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="Open Source sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78848-dropdown" tabindex="-1">
+	<li id="menu-item-78873" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/open-source/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">Open Source<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Everything open source on GitHub.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="Open Source sub-menu">
+		<li id="menu-item-78851" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/open-source/git/" class="d-block f4 color-fg-default text-bold">Git</a><p class="mb-0 f5 color-fg-muted">The latest Git updates.</p></li>
+		<li id="menu-item-78853" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/open-source/maintainers/" class="d-block f4 color-fg-default text-bold">Maintainers</a><p class="mb-0 f5 color-fg-muted">Spotlighting open source maintainers.</p></li>
+		<li id="menu-item-78854" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/open-source/social-impact/" class="d-block f4 color-fg-default text-bold">Social impact</a><p class="mb-0 f5 color-fg-muted">How open source is driving positive change.</p></li>
+		<li id="menu-item-78850" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/open-source/gaming/" class="d-block f4 color-fg-default text-bold">Gaming</a><p class="mb-0 f5 color-fg-muted">Explore open source games on GitHub.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78874" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.46.23 AM.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.46.23 AM.png?w=800 800w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.46.23 AM.png?w=400 400w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.46.23 AM.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.46.23 AM.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://resources.github.com/software-development/innersource/" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">An introduction to innersource</a><p class="mb-3 f5 color-fg-muted">Organizations worldwide are incorporating open source methodologies into the way they build and ship their own software.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+<li id="menu-item-78859"><a href="https://github.blog/security/" class="position-relative d-flex flex-items-center flex-start no-wrap py-3 f4-mktg text-bold js-toggle" aria-controls="primary-78859-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Security<svg viewBox="0 0 16 16" width="16" height="16" class="octicon d-block ml-1 color-fg-muted" role="presentation"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></svg></a>
+<ul class="dropdown d-flex flex-wrap width-full position-absolute left-0 list-style-none mt-2 rounded-3 z-3 overflow-hidden color-border-subtle" aria-label="Security sub-menu" aria-hidden="true" data-color-mode="light" data-dark-theme="dark" data-light-theme="light" id="primary-78859-dropdown" tabindex="-1">
+	<li id="menu-item-78875" class="flex-1 p-5 py-xl-7 px-xl-7"><div class="col-9 mb-4 mb-lg-7"><a href="https://github.blog/security/" class="d-flex flex-items-center flex-start f3 lh-condensed color-fg-default text-bold">Security<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-1 my-0 f4 color-fg-muted">Stay up to date on everything security.</p></div>
+	<ul class="d-flex flex-wrap list-style-none" aria-label="Security sub-menu">
+		<li id="menu-item-78860" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right"><a href="https://github.blog/security/application-security/" class="d-block f4 color-fg-default text-bold">Application security</a><p class="mb-0 f5 color-fg-muted">Application security, explained.</p></li>
+		<li id="menu-item-78861" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8"><a href="https://github.blog/security/supply-chain-security/" class="d-block f4 color-fg-default text-bold">Supply chain security</a><p class="mb-0 f5 color-fg-muted">Demystifying supply chain security.</p></li>
+		<li id="menu-item-78855" class="col-6 d-block f4 color-fg-default color-border-subtle pr-4 pr-lg-8 border-right pt-2 pt-lg-4"><a href="https://github.blog/security/vulnerability-research/" class="d-block f4 color-fg-default text-bold">Vulnerability research</a><p class="mb-0 f5 color-fg-muted">Updates from the GitHub Security Lab.</p></li>
+		<li id="menu-item-78862" class="col-6 d-block f4 color-fg-default color-border-subtle pl-4 pl-lg-8 pt-2 pt-lg-4"><a href="https://github.blog/security/web-application-security/" class="d-block f4 color-fg-default text-bold">Web application security</a><p class="mb-0 f5 color-fg-muted">Helpful tips on securing web applications.</p></li>
+	</ul>
+</li>
+	<li id="menu-item-78876" class="p-5 py-xl-7 px-xl-8 col-4 color-bg-subtle post-card"><div class="d-block position-relative mb-3 rounded-2 tease-thumbnail overflow-hidden"><img width="800" height="425" src="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.47.04 AM.png?resize=800%2C425" class="tease-thumbnail__img d-block width-full height-auto aspect-ratio-1032-548 object-fit-cover" alt="" decoding="async" srcset="https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.47.04 AM.png?w=800 800w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.47.04 AM.png?w=400 400w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.47.04 AM.png?w=1032 1032w, https://github.blog/wp-content/uploads/2024/07/Screenshot-2024-07-23-at-8.47.04 AM.png?w=516 516w" sizes="(max-width: 800px) 100vw, 800px" /></div><a href="https://resources.github.com/security/the-enterprise-guide-to-ai-powered-devsecops/" class="d-block mb-2 f3 lh-condensed color-fg-default text-bold post-card__link">The enterprise guide to AI-powered DevSecOps</a><p class="mb-3 f5 color-fg-muted">Learn about core challenges in DevSecOps, and how you can start addressing them with AI and automation.</p><span class="Link d-inline-flex flex-items-center" role="presentation">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></span></li>
+</ul>
+</li>
+</ul>	</div>
+</nav>
+				</div>
+						
+<form id="mobile-search" role="search" method="get" class="mobile-search" action="https://github.blog"  aria-hidden="true" aria-label="Search form">
+	<div class="d-flex flex-1 p-3 color-bg-inset">
+		<div class="d-flex flex-1 position-relative color-bg-transparent" data-color-mode="light" data-light-theme="light" data-dark-theme="dark" >
+			<svg height="20" class="d-flex position-absolute z-3 octicon height-full ml-2 color-fg-subtle" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="20" role="img"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg>
+			<input aria-label="Search the blog" type="search" class="pl-6 search-field form-control p-2 flex-1" placeholder="Search the blog…" value="" name="s" id="search-input">
+		</div>
+
+			<button		class="Button Button--size-medium Button--secondary ml-2"
+				type="submit"									>
+		<span class="Button__text">
+		<span class="Text Text--200 Text--antialiased Text--weight-semibold Button--label Button--label-medium Button--label-secondary">
+			Search		</span>
+		</span>
+
+			</button>
+		</div>
+</form>
+			
+<nav id="mobile-menu" class="mobile-menu position-relative overflow-y-auto flex-1 width-full rounded-top-3" aria-label="Navigation menu" aria-hidden="true" data-color-mode="light" data-light-theme="light" data-dark-theme="dark_dimmed">
+	<div class="p-5">
+				<h2 class="mb-5 text-bold color-fg-subtle">Categories</h2>
+			<ul id="menu-new-primary-navigation" class="list-style-none"><li class="mb-5"><a href="https://github.blog/ai-and-ml/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78814-dropdown" aria-expanded="false" aria-haspopup="true" role="button">AI &amp; ML<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="AI &amp; ML sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78814-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78814-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/ai-and-ml/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">AI &amp; ML<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Learn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/ai-and-ml/generative-ai/" class="text-bold lh-condensed-ultra color-fg-default">Generative AI</a><p class="mb-0 f5 color-fg-muted">Learn how to build with generative AI.</p></li>
+		<li class="mt-4"><a href="https://github.blog/ai-and-ml/github-copilot/" class="text-bold lh-condensed-ultra color-fg-default">GitHub Copilot</a><p class="mb-0 f5 color-fg-muted">Change how you work with GitHub Copilot.</p></li>
+		<li class="mt-4"><a href="https://github.blog/ai-and-ml/llms/" class="text-bold lh-condensed-ultra color-fg-default">LLMs</a><p class="mb-0 f5 color-fg-muted">Everything developers need to know about LLMs.</p></li>
+		<li class="mt-4"><a href="https://github.blog/ai-and-ml/machine-learning/" class="text-bold lh-condensed-ultra color-fg-default">Machine learning</a><p class="mb-0 f5 color-fg-muted">Machine learning tips, tricks, and best practices.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://github.blog/ai-and-ml/generative-ai/how-ai-code-generation-works/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">How AI code generation works</a><p class="mb-3 f5 color-fg-muted">Explore the capabilities and benefits of AI code generation and how it can improve your developer experience.</p><a href="https://github.blog/ai-and-ml/generative-ai/how-ai-code-generation-works/" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/developer-skills/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78819-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Developer skills<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="Developer skills sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78819-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78819-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/developer-skills/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Developer skills<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Resources for developers to grow in their skills and careers.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/developer-skills/application-development/" class="text-bold lh-condensed-ultra color-fg-default">Application development</a><p class="mb-0 f5 color-fg-muted">Insights and best practices for building apps.</p></li>
+		<li class="mt-4"><a href="https://github.blog/developer-skills/career-growth/" class="text-bold lh-condensed-ultra color-fg-default">Career growth</a><p class="mb-0 f5 color-fg-muted">Tips &amp; tricks to grow as a professional developer.</p></li>
+		<li class="mt-4"><a href="https://github.blog/developer-skills/github/" class="text-bold lh-condensed-ultra color-fg-default">GitHub</a><p class="mb-0 f5 color-fg-muted">Improve how you use GitHub at work.</p></li>
+		<li class="mt-4"><a href="https://github.blog/developer-skills/github-education/" class="text-bold lh-condensed-ultra color-fg-default">GitHub Education</a><p class="mb-0 f5 color-fg-muted">Learn how to move into your first professional role.</p></li>
+		<li class="mt-4"><a href="https://github.blog/developer-skills/programming-languages-and-frameworks/" class="text-bold lh-condensed-ultra color-fg-default">Programming languages &amp; frameworks</a><p class="mb-0 f5 color-fg-muted">Stay current on what’s new (or new again).</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://docs.github.com/en/get-started" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Get started with GitHub documentation</a><p class="mb-3 f5 color-fg-muted">Learn how to start building, shipping, and maintaining software with GitHub.</p><a href="https://docs.github.com/en/get-started" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/engineering/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78825-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Engineering<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="Engineering sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78825-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78825-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/engineering/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Engineering<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Get an inside look at how we’re building the home for all developers.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/engineering/architecture-optimization/" class="text-bold lh-condensed-ultra color-fg-default">Architecture &amp; optimization</a><p class="mb-0 f5 color-fg-muted">Discover how we deliver a performant and highly available experience across the GitHub platform.</p></li>
+		<li class="mt-4"><a href="https://github.blog/engineering/engineering-principles/" class="text-bold lh-condensed-ultra color-fg-default">Engineering principles</a><p class="mb-0 f5 color-fg-muted">Explore best practices for building software at scale with a majority remote team.</p></li>
+		<li class="mt-4"><a href="https://github.blog/engineering/infrastructure/" class="text-bold lh-condensed-ultra color-fg-default">Infrastructure</a><p class="mb-0 f5 color-fg-muted">Get a glimpse at the technology underlying the world’s leading AI-powered developer platform.</p></li>
+		<li class="mt-4"><a href="https://github.blog/engineering/platform-security/" class="text-bold lh-condensed-ultra color-fg-default">Platform security</a><p class="mb-0 f5 color-fg-muted">Learn how we build security into everything we do across the developer lifecycle.</p></li>
+		<li class="mt-4"><a href="https://github.blog/engineering/user-experience/" class="text-bold lh-condensed-ultra color-fg-default">User experience</a><p class="mb-0 f5 color-fg-muted">Find out what goes into making GitHub the home for all developers.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://github.blog/engineering/how-we-use-github-to-be-more-productive-collaborative-and-secure/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">How we use GitHub to be more productive, collaborative, and secure</a><p class="mb-3 f5 color-fg-muted">Our engineering and security teams do some incredible work. Let’s take a look at how we use GitHub to be more productive, build collaboratively, and shift security left.</p><a href="https://github.blog/engineering/how-we-use-github-to-be-more-productive-collaborative-and-secure/" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/enterprise-software/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78832-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Enterprise software<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="Enterprise software sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78832-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78832-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/enterprise-software/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Enterprise software<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Explore how to write, build, and deploy enterprise software at scale.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/automation/" class="text-bold lh-condensed-ultra color-fg-default">Automation</a><p class="mb-0 f5 color-fg-muted">Automating your way to faster and more secure ships.</p></li>
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/ci-cd/" class="text-bold lh-condensed-ultra color-fg-default">CI/CD</a><p class="mb-0 f5 color-fg-muted">Guides on continuous integration and delivery.</p></li>
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/collaboration/" class="text-bold lh-condensed-ultra color-fg-default">Collaboration</a><p class="mb-0 f5 color-fg-muted">Tips, tools, and tricks to improve developer collaboration.</p></li>
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/devops/" class="text-bold lh-condensed-ultra color-fg-default">DevOps</a><p class="mb-0 f5 color-fg-muted">DevOps resources for enterprise engineering teams.</p></li>
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/devsecops/" class="text-bold lh-condensed-ultra color-fg-default">DevSecOps</a><p class="mb-0 f5 color-fg-muted">How to integrate security into the SDLC.</p></li>
+		<li class="mt-4"><a href="https://github.blog/enterprise-software/governance-and-compliance/" class="text-bold lh-condensed-ultra color-fg-default">Governance &amp; compliance</a><p class="mb-0 f5 color-fg-muted">Ensuring your builds stay clean.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://github.com/resources/whitepapers/gartner-magic-quadrant-and-critical-capabilities-for-ai-code-assistants" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">GitHub recognized as a Leader in the Gartner® Magic Quadrant™ for AI Code Assistants</a><p class="mb-3 f5 color-fg-muted">Learn why Gartner positioned GitHub as a Leader for the second year in a row.</p><a href="https://github.com/resources/whitepapers/gartner-magic-quadrant-and-critical-capabilities-for-ai-code-assistants" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/news-insights/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78840-dropdown" aria-expanded="false" aria-haspopup="true" role="button">News &amp; insights<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="News &amp; insights sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78840-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78840-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/news-insights/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">News &amp; insights<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Keep up with what’s new and notable from inside GitHub.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/news-insights/company-news/" class="text-bold lh-condensed-ultra color-fg-default">Company news</a><p class="mb-0 f5 color-fg-muted">An inside look at news and product updates from GitHub.</p></li>
+		<li class="mt-4"><a href="https://github.blog/news-insights/product-news/" class="text-bold lh-condensed-ultra color-fg-default">Product</a><p class="mb-0 f5 color-fg-muted">The latest on GitHub’s platform, products, and tools.</p></li>
+		<li class="mt-4"><a href="https://github.blog/news-insights/octoverse/" class="text-bold lh-condensed-ultra color-fg-default">Octoverse</a><p class="mb-0 f5 color-fg-muted">Insights into the state of open source on GitHub.</p></li>
+		<li class="mt-4"><a href="https://github.blog/news-insights/policy-news-and-insights/" class="text-bold lh-condensed-ultra color-fg-default">Policy</a><p class="mb-0 f5 color-fg-muted">The latest policy and regulatory changes in software.</p></li>
+		<li class="mt-4"><a href="https://github.blog/news-insights/research/" class="text-bold lh-condensed-ultra color-fg-default">Research</a><p class="mb-0 f5 color-fg-muted">Data-driven insights around the developer ecosystem.</p></li>
+		<li class="mt-4"><a href="https://github.blog/news-insights/the-library/" class="text-bold lh-condensed-ultra color-fg-default">The library</a><p class="mb-0 f5 color-fg-muted">Older news and updates from GitHub.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://github.blog/ai-and-ml/llms/unlocking-the-power-of-unstructured-data-with-rag/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Unlocking the power of unstructured data with RAG</a><p class="mb-3 f5 color-fg-muted">Learn how to use retrieval-augmented generation (RAG) to capture more insights.</p><a href="https://github.blog/ai-and-ml/llms/unlocking-the-power-of-unstructured-data-with-rag/" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/open-source/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78848-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Open Source<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="Open Source sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78848-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78848-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/open-source/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Open Source<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Everything open source on GitHub.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/open-source/git/" class="text-bold lh-condensed-ultra color-fg-default">Git</a><p class="mb-0 f5 color-fg-muted">The latest Git updates.</p></li>
+		<li class="mt-4"><a href="https://github.blog/open-source/maintainers/" class="text-bold lh-condensed-ultra color-fg-default">Maintainers</a><p class="mb-0 f5 color-fg-muted">Spotlighting open source maintainers.</p></li>
+		<li class="mt-4"><a href="https://github.blog/open-source/social-impact/" class="text-bold lh-condensed-ultra color-fg-default">Social impact</a><p class="mb-0 f5 color-fg-muted">How open source is driving positive change.</p></li>
+		<li class="mt-4"><a href="https://github.blog/open-source/gaming/" class="text-bold lh-condensed-ultra color-fg-default">Gaming</a><p class="mb-0 f5 color-fg-muted">Explore open source games on GitHub.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://resources.github.com/software-development/innersource/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">An introduction to innersource</a><p class="mb-3 f5 color-fg-muted">Organizations worldwide are incorporating open source methodologies into the way they build and ship their own software.</p><a href="https://resources.github.com/software-development/innersource/" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+<li class="mb-5"><a href="https://github.blog/security/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default js-toggle" aria-controls="primary-mobile-78859-dropdown" aria-expanded="false" aria-haspopup="true" role="button">Security<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right d-block color-fg-subtle" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a>
+<ul aria-hidden="true" aria-label="Security sub-menu" class="dropdown overflow-y-auto position-absolute top-0 left-0 right-0 bottom-0 flex-wrap p-5 list-style-none rounded-3 z-3 color-bg-default color-border-subtle" id="primary-mobile-78859-dropdown">
+	<li class="mb-5"><div class="mb-4"><button type="button" class="d-flex flex-items-center mb-4 p-0 border-0 text-semibold color-bg-transparent color-fg-subtle" aria-controls="primary-mobile-78859-dropdown" aria-expanded="true"><svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-left mr-1"><path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path></svg>Back</button><a href="https://github.blog/security/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">Security<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-chevron-right ml-1" role="presentation"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg></a><p class="mt-2 mb-0 color-fg-muted">Stay up to date on everything security.</p></div>
+	<ul class="border-top list-style-none">
+		<li class="mt-4"><a href="https://github.blog/security/application-security/" class="text-bold lh-condensed-ultra color-fg-default">Application security</a><p class="mb-0 f5 color-fg-muted">Application security, explained.</p></li>
+		<li class="mt-4"><a href="https://github.blog/security/supply-chain-security/" class="text-bold lh-condensed-ultra color-fg-default">Supply chain security</a><p class="mb-0 f5 color-fg-muted">Demystifying supply chain security.</p></li>
+		<li class="mt-4"><a href="https://github.blog/security/vulnerability-research/" class="text-bold lh-condensed-ultra color-fg-default">Vulnerability research</a><p class="mb-0 f5 color-fg-muted">Updates from the GitHub Security Lab.</p></li>
+		<li class="mt-4"><a href="https://github.blog/security/web-application-security/" class="text-bold lh-condensed-ultra color-fg-default">Web application security</a><p class="mb-0 f5 color-fg-muted">Helpful tips on securing web applications.</p></li>
+	</ul>
+</li>
+	<li class="d-none"><div class="mb-4"><a href="https://resources.github.com/security/the-enterprise-guide-to-ai-powered-devsecops/" class="d-flex flex-items-center flex-justify-start lh-condensed-ultra text-bold color-fg-default">The enterprise guide to AI-powered DevSecOps</a><p class="mb-3 f5 color-fg-muted">Learn about core challenges in DevSecOps, and how you can start addressing them with AI and automation.</p><a href="https://resources.github.com/security/the-enterprise-guide-to-ai-powered-devsecops/" target="" class="Link d-inline-flex flex-items-center">Learn more<svg xmlns="http://www.w3.org/2000/svg" class="octicon d-block ml-1" viewBox="0 0 12 12" width="12" height="12"><path d="M4.7 10c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1L6.9 6 4.2 3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.3 3.2c.3.3.3.8 0 1.1L5.3 9.7c-.2.2-.4.3-.6.3Z"></path></svg></a></div></li>
+</ul>
+</li>
+</ul>				<ul id="menu-secondary-navigation" class="pt-5 border-top list-style-none"><li class="mb-5"><a href="https://github.blog/changelog/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default">Changelog</a></li>
+<li class="mb-5"><a href="https://docs.github.com/" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default">Docs<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external d-block color-fg-subtle" role="presentation"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li>
+<li class="mb-5"><a href="https://github.com/customer-stories" class="d-flex flex-items-center flex-justify-between lh-condensed-ultra text-bold color-fg-default">Customer stories<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external d-block color-fg-subtle" role="presentation"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg></a></li>
+</ul>	<a		class="Button Button--size-medium Button--secondary Button--block my-3"
+		href="https://githubuniverse.com/?utm_source=Blog-button&#038;utm_medium=GitHub&#038;utm_campaign=blog_button_seb_uni_26"				target="_blank"		data-analytics-click="Blog, click on button, text: Attend Universe; ref_location:top nav;"					>
+		<span class="Button__text">
+		<span class="Text Text--200 Text--antialiased Text--weight-semibold Button--label Button--label-medium Button--label-secondary">
+			Attend GitHub Universe		</span>
+		</span>
+
+			</a>
+		<a		class="Button Button--size-medium Button--primary Button--block"
+		href="https://github.com/features/ai/github-app?utm_source=blog-header-button-cta&#038;utm_medium=blog&#038;utm_campaign=github-app-cli-Q1-push"				target="_blank"		data-analytics-click="Blog, click on button, text: Use Copilot for free; ref_location:top nav;"					>
+		<span class="Button__text">
+		<span class="Text Text--200 Text--antialiased Text--weight-semibold Button--label Button--label-medium Button--label-primary">
+			Try GitHub Copilot app		</span>
+		</span>
+
+			</a>
+		</div>
+	<button class="mobile-nav-focus-trap js-mobile-nav-focus-trap" data-target="#mobile-menu-toggle" data-focus-order="target"></button>
+</nav>
+		</header>
+	</div>
+	<main id="start-of-content">
+<header class="position-relative" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark_dimmed">
+	<div class="container-xl p-responsive-blog">
+		<div class="gutter-spacious">
+			<div class="col-12 offset-lg-1 col-lg-10 col-xl-8 py-5 py-md-6 ">
+				<div class="f5 mb-5 mb-md-8"><span><span><a class="Link--primary" href="https://github.blog/">Home</a></span> <span class="mx-2 opacity-5">/</span> <span><a class="Link--primary" href="https://github.blog/news-insights/">News &amp; insights</a></span> <span class="mx-2 opacity-5">/</span> <span><a class="Link--primary" href="https://github.blog/news-insights/product-news/">Product</a></span></span></div>				<h1 class="h3-mktg lh-condensed mb-3 color-fg-default">GitHub Desktop 1.6 now available</h1>				<div class="f4-mktg color-fg-muted">
+					<p>We are excited to release GitHub Desktop 1.6, bringing new features and improvements around onboarding, suggested next steps, and large file restrictions.</p>
+				</div>
+			</div>
+							<div class="offset-lg-1 col-lg-10">
+					<div class="position-relative overflow-hidden rounded-2 z-1">
+													<svg aria-hidden="true" width="1032" height="548" class=" d-block width-full height-auto" role="presentation"></svg>
+							<img width="1201" height="630" src="https://github.blog/wp-content/uploads/2019/03/product-social.png?resize=1201%2C630" class="d-block cover-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://github.blog/wp-content/uploads/2019/03/product-social.png?w=1201 1201w, https://github.blog/wp-content/uploads/2019/03/product-social.png?w=300 300w, https://github.blog/wp-content/uploads/2019/03/product-social.png?w=768 768w, https://github.blog/wp-content/uploads/2019/03/product-social.png?w=1024 1024w" sizes="auto, (max-width: 1201px) 100vw, 1201px" />											</div>
+				</div>
+					</div>
+	</div>
+			<div class="position-absolute bottom-0 width-full" style="background:#fff; height:80px;"></div>
+	</header>
+<section class="container-xl mx-auto p-responsive-blog mt-4">
+	<div class="gutter-spacious">
+		<div class="col-12 offset-lg-1 col-lg-10">
+			<div class="d-lg-flex flex-justify-between flex-items-center">
+				<div class="mb-4 mb-lg-0">
+	<div class="mb-1">
+		<div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/nerdneha/" title="Posts by Neha Batra" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Neha Batra</a><span class="mx-2">·</span><a target="_blank" href="https://github.com/nerdneha" class="Link--primary" aria-label="GitHub profile of nerdneha">@nerdneha</a>			</span>
+							</span>
+</div>
+	</div>
+	<div data-color-mode="auto" data-light-theme="light_tritanopia" class="d-flex flex-column flex-md-row text-mono color-fg-muted">
+		<time datetime="2019-01-17" class="d-block">
+			January 17, 2019		</time>
+
+					<span class="d-none d-md-block mx-3">|</span>
+			<time datetime="2021-12-19" class="d-block mt-1 mt-md-0">
+				Updated December 19, 2021			</time>
+							<div class="d-flex flex-items-center mt-2 mt-md-0">
+				<span class="d-none d-md-block mx-3">|</span>
+				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" class="mr-2">
+					<path fill="currentcolor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm7-3.25v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5a.75.75 0 0 1 1.5 0Z"></path>
+				</svg>
+				2 minutes			</div>
+			</div>
+</div>
+				<ul class="list-style-none d-flex flex-items-center">
+	<li>
+		<span class="text-semibold">
+			Share:		</span>
+	</li>
+	<li class="ml-3">
+		<a href="https://x.com/share?text=GitHub%20Desktop%201.6%20now%20available&#038;url=https%3A%2F%2Fgithub.blog%2Fnews-insights%2Fproduct-news%2Fgithub-desktop-update%2F" target="_blank" rel="noopener noreferrer" class="d-flex flex-justify-center flex-items-center border circle px-2 py-2" aria-label="Share on X">
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227" width="10" height="10">
+				<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="currentColor" />
+			</svg>
+		</a>
+	</li>
+	<li class="ml-3">
+		<a href="https://www.facebook.com/sharer/sharer.php?t=GitHub%20Desktop%201.6%20now%20available&#038;u=https%3A%2F%2Fgithub.blog%2Fnews-insights%2Fproduct-news%2Fgithub-desktop-update%2F" target="_blank" rel="noopener noreferrer" class="d-flex flex-justify-center flex-items-center border circle px-2 py-2" aria-label="Share on Facebook">
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.3 15.4" width="10" height="10">
+				<path d="M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z" fill="currentColor" />
+			</svg>
+		</a>
+	</li>
+	<li class="ml-3">
+		<a href="https://www.linkedin.com/shareArticle?title=GitHub%20Desktop%201.6%20now%20available&#038;url=https%3A%2F%2Fgithub.blog%2Fnews-insights%2Fproduct-news%2Fgithub-desktop-update%2F" target="_blank" rel="noopener noreferrer" class="d-flex flex-justify-center flex-items-center border circle px-2 py-2" aria-label="Share on LinkedIn">
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" width="10" height="10">
+				<path d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z" fill="currentColor" />
+			</svg>
+		</a>
+	</li>
+</ul>
+			</div>
+			<div class="indigo-separator mt-4"></div>
+		</div>
+	</div>
+</section>
+	<div class="container-xl mx-auto p-responsive-blog mt-4 mt-md-7 mb-7 mb-md-9">
+		<div class="d-flex flex-wrap flex-justify-center gutter-spacious">
+			<section class="col-12 col-md-8 col-lg-7 post__content is-layout-constrained post-47032 post type-post status-publish format-standard has-post-thumbnail hentry category-news-insights category-product-news tag-client-apps tag-editor-tools tag-github-desktop">
+	<p>We are excited to release GitHub Desktop 1.6, bringing new features and improvements around onboarding, suggested next steps, and large file restrictions.</p>
+<p>With the release of GitHub Desktop 1.6, we&#8217;re addressing the question we constantly ask ourselves after we finish a task: “What’s next?”. This is the first iteration intended to keep you in your groove so that you can share your code with your team as quickly as possible. We’ve provided guidance for onboarding and suggestions for what actions to take depending on where you are in your workflow.</p>
+<h2 id="get-started-faster"><a class="heading-link" href="#get-started-faster">Get started faster<span class="heading-hash pl-2 text-italic text-bold" aria-hidden="true"></span></a></h2>
+<p>For past versions, once you’ve downloaded Desktop and completed the setup, you were left without additional guidance. Because the next steps weren’t clear, our users weren’t sure how to get started. With the new onboarding workflow, you’ll find steps to help you add your first repository and get started building software more quickly.</p>
+<p><img data-recalc-dims="1" decoding="async" loading="lazy" class="aligncenter" src="https://i0.wp.com/user-images.githubusercontent.com/634063/49655531-296fb000-fa3b-11e8-9076-c83955204246.png?resize=2144%2C1544&#038;ssl=1" alt="Guidance to help you get started faster" width="2144" height="1544" /></p>
+<h2 id="suggested-next-steps-to-keep-you-moving-forward"><a class="heading-link" href="#suggested-next-steps-to-keep-you-moving-forward">Suggested next steps to keep you moving forward<span class="heading-hash pl-2 text-italic text-bold" aria-hidden="true"></span></a></h2>
+<p>Often, we’ve seen users struggle with how they should use the app when there are no changes. What state is my repository in? What should I do next? Should I publish my branch or pull new changes from GitHub? How do I view my files?</p>
+<p>In 1.6, when there are no changes, GitHub Desktop will offer a few different options for useful next steps based on your last action in the application. If you’ve just committed, it’s likely you’ll want to push your branch to GitHub. Or maybe you’re just picking up a project, and you want to pull down the latest changes to view them in your editor. Depending on where you are in the process, this new feature will help you keep your momentum and continue shipping.</p>
+<p><img data-recalc-dims="1" decoding="async" loading="lazy" class="aligncenter size-medium" src="https://i0.wp.com/user-images.githubusercontent.com/634063/51260654-0d9ee880-19af-11e9-9fa8-1e6488e3021e.gif?resize=1200%2C630&#038;ssl=1" alt="Suggested next steps in action" width="1200" height="630" /></p>
+<h2 id="support-around-large-file-restrictions"><a class="heading-link" href="#support-around-large-file-restrictions">Support around large file restrictions<span class="heading-hash pl-2 text-italic text-bold" aria-hidden="true"></span></a></h2>
+<p>We’re also excited to highlight a feature that addresses a pain point for many users around large file restrictions. Our support team has been fielding questions about how to address GitHub’s restriction on files greater than 100MB. Starting today, if you try to commit a large file into your repository in Desktop, we’ll alert you and provide the option to back out of your commit or get set up on Git LFS.</p>
+<p>This feature wouldn’t have been possible without one of our open source community members, <a href="https://github.com/Daniel-McCarthy">@Daniel-McCarthy</a>. He recognized the level of impact this would have, worked with our team to determine the best way to solve the problem, and then submitted a pull request. Thanks for making GitHub Desktop awesome @Daniel-McCarthy! We love our open source contributors &lt;3.</p>
+<h2 id="stay-tuned"><a class="heading-link" href="#stay-tuned">Stay tuned<span class="heading-hash pl-2 text-italic text-bold" aria-hidden="true"></span></a></h2>
+<p>As with all of our features, we’ll continue to iterate on these based on feedback from you. We’re excited to continue our work making developers happier and more productive in 2019!</p>
+<p><a href="https://desktop.github.com/">Try out the latest improvements in Desktop 1.6</a></p>
+	
+<section class="my-6 my-md-8 mt-md-0">
+	<hr class="post-tags-separator border-0 mt-0 mb-2" />
+	<div class="d-flex flex-shrink-0 flex-items-start">
+		<h2 class="text-mono f4-mktg py-1 mr-3 flex-shrink-0">Tags:</h2>
+		<ul class="d-flex flex-wrap px-0 my-0 list-style-none post-tags">
+							<li class="my-0">
+					<a href="https://github.blog/tag/client-apps/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+						client apps					</a>
+				</li>
+							<li class="my-0">
+					<a href="https://github.blog/tag/editor-tools/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+						editor tools					</a>
+				</li>
+							<li class="my-0">
+					<a href="https://github.blog/tag/github-desktop/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+						GitHub Desktop					</a>
+				</li>
+					</ul>
+	</div>
+</section>
+	<div class="mt-8 mb-8 mb-md-0">
+	<h2 class="h5-mktg">
+		Written by	</h2>
+	<div class="gradient-separator mt-3 mb-4"></div>
+			<article class="author-bio mb-5 mb-md-4">
+	<div class="author-bio__content">
+					<div class="author-bio__avatar">
+				<picture>
+					<source srcset="https://avatars.githubusercontent.com/u/1834387?v=4&#038;s=200" width="120" height="120" media="(min-width: 768px)" />
+					<img class="d-block circle" src="https://avatars.githubusercontent.com/u/1834387?v=4&#038;s=200" alt="Neha Batra" width="80" height="80" loading="lazy" decoding="async" >
+				</picture>
+			</div>
+				<header class="author-bio__header">
+			<h3 class="f3-mktg text-bold mb-1">
+				<a href="https://github.blog/author/nerdneha/" class="Link--primary color-fg-default">Neha Batra</a>
+			</h3>
+							<p class="mb-0 f4 lh-condensed">
+					<a href="https://github.com/nerdneha" target="_blank">@nerdneha</a>
+				</p>
+					</header>
+			</div>
+</article>
+	</div>
+</section>
+
+<aside id="sidebar" class="col-12 col-md-4 col-lg-3 post__sidebar" aria-label="Sidebar">
+	
+<section aria-label="Tags">
+	<ul class="d-none d-md-flex flex-items-start flex-wrap list-style-none mt-4 mt-md-0 mb-6 mb-md-8 post-tags">
+					<li class="my-0">
+				<a href="https://github.blog/tag/client-apps/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+					client apps				</a>
+			</li>
+					<li class="my-0">
+				<a href="https://github.blog/tag/editor-tools/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+					editor tools				</a>
+			</li>
+					<li class="my-0">
+				<a href="https://github.blog/tag/github-desktop/" class="d-block border py-2 px-3 f5 lh-condensed-ultra text-semibold Link--primary" rel="tag">
+					GitHub Desktop				</a>
+			</li>
+			</ul>
+</section>
+	<div class="position-sticky top-md-scroll">
+		<div class="d-none d-md-block">
+					</div>
+		<section aria-labelledby="client-apps-related-posts-title" class="mb-7 mb-md-8 mt-7 mt-md-0"><h2 class="h5-mktg aside-heading pb-3 border-bottom color-fg-muted color-border-muted" id="client-apps-related-posts-title">More on <a href="https://github.blog/tag/client-apps/" class="Link--primary">client apps</a></h2><article class="py-4 d-flex flex-column"><div class="col-12  tease-text"><h3 class="h6-mktg mb-12px"><a href="https://github.blog/security/application-security/git-credential-manager-authentication-for-everyone/" class="Link--primary">Git Credential Manager: authentication for everyone</a></h3><div class="f4-mktg color-fg-muted"><p>Ensuring secure access to your source code is more important than ever. Git Credential Manager helps make that easy.</p>
+</div><div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/mjcheetham/" title="Posts by Matthew John Cheetham" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Matthew John Cheetham</a>			</span>
+							</span>
+</div>
+</div></article><article class="py-4 d-flex flex-column border-top"><div class="col-12  tease-text"><h3 class="h6-mktg mb-12px"><a href="https://github.blog/news-insights/product-news/github-desktop-hiding-whitespace-expanding-diffs-repo-aliases/" class="Link--primary">GitHub Desktop supports hiding whitespace, expanding diffs, and creating repository aliases</a></h3><div class="f4-mktg color-fg-muted"><p>GitHub Desktop 2.8 now includes several new features to make it easier to work with diffs and easier for people who have multiple copies of the same repository. Expand diffs&hellip;</p>
+</div><div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/billygriffin/" title="Posts by Billy Griffin" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Billy Griffin</a>			</span>
+							</span>
+</div>
+</div></article></section>	</div>
+</aside>
+		</div>
+	</div>
+	<section class="container-xl p-responsive-blog mx-auto mt-12 mb-8">
+	<h2 class="h5-mktg mb-4 mb-lg-7 pb-3 border-bottom color-border-subtle">
+		Related posts	</h2>
+	<div class="post-columns post-columns--3-3">
+	<article class="color-border-muted post-card">
+	<div class="d-flex flex-column">
+		<div class="d-block col-12 position-relative rounded-2 mb-3 overflow-hidden tease-thumbnail" target="_self">
+			<svg aria-hidden="true" width="1032" height="548" class="width-full height-auto d-block" role="presentation"></svg>
+			<img width="400" height="212" src="https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?resize=400%2C212" class="d-block cover-image tease-thumbnail__img wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?w=1600 1600w, https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?w=800 800w, https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?w=400 400w, https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?w=1032 1032w, https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?w=516 516w, https://github.blog/wp-content/uploads/2025/08/wallpaper-generic-.png?zoom=3&amp;resize=400%2C212 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" />					</div>
+		<div class="mb-1"><a href="https://github.blog/news-insights/company-news/" class="first-post-category f5-mktg text-gradient-purple-coral text-bold pb-1 position-relative z-2">Company news</a></div>		<div class="">
+			<h3 class="h6-mktg mb-2">
+				<a class="Link--primary post-card__link" href="https://github.blog/news-insights/company-news/github-availability-report-july-2026/" target="_self">
+					GitHub availability report: July 2026				</a>
+			</h3>
+			<div class="f4-mktg color-fg-muted">
+				<p>In July, we experienced eight incidents that resulted in degraded performance across GitHub services.</p>
+			</div>
+		</div>
+		<footer>
+			<div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/jakuboleksy/" title="Posts by Jakub Oleksy" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Jakub Oleksy</a>			</span>
+							</span>
+</div>
+		</footer>
+	</div>
+</article>
+<article class="color-border-muted post-card">
+	<div class="d-flex flex-column">
+		<div class="d-block col-12 position-relative rounded-2 mb-3 overflow-hidden tease-thumbnail" target="_self">
+			<svg aria-hidden="true" width="1032" height="548" class="width-full height-auto d-block" role="presentation"></svg>
+			<img width="400" height="212" src="https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?resize=400%2C212" class="d-block cover-image tease-thumbnail__img wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?w=1600 1600w, https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?w=800 800w, https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?w=400 400w, https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?w=1032 1032w, https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?w=516 516w, https://github.blog/wp-content/uploads/2025/08/github-generic-wallpaper-pink.png?zoom=3&amp;resize=400%2C212 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" />					</div>
+		<div class="mb-1"><a href="https://github.blog/news-insights/company-news/" class="first-post-category f5-mktg text-gradient-purple-coral text-bold pb-1 position-relative z-2">Company news</a></div>		<div class="">
+			<h3 class="h6-mktg mb-2">
+				<a class="Link--primary post-card__link" href="https://github.blog/news-insights/company-news/github-availability-report-june-2026/" target="_self">
+					GitHub availability report: June 2026				</a>
+			</h3>
+			<div class="f4-mktg color-fg-muted">
+				<p>In June, we experienced six incidents that resulted in degraded performance across GitHub services.</p>
+			</div>
+		</div>
+		<footer>
+			<div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/jakuboleksy/" title="Posts by Jakub Oleksy" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Jakub Oleksy</a>			</span>
+							</span>
+</div>
+		</footer>
+	</div>
+</article>
+<article class="color-border-muted post-card">
+	<div class="d-flex flex-column">
+		<div class="d-block col-12 position-relative rounded-2 mb-3 overflow-hidden tease-thumbnail" target="_self">
+			<svg aria-hidden="true" width="1032" height="548" class="width-full height-auto d-block" role="presentation"></svg>
+			<img width="400" height="212" src="https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?resize=400%2C212" class="d-block cover-image tease-thumbnail__img wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=300 300w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=1600 1600w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=800 800w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=400 400w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=1032 1032w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?w=516 516w, https://github.blog/wp-content/uploads/2025/01/innovation_graph_1.png?zoom=3&amp;resize=400%2C212 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" />					</div>
+		<div class="mb-1"><a href="https://github.blog/news-insights/" class="first-post-category f5-mktg text-gradient-purple-coral text-bold pb-1 position-relative z-2">News &amp; insights</a></div>		<div class="">
+			<h3 class="h6-mktg mb-2">
+				<a class="Link--primary post-card__link" href="https://github.blog/news-insights/policy-news-and-insights/q1-2026-innovation-graph-update-open-source-collaboration-is-accelerating-worldwide/" target="_self">
+					Q1 2026 Innovation Graph update: Open source collaboration is accelerating worldwide				</a>
+			</h3>
+			<div class="f4-mktg color-fg-muted">
+				<p>New Innovation Graph data shows global developer communities growing faster than ever, with collaboration reaching new highs across many economies.</p>
+			</div>
+		</div>
+		<footer>
+			<div class="d-flex flex-items-center mb-6px">
+		<span>
+					<span class="text-bold">
+				<a href="https://github.blog/author/khxu/" title="Posts by Kevin Xu" class="author url fn Link--primary no-wrap position-relative z-2" rel="author">Kevin Xu</a>			</span>
+							</span>
+</div>
+		</footer>
+	</div>
+</article>
+</div>
+</section>
+<aside class="container-xl p-responsive-blog mx-auto mb-12">
+	<h2 class="h5-mktg border-bottom pb-3">
+		Explore more from GitHub	</h2>
+	<div class="d-flex flex-wrap ml-md-n4">
+		<div class="col-12 col-md-6 col-lg-3 d-flex mt-4 mt-lg-6 pl-md-4">
+	<div class="rounded-3 color-bg-subtle d-flex flex-column flex-items-start width-full p-5 f4-mktg color-fg-muted">
+		<img src="https://github.blog/wp-content/uploads/2024/07/Icon-Circle.svg" width="44" height="44" class="width-auto d-block mb-3" alt="Docs"/>		<h3 class="f3-mktg text-bold color-fg-default mb-3">
+			Docs		</h3>
+		<div class="mb-auto">
+			<p>Everything you need to master GitHub, all in one place.</p>
+		</div>
+					<div class="mt-7">
+				<a data-analytics-click="Blog, click on module, text: Go to Docs; ref_location:bottom recirculation;" href="https://docs.github.com/" class="text-semibold arrow-target-mktg Link--primary" target="_blank" aria-label="Go to Docs">
+					Go to Docs											<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external ml-1"><path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>
+									</a>
+			</div>
+			</div>
+</div>
+<div class="col-12 col-md-6 col-lg-3 d-flex mt-4 mt-lg-6 pl-md-4">
+	<div class="rounded-3 color-bg-subtle d-flex flex-column flex-items-start width-full p-5 f4-mktg color-fg-muted">
+		<img src="https://github.blog/wp-content/uploads/2024/07/recirculation-github-icon.svg" width="44" height="44" class="width-auto d-block mb-3" alt="GitHub"/>		<h3 class="f3-mktg text-bold color-fg-default mb-3">
+			GitHub		</h3>
+		<div class="mb-auto">
+			<p>Build what&#8217;s next on GitHub, the place for anyone from anywhere to build anything.</p>
+		</div>
+					<div class="mt-7">
+				<a data-analytics-click="Blog, click on module, text: Start building; ref_location:bottom recirculation;" href="https://github.com/" class="text-semibold arrow-target-mktg Link--primary" target="_blank" aria-label="Start building">
+					Start building											<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external ml-1"><path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>
+									</a>
+			</div>
+			</div>
+</div>
+<div class="col-12 col-md-6 col-lg-3 d-flex mt-4 mt-lg-6 pl-md-4">
+	<div class="rounded-3 color-bg-subtle d-flex flex-column flex-items-start width-full p-5 f4-mktg color-fg-muted">
+		<img src="https://github.blog/wp-content/uploads/2024/07/Icon_da43dc.svg" width="44" height="44" class="width-auto d-block mb-3" alt="Customer stories"/>		<h3 class="f3-mktg text-bold color-fg-default mb-3">
+			Customer stories		</h3>
+		<div class="mb-auto">
+			<p>Meet the companies and engineering teams that build with GitHub.</p>
+		</div>
+					<div class="mt-7">
+				<a data-analytics-click="Blog, click on module, text: Learn more; ref_location:bottom recirculation;" href="https://github.com/customer-stories" class="text-semibold arrow-target-mktg Link--primary" target="_blank" aria-label="Learn more">
+					Learn more											<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external ml-1"><path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>
+									</a>
+			</div>
+			</div>
+</div>
+<div class="col-12 col-md-6 col-lg-3 d-flex mt-4 mt-lg-6 pl-md-4">
+	<div class="rounded-3 color-bg-subtle d-flex flex-column flex-items-start width-full p-5 f4-mktg color-fg-muted">
+		<img src="https://github.blog/wp-content/uploads/2025/06/Universe26-Icon.svg" width="44" height="44" class="width-auto d-block mb-3" alt="GitHub Universe 2026"/>		<h3 class="f3-mktg text-bold color-fg-default mb-3">
+			GitHub Universe 2026		</h3>
+		<div class="mb-auto">
+			<p>Join us October 28-29 in San Francisco or online for GitHub Universe, our flagship developer event uniting people, agents, and the world’s code.</p>
+		</div>
+					<div class="mt-7">
+				<a data-analytics-click="Blog, click on module, text: Register now; ref_location:bottom recirculation;" href="https://githubuniverse.com/?utm_source=Blog&#038;utm_medium=GitHub&#038;utm_campaign=module_uni_26" class="text-semibold arrow-target-mktg Link--primary" target="_blank" aria-label="Register now">
+					Register now											<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-link-external ml-1"><path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>
+									</a>
+			</div>
+			</div>
+</div>
+	</div>
+</aside>
+<div class="py-6 py-lg-8 color-bg-subtle" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark">
+	<div class="container-xl p-responsive-blog">
+		<section id="newsletter" class="newsletter rounded-2">
+	<div class="color-bg-subtle rounded-2">
+		<div class="d-flex flex-row flex-wrap gutter-spacious py-5 px-4 py-md-6 px-md-5">
+			<div class="newsletter-content col-12 col-lg-6 col-xl-7">
+				<h2 class="h4-mktg color-fg-default">We do newsletters, too</h2><p class="f3-mktg color-fg-muted mt-2 mb-3">Discover tips, technical guides, and best practices in our biweekly newsletter just for devs.</p>			</div>
+			<div class="col-12 col-lg-6 col-xl-5">
+				<label for="newsletter_emailAddress" class="">Your email address</label>
+				<form method="post" action="https://s88570519.t.eloqua.com/e/f2?elqFormName=copynewsletter-signup-form-637872624660309567&elqSiteID=88570519" class="js-form-validator newsletter-form">
+					<div class="newsletter-form d-md-flex flex-row mt-0 mb-3 rounded-2 required form-group">
+						<div class="m-0 width-full newsletter-input-container">
+							<span aria-hidden="true" class="required-indicator">*</span>
+							<label for="newsletter_emailAddress" class="screen-reader-text">Your email address</label>
+							<input type="email" required id="newsletter_emailAddress" name="emailAddress" placeholder="Your email address" class="required js-validity-check d-block width-full height-md-full f4-mktg newsletter-field rounded-2" />
+						</div>
+																								<input type="hidden" name="classification" value="Practitioner">
+						<button type="submit" class="js-form-validator-submit newsletter-submit flex-shrink-0 arrow-target-mktg d-none d-md-flex flex-row f3-mktg flex-items-center text-semibold rounded-2">
+							<span>Subscribe</span>
+							<svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="24" height="24" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>
+						</button>
+					</div>
+					<div class="form-checkbox color-fg-muted f6-mktg m-0 mt-2 form-group">
+						<label class="text-normal">
+							<input id="optincheckbox" name="marketingEmailOptIn1" type="checkbox" value="True">
+							Yes please, I’d like GitHub and affiliates to use my information for personalized communications, targeted advertising and campaign effectiveness. See the <a href="https://github.com/site/privacy" target="blank">GitHub Privacy Statement</a> for more details.						</label>
+					</div>
+					<button type="submit" class="js-form-validator-submit newsletter-submit flex-shrink-0 arrow-target-mktg mt-3 d-flex d-md-none flex-row f3-mktg flex-items-center text-semibold rounded-2">
+						<span>Subscribe</span>
+						<svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="24" height="24" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>
+					</button>
+				</form>
+			</div>
+		</div>
+	</div>
+</section>
+	</div>
+</div>
+</main>
+<div data-color-mode="dark" data-light-theme="light" data-dark-theme="dark">
+	<footer class="footer pt-6">
+		<h2 class="sr-only">Site-wide Links</h2>
+		
+<div class="container-xl p-responsive-blog">
+	<div class="d-flex flex-wrap py-5 mb-5">
+
+		<div class="col-12 col-lg-4 mb-5">
+			<a href="https://github.com/" data-ga-click="Resources, go to home, resources footer" class="color-fg-default" aria-label="Go to GitHub homepage">
+				<svg height="30" class="octicon octicon-logo-github" viewBox="0 0 45 16" version="1.1" width="84" aria-hidden="true">
+					<path fill-rule="evenodd" d="M18.53 12.03h-.02c.009 0 .015.01.024.011h.006l-.01-.01zm.004.011c-.093.001-.327.05-.574.05-.78 0-1.05-.36-1.05-.83V8.13h1.59c.09 0 .16-.08.16-.19v-1.7c0-.09-.08-.17-.16-.17h-1.59V3.96c0-.08-.05-.13-.14-.13h-2.16c-.09 0-.14.05-.14.13v2.17s-1.09.27-1.16.28c-.08.02-.13.09-.13.17v1.36c0 .11.08.19.17.19h1.11v3.28c0 2.44 1.7 2.69 2.86 2.69.53 0 1.17-.17 1.27-.22.06-.02.09-.09.09-.16v-1.5a.177.177 0 00-.146-.18zM42.23 9.84c0-1.81-.73-2.05-1.5-1.97-.6.04-1.08.34-1.08.34v3.52s.49.34 1.22.36c1.03.03 1.36-.34 1.36-2.25zm2.43-.16c0 3.43-1.11 4.41-3.05 4.41-1.64 0-2.52-.83-2.52-.83s-.04.46-.09.52c-.03.06-.08.08-.14.08h-1.48c-.1 0-.19-.08-.19-.17l.02-11.11c0-.09.08-.17.17-.17h2.13c.09 0 .17.08.17.17v3.77s.82-.53 2.02-.53l-.01-.02c1.2 0 2.97.45 2.97 3.88zm-8.72-3.61h-2.1c-.11 0-.17.08-.17.19v5.44s-.55.39-1.3.39-.97-.34-.97-1.09V6.25c0-.09-.08-.17-.17-.17h-2.14c-.09 0-.17.08-.17.17v5.11c0 2.2 1.23 2.75 2.92 2.75 1.39 0 2.52-.77 2.52-.77s.05.39.08.45c.02.05.09.09.16.09h1.34c.11 0 .17-.08.17-.17l.02-7.47c0-.09-.08-.17-.19-.17zm-23.7-.01h-2.13c-.09 0-.17.09-.17.2v7.34c0 .2.13.27.3.27h1.92c.2 0 .25-.09.25-.27V6.23c0-.09-.08-.17-.17-.17zm-1.05-3.38c-.77 0-1.38.61-1.38 1.38 0 .77.61 1.38 1.38 1.38.75 0 1.36-.61 1.36-1.38 0-.77-.61-1.38-1.36-1.38zm16.49-.25h-2.11c-.09 0-.17.08-.17.17v4.09h-3.31V2.6c0-.09-.08-.17-.17-.17h-2.13c-.09 0-.17.08-.17.17v11.11c0 .09.09.17.17.17h2.13c.09 0 .17-.08.17-.17V8.96h3.31l-.02 4.75c0 .09.08.17.17.17h2.13c.09 0 .17-.08.17-.17V2.6c0-.09-.08-.17-.17-.17zM8.81 7.35v5.74c0 .04-.01.11-.06.13 0 0-1.25.89-3.31.89-2.49 0-5.44-.78-5.44-5.92S2.58 1.99 5.1 2c2.18 0 3.06.49 3.2.58.04.05.06.09.06.14L7.94 4.5c0 .09-.09.2-.2.17-.36-.11-.9-.33-2.17-.33-1.47 0-3.05.42-3.05 3.73s1.5 3.7 2.58 3.7c.92 0 1.25-.11 1.25-.11v-2.3H4.88c-.11 0-.19-.08-.19-.17V7.35c0-.09.08-.17.19-.17h3.74c.11 0 .19.08.19.17z"></path>
+				</svg>
+			</a>
+		</div>
+
+		<nav aria-labelledby="product-menu" class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4"><h3 id="product-menu" class="h5 mb-3 text-mono color-text-tertiary text-normal">Product</h3><ul class="list-style-none text-gray f5"><li class="lh-condensed mb-3"><a href="https://github.com/features" data-ga-click="Site Foundation Components, go to Features, site foundation components footer" class="Link--secondary">Features</a></li><li class="lh-condensed mb-3"><a href="https://github.com/security" data-ga-click="Site Foundation Components, go to Security, site foundation components footer" class="Link--secondary">Security</a></li><li class="lh-condensed mb-3"><a href="https://github.com/enterprise" data-ga-click="Site Foundation Components, go to Enterprise, site foundation components footer" class="Link--secondary">Enterprise</a></li><li class="lh-condensed mb-3"><a href="https://github.com/customer-stories?type=enterprise" data-ga-click="Site Foundation Components, go to Customer Stories, site foundation components footer" class="Link--secondary">Customer Stories</a></li><li class="lh-condensed mb-3"><a href="https://github.com/pricing" data-ga-click="Site Foundation Components, go to Pricing, site foundation components footer" class="Link--secondary">Pricing</a></li><li class="lh-condensed mb-3"><a href="https://resources.github.com/" data-ga-click="Site Foundation Components, go to Resources, site foundation components footer" class="Link--secondary">Resources</a></li></ul></nav><nav aria-labelledby="platform-menu" class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4"><h3 id="platform-menu" class="h5 mb-3 text-mono color-text-tertiary text-normal">Platform</h3><ul class="list-style-none text-gray f5"><li class="lh-condensed mb-3"><a href="https://developer.github.com/" data-ga-click="Site Foundation Components, go to Developer API, site foundation components footer" class="Link--secondary">Developer API</a></li><li class="lh-condensed mb-3"><a href="https://partner.github.com/" data-ga-click="Site Foundation Components, go to Partners, site foundation components footer" class="Link--secondary">Partners</a></li><li class="lh-condensed mb-3"><a href="https://atom.io/" data-ga-click="Site Foundation Components, go to Atom, site foundation components footer" class="Link--secondary">Atom</a></li><li class="lh-condensed mb-3"><a href="https://www.electronjs.org/" data-ga-click="Site Foundation Components, go to Electron, site foundation components footer" class="Link--secondary">Electron</a></li><li class="lh-condensed mb-3"><a href="https://desktop.github.com/" data-ga-click="Site Foundation Components, go to GitHub Desktop, site foundation components footer" class="Link--secondary">GitHub Desktop</a></li></ul></nav><nav aria-labelledby="support-menu" class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4"><h3 id="support-menu" class="h5 mb-3 text-mono color-text-tertiary text-normal">Support</h3><ul class="list-style-none text-gray f5"><li class="lh-condensed mb-3"><a href="https://docs.github.com/" data-ga-click="Site Foundation Components, go to Docs, site foundation components footer" class="Link--secondary">Docs</a></li><li class="lh-condensed mb-3"><a href="https://github.community/" data-ga-click="Site Foundation Components, go to Community Forum, site foundation components footer" class="Link--secondary">Community Forum</a></li><li class="lh-condensed mb-3"><a href="https://services.github.com/" data-ga-click="Site Foundation Components, go to Training, site foundation components footer" class="Link--secondary">Training</a></li><li class="lh-condensed mb-3"><a href="https://www.githubstatus.com/" data-ga-click="Site Foundation Components, go to Status, site foundation components footer" class="Link--secondary">Status</a></li><li class="lh-condensed mb-3"><a href="https://support.github.com/" data-ga-click="Site Foundation Components, go to Contact, site foundation components footer" class="Link--secondary">Contact</a></li></ul></nav><nav aria-labelledby="company-menu" class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4"><h3 id="company-menu" class="h5 mb-3 text-mono color-text-tertiary text-normal">Company</h3><ul class="list-style-none text-gray f5"><li class="lh-condensed mb-3"><a href="https://github.com/about" data-ga-click="Site Foundation Components, go to About, site foundation components footer" class="Link--secondary">About</a></li><li class="lh-condensed mb-3"><a href="https://github.blog/" data-ga-click="Site Foundation Components, go to Blog, site foundation components footer" class="Link--secondary">Blog</a></li><li class="lh-condensed mb-3"><a href="https://github.com/about/careers" data-ga-click="Site Foundation Components, go to Careers, site foundation components footer" class="Link--secondary">Careers</a></li><li class="lh-condensed mb-3"><a href="https://github.com/about/press" data-ga-click="Site Foundation Components, go to Press, site foundation components footer" class="Link--secondary">Press</a></li><li class="lh-condensed mb-3"><a href="https://shop.github.com/" data-ga-click="Site Foundation Components, go to Shop, site foundation components footer" class="Link--secondary">Shop</a></li></ul></nav>
+	</div>
+</div>
+		
+<div class="color-bg-subtle">
+	<div class="container-xl p-responsive-blog f6 py-4 d-sm-flex flex-justify-between flex-items-center">
+
+	<ul class="list-style-none d-flex flex-wrap text-gray mb-3">
+			<li class="mr-3">&copy; 2026 GitHub, Inc.</li>
+
+			<li class="mr-3">
+				<a href="https://docs.github.com/en/github/site-policy/github-terms-of-service" data-ga-click="Site Foundation Components, go to terms, site foundation components footer" class="Link--secondary">Terms</a>
+			</li>
+
+			<li class="mr-3">
+				<a href="https://docs.github.com/en/github/site-policy/github-privacy-statement" data-ga-click="Site Foundation Components, go to privacy, site foundation components footer" class="Link--secondary">Privacy</a>
+			</li>
+
+				<li class="mr-3">
+		<button type="button" class="btn-link Link--secondary" onClick="_ghcc.showPreferences()">Manage Cookies</button>
+	</li>
+	<li class="mr-3">
+		<button type="button" class="btn-link Link--secondary" onClick="_ghcc.showPreferences()">Do not share my personal information</button>
+	</li>
+	
+		</ul>
+
+		<ul class="list-style-none d-flex flex-items-center mb-sm-0 lh-condensed-ultra">
+			<li class="mr-3 flex-self-start focusable-svg">
+				<a href="https://www.linkedin.com/company/github" data-ga-click="Blog, go to Linkedin, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" class="d-block" height="18">
+						<title>LinkedIn icon</title>
+						<path d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z" fill="currentColor"></path>
+					</svg>
+
+					<span class="sr-only">GitHub on LinkedIn</span>
+				</a>
+			</li>
+			<li class="mr-3 focusable-svg">
+				<a href="https://www.instagram.com/github/" data-ga-click="Blog, go to Instagram, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 169.063 169.063" class="d-block" height="18">
+						<title>Instagram icon</title>
+						<g>
+							<path d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752
+								c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407
+								c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752
+								c17.455,0,31.656,14.201,31.656,31.655V122.407z" fill="currentColor"/>
+							<path d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561
+								C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561
+								c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z" fill="currentColor"/>
+							<path d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78
+								c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78
+								C135.661,29.421,132.821,28.251,129.921,28.251z" fill="currentColor"/>
+						</g>
+					</svg>
+
+					<span class="sr-only">GitHub on Instagram</span>
+				</a>
+			</li>
+			<li class="mr-3 focusable-svg">
+				<a href="https://www.youtube.com/github" data-ga-click="Blog, go to YouTube, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.17 13.6" class="d-block" height="16">
+						<title>YouTube icon</title>
+						<path d="M18.77 2.13A2.4 2.4 0 0 0 17.09.42C15.59 0 9.58 0 9.58 0a57.55 57.55 0 0 0-7.5.4A2.49 2.49 0 0 0 .39 2.13 26.27 26.27 0 0 0 0 6.8a26.15 26.15 0 0 0 .39 4.67 2.43 2.43 0 0 0 1.69 1.71c1.52.42 7.5.42 7.5.42a57.69 57.69 0 0 0 7.51-.4 2.4 2.4 0 0 0 1.68-1.71 25.63 25.63 0 0 0 .4-4.67 24 24 0 0 0-.4-4.69zM7.67 9.71V3.89l5 2.91z" fill="currentColor"></path>
+					</svg>
+
+					<span class="sr-only">GitHub on YouTube</span>
+				</a>
+			</li>
+			<li class="mr-3 focusable-svg">
+				<a href="https://twitter.com/github" data-ga-click="Blog, go to X, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227" class="d-block" height="18">
+						<title>X icon</title>
+						<path xmlns="http://www.w3.org/2000/svg" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z" fill="currentColor"></path>
+					</svg>
+
+					<span class="sr-only">GitHub on X</span>
+				</a>
+			</li>
+			<li class="mr-3 flex-self-start focusable-svg">
+				<a href="https://www.tiktok.com/@github" data-ga-click="Blog, go to TikTok, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="d-block" height="18">
+						<title>TikTok icon</title>
+						<path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z" fill="currentColor"/>
+					</svg>
+
+					<span class="sr-only">GitHub on TikTok</span>
+				</a>
+			</li>
+			<li class="mr-3 flex-self-start focusable-svg">
+				<a href="https://www.twitch.tv/github" data-ga-click="Blog, go to Twitch, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="d-block" height="18">
+						<title>Twitch icon</title>
+						<path d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z" fill="currentColor"/>
+					</svg>
+					<span class="sr-only">GitHub on Twitch</span>
+				</a>
+			</li>
+			<li class="focusable-svg">
+				<a href="https://github.com/github" data-ga-click="Blog, go to github's org, resources footer" style="color: #959da5;">
+					<svg focusable="false" tabindex="-1" aria-hidden="true" height="20" class="octicon octicon-mark-github d-block" alt="" viewBox="0 0 98 96" fill="none" version="1.1" width="20" aria-hidden="true"><g clip-path="url(#a)">
+						<title>GitHub icon</title>
+						<path fill-rule="evenodd" d="M41.44 69.385C28.807 67.853 19.906 58.762 19.906 46.99c0-4.785 1.723-9.953 4.594-13.398-1.244-3.158-1.053-9.858.383-12.633 3.828-.479 8.996 1.531 12.058 4.307 3.637-1.149 7.465-1.723 12.155-1.723 4.69 0 8.517.574 11.963 1.627 2.966-2.68 8.23-4.69 12.058-4.211 1.34 2.584 1.531 9.283.287 12.537 3.063 3.637 4.69 8.518 4.69 13.494 0 11.772-8.9 20.672-21.725 22.3 3.254 2.104 5.455 6.698 5.455 11.962v9.953c0 2.871 2.393 4.498 5.264 3.35C84.41 87.95 98 70.629 98 49.19 98 22.107 75.988 0 48.904 0 21.82 0 0 22.107 0 49.191c0 21.246 13.494 38.856 31.678 45.46 2.584.956 5.072-.766 5.072-3.35v-7.657c-1.34.575-3.063.958-4.594.958-6.316 0-10.049-3.446-12.728-9.858-1.053-2.584-2.201-4.115-4.403-4.402-1.148-.096-1.53-.574-1.53-1.149 0-1.148 1.913-2.01 3.827-2.01 2.776 0 5.168 1.723 7.657 5.264 1.914 2.776 3.923 4.02 6.316 4.02 2.392 0 3.924-.861 6.125-3.063 1.627-1.627 2.871-3.062 4.02-4.02z"/></g><defs><clipPath id="a"><path d="M0 0h98v96H0z"/></clipPath></defs>
+					</svg>
+					<span class="sr-only">GitHub’s organization on GitHub</span>
+				</a>
+			</li>
+		</ul>
+
+
+
+	</div>
+</div>
+	</footer>
+</div>
+<script type="speculationrules">
+{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/github-2021-child/*","/wp-content/themes/github-2021/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
+</script>
+<div id="ghcc" style="position: sticky; bottom: 0; z-index: 99999;"></div><script id="github_cookie_consent-js" src="https://ghcc.githubassets.com/ghcc.min.js"></script>
+<script id="github_microsoft_analytics-js" src="https://js.monitor.azure.com/scripts/c/ms.analytics-web-4.js"></script>
+<script type="text/javascript" src="https://github.blog/_static/??-eJx9jdEOwiAMRX9IVre4yYvxWzYgtAy6RUr0860mGp987Tn3FO67cRtLYIE9t0hcIaKetpXCi1QlZmZv5Da7lTiCpyqQKvxxulQP8FMWDCVomATbYobj0BuHlP23lSmiLNvjMyR2uXmdKHs7qM9qV4jVuJZLf7bTeLKjndITivxGNg==" ></script><script id="wp-i18n-js" src="https://github.blog/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
+<script id="wp-i18n-js-after">
+wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
+//# sourceURL=wp-i18n-js-after
+</script>
+<script type="text/javascript" src="https://github.blog/wp-includes/js/dist/url.min.js?m=1786548587g" ></script><script id="wp-api-fetch-js" src="https://github.blog/wp-includes/js/dist/api-fetch.min.js?ver=d7efe4dc1468d36c39b8"></script>
+<script id="wp-api-fetch-js-after">
+wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "https://github.blog/wp-json/" ) );
+wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "a44e7f2968" );
+wp.apiFetch.use( wp.apiFetch.nonceMiddleware );
+wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware );
+wp.apiFetch.nonceEndpoint = "https://github.blog/wp-admin/admin-ajax.php?action=rest-nonce";
+//# sourceURL=wp-api-fetch-js-after
+</script>
+<script type="text/javascript" src="https://github.blog/wp-content/themes/github-2021/dist/js/site-script.js?m=1786535977g" ></script><script id="highlightjs-js" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js?ver=11.4.0"></script>
+<script id="highlightjs-js-after">
+hljs.highlightAll()
+//# sourceURL=highlightjs-js-after
+</script>
+<script type="text/javascript" src="https://github.blog/wp-content/plugins/page-links-to/dist/new-tab.js?m=1786535977g" ></script><script integrity="sha256-kAnFXX7lCXF9K2o4g5q1lKyk167yRq6C4TiXWtbgvQw=" crossorigin="anonymous" id="hydro-analytics-js" src="https://analytics.githubassets.com/v1.1.0/hydro-marketing.min.js?ver=7.0.4"></script>
+<script id="jetpack-stats-js-before">
+_stq = window._stq || [];
+_stq.push([ "view", {"v":"ext","blog":"153214340","post":"47032","tz":"-7","srv":"github.blog","hp":"vip","j":"1:16.0.1"} ]);
+_stq.push([ "clickTrackerInit", "153214340", "47032" ]);
+//# sourceURL=jetpack-stats-js-before
+</script>
+<script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202633.js"></script>
+<script id="wp-emoji-settings" type="application/json">
+{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://github.blog/wp-includes/js/wp-emoji-release.min.js?ver=7.0.4"}}
+</script>
+<script type="module">
+/*! This file is auto-generated */
+var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
+//# sourceURL=https://github.blog/wp-includes/js/wp-emoji-loader.min.js
+</script>
+</body>
+</html>
diff --git a/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-a11y-frozen-16e36128ea2b.html b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-a11y-frozen-16e36128ea2b.html
new file mode 100644
index 0000000..10d968c
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-a11y-frozen-16e36128ea2b.html
@@ -0,0 +1,1673 @@
+ <!DOCTYPE html>
+		<html
+			class="layout layout-holy-grail   show-table-of-contents conceptual show-breadcrumb default-focus"
+			lang="en-us"
+			dir="ltr"
+			data-authenticated="false"
+			data-auth-status-determined="false"
+			data-target="docs"
+			x-ms-format-detection="none"
+		>
+			
+		<head>
+			<title>Accessibility overview - Windows apps | Microsoft Learn</title>
+			<meta charset="utf-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta name="color-scheme" content="light dark" />
+
+			<meta name="description" content="This article is an overview of the concepts and technologies related to accessibility scenarios for Windows apps." />
+			<link rel="canonical" href="https://learn.microsoft.com/en-us/windows/apps/design/accessibility/accessibility-overview" /> 
+
+			<!-- Non-customizable open graph and sharing-related metadata -->
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:site" content="@MicrosoftLearn" />
+			<meta property="og:type" content="website" />
+			<meta property="og:image:alt" content="Microsoft Learn" />
+			<meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
+			<!-- Page specific open graph and sharing-related metadata -->
+			<meta property="og:title" content="Accessibility overview - Windows apps" />
+			<meta property="og:url" content="https://learn.microsoft.com/en-us/windows/apps/design/accessibility/accessibility-overview" />
+			<meta property="og:description" content="This article is an overview of the concepts and technologies related to accessibility scenarios for Windows apps." />
+			<meta name="platform_id" content="c0a19643-f0be-3728-0438-13c2de649c3f" /> 
+			<meta name="locale" content="en-us" />
+			 
+			<meta name="uhfHeaderId" content="MSDocsHeader-WinDevCenter" />
+
+			<meta name="page_type" content="conceptual" />
+
+			<!--page specific meta tags-->
+			
+
+			<!-- custom meta tags -->
+			
+		<meta name="ms.service" content="windows-app-sdk" />
+	
+		<meta name="recommendations" content="true" />
+	
+		<meta name="ROBOTS" content="INDEX, FOLLOW" />
+	
+		<meta name="author" content="GrantMeStrength" />
+	
+		<meta name="ms.author" content="jken" />
+	
+		<meta name="Search.Product" content="eADQiWindows 10XVcnh" />
+	
+		<meta name="breadcrumb_path" content="/windows/breadcrumbs/toc.json" />
+	
+		<meta name="feedback_product_url" content="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb" />
+	
+		<meta name="feedback_system" content="OpenSource" />
+	
+		<meta name="ms.subservice" content="apps" />
+	
+		<meta name="ms.update-cycle" content="365-days" />
+	
+		<meta name="ms.assetid" content="AA053196-F331-4CBE-B032-4E9CBEAC699C" />
+	
+		<meta name="label" content="Accessibility overview" />
+	
+		<meta name="template" content="detail.hbs" />
+	
+		<meta name="ms.date" content="2026-07-22T00:00:00Z" />
+	
+		<meta name="ms.topic" content="concept-article" />
+	
+		<meta name="keywords" content="windows 11, winui, winappsdk, windows app sdk" />
+	
+		<meta name="ms.localizationpriority" content="medium" />
+	
+		<meta name="document_id" content="02a2fe05-0bf3-05c1-7577-ee5dc1dd1dc3" />
+	
+		<meta name="document_version_independent_id" content="5a442cf5-885f-418a-9091-fe0be3754d16" />
+	
+		<meta name="updated_at" content="2026-07-17T02:50:00Z" />
+	
+		<meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/design/accessibility/accessibility-overview.md" />
+	
+		<meta name="gitcommit" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/1b116d52a415fb84b45d26219181a4d25949a760/hub/apps/design/accessibility/accessibility-overview.md" />
+	
+		<meta name="git_commit_id" content="1b116d52a415fb84b45d26219181a4d25949a760" />
+	
+		<meta name="site_name" content="Docs" />
+	
+		<meta name="depot_name" content="MSDN.windows-uwp-hub" />
+	
+		<meta name="schema" content="Conceptual" />
+	
+		<meta name="toc_rel" content="../toc.json" />
+	
+		<meta name="pdf_url_template" content="https://learn.microsoft.com/pdfstore/en-us/MSDN.windows-uwp-hub/{branchName}{pdfName}" />
+	
+		<meta name="feedback_help_link_type" content="" />
+	
+		<meta name="feedback_help_link_url" content="" />
+	
+		<meta name="word_count" content="1677" />
+	
+		<meta name="asset_id" content="apps/design/accessibility/accessibility-overview" />
+	
+		<meta name="moniker_range_name" content="" />
+	
+		<meta name="item_type" content="Content" />
+	
+		<meta name="source_path" content="hub/apps/design/accessibility/accessibility-overview.md" />
+	
+		<meta name="previous_tlsh_hash" content="9507B732B70CD551FFC2A806D67E930169F0C04C9FB02FE90035635690A53E771AB1A9F6EB27B72533214B930227610AA6E3AB7DD07C26B151969475835C32DBABD83BB6FD" />
+	
+		<meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/design/accessibility/accessibility-overview.md" />
+	
+		<meta name="markdown_url" content="https://learn.microsoft.com/en-us/windows/apps/design/accessibility/accessibility-overview?accept=text/markdown" />
+	 
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/43093068-2dda-408b-b3fe-dfd705c84f78" data-source="generated" />
+	
+		<meta name="cmProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/cd440f3c-1b78-40a7-97ba-aa00a1d79df7" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/e453d60d-ba7e-43bc-8028-ec38e6b62512" data-source="generated" />
+	
+		<meta name="spProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/c828f7e0-89b4-459c-9bae-d7ab1c4bd9ad" data-source="generated" />
+	
+
+			<!-- Apply persisted/system theme before first paint to prevent wrong-theme flash when scripts are deferred. -->
+			<script id="theme-preference">
+				(function () {
+			try {
+				var stored = localStorage.getItem('theme');
+				var theme = /^(light|dark|high-contrast)$/.test(stored)
+					? stored
+					: matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+				document.documentElement.classList.add('theme-' + theme);
+			} catch (e) {}
+		})();;
+			</script>
+
+			<script id="atlas-layout-preferences">
+				(function () {
+			try {
+				var state = JSON.parse(localStorage.getItem('atlas-layout-preferences') || '{}');
+				var view = state["docs-layout-persistence"] || {};
+				var excludesKey = "";
+				var blocked = {};
+				if (excludesKey) {
+					var exclusions = JSON.parse(localStorage.getItem('atlas-layout-exclusions') || '{}');
+					if (Object.prototype.hasOwnProperty.call(exclusions, excludesKey)) {
+						var scoped = exclusions[excludesKey];
+						if (scoped) {
+							if (typeof scoped === 'object') blocked = scoped;
+						}
+					}
+				}
+				var html = document.documentElement;
+				for (var c in view) {
+					if (Object.prototype.hasOwnProperty.call(blocked, c)) continue;
+					if (view[c]) html.classList.add(c);
+					else html.classList.remove(c);
+				}
+			} catch (e) {}
+		})();;
+			</script>
+
+			<!-- assets and js globals -->
+			
+			<link rel="stylesheet" href="/static/assets/0.4.03510.8120-9976c201/styles/site.css" />
+			
+			<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
+			<script async src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script>
+			
+
+			<!-- msdocs global object -->
+			<script id="msdocs-script">
+		var msDocs = {
+  "environment": {
+    "accessLevel": "online",
+    "azurePortalHostname": "portal.azure.com",
+    "reviewFeatures": false,
+    "supportLevel": "production",
+    "systemContent": true,
+    "siteName": "learn",
+    "legacyHosting": false
+  },
+  "data": {
+    "contentLocale": "en-us",
+    "contentDir": "ltr",
+    "userLocale": "en-us",
+    "userDir": "ltr",
+    "pageTemplate": "Conceptual",
+    "layoutStateStorageKey": "docs-layout-persistence",
+    "brand": "",
+    "context": {},
+    "standardFeedback": false,
+    "showFeedbackReport": false,
+    "feedbackHelpLinkType": "",
+    "feedbackHelpLinkUrl": "",
+    "feedbackSystem": "OpenSource",
+    "feedbackGitHubRepo": "",
+    "feedbackProductUrl": "https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb",
+    "extendBreadcrumb": false,
+    "isEditDisplayable": true,
+    "isPrivateUnauthorized": false,
+    "hideViewSource": false,
+    "isPermissioned": false,
+    "hasRecommendations": true,
+    "contributors": [
+      {
+        "name": "GrantMeStrength",
+        "url": "https://github.com/GrantMeStrength"
+      },
+      {
+        "name": "niels9001",
+        "url": "https://github.com/niels9001"
+      },
+      {
+        "name": "Karl-Bridge-Microsoft",
+        "url": "https://github.com/Karl-Bridge-Microsoft"
+      },
+      {
+        "name": "Copilot",
+        "url": "https://github.com/Copilot"
+      },
+      {
+        "name": "Saisang",
+        "url": "https://github.com/Saisang"
+      },
+      {
+        "name": "JustPies",
+        "url": "https://github.com/JustPies"
+      },
+      {
+        "name": "stevewhims",
+        "url": "https://github.com/stevewhims"
+      },
+      {
+        "name": "v-hearya",
+        "url": "https://github.com/v-hearya"
+      },
+      {
+        "name": "QuinnRadich",
+        "url": "https://github.com/QuinnRadich"
+      }
+    ],
+    "openSourceFeedbackIssueUrl": "https://github.com/MicrosoftDocs/windows-dev-docs/issues/new?template=1-customer-feedback.yml",
+    "openSourceFeedbackIssueTitle": "",
+    "openSourceFeedbackIssueLabels": "needs-triage"
+  },
+  "functions": {}
+};;
+	</script>
+
+			<!-- base scripts, msdocs global should be before this -->
+			<script
+				src="/static/assets/0.4.03510.8120-9976c201/scripts/en-us/index-docs.js"
+				async
+			></script>
+			
+
+			<!-- json-ld -->
+			
+		</head>
+	
+			<body
+				id="body"
+				data-bi-name="body"
+				class="layout-body "
+				lang="en-us"
+				dir="ltr"
+			>
+				<header class="layout-body-header background-color-body-medium">
+		<div class="header-holder has-default-focus">
+			
+		<a
+			href="#main"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to main content
+		</a>
+	
+		<a
+			href="#"
+			data-skip-to-ask-learn
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			hidden
+		>
+			Skip to Ask Learn chat experience
+		</a>
+	
+
+			<div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
+			<!-- Unsupported browser warning -->
+			<div
+				id="unsupported-browser"
+				style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;"
+				hidden
+			>
+				<div style="max-width: 800px; margin: 0 auto;">
+					<p style="font-size: 24px">This browser is no longer supported.</p>
+					<p style="font-size: 16px; margin-top: 16px;">
+						Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
+					</p>
+					<div style="margin-top: 12px;">
+						<a
+							href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
+							style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;"
+						>
+							Download Microsoft Edge
+						</a>
+						<a
+							href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
+							style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;"
+						>
+							More info about Internet Explorer and Microsoft Edge
+						</a>
+					</div>
+				</div>
+			</div>
+			<!-- site header -->
+			<div
+				id="ms--site-header"
+				data-test-id="site-header-wrapper"
+				itemscope="itemscope"
+				itemtype="http://schema.org/Organization"
+			>
+				<div
+					id="ms--mobile-nav"
+					class="site-header display-none-tablet padding-inline-none gap-none"
+					data-bi-name="mobile-header"
+					data-test-id="mobile-header"
+				></div>
+				<div
+					id="ms--primary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L1-header"
+					data-test-id="primary-header"
+				></div>
+				<div
+					id="ms--secondary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L2-header"
+					data-test-id="secondary-header"
+					
+				></div>
+			</div>
+			
+		<!-- banner -->
+		<div data-banner>
+			<div id="disclaimer-holder"></div>
+			
+		</div>
+		<!-- banner end -->
+	
+		</div>
+	</header>
+				 <section
+					id="layout-body-menu"
+					class="layout-body-menu border-right display-flex background-color-body-medium"
+					data-bi-name="menu"
+			  >
+					
+		<div
+			id="left-container"
+			class="left-container display-none padding-none display-block-tablet width-full display-none-until-layout-restored"
+			data-toc-container="true"
+		>
+			<div
+				id="ms--toc-content"
+				class="padding-left-sm padding-right-none padding-bottom-sm height-full"
+			>
+				<nav
+					id="affixed-left-container"
+					class="margin-top-xxs-tablet position-sticky display-flex flex-direction-column width-full"
+					aria-label="Primary"
+					data-bi-name="left-toc"
+					role="navigation"
+				>
+					<div
+						id="ms--collapsible-toc-header"
+						class="display-flex flex-direction-row-reverse justify-content-center align-items-center margin-bottom-xxs margin-right-xxs"
+					>
+						<button
+							type="button"
+							class="button button-clear button-sm inner-focus"
+							data-collapsible-toc-toggle
+							aria-expanded="true"
+							hidden
+							aria-controls="ms--toc-content"
+							aria-label="Table of contents"
+						>
+							<span class="icon icon-mirrored-rtl" aria-hidden="true">
+								<span
+									class="docon docon-panel-left-contract display-none-layout-menu-collapsed"
+								></span>
+								<span
+									class="docon docon-panel-left-expand display-none display-inline-layout-menu-collapsed"
+								></span>
+							</span>
+						</button>
+						<div
+							id="ms--collapsible-toc-moniker-slot"
+							class="flex-grow-1 display-none-layout-menu-collapsed"
+						></div>
+					</div>
+				</nav>
+			</div>
+		</div>
+	
+			  </section>
+
+				<main
+					id="main"
+					role="main"
+					class="layout-body-main "
+					data-bi-name="content"
+					lang="en-us"
+					dir="ltr"
+				>
+					
+			<div
+		id="ms--content-header"
+		class="content-header default-focus border-bottom-none"
+		data-bi-name="content-header"
+	>
+		<div class="content-header-controls margin-xxs margin-inline-sm-tablet">
+			<button
+				type="button"
+				class="contents-button button button-sm margin-right-xxs"
+				data-bi-name="contents-expand"
+				aria-haspopup="true"
+				data-contents-button
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-menu"></span></span>
+				<span class="contents-expand-title"> Table of contents </span>
+			</button>
+			<button
+				type="button"
+				class="ap-collapse-behavior ap-expanded button button-sm"
+				data-bi-name="ap-collapse"
+				aria-controls="action-panel"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-exit-mode"></span></span>
+				<span>Exit editor mode</span>
+			</button>
+		</div>
+	</div>
+			<div
+				data-main-column
+				class="reading-width margin-inline-auto layout-padding padding-top-none padding-top-sm-tablet padding-bottom-sm"
+			>
+				<div>
+					
+		<div id="article-header" class="background-color-body margin-bottom-xs display-none-print">
+			<div class="display-flex align-items-center justify-content-space-between">
+				
+		<details
+			id="article-header-breadcrumbs-overflow-popover"
+			class="popover popover-left"
+			data-for="article-header-breadcrumbs"
+		>
+			<summary
+				class="button button-clear button-primary button-sm inner-focus"
+				aria-label="All breadcrumbs"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-more"></span>
+				</span>
+			</summary>
+			<div id="article-header-breadcrumbs-overflow" class="popover-content"></div>
+		</details>
+
+		<bread-crumbs
+			id="article-header-breadcrumbs"
+			role="group"
+			aria-label="Breadcrumbs"
+			data-test-id="article-header-breadcrumbs"
+			class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"
+		></bread-crumbs>
+	 
+		<div
+			id="article-header-page-actions"
+			class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"
+		>
+			
+		<button
+			class="button button-sm border-none inner-focus display-none-tablet flex-shrink-0 "
+			data-bi-name="ask-learn-assistant-entry"
+			data-test-id="ask-learn-assistant-modal-entry-mobile"
+			data-ask-learn-modal-entry
+			
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-none display-inline-flex-tablet display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-modal-entry-tablet"
+			data-ask-learn-modal-entry
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-flyout-entry"
+			data-ask-learn-flyout-entry
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	 
+
+			<details class="popover popover-right" id="article-header-page-actions-overflow">
+				<summary
+					class="justify-content-flex-start button button-clear button-sm button-primary inner-focus"
+					aria-label="More actions"
+					title="More actions"
+				>
+					<span class="icon" aria-hidden="true">
+						<span class="docon docon-more-vertical"></span>
+					</span>
+				</summary>
+				<div class="popover-content">
+					
+		<button
+			type="button"
+			id="ms--focus-mode-button"
+			data-focus-mode
+			data-bi-name="focus-mode-entry"
+			data-page-action-item="overflow-all"
+			data-popover-close
+			class="button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus display-none display-inline-flex-tablet"
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-glasses"></span>
+			</span>
+			<span>Reading mode</span>
+		</button>
+	 
+		<button
+			data-page-action-item="overflow-mobile"
+			type="button"
+			class="display-block-layout-menu-collapsed button-block button-sm inner-focus button button-clear display-none-tablet justify-content-flex-start text-align-left"
+			data-bi-name="contents-expand"
+			data-contents-button
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true"
+				><span class="docon docon-editor-list-bullet"></span
+			></span>
+			<span class="contents-expand-title">Table of contents</span>
+		</button>
+	 
+		<a
+			id="lang-link-overflow"
+			class="button-sm inner-focus button button-clear button-block justify-content-flex-start text-align-left"
+			data-bi-name="language-toggle"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-read-in-link
+			href="#"
+			hidden
+		>
+			<span class="icon" aria-hidden="true" data-read-in-link-icon>
+				<span class="docon docon-locale-globe"></span>
+			</span>
+			<span data-read-in-link-text>Read in English</span>
+		</a>
+	
+					
+		<button
+			type="button"
+			class="collection button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus"
+			data-list-type="collection"
+			data-bi-name="collection"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="collection-status">Add</span>
+		</button>
+	 
+		<button
+			type="button"
+			class="collection button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+			data-list-type="plan"
+			data-bi-name="plan"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="plan-status">Add to Plans</span>
+		</button>
+	 
+					
+		<a
+			data-contenteditbtn
+			class="button button-clear button-block button-sm inner-focus justify-content-flex-start text-align-left text-decoration-none"
+			data-bi-name="edit"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			
+			href="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/design/accessibility/accessibility-overview.md"
+			data-original_content_git_url="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/design/accessibility/accessibility-overview.md"
+			data-original_content_git_url_template="{repo}/blob/{branch}/hub/apps/design/accessibility/accessibility-overview.md"
+			data-pr_repo=""
+			data-pr_branch=""
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-edit-outline"></span>
+			</span>
+			<span>Edit</span>
+		</a>
+	  
+		<hr class="margin-block-xxs" />
+		
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="copy-markdown"
+					data-page-action-item="overflow-all"
+					data-copy-markdown
+					data-copy-state="idle"
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span data-show-when="idle" class="docon docon-code-lang"></span>
+						<span data-show-when="loading" class="loader" hidden></span>
+						<span data-show-when="success" class="docon docon-check-mark" hidden></span>
+					</span>
+					<span>Copy Markdown</span>
+				</button>
+		   
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="print"
+					data-page-action-item="overflow-all"
+					data-popover-close
+					data-print-page
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span class="docon docon-print"></span>
+					</span>
+					<span>Print</span>
+				</button>
+		  
+	
+				</div>
+			</details>
+		</div>
+	
+			</div>
+		</div>
+	  
+		<!-- privateUnauthorizedTemplate is hidden by default -->
+		<div unauthorized-private-section data-bi-name="permission-content-unauthorized-private" hidden>
+			<hr class="hr margin-top-xs margin-bottom-sm" />
+			<div class="notification notification-info">
+				<div class="notification-content">
+					<p class="margin-top-none notification-title">
+						<span class="icon" aria-hidden="true"
+							><span class="docon docon-exclamation-circle-solid"></span
+						></span>
+						<span>Note</span>
+					</p>
+					<p class="margin-top-none authentication-determined not-authenticated">
+						Access to this page requires authorization. You can try <a class="docs-sign-in" href="#" data-bi-name="permission-content-sign-in">signing in</a> or <a  class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+					<p class="margin-top-none authentication-determined authenticated">
+						Access to this page requires authorization. You can try <a class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+				</div>
+			</div>
+		</div>
+	
+					<div class="content"><h1 id="accessibility-overview">Accessibility overview</h1></div>
+					
+		<div
+			id="article-metadata"
+			data-bi-name="article-metadata"
+			data-test-id="article-metadata"
+			class="page-metadata-container display-flex gap-xxs justify-content-space-between align-items-center flex-wrap-wrap"
+		>
+			 
+				<div
+					id="user-feedback"
+					class="margin-block-xxs display-none display-none-print"
+					hidden
+					data-hide-on-archived
+				>
+					
+		<button
+			id="user-feedback-button"
+			data-test-id="conceptual-feedback-button"
+			class="button button-sm button-clear button-primary display-none"
+			type="button"
+			data-bi-name="user-feedback-button"
+			data-user-feedback-button
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-like"></span>
+			</span>
+			<span>Feedback</span>
+		</button>
+	
+				</div>
+		  
+		</div>
+	 
+		<div data-id="ai-summary" class="display-none-print">
+			<div id="ms--ai-summary-cta" class="margin-top-xs display-flex align-items-center">
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-sparkle-fill gradient-text-vivid"></span>
+				</span>
+				<button
+					id="ms--ai-summary"
+					type="button"
+					class="tag tag-sm tag-suggestion margin-left-xxs"
+					data-test-id="ai-summary-cta"
+					data-bi-name="ai-summary-cta"
+					data-an="ai-summary"
+				>
+					<span class="ai-summary-cta-text">
+						Summarize this article for me
+					</span>
+				</button>
+			</div>
+			<!-- Slot where the client will render the summary card after the user clicks the CTA -->
+			<div id="ms--ai-summary-header" class="margin-top-xs"></div>
+		</div>
+	 
+		<nav
+			id="center-doc-outline"
+			class="doc-outline display-none-desktop display-none-print margin-bottom-sm"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h2 id="ms--in-this-article" class="title is-6 margin-block-xs">
+				In this article
+			</h2>
+		</nav>
+	
+					<div class="content"><p>This topic introduces concepts and technologies related to building accessible Windows apps.</p>
+<p>Accessible Windows applications support not only people with disabilities (both temporary and permanent) but also those with personal preferences, specific work styles, or situational and environmental constraints (such as shared work spaces, low bandwidth, bright sunlight, noisy or quiet surroundings, while cooking, and so on).</p>
+<p>The guidance is written for development teams that treat accessibility as a core quality requirement and use automated accessibility checks as part of regular engineering workflows. Use these topics to define accessibility expectations early, validate them continuously, and prevent regressions as features evolve.</p>
+<p>Many disabilities, including impaired mobility, vision, color perception, hearing, speech, cognition, and literacy, can be addressed by providing:</p>
+<ul>
+<li>Support for keyboard interactions and screen readers.</li>
+<li>Support for user customization, such as font, zoom setting (magnification), color, and high-contrast settings.</li>
+<li>Alternative or supplemental UI.</li>
+</ul>
+<p>XAML controls provide built-in support for keyboard access and assistive technologies such as screen readers. This built-in support enables a basic level of accessibility that you can customize through various properties. If you are creating your own custom XAML components and controls, you can also add similar support to those controls by using an *automation peer- (for more info, see <a href="custom-automation-peers" data-linktype="relative-path">Custom automation peers</a>).</p>
+<p>In addition, data binding, style, and template features let you dynamically support alternative UI and changes to display settings.</p>
+<h2 id="ui-automation">UI Automation</h2>
+<p>Accessibility support comes primarily from the integration of the Microsoft UI Automation framework. That support is provided through base classes and the built-in behavior of the class implementation for control types, as well as an interface representation of the UI Automation provider API. Each control class uses the UI Automation concepts of automation peers and automation patterns that report the control's role and content to UI Automation clients. The app is treated as a top-level window by UI Automation, and through the UI Automation framework all the accessibility-relevant content within that app window is available to a UI Automation client. For more info about UI Automation, see <a href="/en-us/windows/desktop/WinAuto/uiauto-uiautomationoverview" data-linktype="absolute-path">UI Automation Overview</a>.</p>
+<h2 id="assistive-technology">Assistive technology</h2>
+<p>Many accessibility needs are met by assistive technology products installed by the user or by tools and settings provided by the operating system. This includes screen readers, screen magnifiers, and high-contrast settings.</p>
+<p>Assistive technology products include a wide variety of software and hardware. These products work through the standard keyboard interface and accessibility frameworks that report information about the content and structure of the UI to screen readers and other assistive technologies. Examples of assistive technology products include:</p>
+<ul>
+<li>The On-Screen Keyboard (OSK), or software keyboard, which lets people use a pointer instead of a hardware keyboard to type text.</li>
+<li>Voice-recognition software, which converts spoken words into typed text.</li>
+<li>Screen readers, which convert text into spoken words or formats like Braille.</li>
+<li>The Narrator screen reader, built into Windows, has a touch mode that can perform screen reading tasks through touch gestures.</li>
+<li>Programs or settings that adjust the display, for example high contrast themes, dots per inch (dpi), or the Magnifier tool.</li>
+</ul>
+<p>Apps that have good keyboard and screen reader support usually work well with various assistive technology products. In many cases, a Windows app works with these products without additional modification of information or structure. However, you may want to modify some settings for optimal accessibility experience or to implement additional support.</p>
+<p>See <a href="accessibility-testing" data-linktype="relative-path">Accessibility testing</a> for how to test basic accessibility scenarios with assistive technologies.</p>
+<h2 id="screen-reader-support-and-basic-accessibility-information">Screen reader support and basic accessibility information</h2>
+<p>Screen readers provide access to text within an app by rendering it in another format, such as spoken language or Braille output. The exact behavior of a screen reader depends on the software and how the user configured it.</p>
+<p>For example, some screen readers read the entire UI when the user starts or switches to an app, which enables the user to receive all informational content before attempting to navigate it. Some screen readers also read the text associated with an individual control when it receives focus during tab navigation. This enables users to orient themselves as they navigate among the input controls of an application. Narrator is an example of a screen reader that supports both behaviors.</p>
+<p>The most important information that a screen reader or any other assistive technology needs in order to help users understand or navigate an app is an <strong>accessible name</strong>  for each element in an app. In many cases, a control or element already has an accessible name derived from other property values, such as an element that supports and displays inner text. For other elements, you might need to provide an accessible name through the element structure. And sometimes you need to explicitly provide the accessible name. For more details on how these derived values work in common UI elements, and for more info about accessible names in general, see <a href="basic-accessibility-information" data-linktype="relative-path">Expose basic accessibility information</a>.</p>
+<p>There are several other automation properties available (including the keyboard properties described in the next section). However, not all screen readers support all automation properties, so you should test all appropriate automation properties with a variety of screen readers.</p>
+<h2 id="keyboard-support">Keyboard support</h2>
+<p>Building keyboard accessibility (for traditional, modified, or keyboard emulation hardware) into your app, helps users who are blind, have low vision, or have motor control issues, to navigate through and use the full functionality of your app. It also lets users without disabilities choose the keyboard for navigation due to preference or efficiency.</p>
+<p>The basic XAML control model provides built-in keyboard support including tab navigation, text input, and control-specific support. The elements that serve as layout containers (such as panels) use the layout order to establish a default tab order and provide an accessible representation of the UI. <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.listview" data-linktype="absolute-path">ListView</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.gridview" data-linktype="absolute-path">GridView</a> controls provide built-in arrow-key navigation. <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button" data-linktype="absolute-path">Button</a> controls handle the Spacebar or Enter keys for button activation.</p>
+<p>For more info about all the aspects of keyboard support, including tab order and key-based activation or navigation, see <a href="keyboard-accessibility" data-linktype="relative-path">Keyboard accessibility</a>.</p>
+<h2 id="media-and-captioning">Media and captioning</h2>
+<p>You typically display audio-visual media through a <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.mediaplayerelement" data-linktype="absolute-path">MediaPlayerElement</a> object. For accessibility purposes, provide controls that enable users to play, pause, and stop the media, and also include captions or alternative audio tracks.</p>
+<h2 id="accessible-text">Accessible text</h2>
+<p>When you design and implement text in your app, focus on these three core accessibility requirements.</p>
+<ul>
+<li>Assistive technologies must be able to determine whether text should be read during tab-sequence navigation or as part of the overall document content. You can influence this behavior by choosing the correct text element and setting its properties appropriately. Because each text element maps to a specific purpose and often to a corresponding UI Automation role, using the wrong element can expose the wrong role and create a confusing experience for assistive technology users.</li>
+<li>Many users have low vision or color-vision deficiencies and cannot read text reliably unless there is sufficient contrast between text and background. This impact can be easy to underestimate during design. Following established contrast guidance helps prevent unreadable text for these users. For more info, see <a href="accessible-text-requirements" data-linktype="relative-path">Accessible text requirements</a>.</li>
+<li>Text that is too small is difficult for many users to read. Start with a reasonable default text size, and ensure your app works correctly with system text and display scaling. This is especially important in UIs that contain large amounts of text or dense visual layouts.</li>
+</ul>
+<h2 id="supporting-high-contrast-themes">Supporting high-contrast themes</h2>
+<p>XAML controls get their visual appearance from theme resource dictionaries, including high-contrast theme resources. When a user enables a high-contrast mode, controls automatically resolve to the appropriate high-contrast resources. To preserve this behavior, avoid styling approaches that block theme resource lookup, such as hard-coded colors or explicit styles that prevent high-contrast theme values from overriding your custom values. For more info, see <a href="high-contrast-themes" data-linktype="relative-path">High-contrast themes</a>.</p>
+<h2 id="design-for-alternative-ui">Design for alternative UI</h2>
+<p>In many cases, you can communicate essential information more effectively by using multiple cues. For example, combine icons with color to support users with color-vision deficiencies, and pair visual alerts with sound to support users who are deaf or hard of hearing.</p>
+<p>When needed, provide an alternative accessible UI that removes nonessential visuals and animation and simplifies interaction flows. The following code example shows how to switch one <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.usercontrol" data-linktype="absolute-path">UserControl</a> for another based on a user setting.</p>
+<pre><code class="lang-xaml">&lt;StackPanel x:Name="LayoutRoot" Background="White"&gt;
+
+  &lt;CheckBox x:Name="ShowAccessibleUICheckBox" Click="ShowAccessibleUICheckBox_Click"&gt;
+    Show Accessible UI
+  &lt;/CheckBox&gt;
+
+  &lt;ContentControl x:Name="ContentBlock"&gt;
+    &lt;local:ContentPage/&gt;
+  &lt;/ContentControl&gt;
+
+&lt;/StackPanel&gt;
+</code></pre>
+<pre><code class="lang-csharp">private void ShowAccessibleUICheckBox_Click(object sender, RoutedEventArgs e)
+{
+    if (sender is CheckBox checkBox)
+    {
+        ContentBlock.Content = checkBox.IsChecked == true
+            ? new AccessibleContentPage()
+            : new ContentPage();
+    }
+}
+</code></pre>
+<h2 id="assistive-technology-support-in-custom-controls">Assistive technology support in custom controls</h2>
+<p>When you create a custom control, implement or extend one or more <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.automation.peers.automationpeer" data-linktype="absolute-path">AutomationPeer</a> subclasses to provide accessibility support. In some cases, reusing the same peer class as the base control can provide acceptable baseline automation behavior for your derived control. However, you should validate this through testing, and in most cases you should still implement a dedicated peer so it can report the correct class name and behavior for your custom control. For implementation guidance, see <a href="custom-automation-peers" data-linktype="relative-path">Custom automation peers</a>.</p>
+<h2 id="assistive-technology-support-in-apps-that-support-xaml--microsoft-directx-interop">Assistive technology support in apps that support XAML / Microsoft DirectX interop</h2>
+<p>By default, Microsoft DirectX content that's hosted in a XAML UI (using <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.swapchainpanel" data-linktype="absolute-path">SwapChainPanel</a> or <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.media.imaging.surfaceimagesource" data-linktype="absolute-path">SurfaceImageSource</a>) is not accessible. The <a href="https://github.com/microsoftarchive/msdn-code-gallery-microsoft/tree/411c271e537727d737a53fa2cbe99eaecac00cc0/Official%20Windows%20Platform%20Sample/Windows%208.1%20Store%20app%20samples/%5BC%23%5D-Windows%208.1%20Store%20app%20samples/XAML%20SwapChainPanel%20DirectX%20interop%20sample" data-linktype="external">XAML SwapChainPanel DirectX interop sample</a> (archived legacy sample) shows how to make hosted content accessible through UI Automation by creating an AutomationPeer for the DirectX content. This technique makes the hosted content accessible through UI Automation.</p>
+<h2 id="verification-and-publishing">Verification and publishing</h2>
+<p>Treat accessibility verification as an ongoing engineering activity, not a final QA pass. Run automated checks for every build where possible, and pair them with targeted manual assistive technology validation for critical user journeys.</p>
+<p>For more info about accessibility declarations and publishing your app, see <a href="accessibility-in-the-store" data-linktype="relative-path">Accessibility in the Store</a>.</p>
+<h2 id="examples">Examples</h2>
+<div class="nextstepaction">
+<p>Open the WinUI 3 Gallery app and see the following Accessibility principles in action:</p>
+<ul>
+<li><a href="winui3gallery://item/AccessibilityScreenReader" data-linktype="external">Screen reader support</a></li>
+<li><a href="winui3gallery://item/AccessibilityKeyboard" data-linktype="external">Keyboard support</a></li>
+<li><a href="winui3gallery://item/AccessibilityColorContrast" data-linktype="external">Color contrast</a></li>
+</ul>
+</div>
+<blockquote>
+<table>
+<tbody><tr>
+<td><img src="../../../includes/images/winui-gallery-logo.png" width="76" alt="WinUI 3 Gallery icon" data-linktype="relative-path"></td>
+<td>The <strong>WinUI 3 Gallery</strong> app includes interactive examples of WinUI controls and features. Get the app from the <a href="https://apps.microsoft.com/detail/9P3JFPWWDZRC" data-linktype="external">Microsoft Store</a> or browse the source code on <a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">GitHub</a>.</td>
+</tr>
+</tbody></table>
+</blockquote>
+<h2 id="related-topics">Related topics</h2>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.automation" data-linktype="absolute-path">Microsoft.UI.Xaml.Automation</a></li>
+<li><a href="https://github.com/microsoftarchive/msdn-code-gallery-microsoft/tree/master/Official%20Windows%20Platform%20Sample/XAML%20accessibility%20sample" data-linktype="external">XAML accessibility sample</a> (archived legacy sample)</li>
+<li><a href="accessibility-overview" data-linktype="relative-path">Accessibility overview</a></li>
+<li><a href="https://support.microsoft.com/help/22798/windows-10-complete-guide-to-narrator" data-linktype="external">Get started with Narrator</a></li>
+<li><a href="https://accessibilityinsights.io/" data-linktype="external">Accessibility Insights</a> — find and fix accessibility issues in Windows apps</li>
+<li><a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">WinUI 3 Gallery</a> — see accessibility principles in action</li>
+</ul>
+</div>
+					
+		<div
+			id="ms--inline-notifications"
+			class="margin-block-xs"
+			data-bi-name="inline-notification"
+		></div>
+	 
+		<div
+			id="assertive-live-region"
+			role="alert"
+			aria-live="assertive"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+		<div
+			id="polite-live-region"
+			role="status"
+			aria-live="polite"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+	
+					
+			
+		<!-- feedback section -->
+		<section
+			class="feedback-section position-relative margin-top-lg border border-radius padding-xxs display-none-print"
+			data-bi-name="open-source-feedback-section"
+			data-open-source-feedback-section
+			hidden
+		>
+			<div class="display-flex flex-direction-column flex-direction-row-tablet">
+				<div
+					class="width-450-tablet padding-inline-xs padding-inline-xs-tablet padding-top-xs padding-bottom-sm padding-top-xs-tablet background-color-body-medium"
+				>
+					<div class="display-flex flex-direction-column">
+						<div class="padding-bottom-xxs">
+							<span class="icon margin-right-xxs" aria-hidden="true">
+								<span class="docon docon-brand-github"></span>
+							</span>
+							<span class="font-weight-semibold">
+								Collaborate with us on GitHub
+							</span>
+						</div>
+						<span class="line-height-normal">
+							The source for this content can be found on GitHub, where you can also create and review issues and pull requests. For more information, see <a href="https://learn.microsoft.com/contribute/content/how-to-write-quick-edits">our contributor guide</a>.
+						</span>
+					</div>
+				</div>
+				<div
+					class="display-flex gap-xs width-full-tablet flex-direction-column padding-xs justify-content-space-evenly"
+				>
+					<div class="media">
+						
+					<div class="media-left">
+						<div class="image image-36x36" hidden data-open-source-image-container>
+							<img
+								class="theme-display is-light"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-light
+							/>
+							<img
+								class="theme-display is-dark is-high-contrast"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-dark
+							/>
+						</div>
+					</div>
+			  
+
+						<div class="media-content">
+							<p
+								class="font-size-xl font-weight-semibold margin-bottom-xxs"
+								data-open-source-product-title
+							>
+								Windows developer
+							</p>
+							<div class="display-flex gap-xs flex-direction-column">
+								<p class="line-height-normal" data-open-source-product-description></p>
+								<div class="display-flex gap-xs flex-direction-column">
+									<a href="#" data-github-link>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-bug"></span>
+										</span>
+										<span>Open a documentation issue</span>
+									</a>
+									<a
+										href="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb"
+										class="display-block margin-top-auto font-size-md"
+										data-feedback-product-url
+									>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-feedback"></span>
+										</span>
+										<span>Provide product feedback</span>
+									</a>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+			
+		<!-- feedback section -->
+		<section
+			id="site-user-feedback-footer"
+			class="font-size-sm margin-top-md display-none-print display-none-desktop"
+			data-test-id="site-user-feedback-footer"
+			data-bi-name="site-feedback-section"
+		>
+			<hr class="hr" />
+			<h2 id="ms--feedback" class="title is-3">Feedback</h2>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="buttons">
+					<button
+						class="thumb-rating-button like button button-primary button-sm"
+						data-test-id="footer-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+						<span>Yes</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike button button-primary button-sm"
+						id="standard-rating-no-button"
+						hidden
+						data-test-id="footer-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+						<span>No</span>
+					</button>
+					<details
+						class="popover popover-top"
+						id="mobile-help-popover"
+						data-test-id="footer-feedback-popover"
+					>
+						<summary
+							class="thumb-rating-button dislike button button-primary button-sm"
+							data-test-id="details-footer-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+							<span>No</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading"
+							aria-describedby="popover-description"
+						>
+							<p id="popover-heading" class="font-size-lg margin-bottom-xxs font-weight-semibold">
+								Need help with this topic?
+							</p>
+							<p id="popover-description" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+		
+				</div>
+				
+		<div id="ms--additional-resources-mobile" class="display-none-print">
+			<hr class="hr" hidden />
+			<h2 id="ms--additional-resources-mobile-heading" class="title is-3" hidden>
+				Additional resources
+			</h2>
+			
+		<section
+			id="right-rail-recommendations-mobile"
+			class=""
+			data-bi-name="recommendations"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-training-mobile"
+			class=""
+			data-bi-name="learning-resource-card"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-events-mobile"
+			class=""
+			data-bi-name="events-card"
+			hidden
+		></section>
+	
+		</div>
+	 
+		<div
+			id="article-metadata-footer"
+			data-bi-name="article-metadata-footer"
+			data-test-id="article-metadata-footer"
+			class="page-metadata-container"
+		>
+			<hr class="hr" />
+			<ul class="metadata page-metadata" data-bi-name="page info" lang="en-us" dir="ltr">
+				<li class="visibility-hidden-visual-diff">
+			<span class="badge badge-sm text-wrap-pretty">
+				<span>Last updated on <local-time format="twoDigitNumeric"
+		datetime="2026-07-22T08:00:00.000Z"
+		data-article-date-source="calculated"
+		class="is-invisible"
+	>
+		2026-07-22
+	</local-time></span>
+			</span>
+		</li>
+			</ul>
+		</div>
+	
+			</div>
+			
+		<div
+			id="action-panel"
+			role="region"
+			aria-label="Action Panel"
+			class="action-panel"
+			tabindex="-1"
+		></div>
+	
+		
+				</main>
+				<aside
+					id="layout-body-aside"
+					class="layout-body-aside  "
+					data-bi-name="aside"
+					aria-label="Additional resources"
+			  >
+					
+		<div
+			id="ms--additional-resources"
+			class="right-container padding-sm display-none display-block-desktop height-full"
+			data-bi-name="pageactions"
+		>
+			<div id="affixed-right-container" data-bi-name="right-column">
+				
+		<nav
+			id="side-doc-outline"
+			class="doc-outline border-bottom padding-bottom-xs margin-bottom-xs scrollbar-width-thin"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h3>In this article</h3>
+		</nav>
+	
+				<!-- Feedback -->
+				
+		<section
+			id="ms--site-user-feedback-right-rail"
+			class="font-size-sm display-none-print"
+			data-test-id="site-user-feedback-right-rail"
+			data-bi-name="site-feedback-right-rail"
+		>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="display-flex flex-wrap-nowrap">
+					<button
+						class="thumb-rating-button like inner-focus"
+						data-test-id="right-rail-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						aria-label="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike inner-focus"
+						id="right-rail-no-button"
+						hidden
+						data-test-id="right-rail-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						aria-label="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+					</button>
+					<details class="popover popover-right" id="help-popover" data-test-id="feedback-popover">
+						<summary
+							tabindex="0"
+							class="thumb-rating-button dislike inner-focus"
+							data-test-id="details-right-rail-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							aria-label="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading-right-rail"
+							aria-describedby="popover-description-right-rail"
+						>
+							<p
+								id="popover-heading-right-rail"
+								class="font-size-lg margin-bottom-xxs font-weight-semibold"
+							>
+								Need help with this topic?
+							</p>
+							<p id="popover-description-right-rail" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+	
+			</div>
+		</div>
+	
+			  </aside> <section
+					id="layout-body-flyout"
+					class="layout-body-flyout "
+					data-bi-name="flyout"
+			  >
+					 <div
+	class="height-full border-left background-color-body-medium"
+	id="ask-learn-flyout"
+></div>
+			  </section> <div class="layout-body-footer " data-bi-name="layout-footer">
+		<footer
+			id="footer"
+			data-test-id="footer"
+			data-bi-name="footer"
+			class="footer-layout padding-xs padding-sm-desktop has-default-focus border-top"
+			role="contentinfo"
+		>
+			<div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
+				
+		<a
+			data-mscc-ic="false"
+			href="#"
+			data-bi-name="select-locale"
+			class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator"
+			id=""
+			title=""
+			><span class="icon" aria-hidden="true"
+				><span class="docon docon-world"></span></span
+			><span class="local-selector-link-text">en-us</span></a
+		>
+	 <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://aka.ms/yourcaliforniaprivacychoices"
+			data-bi-name="your-privacy-choices"
+			class="button button-sm button-clear flex-shrink-0 external-link-indicator"
+			id=""
+			title=""
+			>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 30 14"
+			xml:space="preserve"
+			height="16"
+			width="43"
+			aria-hidden="true"
+			focusable="false"
+		>
+			<path
+				d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
+			></path>
+			<path
+				d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"
+			></path>
+			<path
+				d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"
+				style="fill:#fff"
+			></path>
+			<path
+				d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"
+				style="fill:#06f"
+			></path>
+		</svg>
+	
+			<span>Your Privacy Choices</span></a
+		>
+	
+	</div>
+				<div class="flex-shrink-0">
+		<div class="dropdown has-caret-up">
+			<button
+				data-test-id="theme-selector-button"
+				class="dropdown-trigger button button-clear button-sm inner-focus theme-dropdown-trigger"
+				aria-controls="{{ themeMenuId }}"
+				aria-haspopup="true"
+				aria-expanded="false"
+				data-bi-name="theme"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-sun"></span></span>
+				<span>Theme</span>
+				<span class="icon expanded-indicator" aria-hidden="true">
+					<span class="docon docon-chevron-down-light"></span>
+				</span>
+			</button>
+			<div class="dropdown-menu" id="{{ themeMenuId }}" role="menu">
+				<ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu" role="none">
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="light"
+							tabindex="-1"
+						>
+							<span class="theme-light margin-right-xxs">
+								<span
+									class="theme-selector-icon border display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Light </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="dark"
+							tabindex="-1"
+						>
+							<span class="theme-dark margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Dark </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="high-contrast"
+							tabindex="-1"
+						>
+							<span class="theme-high-contrast margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> High contrast </span>
+						</button>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+			</div>
+			<ul class="links" data-bi-name="footerlinks">
+				<li class="manage-cookies-holder" hidden=""></li>
+				<li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content"
+			data-bi-name="aiDisclaimer"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>AI Disclaimer</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/previous-versions/"
+			data-bi-name="archivelink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Previous Versions</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog"
+			data-bi-name="bloglink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Blog</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/contribute"
+			data-bi-name="contributorGuide"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Contribute</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?LinkId=521839"
+			data-bi-name="privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?linkid=2259814"
+			data-bi-name="consumer-health-privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Consumer Health Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/legal/termsofuse"
+			data-bi-name="termsofuse"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Terms of Use</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/"
+			data-bi-name="trademarks"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Trademarks</a
+		>
+	
+	</li>
+				<li>&copy; Microsoft 2026</li>
+			</ul>
+		</footer>
+	</footer>
+			</body>
+		</html>
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-motion-pref-frozen-5b2413221dc1.html b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-motion-pref-frozen-5b2413221dc1.html
new file mode 100644
index 0000000..76e94d5
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-motion-pref-frozen-5b2413221dc1.html
@@ -0,0 +1,1521 @@
+ <!DOCTYPE html>
+		<html
+			class="layout layout-holy-grail   show-table-of-contents reference show-breadcrumb default-focus"
+			lang="en-us"
+			dir="ltr"
+			data-authenticated="false"
+			data-auth-status-determined="false"
+			data-target="docs"
+			x-ms-format-detection="none"
+		>
+			
+		<head>
+			<title>UISettings.AnimationsEnabled Property (Windows.UI.ViewManagement) - Windows apps | Microsoft Learn</title>
+			<meta charset="utf-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta name="color-scheme" content="light dark" />
+
+			<meta name="description" content="Gets whether animations are enabled for the user interface. " />
+			<link rel="canonical" href="https://learn.microsoft.com/en-us/uwp/api/windows.ui.viewmanagement.uisettings.animationsenabled?view=winrt-28000" /> 
+
+			<!-- Non-customizable open graph and sharing-related metadata -->
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:site" content="@MicrosoftLearn" />
+			<meta property="og:type" content="website" />
+			<meta property="og:image:alt" content="Microsoft Learn" />
+			<meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
+			<!-- Page specific open graph and sharing-related metadata -->
+			<meta property="og:title" content="UISettings.AnimationsEnabled Property (Windows.UI.ViewManagement) - Windows apps" />
+			<meta property="og:url" content="https://learn.microsoft.com/en-us/uwp/api/windows.ui.viewmanagement.uisettings.animationsenabled?view=winrt-28000" />
+			<meta property="og:description" content="Gets whether animations are enabled for the user interface. " />
+			<meta name="platform_id" content="0dd0fdb2-3fa7-ff9b-d62b-4b542ba1c406" /> <meta name="scope" content="UWP" />
+			<meta name="locale" content="en-us" />
+			 
+			<meta name="uhfHeaderId" content="MSDocsHeader-WinDevCenter" />
+
+			<meta name="page_type" content="dotnet" />
+
+			<!--page specific meta tags-->
+			
+
+			<!-- custom meta tags -->
+			
+		<meta name="uid" content="Windows.UI.ViewManagement.UISettings.AnimationsEnabled*" />
+	
+		<meta name="namespace" content="Windows.UI.ViewManagement" />
+	
+		<meta name="monikers" content="winrt-10240" />
+	
+		<meta name="monikers" content="winrt-10586" />
+	
+		<meta name="monikers" content="winrt-14393" />
+	
+		<meta name="monikers" content="winrt-15063" />
+	
+		<meta name="monikers" content="winrt-16299" />
+	
+		<meta name="monikers" content="winrt-17134" />
+	
+		<meta name="monikers" content="winrt-17763" />
+	
+		<meta name="monikers" content="winrt-18362" />
+	
+		<meta name="monikers" content="winrt-19041" />
+	
+		<meta name="monikers" content="winrt-20348" />
+	
+		<meta name="monikers" content="winrt-22000" />
+	
+		<meta name="monikers" content="winrt-22621" />
+	
+		<meta name="monikers" content="winrt-23h2" />
+	
+		<meta name="monikers" content="winrt-26100" />
+	
+		<meta name="monikers" content="winrt-insider" />
+	
+		<meta name="monikers" content="winrt-28000" />
+	
+		<meta name="schema" content="NetMember" />
+	
+		<meta name="ROBOTS" content="INDEX, FOLLOW" />
+	
+		<meta name="breadcrumb_path" content="/uwp/api/breadcrumbs/toc.json" />
+	
+		<meta name="feedback_system" content="Standard" />
+	
+		<meta name="feedback_product_url" content="https://www.microsoft.com/windowsinsider/feedbackhub/fb" />
+	
+		<meta name="feedback_help_link_url" content="https://learn.microsoft.com/answers/tags/105/windows-app-sdk/" />
+	
+		<meta name="feedback_help_link_type" content="get-help-at-qna" />
+	
+		<meta name="author" content="Karl-Bridge-Microsoft" />
+	
+		<meta name="ms.author" content="kbridge" />
+	
+		<meta name="ms.service" content="uwp" />
+	
+		<meta name="products" content="https://authoring-docs-microsoft.poolparty.biz/devrel/caec7b7f-4941-4578-b79f-c63b1c1f5af4" />
+	
+		<meta name="products" content="https://authoring-docs-microsoft.poolparty.biz/devrel/e0ffb20c-01c6-407b-a9bd-29111652a1dc" />
+	
+		<meta name="products" content="https://authoring-docs-microsoft.poolparty.biz/devrel/e9b7979e-fb8b-40a7-a19f-c987950324dc" />
+	
+		<meta name="ms.subservice" content="winrt-reference" />
+	
+		<meta name="ms.topic" content="reference" />
+	
+		<meta name="ms.date" content="2017-02-08T00:00:00Z" />
+	
+		<meta name="keywords" content="windows 10, uwp, winrt, api" />
+	
+		<meta name="APILocation" content="windows.dll" />
+	
+		<meta name="adobe-target" content="true" />
+	
+		<meta name="APIName" content="Windows.UI.ViewManagement.UISettings.AnimationsEnabled" />
+	
+		<meta name="APIName" content="Windows.UI.ViewManagement.UISettings.get_AnimationsEnabled" />
+	
+		<meta name="TopicType" content="apiref" />
+	
+		<meta name="APIType" content="Assembly" />
+	
+		<meta name="document_id" content="0e534842-fc4e-c44b-4029-474bfe18ad65" />
+	
+		<meta name="document_version_independent_id" content="2709ba7b-8603-5674-86aa-fbd42f710624" />
+	
+		<meta name="updated_at" content="2025-11-21T14:18:00Z" />
+	
+		<meta name="original_content_git_url" content="https://cpubwin.visualstudio.com/DefaultCollection/windows-uwp/_git/winrt-api-build?path=/winrt-api-build/xml/Windows.UI.ViewManagement/UISettings.xml&amp;version=GBlive&amp;_a=contents" />
+	
+		<meta name="gitcommit" content="https://cpubwin.visualstudio.com/DefaultCollection/windows-uwp/_git/winrt-api-build/commit/3abc0b4310789ed6b229efa2d8d50bf3c5c9b306?path=/winrt-api-build/xml/Windows.UI.ViewManagement/UISettings.xml&amp;_a=contents" />
+	
+		<meta name="git_commit_id" content="3abc0b4310789ed6b229efa2d8d50bf3c5c9b306" />
+	
+		<meta name="default_moniker" content="winrt-28000" />
+	
+		<meta name="site_name" content="Docs" />
+	
+		<meta name="depot_name" content="MSDN.winrt-api-build" />
+	
+		<meta name="page_kind" content="property" />
+	
+		<meta name="ms.assetid" content="Windows.UI.ViewManagement.UISettings.AnimationsEnabled*" />
+	
+		<meta name="toc_rel" content="winrt-toc/toc.json" />
+	
+		<meta name="search.mshattr.devlang" content="csharp vb javascript cppcx cppwinrt" />
+	
+		<meta name="asset_id" content="windows.ui.viewmanagement.uisettings.animationsenabled" />
+	
+		<meta name="moniker_range_name" content="7e2df8c730d8269257778f85100e220a" />
+	
+		<meta name="item_type" content="Content" />
+	
+		<meta name="source_path" content="winrt-api-build/xml/Windows.UI.ViewManagement/UISettings.xml" />
+	
+		<meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/winrt-api/blob/docs/winrt-api-build/xml/Windows.UI.ViewManagement/UISettings.xml" />
+	
+		<meta name="markdown_url" content="https://learn.microsoft.com/en-us/uwp/api/windows.ui.viewmanagement.uisettings.animationsenabled?view=winrt-28000&amp;accept=text/markdown" />
+	 
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/caec7b7f-4941-4578-b79f-c63b1c1f5af4" data-source="generated" />
+	
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/e0ffb20c-01c6-407b-a9bd-29111652a1dc" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/754dea88-f800-4835-b6b5-280cb5d81e88" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/3904bce4-d817-48cf-85fd-b6146fca83b7" data-source="generated" />
+	
+
+			<!-- Apply persisted/system theme before first paint to prevent wrong-theme flash when scripts are deferred. -->
+			<script id="theme-preference">
+				(function () {
+			try {
+				var stored = localStorage.getItem('theme');
+				var theme = /^(light|dark|high-contrast)$/.test(stored)
+					? stored
+					: matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+				document.documentElement.classList.add('theme-' + theme);
+			} catch (e) {}
+		})();;
+			</script>
+
+			<script id="atlas-layout-preferences">
+				(function () {
+			try {
+				var state = JSON.parse(localStorage.getItem('atlas-layout-preferences') || '{}');
+				var view = state["docs-layout-persistence"] || {};
+				var excludesKey = "";
+				var blocked = {};
+				if (excludesKey) {
+					var exclusions = JSON.parse(localStorage.getItem('atlas-layout-exclusions') || '{}');
+					if (Object.prototype.hasOwnProperty.call(exclusions, excludesKey)) {
+						var scoped = exclusions[excludesKey];
+						if (scoped) {
+							if (typeof scoped === 'object') blocked = scoped;
+						}
+					}
+				}
+				var html = document.documentElement;
+				for (var c in view) {
+					if (Object.prototype.hasOwnProperty.call(blocked, c)) continue;
+					if (view[c]) html.classList.add(c);
+					else html.classList.remove(c);
+				}
+			} catch (e) {}
+		})();;
+			</script>
+
+			<!-- assets and js globals -->
+			
+			<link rel="stylesheet" href="/static/assets/0.4.03510.8120-9976c201/styles/site.css" />
+			
+			<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
+			<script async src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script>
+			
+
+			<!-- msdocs global object -->
+			<script id="msdocs-script">
+		var msDocs = {
+  "environment": {
+    "accessLevel": "online",
+    "azurePortalHostname": "portal.azure.com",
+    "reviewFeatures": false,
+    "supportLevel": "production",
+    "systemContent": true,
+    "siteName": "learn",
+    "legacyHosting": false
+  },
+  "data": {
+    "contentLocale": "en-us",
+    "contentDir": "ltr",
+    "userLocale": "en-us",
+    "userDir": "ltr",
+    "pageTemplate": "Reference",
+    "layoutStateStorageKey": "docs-layout-persistence",
+    "brand": "",
+    "context": {},
+    "standardFeedback": true,
+    "showFeedbackReport": false,
+    "feedbackHelpLinkType": "get-help-at-qna",
+    "feedbackHelpLinkUrl": "https://learn.microsoft.com/answers/tags/105/windows-app-sdk/",
+    "feedbackSystem": "Standard",
+    "feedbackGitHubRepo": "",
+    "feedbackProductUrl": "https://www.microsoft.com/windowsinsider/feedbackhub/fb",
+    "extendBreadcrumb": true,
+    "isEditDisplayable": false,
+    "isPrivateUnauthorized": false,
+    "hideViewSource": true,
+    "isPermissioned": false,
+    "hasRecommendations": false,
+    "contributors": [],
+    "defaultDevLang": "csharp"
+  },
+  "functions": {}
+};;
+	</script>
+
+			<!-- base scripts, msdocs global should be before this -->
+			<script
+				src="/static/assets/0.4.03510.8120-9976c201/scripts/en-us/index-docs.js"
+				async
+			></script>
+			
+
+			<!-- json-ld -->
+			
+		</head>
+	
+			<body
+				id="body"
+				data-bi-name="body"
+				class="layout-body "
+				lang="en-us"
+				dir="ltr"
+			>
+				<header class="layout-body-header background-color-body-medium">
+		<div class="header-holder has-default-focus">
+			
+		<a
+			href="#main"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to main content
+		</a>
+	
+		<a
+			href="#side-doc-outline"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to in-page navigation
+		</a>
+	
+		<a
+			href="#"
+			data-skip-to-ask-learn
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			hidden
+		>
+			Skip to Ask Learn chat experience
+		</a>
+	
+
+			<div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
+			<!-- Unsupported browser warning -->
+			<div
+				id="unsupported-browser"
+				style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;"
+				hidden
+			>
+				<div style="max-width: 800px; margin: 0 auto;">
+					<p style="font-size: 24px">This browser is no longer supported.</p>
+					<p style="font-size: 16px; margin-top: 16px;">
+						Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
+					</p>
+					<div style="margin-top: 12px;">
+						<a
+							href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
+							style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;"
+						>
+							Download Microsoft Edge
+						</a>
+						<a
+							href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
+							style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;"
+						>
+							More info about Internet Explorer and Microsoft Edge
+						</a>
+					</div>
+				</div>
+			</div>
+			<!-- site header -->
+			<div
+				id="ms--site-header"
+				data-test-id="site-header-wrapper"
+				itemscope="itemscope"
+				itemtype="http://schema.org/Organization"
+			>
+				<div
+					id="ms--mobile-nav"
+					class="site-header display-none-tablet padding-inline-none gap-none"
+					data-bi-name="mobile-header"
+					data-test-id="mobile-header"
+				></div>
+				<div
+					id="ms--primary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L1-header"
+					data-test-id="primary-header"
+				></div>
+				<div
+					id="ms--secondary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L2-header"
+					data-test-id="secondary-header"
+					
+				></div>
+			</div>
+			
+		<!-- banner -->
+		<div data-banner>
+			<div id="disclaimer-holder"></div>
+			
+		</div>
+		<!-- banner end -->
+	
+		</div>
+	</header>
+				 <section
+					id="layout-body-menu"
+					class="layout-body-menu border-right display-flex background-color-body-medium"
+					data-bi-name="menu"
+			  >
+					
+		<div
+			id="left-container"
+			class="left-container display-none padding-none display-block-tablet width-full display-none-until-layout-restored"
+			data-toc-container="true"
+		>
+			<div
+				id="ms--toc-content"
+				class="padding-left-sm padding-right-none padding-bottom-sm height-full"
+			>
+				<nav
+					id="affixed-left-container"
+					class="margin-top-xxs-tablet position-sticky display-flex flex-direction-column width-full"
+					aria-label="Primary"
+					data-bi-name="left-toc"
+					role="navigation"
+				>
+					<div
+						id="ms--collapsible-toc-header"
+						class="display-flex flex-direction-row-reverse justify-content-center align-items-center margin-bottom-xxs margin-right-xxs"
+					>
+						<button
+							type="button"
+							class="button button-clear button-sm inner-focus"
+							data-collapsible-toc-toggle
+							aria-expanded="true"
+							hidden
+							aria-controls="ms--toc-content"
+							aria-label="Table of contents"
+						>
+							<span class="icon icon-mirrored-rtl" aria-hidden="true">
+								<span
+									class="docon docon-panel-left-contract display-none-layout-menu-collapsed"
+								></span>
+								<span
+									class="docon docon-panel-left-expand display-none display-inline-layout-menu-collapsed"
+								></span>
+							</span>
+						</button>
+						<div
+							id="ms--collapsible-toc-moniker-slot"
+							class="flex-grow-1 display-none-layout-menu-collapsed"
+						></div>
+					</div>
+				</nav>
+			</div>
+		</div>
+	
+			  </section>
+
+				<main
+					id="main"
+					role="main"
+					class="layout-body-main "
+					data-bi-name="content"
+					lang="en-us"
+					dir="ltr"
+				>
+					
+			<div
+		id="ms--content-header"
+		class="content-header default-focus border-bottom-none"
+		data-bi-name="content-header"
+	>
+		<div class="content-header-controls margin-xxs margin-inline-sm-tablet">
+			<button
+				type="button"
+				class="contents-button button button-sm margin-right-xxs"
+				data-bi-name="contents-expand"
+				aria-haspopup="true"
+				data-contents-button
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-menu"></span></span>
+				<span class="contents-expand-title"> Table of contents </span>
+			</button>
+			<button
+				type="button"
+				class="ap-collapse-behavior ap-expanded button button-sm"
+				data-bi-name="ap-collapse"
+				aria-controls="action-panel"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-exit-mode"></span></span>
+				<span>Exit editor mode</span>
+			</button>
+		</div>
+	</div>
+			<div
+				data-main-column
+				class="reading-width margin-inline-auto layout-padding padding-top-none padding-top-sm-tablet padding-bottom-sm"
+			>
+				<div>
+					
+		<div id="article-header" class="background-color-body margin-bottom-xs display-none-print">
+			<div class="display-flex align-items-center justify-content-space-between">
+				
+		<details
+			id="article-header-breadcrumbs-overflow-popover"
+			class="popover popover-left"
+			data-for="article-header-breadcrumbs"
+		>
+			<summary
+				class="button button-clear button-primary button-sm inner-focus"
+				aria-label="All breadcrumbs"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-more"></span>
+				</span>
+			</summary>
+			<div id="article-header-breadcrumbs-overflow" class="popover-content"></div>
+		</details>
+
+		<bread-crumbs
+			id="article-header-breadcrumbs"
+			role="group"
+			aria-label="Breadcrumbs"
+			data-test-id="article-header-breadcrumbs"
+			class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"
+		></bread-crumbs>
+	 
+		<div
+			id="article-header-page-actions"
+			class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"
+		>
+			
+		<button
+			class="button button-sm border-none inner-focus display-none-tablet flex-shrink-0 "
+			data-bi-name="ask-learn-assistant-entry"
+			data-test-id="ask-learn-assistant-modal-entry-mobile"
+			data-ask-learn-modal-entry
+			
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-none display-inline-flex-tablet display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-modal-entry-tablet"
+			data-ask-learn-modal-entry
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-flyout-entry"
+			data-ask-learn-flyout-entry
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	 
+		<div class="language dropdown display-flex align-items-center">
+			<button
+				type="button"
+				class="dropdown-trigger button button-clear button-sm button-primary"
+				aria-expanded="false"
+				title="Language"
+				data-bi-name="language"
+			>
+				<span class="lang-title align-self-flex-start" dir="ltr">Language</span>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-chevron-down-light expanded-indicator"></span>
+				</span>
+			</button>
+			<div class="language-selector dropdown-menu padding-xxs">
+				<ul data-bi-name="language-links" dir="ltr">
+					
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-csharp"
+					aria-pressed="false"
+				>
+					csharp
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-vb"
+					aria-pressed="false"
+				>
+					vb
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-javascript"
+					aria-pressed="false"
+				>
+					javascript
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-cppcx"
+					aria-pressed="false"
+				>
+					cppcx
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-cppwinrt"
+					aria-pressed="false"
+				>
+					cppwinrt
+				</button>
+			</li>
+		
+				</ul>
+			</div>
+		</div>
+	
+
+			<details class="popover popover-right" id="article-header-page-actions-overflow">
+				<summary
+					class="justify-content-flex-start button button-clear button-sm button-primary inner-focus"
+					aria-label="More actions"
+					title="More actions"
+				>
+					<span class="icon" aria-hidden="true">
+						<span class="docon docon-more-vertical"></span>
+					</span>
+				</summary>
+				<div class="popover-content">
+					
+		<button
+			type="button"
+			id="ms--focus-mode-button"
+			data-focus-mode
+			data-bi-name="focus-mode-entry"
+			data-page-action-item="overflow-all"
+			data-popover-close
+			class="button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus display-none display-inline-flex-tablet"
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-glasses"></span>
+			</span>
+			<span>Reading mode</span>
+		</button>
+	 
+		<button
+			data-page-action-item="overflow-mobile"
+			type="button"
+			class="display-block-layout-menu-collapsed button-block button-sm inner-focus button button-clear display-none-tablet justify-content-flex-start text-align-left"
+			data-bi-name="contents-expand"
+			data-contents-button
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true"
+				><span class="docon docon-editor-list-bullet"></span
+			></span>
+			<span class="contents-expand-title">Table of contents</span>
+		</button>
+	 
+		<a
+			id="lang-link-overflow"
+			class="button-sm inner-focus button button-clear button-block justify-content-flex-start text-align-left"
+			data-bi-name="language-toggle"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-read-in-link
+			href="#"
+			hidden
+		>
+			<span class="icon" aria-hidden="true" data-read-in-link-icon>
+				<span class="docon docon-locale-globe"></span>
+			</span>
+			<span data-read-in-link-text>Read in English</span>
+		</a>
+	
+					
+		<button
+			type="button"
+			class="collection button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus"
+			data-list-type="collection"
+			data-bi-name="collection"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="collection-status">Add</span>
+		</button>
+	 
+		<button
+			type="button"
+			class="collection button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+			data-list-type="plan"
+			data-bi-name="plan"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="plan-status">Add to Plans</span>
+		</button>
+	 
+					  
+		<hr class="margin-block-xxs" />
+		
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="copy-markdown"
+					data-page-action-item="overflow-all"
+					data-copy-markdown
+					data-copy-state="idle"
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span data-show-when="idle" class="docon docon-code-lang"></span>
+						<span data-show-when="loading" class="loader" hidden></span>
+						<span data-show-when="success" class="docon docon-check-mark" hidden></span>
+					</span>
+					<span>Copy Markdown</span>
+				</button>
+		   
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="print"
+					data-page-action-item="overflow-all"
+					data-popover-close
+					data-print-page
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span class="docon docon-print"></span>
+					</span>
+					<span>Print</span>
+				</button>
+		  
+	
+				</div>
+			</details>
+		</div>
+	
+			</div>
+		</div>
+	  
+		<!-- privateUnauthorizedTemplate is hidden by default -->
+		<div unauthorized-private-section data-bi-name="permission-content-unauthorized-private" hidden>
+			<hr class="hr margin-top-xs margin-bottom-sm" />
+			<div class="notification notification-info">
+				<div class="notification-content">
+					<p class="margin-top-none notification-title">
+						<span class="icon" aria-hidden="true"
+							><span class="docon docon-exclamation-circle-solid"></span
+						></span>
+						<span>Note</span>
+					</p>
+					<p class="margin-top-none authentication-determined not-authenticated">
+						Access to this page requires authorization. You can try <a class="docs-sign-in" href="#" data-bi-name="permission-content-sign-in">signing in</a> or <a  class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+					<p class="margin-top-none authentication-determined authenticated">
+						Access to this page requires authorization. You can try <a class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+				</div>
+			</div>
+		</div>
+	
+					<div class="content"></div>
+					  
+					<div class="content">        <a id="windows-ui-viewmanagement-uisettings-animationsenabled"></a>
+
+<div data-chunk-ids="0" class="anchor-headings">
+<h1>UISettings.<wbr>Animations<wbr>Enabled Property</h1>
+
+
+<nav id="center-doc-outline" class="doc-outline display-none-desktop display-none-print margin-bottom-sm" data-bi-name="intopic toc" aria-label="">
+  <h2 class="title is-6 margin-block-xs"></h2>
+</nav>
+<h2 id="definition">Definition</h2>
+
+<div class="metadata">
+		<dl class="attributeList">
+			<dt>Namespace:</dt>
+			<dd>
+				<span class="break-text"> <a class="xref" href="windows.ui.viewmanagement?view=winrt-26100" data-linktype="relative-path">Windows.UI.ViewManagement</a> </span>
+			</dd>
+		</dl>
+
+
+
+
+
+</div><div class="alert is-primary is-hidden moniker-display-boilerplate">
+    <p class="alert-title">
+      <span class="docon docon-status-info-outline" aria-hidden="true"></span> Important
+    </p>
+    <p>Some information relates to prerelease product that may be substantially modified before it’s released. Microsoft makes no warranties, express or implied, with respect to the information provided here.</p>
+</div>
+
+
+
+<div data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider " class="anchor-headings">
+
+
+	<div class="summaryHolder">
+		<div class="summary clearFix has-text-wrap">
+				<div class="inlineEditButton">
+					<a href="https://github.com/MicrosoftDocs/winrt-api/blob/docs//windows.ui.viewmanagement/uisettings_animationsenabled.md" data-bi-name="editType" data-linktype="external"><span class="docon docon-edit-outline" aria-hidden="true"></span>Edit</a>
+				</div>
+			<p>Gets whether animations are enabled for the user interface.</p>
+
+		</div>
+	</div>
+	<pre class="wrap" data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider "><code class="cppcx lang-cppcx" dir="ltr">public:
+ property bool AnimationsEnabled { bool get(); };</code></pre>
+	<pre class="wrap" data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider "><code class="cppwinrt lang-cppwinrt" dir="ltr">bool AnimationsEnabled();</code></pre>
+	<pre class="wrap" data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider "><code class="csharp lang-csharp" dir="ltr">public bool AnimationsEnabled { get; }</code></pre>
+	<pre class="wrap" data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider "><code class="javascript lang-javascript" dir="ltr">var boolean = uISettings.animationsEnabled;</code></pre>
+	<pre class="wrap" data-moniker=" winrt-10240 winrt-10586 winrt-14393 winrt-15063 winrt-16299 winrt-17134 winrt-17763 winrt-18362 winrt-19041 winrt-20348 winrt-22000 winrt-22621 winrt-23h2 winrt-26100 winrt-28000 winrt-insider "><code class="vb lang-vb" dir="ltr">Public ReadOnly Property AnimationsEnabled As Boolean</code></pre>
+	<h4 class="propertyInfoTitle stack">Property Value</h4>
+
+
+
+	<div class="propertyInfo">
+		
+		<span class=" lang-csharp lang-vb lang-javascript"><a href="/en-us/dotnet/api/system.boolean" data-linktype="absolute-path">Boolean</a>
+</span><span class=" lang-cppcx lang-cppwinrt"><p>bool</p>
+</span>
+	</div>
+
+	<p><strong>true</strong> if animations are enabled; <strong>false</strong> if not.</p>
+
+
+
+
+
+
+
+
+	<div data-no-chunk="" class="anchor-headings">
+	 <h2>Applies to</h2>
+	 <div class="table-wrapper moniker-applies-to-table">
+      <table class="table table-complex has-row-header-background">
+        <thead>
+        </thead>
+      </table>
+    </div>
+	</div>
+
+
+
+</div>
+
+</div>
+</div>
+					
+		<div
+			id="ms--inline-notifications"
+			class="margin-block-xs"
+			data-bi-name="inline-notification"
+		></div>
+	 
+		<div
+			id="assertive-live-region"
+			role="alert"
+			aria-live="assertive"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+		<div
+			id="polite-live-region"
+			role="status"
+			aria-live="polite"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+	
+					
+		<!-- feedback section -->
+		<section
+			id="site-user-feedback-footer"
+			class="font-size-sm margin-top-md display-none-print display-none-desktop"
+			data-test-id="site-user-feedback-footer"
+			data-bi-name="site-feedback-section"
+		>
+			<hr class="hr" />
+			<h2 id="ms--feedback" class="title is-3">Feedback</h2>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="buttons">
+					<button
+						class="thumb-rating-button like button button-primary button-sm"
+						data-test-id="footer-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+						<span>Yes</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike button button-primary button-sm"
+						id="standard-rating-no-button"
+						hidden
+						data-test-id="footer-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+						<span>No</span>
+					</button>
+					<details
+						class="popover popover-top"
+						id="mobile-help-popover"
+						data-test-id="footer-feedback-popover"
+					>
+						<summary
+							class="thumb-rating-button dislike button button-primary button-sm"
+							data-test-id="details-footer-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+							<span>No</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading"
+							aria-describedby="popover-description"
+						>
+							<p id="popover-heading" class="font-size-lg margin-bottom-xxs font-weight-semibold">
+								Need help with this topic?
+							</p>
+							<p id="popover-description" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+				</div>
+				 
+			</div>
+			
+		<div
+			id="action-panel"
+			role="region"
+			aria-label="Action Panel"
+			class="action-panel"
+			tabindex="-1"
+		></div>
+	
+		
+				</main>
+				<aside
+					id="layout-body-aside"
+					class="layout-body-aside  "
+					data-bi-name="aside"
+					aria-label="Additional resources"
+			  >
+					
+		<div
+			id="ms--additional-resources"
+			class="right-container padding-sm display-none display-block-desktop height-full"
+			data-bi-name="pageactions"
+		>
+			<div id="affixed-right-container" data-bi-name="right-column">
+				
+		<nav
+			id="side-doc-outline"
+			class="doc-outline border-bottom padding-bottom-xs margin-bottom-xs scrollbar-width-thin"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h3>In this article</h3>
+		</nav>
+	
+				<!-- Feedback -->
+				
+		<section
+			id="ms--site-user-feedback-right-rail"
+			class="font-size-sm display-none-print"
+			data-test-id="site-user-feedback-right-rail"
+			data-bi-name="site-feedback-right-rail"
+		>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="display-flex flex-wrap-nowrap">
+					<button
+						class="thumb-rating-button like inner-focus"
+						data-test-id="right-rail-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						aria-label="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike inner-focus"
+						id="right-rail-no-button"
+						hidden
+						data-test-id="right-rail-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						aria-label="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+					</button>
+					<details class="popover popover-right" id="help-popover" data-test-id="feedback-popover">
+						<summary
+							tabindex="0"
+							class="thumb-rating-button dislike inner-focus"
+							data-test-id="details-right-rail-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							aria-label="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading-right-rail"
+							aria-describedby="popover-description-right-rail"
+						>
+							<p
+								id="popover-heading-right-rail"
+								class="font-size-lg margin-bottom-xxs font-weight-semibold"
+							>
+								Need help with this topic?
+							</p>
+							<p id="popover-description-right-rail" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+	
+			</div>
+		</div>
+	
+			  </aside> <section
+					id="layout-body-flyout"
+					class="layout-body-flyout "
+					data-bi-name="flyout"
+			  >
+					 <div
+	class="height-full border-left background-color-body-medium"
+	id="ask-learn-flyout"
+></div>
+			  </section> <div class="layout-body-footer " data-bi-name="layout-footer">
+		<footer
+			id="footer"
+			data-test-id="footer"
+			data-bi-name="footer"
+			class="footer-layout padding-xs padding-sm-desktop has-default-focus border-top"
+			role="contentinfo"
+		>
+			<div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
+				
+		<a
+			data-mscc-ic="false"
+			href="#"
+			data-bi-name="select-locale"
+			class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator"
+			id=""
+			title=""
+			><span class="icon" aria-hidden="true"
+				><span class="docon docon-world"></span></span
+			><span class="local-selector-link-text">en-us</span></a
+		>
+	 <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://aka.ms/yourcaliforniaprivacychoices"
+			data-bi-name="your-privacy-choices"
+			class="button button-sm button-clear flex-shrink-0 external-link-indicator"
+			id=""
+			title=""
+			>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 30 14"
+			xml:space="preserve"
+			height="16"
+			width="43"
+			aria-hidden="true"
+			focusable="false"
+		>
+			<path
+				d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
+			></path>
+			<path
+				d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"
+			></path>
+			<path
+				d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"
+				style="fill:#fff"
+			></path>
+			<path
+				d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"
+				style="fill:#06f"
+			></path>
+		</svg>
+	
+			<span>Your Privacy Choices</span></a
+		>
+	
+	</div>
+				<div class="flex-shrink-0">
+		<div class="dropdown has-caret-up">
+			<button
+				data-test-id="theme-selector-button"
+				class="dropdown-trigger button button-clear button-sm inner-focus theme-dropdown-trigger"
+				aria-controls="{{ themeMenuId }}"
+				aria-haspopup="true"
+				aria-expanded="false"
+				data-bi-name="theme"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-sun"></span></span>
+				<span>Theme</span>
+				<span class="icon expanded-indicator" aria-hidden="true">
+					<span class="docon docon-chevron-down-light"></span>
+				</span>
+			</button>
+			<div class="dropdown-menu" id="{{ themeMenuId }}" role="menu">
+				<ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu" role="none">
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="light"
+							tabindex="-1"
+						>
+							<span class="theme-light margin-right-xxs">
+								<span
+									class="theme-selector-icon border display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Light </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="dark"
+							tabindex="-1"
+						>
+							<span class="theme-dark margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Dark </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="high-contrast"
+							tabindex="-1"
+						>
+							<span class="theme-high-contrast margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> High contrast </span>
+						</button>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+			</div>
+			<ul class="links" data-bi-name="footerlinks">
+				<li class="manage-cookies-holder" hidden=""></li>
+				<li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content"
+			data-bi-name="aiDisclaimer"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>AI Disclaimer</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/previous-versions/"
+			data-bi-name="archivelink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Previous Versions</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog"
+			data-bi-name="bloglink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Blog</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/contribute"
+			data-bi-name="contributorGuide"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Contribute</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?LinkId=521839"
+			data-bi-name="privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?linkid=2259814"
+			data-bi-name="consumer-health-privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Consumer Health Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/legal/termsofuse"
+			data-bi-name="termsofuse"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Terms of Use</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/"
+			data-bi-name="trademarks"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Trademarks</a
+		>
+	
+	</li>
+				<li>&copy; Microsoft 2026</li>
+			</ul>
+		</footer>
+	</footer>
+			</body>
+		</html>
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-nav-frozen-6d9beff44ebb.html b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-nav-frozen-6d9beff44ebb.html
new file mode 100644
index 0000000..2026c8c
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-nav-frozen-6d9beff44ebb.html
@@ -0,0 +1,3051 @@
+ <!DOCTYPE html>
+		<html
+			class="layout layout-holy-grail   show-table-of-contents conceptual show-breadcrumb default-focus"
+			lang="en-us"
+			dir="ltr"
+			data-authenticated="false"
+			data-auth-status-determined="false"
+			data-target="docs"
+			x-ms-format-detection="none"
+		>
+			
+		<head>
+			<title>NavigationView - Windows apps | Microsoft Learn</title>
+			<meta charset="utf-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta name="color-scheme" content="light dark" />
+
+			<meta name="description" content="NavigationView is an adaptive control that implements top-level navigation patterns for your app." />
+			<link rel="canonical" href="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/navigationview" /> 
+
+			<!-- Non-customizable open graph and sharing-related metadata -->
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:site" content="@MicrosoftLearn" />
+			<meta property="og:type" content="website" />
+			<meta property="og:image:alt" content="Microsoft Learn" />
+			<meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
+			<!-- Page specific open graph and sharing-related metadata -->
+			<meta property="og:title" content="NavigationView - Windows apps" />
+			<meta property="og:url" content="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/navigationview" />
+			<meta property="og:description" content="NavigationView is an adaptive control that implements top-level navigation patterns for your app." />
+			<meta name="platform_id" content="b32c712c-c2e2-e7c0-17e2-bbff7f52cfd5" /> 
+			<meta name="locale" content="en-us" />
+			 
+			<meta name="uhfHeaderId" content="MSDocsHeader-WinDevCenter" />
+
+			<meta name="page_type" content="conceptual" />
+
+			<!--page specific meta tags-->
+			
+
+			<!-- custom meta tags -->
+			
+		<meta name="ms.service" content="windows-app-sdk" />
+	
+		<meta name="recommendations" content="true" />
+	
+		<meta name="ROBOTS" content="INDEX, FOLLOW" />
+	
+		<meta name="author" content="GrantMeStrength" />
+	
+		<meta name="ms.author" content="jken" />
+	
+		<meta name="Search.Product" content="eADQiWindows 10XVcnh" />
+	
+		<meta name="breadcrumb_path" content="/windows/breadcrumbs/toc.json" />
+	
+		<meta name="feedback_product_url" content="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb" />
+	
+		<meta name="feedback_system" content="OpenSource" />
+	
+		<meta name="ms.subservice" content="apps" />
+	
+		<meta name="ms.update-cycle" content="365-days" />
+	
+		<meta name="template" content="detail.hbs" />
+	
+		<meta name="ms.date" content="2026-07-15T00:00:00Z" />
+	
+		<meta name="ms.topic" content="article" />
+	
+		<meta name="doc-status" content="Published" />
+	
+		<meta name="ms.localizationpriority" content="medium" />
+	
+		<meta name="ms.custom" content="RS5" />
+	
+		<meta name="document_id" content="31b8e9b8-e6b3-9146-4cbe-b3598b947d1e" />
+	
+		<meta name="document_version_independent_id" content="31b8e9b8-e6b3-9146-4cbe-b3598b947d1e" />
+	
+		<meta name="updated_at" content="2026-07-17T02:50:00Z" />
+	
+		<meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/ui/controls/navigationview.md" />
+	
+		<meta name="gitcommit" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/2031e48f47826aa01343fcc25586d44956be0b01/hub/apps/develop/ui/controls/navigationview.md" />
+	
+		<meta name="git_commit_id" content="2031e48f47826aa01343fcc25586d44956be0b01" />
+	
+		<meta name="site_name" content="Docs" />
+	
+		<meta name="depot_name" content="MSDN.windows-uwp-hub" />
+	
+		<meta name="schema" content="Conceptual" />
+	
+		<meta name="toc_rel" content="../../toc.json" />
+	
+		<meta name="pdf_url_template" content="https://learn.microsoft.com/pdfstore/en-us/MSDN.windows-uwp-hub/{branchName}{pdfName}" />
+	
+		<meta name="feedback_help_link_type" content="" />
+	
+		<meta name="feedback_help_link_url" content="" />
+	
+		<meta name="search.mshattr.devlang" content="csharp cppwinrt" />
+	
+		<meta name="word_count" content="5919" />
+	
+		<meta name="asset_id" content="apps/develop/ui/controls/navigationview" />
+	
+		<meta name="moniker_range_name" content="" />
+	
+		<meta name="item_type" content="Content" />
+	
+		<meta name="source_path" content="hub/apps/develop/ui/controls/navigationview.md" />
+	
+		<meta name="previous_tlsh_hash" content="63F4F3A2848C4611EFC1AE2961259F6264F05069BB716FD028667050814AADFB3FD964E6E7B333593339026310B3270F52E5D77BC0AE93B3BB6118AF825C3191572D3BB7DA" />
+	
+		<meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/ui/controls/navigationview.md" />
+	
+		<meta name="markdown_url" content="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/navigationview?accept=text/markdown" />
+	 
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/bcbcbad5-4208-4783-8035-8481272c98b8" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/43b2e5aa-8a6d-4de2-a252-692232e5edc8" data-source="generated" />
+	
+
+			<!-- Apply persisted/system theme before first paint to prevent wrong-theme flash when scripts are deferred. -->
+			<script id="theme-preference">
+				(function () {
+			try {
+				var stored = localStorage.getItem('theme');
+				var theme = /^(light|dark|high-contrast)$/.test(stored)
+					? stored
+					: matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+				document.documentElement.classList.add('theme-' + theme);
+			} catch (e) {}
+		})();;
+			</script>
+
+			<script id="atlas-layout-preferences">
+				(function () {
+			try {
+				var state = JSON.parse(localStorage.getItem('atlas-layout-preferences') || '{}');
+				var view = state["docs-layout-persistence"] || {};
+				var excludesKey = "";
+				var blocked = {};
+				if (excludesKey) {
+					var exclusions = JSON.parse(localStorage.getItem('atlas-layout-exclusions') || '{}');
+					if (Object.prototype.hasOwnProperty.call(exclusions, excludesKey)) {
+						var scoped = exclusions[excludesKey];
+						if (scoped) {
+							if (typeof scoped === 'object') blocked = scoped;
+						}
+					}
+				}
+				var html = document.documentElement;
+				for (var c in view) {
+					if (Object.prototype.hasOwnProperty.call(blocked, c)) continue;
+					if (view[c]) html.classList.add(c);
+					else html.classList.remove(c);
+				}
+			} catch (e) {}
+		})();;
+			</script>
+
+			<!-- assets and js globals -->
+			
+			<link rel="stylesheet" href="/static/assets/0.4.03510.8120-9976c201/styles/site.css" />
+			
+			<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
+			<script async src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script>
+			
+
+			<!-- msdocs global object -->
+			<script id="msdocs-script">
+		var msDocs = {
+  "environment": {
+    "accessLevel": "online",
+    "azurePortalHostname": "portal.azure.com",
+    "reviewFeatures": false,
+    "supportLevel": "production",
+    "systemContent": true,
+    "siteName": "learn",
+    "legacyHosting": false
+  },
+  "data": {
+    "contentLocale": "en-us",
+    "contentDir": "ltr",
+    "userLocale": "en-us",
+    "userDir": "ltr",
+    "pageTemplate": "Conceptual",
+    "layoutStateStorageKey": "docs-layout-persistence",
+    "brand": "",
+    "context": {},
+    "standardFeedback": false,
+    "showFeedbackReport": false,
+    "feedbackHelpLinkType": "",
+    "feedbackHelpLinkUrl": "",
+    "feedbackSystem": "OpenSource",
+    "feedbackGitHubRepo": "",
+    "feedbackProductUrl": "https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb",
+    "extendBreadcrumb": false,
+    "isEditDisplayable": true,
+    "isPrivateUnauthorized": false,
+    "hideViewSource": false,
+    "isPermissioned": false,
+    "hasRecommendations": true,
+    "contributors": [
+      {
+        "name": "GrantMeStrength",
+        "url": "https://github.com/GrantMeStrength"
+      },
+      {
+        "name": "qiutongMS",
+        "url": "https://github.com/qiutongMS"
+      },
+      {
+        "name": "jwmsft",
+        "url": "https://github.com/jwmsft"
+      },
+      {
+        "name": "niels9001",
+        "url": "https://github.com/niels9001"
+      }
+    ],
+    "openSourceFeedbackIssueUrl": "https://github.com/MicrosoftDocs/windows-dev-docs/issues/new?template=1-customer-feedback.yml",
+    "openSourceFeedbackIssueTitle": "",
+    "openSourceFeedbackIssueLabels": "needs-triage"
+  },
+  "functions": {}
+};;
+	</script>
+
+			<!-- base scripts, msdocs global should be before this -->
+			<script
+				src="/static/assets/0.4.03510.8120-9976c201/scripts/en-us/index-docs.js"
+				async
+			></script>
+			
+
+			<!-- json-ld -->
+			
+		</head>
+	
+			<body
+				id="body"
+				data-bi-name="body"
+				class="layout-body "
+				lang="en-us"
+				dir="ltr"
+			>
+				<header class="layout-body-header background-color-body-medium">
+		<div class="header-holder has-default-focus">
+			
+		<a
+			href="#main"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to main content
+		</a>
+	
+		<a
+			href="#"
+			data-skip-to-ask-learn
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			hidden
+		>
+			Skip to Ask Learn chat experience
+		</a>
+	
+
+			<div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
+			<!-- Unsupported browser warning -->
+			<div
+				id="unsupported-browser"
+				style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;"
+				hidden
+			>
+				<div style="max-width: 800px; margin: 0 auto;">
+					<p style="font-size: 24px">This browser is no longer supported.</p>
+					<p style="font-size: 16px; margin-top: 16px;">
+						Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
+					</p>
+					<div style="margin-top: 12px;">
+						<a
+							href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
+							style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;"
+						>
+							Download Microsoft Edge
+						</a>
+						<a
+							href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
+							style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;"
+						>
+							More info about Internet Explorer and Microsoft Edge
+						</a>
+					</div>
+				</div>
+			</div>
+			<!-- site header -->
+			<div
+				id="ms--site-header"
+				data-test-id="site-header-wrapper"
+				itemscope="itemscope"
+				itemtype="http://schema.org/Organization"
+			>
+				<div
+					id="ms--mobile-nav"
+					class="site-header display-none-tablet padding-inline-none gap-none"
+					data-bi-name="mobile-header"
+					data-test-id="mobile-header"
+				></div>
+				<div
+					id="ms--primary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L1-header"
+					data-test-id="primary-header"
+				></div>
+				<div
+					id="ms--secondary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L2-header"
+					data-test-id="secondary-header"
+					
+				></div>
+			</div>
+			
+		<!-- banner -->
+		<div data-banner>
+			<div id="disclaimer-holder"></div>
+			
+		</div>
+		<!-- banner end -->
+	
+		</div>
+	</header>
+				 <section
+					id="layout-body-menu"
+					class="layout-body-menu border-right display-flex background-color-body-medium"
+					data-bi-name="menu"
+			  >
+					
+		<div
+			id="left-container"
+			class="left-container display-none padding-none display-block-tablet width-full display-none-until-layout-restored"
+			data-toc-container="true"
+		>
+			<div
+				id="ms--toc-content"
+				class="padding-left-sm padding-right-none padding-bottom-sm height-full"
+			>
+				<nav
+					id="affixed-left-container"
+					class="margin-top-xxs-tablet position-sticky display-flex flex-direction-column width-full"
+					aria-label="Primary"
+					data-bi-name="left-toc"
+					role="navigation"
+				>
+					<div
+						id="ms--collapsible-toc-header"
+						class="display-flex flex-direction-row-reverse justify-content-center align-items-center margin-bottom-xxs margin-right-xxs"
+					>
+						<button
+							type="button"
+							class="button button-clear button-sm inner-focus"
+							data-collapsible-toc-toggle
+							aria-expanded="true"
+							hidden
+							aria-controls="ms--toc-content"
+							aria-label="Table of contents"
+						>
+							<span class="icon icon-mirrored-rtl" aria-hidden="true">
+								<span
+									class="docon docon-panel-left-contract display-none-layout-menu-collapsed"
+								></span>
+								<span
+									class="docon docon-panel-left-expand display-none display-inline-layout-menu-collapsed"
+								></span>
+							</span>
+						</button>
+						<div
+							id="ms--collapsible-toc-moniker-slot"
+							class="flex-grow-1 display-none-layout-menu-collapsed"
+						></div>
+					</div>
+				</nav>
+			</div>
+		</div>
+	
+			  </section>
+
+				<main
+					id="main"
+					role="main"
+					class="layout-body-main "
+					data-bi-name="content"
+					lang="en-us"
+					dir="ltr"
+				>
+					
+			<div
+		id="ms--content-header"
+		class="content-header default-focus border-bottom-none"
+		data-bi-name="content-header"
+	>
+		<div class="content-header-controls margin-xxs margin-inline-sm-tablet">
+			<button
+				type="button"
+				class="contents-button button button-sm margin-right-xxs"
+				data-bi-name="contents-expand"
+				aria-haspopup="true"
+				data-contents-button
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-menu"></span></span>
+				<span class="contents-expand-title"> Table of contents </span>
+			</button>
+			<button
+				type="button"
+				class="ap-collapse-behavior ap-expanded button button-sm"
+				data-bi-name="ap-collapse"
+				aria-controls="action-panel"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-exit-mode"></span></span>
+				<span>Exit editor mode</span>
+			</button>
+		</div>
+	</div>
+			<div
+				data-main-column
+				class="reading-width margin-inline-auto layout-padding padding-top-none padding-top-sm-tablet padding-bottom-sm"
+			>
+				<div>
+					
+		<div id="article-header" class="background-color-body margin-bottom-xs display-none-print">
+			<div class="display-flex align-items-center justify-content-space-between">
+				
+		<details
+			id="article-header-breadcrumbs-overflow-popover"
+			class="popover popover-left"
+			data-for="article-header-breadcrumbs"
+		>
+			<summary
+				class="button button-clear button-primary button-sm inner-focus"
+				aria-label="All breadcrumbs"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-more"></span>
+				</span>
+			</summary>
+			<div id="article-header-breadcrumbs-overflow" class="popover-content"></div>
+		</details>
+
+		<bread-crumbs
+			id="article-header-breadcrumbs"
+			role="group"
+			aria-label="Breadcrumbs"
+			data-test-id="article-header-breadcrumbs"
+			class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"
+		></bread-crumbs>
+	 
+		<div
+			id="article-header-page-actions"
+			class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"
+		>
+			
+		<button
+			class="button button-sm border-none inner-focus display-none-tablet flex-shrink-0 "
+			data-bi-name="ask-learn-assistant-entry"
+			data-test-id="ask-learn-assistant-modal-entry-mobile"
+			data-ask-learn-modal-entry
+			
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-none display-inline-flex-tablet display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-modal-entry-tablet"
+			data-ask-learn-modal-entry
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-flyout-entry"
+			data-ask-learn-flyout-entry
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	 
+		<div class="language dropdown display-flex align-items-center">
+			<button
+				type="button"
+				class="dropdown-trigger button button-clear button-sm button-primary"
+				aria-expanded="false"
+				title="Language"
+				data-bi-name="language"
+			>
+				<span class="lang-title align-self-flex-start" dir="ltr">Language</span>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-chevron-down-light expanded-indicator"></span>
+				</span>
+			</button>
+			<div class="language-selector dropdown-menu padding-xxs">
+				<ul data-bi-name="language-links" dir="ltr">
+					
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-csharp"
+					aria-pressed="false"
+				>
+					csharp
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-cppwinrt"
+					aria-pressed="false"
+				>
+					cppwinrt
+				</button>
+			</li>
+		
+				</ul>
+			</div>
+		</div>
+	
+
+			<details class="popover popover-right" id="article-header-page-actions-overflow">
+				<summary
+					class="justify-content-flex-start button button-clear button-sm button-primary inner-focus"
+					aria-label="More actions"
+					title="More actions"
+				>
+					<span class="icon" aria-hidden="true">
+						<span class="docon docon-more-vertical"></span>
+					</span>
+				</summary>
+				<div class="popover-content">
+					
+		<button
+			type="button"
+			id="ms--focus-mode-button"
+			data-focus-mode
+			data-bi-name="focus-mode-entry"
+			data-page-action-item="overflow-all"
+			data-popover-close
+			class="button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus display-none display-inline-flex-tablet"
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-glasses"></span>
+			</span>
+			<span>Reading mode</span>
+		</button>
+	 
+		<button
+			data-page-action-item="overflow-mobile"
+			type="button"
+			class="display-block-layout-menu-collapsed button-block button-sm inner-focus button button-clear display-none-tablet justify-content-flex-start text-align-left"
+			data-bi-name="contents-expand"
+			data-contents-button
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true"
+				><span class="docon docon-editor-list-bullet"></span
+			></span>
+			<span class="contents-expand-title">Table of contents</span>
+		</button>
+	 
+		<a
+			id="lang-link-overflow"
+			class="button-sm inner-focus button button-clear button-block justify-content-flex-start text-align-left"
+			data-bi-name="language-toggle"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-read-in-link
+			href="#"
+			hidden
+		>
+			<span class="icon" aria-hidden="true" data-read-in-link-icon>
+				<span class="docon docon-locale-globe"></span>
+			</span>
+			<span data-read-in-link-text>Read in English</span>
+		</a>
+	
+					
+		<button
+			type="button"
+			class="collection button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus"
+			data-list-type="collection"
+			data-bi-name="collection"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="collection-status">Add</span>
+		</button>
+	 
+		<button
+			type="button"
+			class="collection button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+			data-list-type="plan"
+			data-bi-name="plan"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="plan-status">Add to Plans</span>
+		</button>
+	 
+					
+		<a
+			data-contenteditbtn
+			class="button button-clear button-block button-sm inner-focus justify-content-flex-start text-align-left text-decoration-none"
+			data-bi-name="edit"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			
+			href="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/ui/controls/navigationview.md"
+			data-original_content_git_url="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/ui/controls/navigationview.md"
+			data-original_content_git_url_template="{repo}/blob/{branch}/hub/apps/develop/ui/controls/navigationview.md"
+			data-pr_repo=""
+			data-pr_branch=""
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-edit-outline"></span>
+			</span>
+			<span>Edit</span>
+		</a>
+	  
+		<hr class="margin-block-xxs" />
+		
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="copy-markdown"
+					data-page-action-item="overflow-all"
+					data-copy-markdown
+					data-copy-state="idle"
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span data-show-when="idle" class="docon docon-code-lang"></span>
+						<span data-show-when="loading" class="loader" hidden></span>
+						<span data-show-when="success" class="docon docon-check-mark" hidden></span>
+					</span>
+					<span>Copy Markdown</span>
+				</button>
+		   
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="print"
+					data-page-action-item="overflow-all"
+					data-popover-close
+					data-print-page
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span class="docon docon-print"></span>
+					</span>
+					<span>Print</span>
+				</button>
+		  
+	
+				</div>
+			</details>
+		</div>
+	
+			</div>
+		</div>
+	  
+		<!-- privateUnauthorizedTemplate is hidden by default -->
+		<div unauthorized-private-section data-bi-name="permission-content-unauthorized-private" hidden>
+			<hr class="hr margin-top-xs margin-bottom-sm" />
+			<div class="notification notification-info">
+				<div class="notification-content">
+					<p class="margin-top-none notification-title">
+						<span class="icon" aria-hidden="true"
+							><span class="docon docon-exclamation-circle-solid"></span
+						></span>
+						<span>Note</span>
+					</p>
+					<p class="margin-top-none authentication-determined not-authenticated">
+						Access to this page requires authorization. You can try <a class="docs-sign-in" href="#" data-bi-name="permission-content-sign-in">signing in</a> or <a  class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+					<p class="margin-top-none authentication-determined authenticated">
+						Access to this page requires authorization. You can try <a class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+				</div>
+			</div>
+		</div>
+	
+					<div class="content"><h1 id="navigationview">NavigationView</h1></div>
+					
+		<div
+			id="article-metadata"
+			data-bi-name="article-metadata"
+			data-test-id="article-metadata"
+			class="page-metadata-container display-flex gap-xxs justify-content-space-between align-items-center flex-wrap-wrap"
+		>
+			 
+				<div
+					id="user-feedback"
+					class="margin-block-xxs display-none display-none-print"
+					hidden
+					data-hide-on-archived
+				>
+					
+		<button
+			id="user-feedback-button"
+			data-test-id="conceptual-feedback-button"
+			class="button button-sm button-clear button-primary display-none"
+			type="button"
+			data-bi-name="user-feedback-button"
+			data-user-feedback-button
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-like"></span>
+			</span>
+			<span>Feedback</span>
+		</button>
+	
+				</div>
+		  
+		</div>
+	 
+		<div data-id="ai-summary" class="display-none-print">
+			<div id="ms--ai-summary-cta" class="margin-top-xs display-flex align-items-center">
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-sparkle-fill gradient-text-vivid"></span>
+				</span>
+				<button
+					id="ms--ai-summary"
+					type="button"
+					class="tag tag-sm tag-suggestion margin-left-xxs"
+					data-test-id="ai-summary-cta"
+					data-bi-name="ai-summary-cta"
+					data-an="ai-summary"
+				>
+					<span class="ai-summary-cta-text">
+						Summarize this article for me
+					</span>
+				</button>
+			</div>
+			<!-- Slot where the client will render the summary card after the user clicks the CTA -->
+			<div id="ms--ai-summary-header" class="margin-top-xs"></div>
+		</div>
+	 
+		<nav
+			id="center-doc-outline"
+			class="doc-outline display-none-desktop display-none-print margin-bottom-sm"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h2 id="ms--in-this-article" class="title is-6 margin-block-xs">
+				In this article
+			</h2>
+		</nav>
+	
+					<div class="content"><p>The NavigationView control provides top-level navigation for your app. It adapts to a variety of screen sizes and supports both <em>top</em> and <em>left</em> navigation styles.</p>
+<p><span class="mx-imgBorder">
+<img src="images/navigation-view-top-style.png" alt="top navigation" data-linktype="relative-path">
+</span>
+<span class="mx-imgBorder">
+<img src="images/navigation-view-left-style.png" alt="left navigation" data-linktype="relative-path">
+</span>
+<br>
+<em>NavigationView supports both top and left navigation pane or menu</em></p>
+<h2 id="is-this-the-right-control">Is this the right control?</h2>
+<p>NavigationView is an adaptive navigation control that works well for:</p>
+<ul>
+<li>Providing a consistent navigational experience throughout your app.</li>
+<li>Preserving screen real estate on smaller windows.</li>
+<li>Organizing access to many navigation categories.</li>
+</ul>
+<p>For other navigation patterns, see <a href="../../../design/basics/navigation-basics" data-linktype="relative-path">Navigation design basics</a>.</p>
+<h2 id="create-a-navigation-view">Create a navigation view</h2>
+<div class="checklist">
+<ul>
+<li><strong>Important APIs:</strong> <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview" data-linktype="absolute-path">NavigationView class</a></li>
+</ul>
+</div>
+<div class="nextstepaction">
+<p><a href="winui3gallery://item/NavigationView" data-linktype="external">Open the WinUI 3 Gallery app and see the NavigationView in action</a></p>
+</div>
+<blockquote>
+<table>
+<tbody><tr>
+<td><img src="../../../../includes/images/winui-gallery-logo.png" width="76" alt="WinUI 3 Gallery icon" data-linktype="relative-path"></td>
+<td>The <strong>WinUI 3 Gallery</strong> app includes interactive examples of WinUI controls and features. Get the app from the <a href="https://apps.microsoft.com/detail/9P3JFPWWDZRC" data-linktype="external">Microsoft Store</a> or browse the source code on <a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">GitHub</a>.</td>
+</tr>
+</tbody></table>
+</blockquote>
+<p>This example shows how to create a simple navigation view in XAML.</p>
+<pre><code class="lang-xaml">&lt;NavigationView&gt;
+    &lt;NavigationView.MenuItems&gt;
+        &lt;NavigationViewItem Content="Nav Item A"/&gt;
+        &lt;NavigationViewItem Content="Nav Item B"/&gt;
+        &lt;NavigationViewItem Content="Nav Item C"/&gt;
+    &lt;/NavigationView.MenuItems&gt;
+
+    &lt;Frame x:Name="ContentFrame"/&gt;
+&lt;/NavigationView&gt;
+</code></pre>
+<h2 id="display-modes">Display modes</h2>
+<p>You can use the PaneDisplayMode property to configure different navigation styles, or display modes, for the NavigationView.</p>
+<section class="row">
+<div class="column">
+<h3 id="top">Top</h3>
+<p>The pane is positioned above the content.<br>
+<code>PaneDisplayMode="Top"</code></p>
+</div>
+<div class="column span2">
+<p><img src="images/displaymode-top.png" alt="Example of top navigation" data-linktype="relative-path"></p>
+</div>
+</section>
+<p>We recommend <em>top</em> navigation when:</p>
+<ul>
+<li>You have 5 or fewer top-level navigation categories that are equally important, and any additional top-level navigation categories that end up in the dropdown overflow menu are considered less important.</li>
+<li>You need to show all navigation options on screen.</li>
+<li>You want more space for your app content.</li>
+<li>Icons cannot clearly describe your app's navigation categories.</li>
+</ul>
+<section class="row">
+<div class="column">
+<h3 id="left">Left</h3>
+<p>The pane is expanded and positioned to the left of the content.<br>
+<code>PaneDisplayMode="Left"</code></p>
+</div>
+<div class="column span2">
+<p><img src="images/displaymode-left.png" alt="Example of expanded left navigation pane" data-linktype="relative-path"></p>
+</div>
+</section>
+<p>We recommend <em>left</em> navigation when:</p>
+<ul>
+<li>You have 5-10 equally important top-level navigation categories.</li>
+<li>You want navigation categories to be very prominent, with less space for other app content.</li>
+</ul>
+<section class="row">
+<div class="column">
+<h3 id="leftcompact">LeftCompact</h3>
+<p>The pane shows only icons until opened and is positioned to the left of the content. When opened, the pane overlays the content.<br>
+<code>PaneDisplayMode="LeftCompact"</code></p>
+</div>
+<div class="column span2">
+<p><img src="images/displaymode-leftcompact.png" alt="Example of compact left navigation pane" data-linktype="relative-path"></p>
+</div>
+</section>
+<section class="row">
+<div class="column">
+<h3 id="leftminimal">LeftMinimal</h3>
+<p>Only the menu button is shown until the pane is opened. When opened, the pane overlays the left side of the content.<br>
+<code>PaneDisplayMode="LeftMinimal"</code></p>
+</div>
+<div class="column span2">
+<p><img src="images/displaymode-leftminimal.png" alt="Example of minimal left navigation pane" data-linktype="relative-path"></p>
+</div>
+</section>
+<h3 id="auto">Auto</h3>
+<p>By default, PaneDisplayMode is set to <code>Auto</code>. In <code>Auto</code> mode, the NavigationView adapts between <code>LeftMinimal</code> when the window is narrow, to <code>LeftCompact</code>, and then <code>Left</code> as the window gets wider. For more info, see the <a href="#adaptive-behavior" data-linktype="self-bookmark">adaptive behavior</a> section.</p>
+<p><img src="images/displaymode-auto.png" alt="Left navigation default adaptive behavior" data-linktype="relative-path"><br>
+<em>NavigationView default adaptive behavior</em></p>
+<h2 id="anatomy">Anatomy</h2>
+<p>These images show the layout of the pane, header, and content areas of the control when configured for <em>top</em> or <em>left</em> navigation.</p>
+<p><img src="images/topnav-anatomy.png" alt="Top NavigationView layout" data-linktype="relative-path"><br>
+<em>Top navigation layout</em></p>
+<p><img src="images/leftnav-anatomy.png" alt="Left NavigationView layout" data-linktype="relative-path"><br>
+<em>Left navigation layout</em></p>
+<h3 id="pane">Pane</h3>
+<p>You can use the PaneDisplayMode property to position the pane above the content or to the left of the content.</p>
+<p>The NavigationView pane can contain:</p>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitem" data-linktype="absolute-path">NavigationViewItem</a> objects. Navigation items for navigating to specific pages.</li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitemseparator" data-linktype="absolute-path">NavigationViewItemSeparator</a> objects. Separators for grouping navigation items. Set the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.uielement.opacity" data-linktype="absolute-path">Opacity</a> property to 0 to render the separator as space.</li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitemheader" data-linktype="absolute-path">NavigationViewItemHeader</a> objects. Headers for labeling groups of items.</li>
+<li>An optional <a href="auto-suggest-box" data-linktype="relative-path">AutoSuggestBox</a> control to allow for app-level search. Assign the control to the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.autosuggestbox" data-linktype="absolute-path">NavigationView.AutoSuggestBox</a> property.</li>
+<li>An optional entry point for <a href="../../../design/app-settings/guidelines-for-app-settings" data-linktype="relative-path">app settings</a>. To hide the settings item, set the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.issettingsvisible" data-linktype="absolute-path">IsSettingsVisible</a> property to <code>false</code>.</li>
+</ul>
+<p>The left pane also contains:</p>
+<ul>
+<li>A menu button to toggle the pane opened and closed. On larger app windows when the pane is open, you may choose to hide this button using the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.ispanetogglebuttonvisible" data-linktype="absolute-path">IsPaneToggleButtonVisible</a> property.</li>
+</ul>
+<p>The NavigationView has a back button that is placed in the top left-hand corner of the pane. However, it does not automatically handle backwards navigation and add content to the back stack. To enable backwards navigation, see the <a href="#backwards-navigation" data-linktype="self-bookmark">backwards navigation</a> section.</p>
+<p>Here is the detailed pane anatomy for the top and left pane positions.</p>
+<h4 id="top-navigation-pane">Top navigation pane</h4>
+<p><img src="images/navview-pane-anatomy-horizontal.png" alt="NavigationView top pane anatomy" data-linktype="relative-path"></p>
+<ol>
+<li>Headers</li>
+<li>Navigation items</li>
+<li>Separators</li>
+<li>AutoSuggestBox (optional)</li>
+<li>Settings button (optional)</li>
+</ol>
+<h4 id="left-navigation-pane">Left navigation pane</h4>
+<p><img src="images/navview-pane-anatomy-vertical.png" alt="NavigationView left pane anatomy" data-linktype="relative-path"></p>
+<ol>
+<li>Menu button</li>
+<li>Navigation items</li>
+<li>Separators</li>
+<li>Headers</li>
+<li>AutoSuggestBox (optional)</li>
+<li>Settings button (optional)</li>
+</ol>
+<h4 id="footer-menu-items">Footer menu items</h4>
+<p>You can use <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.footermenuitems" data-linktype="absolute-path">FooterMenuItems</a> to place navigation items at the end of the navigation pane, contrasted with the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.menuitems" data-linktype="absolute-path">MenuItems</a> property which places items at the start of the pane.</p>
+<p>FooterMenuItems will be displayed before the <code>Settings</code> item by default. The <code>Settings</code> item can still be toggled using the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.IsSettingsVisible" data-linktype="absolute-path"><code>IsSettingsVisible</code></a> property.</p>
+<p>Only Navigation items should be placed in FooterMenuItems - any other content that needs to align to the footer of the pane should be placed in <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.panefooter" data-linktype="absolute-path">PaneFooter</a>.</p>
+<p>For an example of how to add FooterMenuItems to your NavigationView, see the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.footermenuitems" data-linktype="absolute-path">FooterMenuItems class</a>.</p>
+<p>The image below shows a NavigationView with <strong>Account</strong>, <strong>Your Cart</strong>, and <strong>Help</strong> navigation items in the footer menu.</p>
+<p><img src="images/footermenu-leftmode.png" alt="A NavigationView with FooterMenuItems" data-linktype="relative-path"></p>
+<h4 id="pane-footer">Pane footer</h4>
+<p>You can place free-form content in the pane's footer by adding it to the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.panefooter" data-linktype="absolute-path">PaneFooter</a> property.</p>
+<section class="row">
+<div class="column">
+<p><img src="images/navview-freeform-footer-top.png" alt="Pane footer top nav" data-linktype="relative-path"><br>
+<em>Top pane footer</em><br></p>
+</div>
+<div class="column">
+<p><img src="images/navview-freeform-footer-left.png" alt="Pane footer left nav" data-linktype="relative-path"><br>
+<em>Left pane footer</em><br></p>
+</div>
+</section>
+<h4 id="pane-title-and-header">Pane title and header</h4>
+<p>You can place text content in the pane header area by setting the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.panetitle" data-linktype="absolute-path">PaneTitle</a> property. It takes a string and shows the text next to the menu button.</p>
+<p>To add non-text content, such as an image or logo, you can place any element in the pane's header by adding it to the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.paneheader" data-linktype="absolute-path">PaneHeader</a> property.</p>
+<p>If both PaneTitle and PaneHeader are set, the content is stacked horizontally next to the menu button, with the PaneTitle closest to the menu button.</p>
+<section class="row">
+<div class="column">
+<p><img src="images/navview-freeform-header-top.png" alt="Pane header top nav" data-linktype="relative-path"><br>
+<em>Top pane header</em><br></p>
+</div>
+<div class="column">
+<p><img src="images/navview-freeform-header-left.png" alt="Pane header left nav" data-linktype="relative-path"><br>
+<em>Left pane header</em><br></p>
+</div>
+</section>
+<h4 id="pane-content">Pane content</h4>
+<p>You can place free-form content in the pane by adding it to the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.panecustomcontent" data-linktype="absolute-path">PaneCustomContent</a> property.</p>
+<section class="row">
+<div class="column">
+<p><img src="images/navview-freeform-pane-top.png" alt="Pane custom content top nav" data-linktype="relative-path"><br>
+<em>Top pane custom content</em><br></p>
+</div>
+<div class="column">
+<p><img src="images/navview-freeform-pane-left.png" alt="Pane custom content left nav" data-linktype="relative-path"><br>
+<em>Left pane custom content</em><br></p>
+</div>
+</section>
+<h3 id="header">Header</h3>
+<p>You can add a page title by setting the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.header" data-linktype="absolute-path">Header</a> property.</p>
+<p><img src="images/nav-header.png" alt="Example of NavigationView header area" data-linktype="relative-path"><br>
+<em>NavigationView header</em></p>
+<p>The header area is vertically aligned with the navigation button in the left pane position, and lies below the pane in the top pane position. It has a fixed height of 52 px. Its purpose is to hold the page title of the selected navigation category. The header is docked to the top of the page and acts as a scroll clipping point for the content area.</p>
+<p>The header is visible any time the NavigationView is in <code>Minimal</code> display mode. You may choose to hide the header in other modes, which are used on larger window widths. To hide the header, set the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.AlwaysShowHeader" data-linktype="absolute-path">AlwaysShowHeader</a> property to <code>false</code>.</p>
+<h3 id="content">Content</h3>
+<p><img src="images/nav-content.png" alt="Example of NavigationView content area" data-linktype="relative-path"><br>
+<em>NavigationView content</em></p>
+<p>The content area is where most of the information for the selected navigation category is displayed.</p>
+<p>We recommend 12px margins for your content area when NavigationView is in <code>Minimal</code> mode and 24px margins otherwise.</p>
+<h2 id="adaptive-behavior">Adaptive behavior</h2>
+<p>By default, the NavigationView automatically changes its display mode based on the amount of screen space available to it. The <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.compactmodethresholdwidth" data-linktype="absolute-path">CompactModeThresholdWidth</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.expandedmodethresholdwidth" data-linktype="absolute-path">ExpandedModeThresholdWidth</a> properties specify the breakpoints at which the display mode changes. You can modify these values to customize the adaptive display mode behavior.</p>
+<h3 id="default">Default</h3>
+<p>When PaneDisplayMode is set to its default value of <code>Auto</code>, the adaptive behavior is to show:</p>
+<ul>
+<li>An expanded left pane on large window widths (1008px or greater).</li>
+<li>A left, icon-only, nav pane (<code>LeftCompact</code>) on medium window widths (641px to 1007px).</li>
+<li>Only a menu button (<code>LeftMinimal</code>) on small window widths (640px or less).</li>
+</ul>
+<p>For more information about window sizes for adaptive behavior, see <a href="../../../design/layout/screen-sizes-and-breakpoints-for-responsive-design" data-linktype="relative-path">Screen sizes and breakpoints</a>.</p>
+<p><img src="images/displaymode-auto.png" alt="Left navigation default adaptive behavior" data-linktype="relative-path"><br>
+<em>NavigationView default adaptive behavior</em></p>
+<h3 id="minimal">Minimal</h3>
+<p>A second common adaptive pattern is to use an expanded left pane on large window widths, and only a menu button on both medium and small window widths.</p>
+<p>We recommend this when:</p>
+<ul>
+<li>You want more space for app content on smaller window widths.</li>
+<li>Your navigation categories cannot be clearly represented with icons.</li>
+</ul>
+<p><img src="images/adaptive-behavior-minimal.png" alt="Left navigation minimal adaptive behavior" data-linktype="relative-path"><br>
+<em>NavigationView "minimal" adaptive behavior</em></p>
+<p>To configure this behavior, set CompactModeThresholdWidth to the width at which you want the pane to collapse. Here, it's changed from the default of 640 to 1007. You should also set ExpandedModeThresholdWidth to ensure the values don't conflict.</p>
+<pre><code class="lang-xaml">&lt;NavigationView CompactModeThresholdWidth="1007" ExpandedModeThresholdWidth="1007"/&gt;
+</code></pre>
+<h3 id="compact">Compact</h3>
+<p>A third common adaptive pattern is to use an expanded left pane on large window widths, and a LeftCompact, icon-only, nav pane on both medium and small window widths.</p>
+<p>We recommend this when:</p>
+<ul>
+<li>It is important to always show all navigation options on screen.</li>
+<li>Your navigation categories can be clearly represented with icons.</li>
+</ul>
+<p><img src="images/adaptive-behavior-compact.png" alt="Left navigation compact adaptive behavior" data-linktype="relative-path"><br>
+<em>NavigationView "compact" adaptive behavior</em></p>
+<p>To configure this behavior, set CompactModeThresholdWidth to 0.</p>
+<pre><code class="lang-xaml">&lt;NavigationView CompactModeThresholdWidth="0"/&gt;
+</code></pre>
+<h3 id="no-adaptive-behavior">No adaptive behavior</h3>
+<p>To disable the automatic adaptive behavior, set PaneDisplayMode to a value other than <code>Auto</code>. Here, it's set to LeftMinimal, so only the menu button is shown regardless of the window width.</p>
+<p><img src="images/adaptive-behavior-none.png" alt="Left navigation no adaptive behavior" data-linktype="relative-path"><br>
+<em>NavigationView with PaneDisplayMode set to LeftMinimal</em></p>
+<pre><code class="lang-xaml">&lt;NavigationView PaneDisplayMode="LeftMinimal" /&gt;
+</code></pre>
+<p>As described previously in the <em>Display modes</em> section, you can set the pane to be always on top, always expanded, always compact, or always minimal. You can also manage the display modes yourself in your app code. An example of this is shown in the next section.</p>
+<h3 id="top-to-left-navigation">Top to left navigation</h3>
+<p>When you use top navigation in your app, navigation items collapse into an overflow menu as the window width decreases. When your app window is narrow, it can provide a better user experience to switch the PaneDisplayMode from <code>Top</code> to <code>LeftMinimal</code> navigation, rather than letting all the items collapse into the overflow menu.</p>
+<p>We recommend using top navigation on large window sizes and left navigation on small window sizes when:</p>
+<ul>
+<li>You have a set of equally important top-level navigation categories to be displayed together, such that if one category in this set doesn't fit on screen, you collapse to left navigation to give them equal importance.</li>
+<li>You wish to preserve as much content space as possible in small window sizes.</li>
+</ul>
+<p>This example shows how to use a <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.VisualStateManager" data-linktype="absolute-path">VisualStateManager</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.adaptivetrigger.minwindowwidth" data-linktype="absolute-path">AdaptiveTrigger.MinWindowWidth</a> property to switch between <code>Top</code> and <code>LeftMinimal</code> navigation.</p>
+<p><img src="images/navigation-top-to-left.png" alt="Example of top or left adaptive behavior 1" data-linktype="relative-path"></p>
+<pre><code class="lang-xaml">&lt;Grid&gt;
+    &lt;NavigationView x:Name="NavigationViewControl" &gt;
+        &lt;NavigationView.MenuItems&gt;
+            &lt;NavigationViewItem Content="A" x:Name="A" /&gt;
+            &lt;NavigationViewItem Content="B" x:Name="B" /&gt;
+            &lt;NavigationViewItem Content="C" x:Name="C" /&gt;
+        &lt;/NavigationView.MenuItems&gt;
+    &lt;/NavigationView&gt;
+
+    &lt;VisualStateManager.VisualStateGroups&gt;
+        &lt;VisualStateGroup&gt;
+            &lt;VisualState&gt;
+                &lt;VisualState.StateTriggers&gt;
+                    &lt;AdaptiveTrigger
+                        MinWindowWidth="{x:Bind NavigationViewControl.CompactModeThresholdWidth}" /&gt;
+                &lt;/VisualState.StateTriggers&gt;
+
+                &lt;VisualState.Setters&gt;
+                    &lt;Setter Target="NavigationViewControl.PaneDisplayMode" Value="Top"/&gt;
+                &lt;/VisualState.Setters&gt;
+            &lt;/VisualState&gt;
+        &lt;/VisualStateGroup&gt;
+    &lt;/VisualStateManager.VisualStateGroups&gt;
+&lt;/Grid&gt;
+
+</code></pre>
+<div class="TIP">
+<p>Tip</p>
+<p>When you use AdaptiveTrigger.MinWindowWidth, the visual state is triggered when the window is wider than the specified minimum width. This means the default XAML defines the narrow window, and the VisualState defines the modifications that are applied when the window gets wider. The default PaneDisplayMode for the NavigationView is Auto, so when the window width is less than or equal to <code>CompactModeThresholdWidth</code>, <code>LeftMinimal</code> navigation is used. When the window gets wider, the VisualState overrides the default, and <code>Top</code> navigation is used.</p>
+</div>
+<h2 id="navigation">Navigation</h2>
+<p>The NavigationView doesn't perform any navigation tasks automatically. When the user taps on a navigation item, the NavigationView shows that item as selected and raises an <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.iteminvoked" data-linktype="absolute-path">ItemInvoked</a> event. If the tap results in a new item being selected, a <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.selectionchanged" data-linktype="absolute-path">SelectionChanged</a> event is also raised.</p>
+<p>You can handle either event to perform tasks related to the requested navigation. Which one you should handle depends on the behavior you want for your app. Typically, you navigate to the requested page and update the NavigationView header in response to these events.</p>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.iteminvoked" data-linktype="absolute-path">ItemInvoked</a> is raised any time the user taps a navigation item, even if it's already selected. (The item can also be invoked with an equivalent action using mouse, keyboard, or other input. For more info, see <a href="../../input/" data-linktype="relative-path">Input and interactions</a>.) If you navigate in the ItemInvoked handler, by default, the page will be reloaded, and a duplicate entry is added to the navigation stack. If you navigate when an item is invoked, you should disallow reloading the page, or ensure that a duplicate entry is not created in the navigation backstack when the page is reloaded. (See code examples.)</li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.selectionchanged" data-linktype="absolute-path">SelectionChanged</a> can be raised by a user invoking an item that isn't currently selected, or by programmatically changing the selected item. If the selection change occurs because a user invoked an item, the ItemInvoked event occurs first. If the selection change is programmatic, ItemInvoked is not raised.</li>
+</ul>
+<p>All navigation items are part of the same selection model, whether they are a part of <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.menuitems" data-linktype="absolute-path">MenuItems</a> or <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.footermenuitems" data-linktype="absolute-path">FooterMenuItems</a>. Only one navigation item can be selected at a time.</p>
+<h3 id="backwards-navigation">Backwards navigation</h3>
+<p>NavigationView has a built-in back button; but, as with forward navigation, it doesn't perform backwards navigation automatically. When the user taps the back button, the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.backrequested" data-linktype="absolute-path">BackRequested</a> event is raised. You handle this event to perform backwards navigation. For more info and code examples, see <a href="../navigation/navigation-history-and-backwards-navigation" data-linktype="relative-path">Navigation history and backwards navigation</a>.</p>
+<p>In <code>Minimal</code> or <code>Compact</code> mode, the NavigationView <code>Pane</code> is open as a flyout. In this case, clicking the back button will close the <code>Pane</code> and raise the PaneClosing event instead.</p>
+<p>You can hide or disable the back button by setting these properties:</p>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.isbackbuttonvisible" data-linktype="absolute-path">IsBackButtonVisible</a>: use to show and hide the back button. This property takes a value of the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewbackbuttonvisible" data-linktype="absolute-path">NavigationViewBackButtonVisible</a> enumeration, and is set to <code>Auto</code> by default. When the button is collapsed, no space is reserved for it in the layout.</li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.isbackenabled" data-linktype="absolute-path">IsBackEnabled</a>: use to enable or disable the back button. You can data bind this property to the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.frame.cangoback" data-linktype="absolute-path">CanGoBack</a> property of your navigation frame. <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.backrequested" data-linktype="absolute-path">BackRequested</a> is not raised if <code>IsBackEnabled</code> is <code>false</code>.</li>
+</ul>
+<section class="row">
+<div class="column">
+<p><img src="images/leftnav-back.png" alt="NavigationView back button in the left navigation pane" data-linktype="relative-path"><br>
+<em>The back button in the left navigation pane</em></p>
+</div>
+<div class="column">
+<p><img src="images/topnav-back.png" alt="NavigationView back button in the top navigation pane" data-linktype="relative-path"><br>
+<em>The back button in the top navigation pane</em></p>
+</div>
+</section>
+<h2 id="code-example">Code example</h2>
+<p>This example shows how you can use NavigationView with both a top navigation pane on large window sizes and a left navigation pane on small window sizes. It can be adapted to left-only navigation by removing the <em>top</em> navigation settings in the VisualStateManager.</p>
+<p>The example demonstrates a common way to set up navigation data that will work for many scenarios. In this example, you first store (in the tag of the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitem" data-linktype="absolute-path">NavigationViewItem</a>) the full type name of the page to which you want to navigate. In the event handler, you unbox that value, turn it into a <a href="/en-us/dotnet/api/system.type" data-linktype="absolute-path">Type</a>(C#) or <strong>Windows::UI::Xaml::Interop::TypeName</strong> (C++/WinRT) object, and use that to navigate to the destination page. This lets you create unit tests to confirm that the values inside your tags are of a valid type. (Also see <a href="/en-us/windows/apps/develop/cpp-winrt/boxing" data-linktype="absolute-path">Boxing and unboxing values to IInspectable with C++/WinRT</a>). It also demonstrates how to implement backwards navigation with NavigationView's back button.</p>
+<p>This code assumes that your app contains pages with the following names to navigate to: <em>HomePage</em>, <em>AppsPage</em>, <em>GamesPage</em>, <em>MusicPage</em>, <em>MyContentPage</em>, and <em>SettingsPage</em>. Code for these pages is not shown.</p>
+<pre><code class="lang-xaml">&lt;Page ... &gt;
+ &lt;Grid&gt;
+     &lt;NavigationView x:Name="NavView"
+                     Loaded="NavView_Loaded"
+                     ItemInvoked="NavView_ItemInvoked"
+                     BackRequested="NavView_BackRequested"&gt;
+         &lt;NavigationView.MenuItems&gt;
+             &lt;NavigationViewItem Tag="NavigationViewDemo.HomePage" Icon="Home" Content="Home"/&gt;
+             &lt;NavigationViewItemSeparator/&gt;
+             &lt;NavigationViewItemHeader x:Name="MainPagesHeader"
+                                       Content="Main pages"/&gt;
+             &lt;NavigationViewItem Tag="NavigationViewDemo.AppsPage" Content="Apps"&gt;
+                 &lt;NavigationViewItem.Icon&gt;
+                     &lt;FontIcon Glyph="&amp;#xEB3C;"/&gt;
+                 &lt;/NavigationViewItem.Icon&gt;
+             &lt;/NavigationViewItem&gt;
+             &lt;NavigationViewItem Tag="NavigationViewDemo.GamesPage" Content="Games"&gt;
+                 &lt;NavigationViewItem.Icon&gt;
+                     &lt;FontIcon Glyph="&amp;#xE7FC;"/&gt;
+                 &lt;/NavigationViewItem.Icon&gt;
+             &lt;/NavigationViewItem&gt;
+             &lt;NavigationViewItem Tag="NavigationViewDemo.MusicPage" Icon="Audio" Content="Music"/&gt;
+         &lt;/NavigationView.MenuItems&gt;
+
+         &lt;NavigationView.AutoSuggestBox&gt;
+             &lt;!-- See AutoSuggestBox documentation for
+              more info about how to implement search. --&gt;
+             &lt;AutoSuggestBox x:Name="NavViewSearchBox" QueryIcon="Find"/&gt;
+         &lt;/NavigationView.AutoSuggestBox&gt;
+
+         &lt;ScrollViewer&gt;
+             &lt;Frame x:Name="ContentFrame" IsTabStop="True"
+                NavigationFailed="ContentFrame_NavigationFailed"/&gt;
+         &lt;/ScrollViewer&gt;
+     &lt;/NavigationView&gt;
+
+     &lt;VisualStateManager.VisualStateGroups&gt;
+         &lt;VisualStateGroup&gt;
+             &lt;VisualState&gt;
+                 &lt;VisualState.StateTriggers&gt;
+                     &lt;AdaptiveTrigger
+                     MinWindowWidth="{x:Bind NavViewCompactModeThresholdWidth}"/&gt;
+                 &lt;/VisualState.StateTriggers&gt;
+                 &lt;VisualState.Setters&gt;
+                     &lt;!-- Remove the next 3 lines for left-only navigation. --&gt;
+                     &lt;Setter Target="NavView.PaneDisplayMode" Value="Top"/&gt;
+                     &lt;Setter Target="NavViewSearchBox.Width" Value="200"/&gt;
+                     &lt;Setter Target="MainPagesHeader.Visibility" Value="Collapsed"/&gt;
+                     &lt;!-- Leave the next line for left-only navigation. --&gt;
+                     &lt;Setter Target="ContentFrame.Padding" Value="24,0,24,24"/&gt;
+                 &lt;/VisualState.Setters&gt;
+             &lt;/VisualState&gt;
+         &lt;/VisualStateGroup&gt;
+     &lt;/VisualStateManager.VisualStateGroups&gt;
+ &lt;/Grid&gt;
+&lt;/Page&gt;
+</code></pre>
+<pre><code class="lang-csharp">private double NavViewCompactModeThresholdWidth { get { return NavView.CompactModeThresholdWidth; } }
+
+private void ContentFrame_NavigationFailed(object sender, NavigationFailedEventArgs e)
+{
+    throw new Exception("Failed to load Page " + e.SourcePageType.FullName);
+}
+
+private void NavView_Loaded(object sender, RoutedEventArgs e)
+{
+    // You can also add items in code.
+    NavView.MenuItems.Add(new NavigationViewItemSeparator());
+    NavView.MenuItems.Add(new NavigationViewItem
+    {
+        Content = "My content",
+        Icon = new SymbolIcon((Symbol)0xF1AD),
+        Tag = "NavigationViewDemo.MyContentPage"
+    });
+
+    // Add handler for ContentFrame navigation.
+    ContentFrame.Navigated += On_Navigated;
+
+    // NavView doesn't load any page by default, so load home page.
+    NavView.SelectedItem = NavView.MenuItems[0];
+    // If navigation occurs on SelectionChanged, this isn't needed.
+    // Because we use ItemInvoked to navigate, we need to call Navigate
+    // here to load the home page.
+    NavView_Navigate(typeof(HomePage), new EntranceNavigationTransitionInfo());
+}
+
+private void NavView_ItemInvoked(NavigationView sender,
+                                 NavigationViewItemInvokedEventArgs args)
+{
+    if (args.IsSettingsInvoked == true)
+    {
+        NavView_Navigate(typeof(SettingsPage), args.RecommendedNavigationTransitionInfo);
+    }
+    else if (args.InvokedItemContainer != null)
+    {
+        Type navPageType = Type.GetType(args.InvokedItemContainer.Tag.ToString());
+        NavView_Navigate(navPageType, args.RecommendedNavigationTransitionInfo);
+    }
+}
+
+// NavView_SelectionChanged is not used in this example, but is shown for completeness.
+// You will typically handle either ItemInvoked or SelectionChanged to perform navigation,
+// but not both.
+private void NavView_SelectionChanged(NavigationView sender,
+                                      NavigationViewSelectionChangedEventArgs args)
+{
+    if (args.IsSettingsSelected == true)
+    {
+        NavView_Navigate(typeof(SettingsPage), args.RecommendedNavigationTransitionInfo);
+    }
+    else if (args.SelectedItemContainer != null)
+    {
+        Type navPageType = Type.GetType(args.SelectedItemContainer.Tag.ToString());
+        NavView_Navigate(navPageType, args.RecommendedNavigationTransitionInfo);
+    }
+}
+
+private void NavView_Navigate(
+    Type navPageType,
+    NavigationTransitionInfo transitionInfo)
+{
+    // Get the page type before navigation so you can prevent duplicate
+    // entries in the backstack.
+    Type preNavPageType = ContentFrame.CurrentSourcePageType;
+
+    // Only navigate if the selected page isn't currently loaded.
+    if (navPageType is not null &amp;&amp; !Type.Equals(preNavPageType, navPageType))
+    {
+        ContentFrame.Navigate(navPageType, null, transitionInfo);
+    }
+}
+
+private void NavView_BackRequested(NavigationView sender,
+                                   NavigationViewBackRequestedEventArgs args)
+{
+    TryGoBack();
+}
+
+private bool TryGoBack()
+{
+    if (!ContentFrame.CanGoBack)
+        return false;
+
+    // Don't go back if the nav pane is overlayed.
+    if (NavView.IsPaneOpen &amp;&amp;
+        (NavView.DisplayMode == NavigationViewDisplayMode.Compact ||
+         NavView.DisplayMode == NavigationViewDisplayMode.Minimal))
+        return false;
+
+    ContentFrame.GoBack();
+    return true;
+}
+
+private void On_Navigated(object sender, NavigationEventArgs e)
+{
+    NavView.IsBackEnabled = ContentFrame.CanGoBack;
+
+    if (ContentFrame.SourcePageType == typeof(SettingsPage))
+    {
+        // SettingsItem is not part of NavView.MenuItems, and doesn't have a Tag.
+        NavView.SelectedItem = (NavigationViewItem)NavView.SettingsItem;
+        NavView.Header = "Settings";
+    }
+    else if (ContentFrame.SourcePageType != null)
+    {
+        // Select the nav view item that corresponds to the page being navigated to.
+        NavView.SelectedItem = NavView.MenuItems
+                    .OfType&lt;NavigationViewItem&gt;()
+                    .First(i =&gt; i.Tag.Equals(ContentFrame.SourcePageType.FullName.ToString()));
+
+        NavView.Header =
+            ((NavigationViewItem)NavView.SelectedItem)?.Content?.ToString();
+
+    }
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">// MainPage.idl
+runtimeclass MainPage : Microsoft.UI.Xaml.Controls.Page
+{
+    ...
+    Double NavViewCompactModeThresholdWidth{ get; };
+}
+
+// pch.h
+...
+#include &lt;winrt/Microsoft.UI.Xaml.Interop.h&gt;
+#include &lt;winrt/Microsoft.UI.Xaml.Media.Animation.h&gt;
+
+
+// MainPage.h
+#pragma once
+
+#include "MainPage.g.h"
+
+namespace muxc
+{
+    using namespace winrt::Microsoft::UI::Xaml::Controls;
+};
+
+namespace winrt::NavigationViewDemo::implementation
+{
+    struct MainPage : MainPageT&lt;MainPage&gt;
+    {
+        MainPage();
+
+        double NavViewCompactModeThresholdWidth();
+        void ContentFrame_NavigationFailed(
+            Windows::Foundation::IInspectable const&amp; /* sender */,
+            Microsoft::UI::Xaml::Navigation::NavigationFailedEventArgs const&amp; args);
+        void NavView_Loaded(
+            Windows::Foundation::IInspectable const&amp; /* sender */,
+            Microsoft::UI::Xaml::RoutedEventArgs const&amp; /* args */);
+        void NavView_ItemInvoked(
+            Windows::Foundation::IInspectable const&amp; /* sender */,
+            muxc::NavigationViewItemInvokedEventArgs const&amp; args);
+
+        // NavView_SelectionChanged is not used in this example, but is shown for completeness.
+        // You'll typically handle either ItemInvoked or SelectionChanged to perform navigation,
+        // but not both.
+        void NavView_SelectionChanged(
+            muxc::NavigationView const&amp; /* sender */,
+            muxc::NavigationViewSelectionChangedEventArgs const&amp; args);
+        void NavView_Navigate(
+            Windows::UI::Xaml::Interop::TypeName navPageType,
+            Microsoft::UI::Xaml::Media::Animation::NavigationTransitionInfo const&amp; transitionInfo);
+        void NavView_BackRequested(
+            muxc::NavigationView const&amp; /* sender */,
+            muxc::NavigationViewBackRequestedEventArgs const&amp; /* args */);
+        void On_Navigated(
+            Windows::Foundation::IInspectable const&amp; /* sender */,
+            Microsoft::UI::Xaml::Navigation::NavigationEventArgs const&amp; args);
+        bool TryGoBack();
+
+    private:
+
+    };
+}
+
+namespace winrt::NavigationViewDemo::factory_implementation
+{
+    struct MainPage : MainPageT&lt;MainPage, implementation::MainPage&gt;
+    {
+    };
+}
+
+// MainPage.cpp
+#include "pch.h"
+#include "MainPage.xaml.h"
+#if __has_include("MainPage.g.cpp")
+#include "MainPage.g.cpp"
+#endif
+
+using namespace winrt;
+using namespace Microsoft::UI::Xaml;
+
+namespace winrt::NavigationViewDemo::implementation
+{
+    MainPage::MainPage()
+    {
+        InitializeComponent();
+    }
+
+    double MainPage::NavViewCompactModeThresholdWidth()
+    {
+        return NavView().CompactModeThresholdWidth();
+    }
+
+    void MainPage::ContentFrame_NavigationFailed(
+        Windows::Foundation::IInspectable const&amp; /* sender */,
+        Microsoft::UI::Xaml::Navigation::NavigationFailedEventArgs const&amp; args)
+    {
+        throw winrt::hresult_error(
+            E_FAIL, winrt::hstring(L"Failed to load Page ") + args.SourcePageType().Name);
+    }
+
+    void MainPage::NavView_Loaded(
+        Windows::Foundation::IInspectable const&amp; /* sender */,
+        Microsoft::UI::Xaml::RoutedEventArgs const&amp; /* args */)
+    {
+        // You can also add items in code.
+        NavView().MenuItems().Append(muxc::NavigationViewItemSeparator());
+        muxc::NavigationViewItem navigationViewItem;
+        navigationViewItem.Content(winrt::box_value(L"My content"));
+        navigationViewItem.Icon(muxc::SymbolIcon(static_cast&lt;muxc::Symbol&gt;(0xF1AD)));
+        navigationViewItem.Tag(winrt::box_value(L"NavigationViewDemo.MyContentPage"));
+        NavView().MenuItems().Append(navigationViewItem);
+
+        // Add handler for ContentFrame navigation.
+        ContentFrame().Navigated({ this, &amp;MainPage::On_Navigated });
+
+        // NavView doesn't load any page by default, so load home page.
+        NavView().SelectedItem(NavView().MenuItems().GetAt(0));
+        // If navigation occurs on SelectionChanged, then this isn't needed.
+        // Because we use ItemInvoked to navigate, we need to call Navigate
+        // here to load the home page.
+        NavView_Navigate(winrt::xaml_typename&lt;NavigationViewDemo::HomePage&gt;(),
+            Microsoft::UI::Xaml::Media::Animation::EntranceNavigationTransitionInfo());
+    }
+
+    void MainPage::NavView_ItemInvoked(
+        Windows::Foundation::IInspectable const&amp; /* sender */,
+        muxc::NavigationViewItemInvokedEventArgs const&amp; args)
+    {
+        if (args.IsSettingsInvoked())
+        {
+            NavView_Navigate(winrt::xaml_typename&lt;NavigationViewDemo::SettingsPage&gt;(),
+                args.RecommendedNavigationTransitionInfo());
+        }
+        else if (args.InvokedItemContainer())
+        {
+            Windows::UI::Xaml::Interop::TypeName pageTypeName;
+            pageTypeName.Name = unbox_value&lt;hstring&gt;(args.InvokedItemContainer().Tag());
+            pageTypeName.Kind = Windows::UI::Xaml::Interop::TypeKind::Primitive;
+            NavView_Navigate(pageTypeName, args.RecommendedNavigationTransitionInfo());
+        }
+    }
+
+    // NavView_SelectionChanged is not used in this example, but is shown for completeness.
+    // You will typically handle either ItemInvoked or SelectionChanged to perform navigation,
+    // but not both.
+    void MainPage::NavView_SelectionChanged(
+        muxc::NavigationView const&amp; /* sender */,
+        muxc::NavigationViewSelectionChangedEventArgs const&amp; args)
+    {
+        if (args.IsSettingsSelected())
+        {
+            NavView_Navigate(winrt::xaml_typename&lt;NavigationViewDemo::SettingsPage&gt;(),
+                args.RecommendedNavigationTransitionInfo());
+        }
+        else if (args.SelectedItemContainer())
+        {
+            Windows::UI::Xaml::Interop::TypeName pageTypeName;
+            pageTypeName.Name = unbox_value&lt;hstring&gt;(args.SelectedItemContainer().Tag());
+            pageTypeName.Kind = Windows::UI::Xaml::Interop::TypeKind::Primitive;
+            NavView_Navigate(pageTypeName, args.RecommendedNavigationTransitionInfo());
+        }
+    }
+
+    void MainPage::NavView_Navigate(
+        Windows::UI::Xaml::Interop::TypeName navPageType,
+        Microsoft::UI::Xaml::Media::Animation::NavigationTransitionInfo const&amp; transitionInfo)
+    {
+        // Get the page type before navigation so you can prevent duplicate
+        // entries in the backstack.
+        Windows::UI::Xaml::Interop::TypeName preNavPageType =
+            ContentFrame().CurrentSourcePageType();
+
+        // Navigate only if the selected page isn't currently loaded.
+        if (navPageType.Name != L"" &amp;&amp; preNavPageType.Name != navPageType.Name)
+        {
+            ContentFrame().Navigate(navPageType, nullptr, transitionInfo);
+        }
+    }
+
+    void MainPage::NavView_BackRequested(
+        muxc::NavigationView const&amp; /* sender */,
+        muxc::NavigationViewBackRequestedEventArgs const&amp; /* args */)
+    {
+        TryGoBack();
+    }
+
+    bool MainPage::TryGoBack()
+    {
+        if (!ContentFrame().CanGoBack())
+            return false;
+        // Don't go back if the nav pane is overlayed.
+        if (NavView().IsPaneOpen() &amp;&amp;
+            (NavView().DisplayMode() == muxc::NavigationViewDisplayMode::Compact ||
+                NavView().DisplayMode() == muxc::NavigationViewDisplayMode::Minimal))
+            return false;
+        ContentFrame().GoBack();
+        return true;
+    }
+
+    void MainPage::On_Navigated(
+        Windows::Foundation::IInspectable const&amp; /* sender */,
+        Microsoft::UI::Xaml::Navigation::NavigationEventArgs const&amp; args)
+    {
+        NavView().IsBackEnabled(ContentFrame().CanGoBack());
+
+        if (ContentFrame().SourcePageType().Name ==
+            winrt::xaml_typename&lt;NavigationViewDemo::SettingsPage&gt;().Name)
+        {
+            // SettingsItem is not part of NavView.MenuItems, and doesn't have a Tag.
+            NavView().SelectedItem(NavView().SettingsItem().as&lt;muxc::NavigationViewItem&gt;());
+            NavView().Header(winrt::box_value(L"Settings"));
+        }
+        else if (ContentFrame().SourcePageType().Name != L"")
+        {
+            for (auto&amp;&amp; eachMenuItem : NavView().MenuItems())
+            {
+                auto navigationViewItem =
+                    eachMenuItem.try_as&lt;muxc::NavigationViewItem&gt;();
+                {
+                    if (navigationViewItem)
+                    {
+                        winrt::hstring hstringValue =
+                            winrt::unbox_value_or&lt;winrt::hstring&gt;(
+                                navigationViewItem.Tag(), L"");
+                        if (hstringValue == ContentFrame().SourcePageType().Name)
+                        {
+                            NavView().SelectedItem(navigationViewItem);
+                            NavView().Header(navigationViewItem.Content());
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+</code></pre>
+<h2 id="hierarchical-navigation">Hierarchical navigation</h2>
+<p>Some apps may have a more complex hierarchical structure that requires more than just a flat list of navigation items. You may want to use top-level navigation items to display categories of pages, with children items displaying specific pages. It is also useful if you have hub-style pages that only link to other pages. For these kinds of cases, you should create a hierarchical NavigationView.</p>
+<p>To show a hierarchical list of nested navigation items in the pane, use either the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitem.menuitems" data-linktype="absolute-path">MenuItems</a> property or the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitem.menuitemssource" data-linktype="absolute-path">MenuItemsSource</a> property of <strong>NavigationViewItem</strong>. Each NavigationViewItem can contain other NavigationViewItems and organizing elements like item headers and separators. To show a hierarchical list when using <code>MenuItemsSource</code>, set the <code>ItemTemplate</code> to be a NavigationViewItem, and bind its <code>MenuItemsSource</code> property to the next level of the hierarchy.</p>
+<p>Although NavigationViewItem can contain any number of nested levels, we recommend keeping your app's navigation hierarchy shallow. We believe two levels is ideal for usability and comprehension.</p>
+<p>NavigationView shows hierarchy in <code>Top</code>, <code>Left</code>, and <code>LeftCompact</code> pane display modes. Here is what an expanded subtree looks like in each of the pane display modes:</p>
+<p><img src="images/navigation-view-hierarchy-labeled.png" alt="NavigationView with Hierarchy" data-linktype="relative-path"></p>
+<h3 id="adding-a-hierarchy-of-items-in-markup">Adding a hierarchy of items in markup</h3>
+<p>This example shows how to declare hierarchical app navigation in XAML markup.</p>
+<pre><code class="lang-xaml">&lt;NavigationView&gt;
+    &lt;NavigationView.MenuItems&gt;
+        &lt;NavigationViewItem Content="Home" Icon="Home" ToolTipService.ToolTip="Home"/&gt;
+        &lt;NavigationViewItem Content="Collections" Icon="Keyboard" ToolTipService.ToolTip="Collections"&gt;
+            &lt;NavigationViewItem.MenuItems&gt;
+                &lt;NavigationViewItem Content="Notes" Icon="Page" ToolTipService.ToolTip="Notes"/&gt;
+                &lt;NavigationViewItem Content="Mail" Icon="Mail" ToolTipService.ToolTip="Mail"/&gt;
+            &lt;/NavigationViewItem.MenuItems&gt;
+        &lt;/NavigationViewItem&gt;
+    &lt;/NavigationView.MenuItems&gt;
+&lt;/NavigationView&gt;
+</code></pre>
+<h3 id="adding-a-hierarchy-of-items-using-data-binding">Adding a hierarchy of items using data binding</h3>
+<p>Add a hierarchy of menu items to the NavigationView by</p>
+<ul>
+<li>binding the MenuItemsSource property to the hierarchical data</li>
+<li>defining the item template to be a NavigationViewMenuItem, with its Content set to be the label of the menu item, and its MenuItemsSource property bound to the next level of the hierarchy</li>
+</ul>
+<p>This example also demonstrates the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.expanding" data-linktype="absolute-path">Expanding</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.collapsed" data-linktype="absolute-path">Collapsed</a> events. These events are raised for a menu item with children.</p>
+<pre><code class="lang-xaml">&lt;Page ... &gt;
+    &lt;Page.Resources&gt;
+        &lt;DataTemplate x:Key="NavigationViewMenuItem" x:DataType="local:Category"&gt;
+            &lt;NavigationViewItem Content="{x:Bind Name}" MenuItemsSource="{x:Bind Children}"/&gt;
+        &lt;/DataTemplate&gt;
+    &lt;/Page.Resources&gt;
+
+    &lt;Grid&gt;
+        &lt;NavigationView x:Name="navview"
+    MenuItemsSource="{x:Bind Categories, Mode=OneWay}"
+    MenuItemTemplate="{StaticResource NavigationViewMenuItem}"
+    ItemInvoked="{x:Bind OnItemInvoked}"
+    Expanding="OnItemExpanding"
+    Collapsed="OnItemCollapsed"
+    PaneDisplayMode="Left"&gt;
+            &lt;StackPanel Margin="10,10,0,0"&gt;
+                &lt;TextBlock Margin="0,10,0,0" x:Name="ExpandingItemLabel" Text="Last Expanding: N/A"/&gt;
+                &lt;TextBlock x:Name="CollapsedItemLabel" Text="Last Collapsed: N/A"/&gt;
+            &lt;/StackPanel&gt;
+        &lt;/NavigationView&gt;
+    &lt;/Grid&gt;
+&lt;/Page&gt;
+</code></pre>
+<pre><code class="lang-csharp">public class Category
+{
+    public String Name { get; set; }
+    public String CategoryIcon { get; set; }
+    public ObservableCollection&lt;Category&gt; Children { get; set; }
+}
+
+public sealed partial class HierarchicalNavigationViewDataBinding : Page
+{
+    public HierarchicalNavigationViewDataBinding()
+    {
+        this.InitializeComponent();
+    }
+
+    public ObservableCollection&lt;Category&gt; Categories = new ObservableCollection&lt;Category&gt;()
+    {
+        new Category(){
+            Name = "Menu item 1",
+            CategoryIcon = "Icon",
+            Children = new ObservableCollection&lt;Category&gt;() {
+                new Category(){
+                    Name = "Menu item 2",
+                    CategoryIcon = "Icon",
+                    Children = new ObservableCollection&lt;Category&gt;() {
+                        new Category() {
+                            Name  = "Menu item 3",
+                            CategoryIcon = "Icon",
+                            Children = new ObservableCollection&lt;Category&gt;() {
+                                new Category() { Name  = "Menu item 4", CategoryIcon = "Icon" },
+                                new Category() { Name  = "Menu item 5", CategoryIcon = "Icon" }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        new Category(){
+            Name = "Menu item 6",
+            CategoryIcon = "Icon",
+            Children = new ObservableCollection&lt;Category&gt;() {
+                new Category(){
+                    Name = "Menu item 7",
+                    CategoryIcon = "Icon",
+                    Children = new ObservableCollection&lt;Category&gt;() {
+                        new Category() { Name  = "Menu item 8", CategoryIcon = "Icon" },
+                        new Category() { Name  = "Menu item 9", CategoryIcon = "Icon" }
+                    }
+                }
+            }
+        },
+        new Category(){ Name = "Menu item 10", CategoryIcon = "Icon" }
+    };
+
+    private void OnItemInvoked(object sender, NavigationViewItemInvokedEventArgs e)
+    {
+        var clickedItem = e.InvokedItem;
+        var clickedItemContainer = e.InvokedItemContainer;
+    }
+    private void OnItemExpanding(object sender, NavigationViewItemExpandingEventArgs e)
+    {
+        var nvib = e.ExpandingItemContainer;
+        var name = "Last expanding: " + nvib.Content.ToString();
+        ExpandingItemLabel.Text = name;
+    }
+    private void OnItemCollapsed(object sender, NavigationViewItemCollapsedEventArgs e)
+    {
+        var nvib = e.CollapsedItemContainer;
+        var name = "Last collapsed: " + nvib.Content;
+        CollapsedItemLabel.Text = name;
+    }
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">// Category.idl
+namespace HierarchicalNavigationViewDataBinding
+{
+    runtimeclass Category
+    {
+        String Name;
+        String CategoryIcon;
+        Windows.Foundation.Collections.IObservableVector&lt;Category&gt; Children;
+    }
+}
+
+// Category.h
+#pragma once
+#include "Category.g.h"
+
+namespace winrt::HierarchicalNavigationViewDataBinding::implementation
+{
+    struct Category : CategoryT&lt;Category&gt;
+    {
+        Category();
+        Category(winrt::hstring name,
+            winrt::hstring categoryIcon,
+            Windows::Foundation::Collections::
+                IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; children);
+
+        winrt::hstring Name();
+        void Name(winrt::hstring const&amp; value);
+        winrt::hstring CategoryIcon();
+        void CategoryIcon(winrt::hstring const&amp; value);
+        Windows::Foundation::Collections::
+            IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; Children();
+        void Children(Windows::Foundation::Collections:
+            IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; const&amp; value);
+
+    private:
+        winrt::hstring m_name;
+        winrt::hstring m_categoryIcon;
+        Windows::Foundation::Collections::
+            IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; m_children;
+    };
+}
+
+// Category.cpp
+#include "pch.h"
+#include "Category.h"
+#include "Category.g.cpp"
+
+namespace winrt::HierarchicalNavigationViewDataBinding::implementation
+{
+    Category::Category()
+    {
+        m_children = winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    }
+
+    Category::Category(
+        winrt::hstring name,
+        winrt::hstring categoryIcon,
+        Windows::Foundation::Collections::
+            IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; children)
+    {
+        m_name = name;
+        m_categoryIcon = categoryIcon;
+        m_children = children;
+    }
+
+    hstring Category::Name()
+    {
+        return m_name;
+    }
+
+    void Category::Name(hstring const&amp; value)
+    {
+        m_name = value;
+    }
+
+    hstring Category::CategoryIcon()
+    {
+        return m_categoryIcon;
+    }
+
+    void Category::CategoryIcon(hstring const&amp; value)
+    {
+        m_categoryIcon = value;
+    }
+
+    Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt;
+        Category::Children()
+    {
+        return m_children;
+    }
+
+    void Category::Children(
+        Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt;
+            const&amp; value)
+    {
+        m_children = value;
+    }
+}
+
+// MainPage.idl
+import "Category.idl";
+
+namespace HierarchicalNavigationViewDataBinding
+{
+    [default_interface]
+    runtimeclass MainPage : Microsoft.UI.Xaml.Controls.Page
+    {
+        MainPage();
+        Windows.Foundation.Collections.IObservableVector&lt;Category&gt; Categories{ get; };
+    }
+}
+
+// MainPage.h
+#pragma once
+
+#include "MainPage.g.h"
+
+namespace muxc
+{
+    using namespace winrt::Microsoft::UI::Xaml::Controls;
+};
+
+namespace winrt::HierarchicalNavigationViewDataBinding::implementation
+{
+    struct MainPage : MainPageT&lt;MainPage&gt;
+    {
+        MainPage();
+
+        Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt;
+            Categories();
+
+        void OnItemInvoked(muxc::NavigationView const&amp; sender, muxc::NavigationViewItemInvokedEventArgs const&amp; args);
+        void OnItemExpanding(
+            muxc::NavigationView const&amp; sender,
+            muxc::NavigationViewItemExpandingEventArgs const&amp; args);
+        void OnItemCollapsed(
+            muxc::NavigationView const&amp; sender,
+            muxc::NavigationViewItemCollapsedEventArgs const&amp; args);
+
+    private:
+        Windows::Foundation::Collections::
+            IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; m_categories;
+    };
+}
+
+namespace winrt::HierarchicalNavigationViewDataBinding::factory_implementation
+{
+    struct MainPage : MainPageT&lt;MainPage, implementation::MainPage&gt;
+    {
+    };
+}
+
+// MainPage.cpp
+#include "pch.h"
+#include "MainPage.h"
+#include "MainPage.g.cpp"
+
+#include "Category.h"
+
+namespace winrt::HierarchicalNavigationViewDataBinding::implementation
+{
+    MainPage::MainPage()
+    {
+        InitializeComponent();
+
+        m_categories =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+
+        auto menuItem10 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 10", L"Icon", nullptr);
+
+        auto menuItem9 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 9", L"Icon", nullptr);
+        auto menuItem8 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 8", L"Icon", nullptr);
+        auto menuItem7Children =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+        menuItem7Children.Append(*menuItem9);
+        menuItem7Children.Append(*menuItem8);
+
+        auto menuItem7 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 7", L"Icon", menuItem7Children);
+        auto menuItem6Children =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+        menuItem6Children.Append(*menuItem7);
+
+        auto menuItem6 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 6", L"Icon", menuItem6Children);
+
+        auto menuItem5 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 5", L"Icon", nullptr);
+        auto menuItem4 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 4", L"Icon", nullptr);
+        auto menuItem3Children =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+        menuItem3Children.Append(*menuItem5);
+        menuItem3Children.Append(*menuItem4);
+
+        auto menuItem3 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 3", L"Icon", menuItem3Children);
+        auto menuItem2Children =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+        menuItem2Children.Append(*menuItem3);
+
+        auto menuItem2 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 2", L"Icon", menuItem2Children);
+        auto menuItem1Children =
+            winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+        menuItem1Children.Append(*menuItem2);
+
+        auto menuItem1 = winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+            (L"Menu item 1", L"Icon", menuItem1Children);
+
+        m_categories.Append(*menuItem1);
+        m_categories.Append(*menuItem6);
+        m_categories.Append(*menuItem10);
+    }
+
+    Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt;
+        MainPage::Categories()
+    {
+        return m_categories;
+    }
+
+    void MainPage::OnItemInvoked(
+        muxc::NavigationView const&amp; /* sender */,
+        muxc::NavigationViewItemInvokedEventArgs const&amp; args)
+    {
+        auto clickedItem = args.InvokedItem();
+        auto clickedItemContainer = args.InvokedItemContainer();
+    }
+
+    void MainPage::OnItemExpanding(
+        muxc::NavigationView const&amp; /* sender */,
+        muxc::NavigationViewItemExpandingEventArgs const&amp; args)
+    {
+        auto nvib = args.ExpandingItemContainer();
+        auto name = L"Last expanding: " + winrt::unbox_value&lt;winrt::hstring&gt;(nvib.Content());
+        ExpandingItemLabel().Text(name);
+    }
+
+    void MainPage::OnItemCollapsed(
+        muxc::NavigationView const&amp; /* sender */,
+        muxc::NavigationViewItemCollapsedEventArgs const&amp; args)
+    {
+        auto nvib = args.CollapsedItemContainer();
+        auto name = L"Last collapsed: " + winrt::unbox_value&lt;winrt::hstring&gt;(nvib.Content());
+        CollapsedItemLabel().Text(name);
+    }
+}
+</code></pre>
+<h3 id="selection">Selection</h3>
+<p>By default, any item can contain children, be invoked, or be selected.</p>
+<p>When providing users with a hierarchical tree of navigation options, you may choose to make parent items non-selectable, for example when your app doesn't have a destination page associated with that parent item. If your parent items <em>are</em> selectable, it's recommend you use the Left-Expanded or Top pane display modes. LeftCompact mode will cause the user to navigate to the parent item in order to open the child subtree every time it's invoked.</p>
+<p>Selected items will draw their selection indicators along their left edge when in left mode or their bottom edge when in top mode. Shown below are NavigationViews in left and top mode where a parent item is selected.</p>
+<p><img src="images/navigation-view-selection.png" alt="NavigationView in left-mode with parent selected" data-linktype="relative-path"></p>
+<p><img src="images/navigation-view-selection-top.png" alt="NavigationView in top-mode with parent selected" data-linktype="relative-path"></p>
+<p>The selected item may not always remain visible. If a child in a collapsed/non-expanded subtree is selected, their first visible ancestor will show as selected. The selection indicator will move back to the selected item if/when the sub-tree is expanded.</p>
+<p>For example - in the above image, the Calendar item may be selected by the user, and then the user may collapse its subtree. In this case, the selection indicator would show up underneath the Account item as Account is Calendar's first visible ancestor. The selection indicator will move back to the Calendar item as the user expands the subtree again.</p>
+<p>The entire NavigationView will show no more than one selection indicator.</p>
+<p>In both Top and Left modes, clicking the arrows on NavigationViewItems will expand or collapse the subtree. Clicking or tapping
+<em>elsewhere</em> on the NavigationViewItem will trigger the <code>ItemInvoked</code> event, and it will also collapse or expand the subtree.</p>
+<p>To prevent an item from showing the selection indicator when invoked, set its <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationviewitem.selectsoninvoked" data-linktype="absolute-path">SelectsOnInvoked</a> property to False, as shown below:</p>
+<pre><code class="lang-xaml">&lt;Page ...&gt;
+    &lt;Page.Resources&gt;
+        &lt;DataTemplate x:Key="NavigationViewMenuItem" x:DataType="local:Category"&gt;
+            &lt;NavigationViewItem Content="{x:Bind Name}"
+            MenuItemsSource="{x:Bind Children}"
+            SelectsOnInvoked="{x:Bind IsLeaf}"/&gt;
+        &lt;/DataTemplate&gt;
+    &lt;/Page.Resources&gt;
+
+    &lt;Grid&gt;
+        &lt;NavigationView x:Name="navview"
+    MenuItemsSource="{x:Bind Categories, Mode=OneWay}"
+    MenuItemTemplate="{StaticResource NavigationViewMenuItem}"&gt;
+        &lt;/NavigationView&gt;
+    &lt;/Grid&gt;
+&lt;/Page&gt;
+</code></pre>
+<pre><code class="lang-csharp">public class Category
+{
+    public String Name { get; set; }
+    public String CategoryIcon { get; set; }
+    public ObservableCollection&lt;Category&gt; Children { get; set; }
+    public bool IsLeaf { get; set; }
+}
+
+public sealed partial class HierarchicalNavigationViewDataBinding : Page
+{
+    public HierarchicalNavigationViewDataBinding()
+    {
+        this.InitializeComponent();
+    }
+
+    public ObservableCollection&lt;Category&gt; Categories = new ObservableCollection&lt;Category&gt;()
+    {
+        new Category(){
+            Name = "Menu item 1",
+            CategoryIcon = "Icon",
+            Children = new ObservableCollection&lt;Category&gt;() {
+                new Category(){
+                    Name = "Menu item 2",
+                    CategoryIcon = "Icon",
+                    Children = new ObservableCollection&lt;Category&gt;() {
+                        new Category() {
+                            Name  = "Menu item 3",
+                            CategoryIcon = "Icon",
+                            Children = new ObservableCollection&lt;Category&gt;() {
+                                new Category() { Name  = "Menu item 4", CategoryIcon = "Icon", IsLeaf = true },
+                                new Category() { Name  = "Menu item 5", CategoryIcon = "Icon", IsLeaf = true }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        new Category(){
+            Name = "Menu item 6",
+            CategoryIcon = "Icon",
+            Children = new ObservableCollection&lt;Category&gt;() {
+                new Category(){
+                    Name = "Menu item 7",
+                    CategoryIcon = "Icon",
+                    Children = new ObservableCollection&lt;Category&gt;() {
+                        new Category() { Name  = "Menu item 8", CategoryIcon = "Icon", IsLeaf = true },
+                        new Category() { Name  = "Menu item 9", CategoryIcon = "Icon", IsLeaf = true }
+                    }
+                }
+            }
+        },
+        new Category(){ Name = "Menu item 10", CategoryIcon = "Icon", IsLeaf = true }
+    };
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">// Category.idl
+namespace HierarchicalNavigationViewDataBinding
+{
+    runtimeclass Category
+    {
+        ...
+        Boolean IsLeaf;
+    }
+}
+
+// Category.h
+...
+struct Category : CategoryT&lt;Category&gt;
+{
+    ...
+    Category(winrt::hstring name,
+        winrt::hstring categoryIcon,
+        Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; children,
+        bool isleaf = false);
+    ...
+    bool IsLeaf();
+    void IsLeaf(bool value);
+
+private:
+    ...
+    bool m_isleaf;
+};
+
+// Category.cpp
+...
+Category::Category(winrt::hstring name,
+    winrt::hstring categoryIcon,
+    Windows::Foundation::Collections::IObservableVector&lt;HierarchicalNavigationViewDataBinding::Category&gt; children,
+    bool isleaf) : m_name(name), m_categoryIcon(categoryIcon), m_children(children), m_isleaf(isleaf) {}
+...
+bool Category::IsLeaf()
+{
+    return m_isleaf;
+}
+
+void Category::IsLeaf(bool value)
+{
+    m_isleaf = value;
+}
+
+// MainPage.h and MainPage.cpp
+// Delete OnItemInvoked, OnItemExpanding, and OnItemCollapsed.
+
+// MainPage.cpp
+...
+MainPage::MainPage()
+{
+    InitializeComponent();
+
+    m_categories = winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+
+    auto menuItem10 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 10", L"Icon", nullptr, true);
+
+    auto menuItem9 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 9", L"Icon", nullptr, true);
+    auto menuItem8 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 8", L"Icon", nullptr, true);
+    auto menuItem7Children =
+        winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    menuItem7Children.Append(*menuItem9);
+    menuItem7Children.Append(*menuItem8);
+
+    auto menuItem7 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 7", L"Icon", menuItem7Children);
+    auto menuItem6Children =
+        winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    menuItem6Children.Append(*menuItem7);
+
+    auto menuItem6 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 6", L"Icon", menuItem6Children);
+
+    auto menuItem5 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 5", L"Icon", nullptr, true);
+    auto menuItem4 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 4", L"Icon", nullptr, true);
+    auto menuItem3Children =
+        winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    menuItem3Children.Append(*menuItem5);
+    menuItem3Children.Append(*menuItem4);
+
+    auto menuItem3 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 3", L"Icon", menuItem3Children);
+    auto menuItem2Children =
+        winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    menuItem2Children.Append(*menuItem3);
+
+    auto menuItem2 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 2", L"Icon", menuItem2Children);
+    auto menuItem1Children =
+        winrt::single_threaded_observable_vector&lt;HierarchicalNavigationViewDataBinding::Category&gt;();
+    menuItem1Children.Append(*menuItem2);
+
+    auto menuItem1 =
+        winrt::make_self&lt;HierarchicalNavigationViewDataBinding::implementation::Category&gt;
+        (L"Menu item 1", L"Icon", menuItem1Children);
+
+    m_categories.Append(*menuItem1);
+    m_categories.Append(*menuItem6);
+    m_categories.Append(*menuItem10);
+}
+...
+</code></pre>
+<h3 id="keyboarding-within-hierarchical-navigationview">Keyboarding within hierarchical NavigationView</h3>
+<p>Users can move focus around the NavigationView using their <a href="../../input/keyboard-interactions" data-linktype="relative-path">keyboard</a>.
+The arrow keys expose "inner navigation" within the pane and follow the interactions provided in <a href="tree-view" data-linktype="relative-path">tree view</a>. The key actions change when navigating through the NavigationView or its flyout menu, which is displayed in Top and Left-compact modes of HierarchicalNavigationView. Below are the specific actions that each key can take in a hierarchical NavigationView:</p>
+<table>
+<thead>
+<tr>
+<th>Key</th>
+<th>In Left Mode</th>
+<th>In Top Mode</th>
+<th>In Flyout</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Up</td>
+<td>Moves focus to the item directly above the item currently in focus.</td>
+<td>Does nothing.</td>
+<td>Moves focus to the item directly above the item currently in focus.</td>
+</tr>
+<tr>
+<td>Down</td>
+<td>Moves focus directly below the item currently in focus.*</td>
+<td>Does nothing.</td>
+<td>Moves focus directly below the item currently in focus.*</td>
+</tr>
+<tr>
+<td>Right</td>
+<td>Does nothing.</td>
+<td>Moves focus to the item directly to the right of the item currently in focus.</td>
+<td>Does nothing.</td>
+</tr>
+<tr>
+<td>Left</td>
+<td>Does nothing.</td>
+<td>Moves focus to the item directly to the left the item currently in focus.</td>
+<td>Does nothing.</td>
+</tr>
+<tr>
+<td>Space/Enter</td>
+<td>If item has children, expands/collapses item and does not change focus.</td>
+<td>If item has children, expands children into a flyout and places focus on first item in flyout.</td>
+<td>Invokes/selects item and closes flyout.</td>
+</tr>
+<tr>
+<td>Esc</td>
+<td>Does nothing.</td>
+<td>Does nothing.</td>
+<td>Closes flyout.</td>
+</tr>
+</tbody>
+</table>
+<p>The space or enter key always invokes/selects an item.</p>
+<p>*Note that the items do not need to be visually adjacent, focus will move from the last item in the pane's list to the settings item.</p>
+<h2 id="navigationview-customization">NavigationView customization</h2>
+<h3 id="pane-backgrounds">Pane Backgrounds</h3>
+<p>By default, the NavigationView pane uses a different background depending on the display mode:</p>
+<ul>
+<li>the pane is a solid grey color when expanded on the left, side-by-side with the content (in Left mode).</li>
+<li>the pane uses in-app acrylic when open as an overlay on top of content (in Top, Minimal, or Compact mode).</li>
+</ul>
+<p>To modify the pane background, you can override the XAML theme resources used to render the background in each mode. (This technique is used rather than a single PaneBackground property in order to support different backgrounds for different display modes.)</p>
+<p>This table shows which theme resource is used in each display mode.</p>
+<table>
+<thead>
+<tr>
+<th>Display mode</th>
+<th>Theme resource</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Left</td>
+<td>NavigationViewExpandedPaneBackground</td>
+</tr>
+<tr>
+<td>LeftCompact<br>LeftMinimal</td>
+<td>NavigationViewDefaultPaneBackground</td>
+</tr>
+<tr>
+<td>Top</td>
+<td>NavigationViewTopPaneBackground</td>
+</tr>
+</tbody>
+</table>
+<p>This example shows how to override the theme resources in App.xaml. When you override theme resources, you should always provide "Default" and "HighContrast" resource dictionaries at a minimum, and dictionaries for "Light" or "Dark" resources as needed. For more info, see <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.resourcedictionary.themedictionaries" data-linktype="absolute-path">ResourceDictionary.ThemeDictionaries</a>.</p>
+<h3 id="top-whitespace">Top whitespace</h3>
+<p>Apps that <a href="../../title-bar" data-linktype="relative-path">customize their window's title bar</a> often extend content into the title bar area. When NavigationView is used alongside a custom title bar, you need to ensure its interactive elements (back button, pane toggle) don't overlap with the title bar's drag region.</p>
+<h4 id="using-the-titlebar-control-recommended">Using the TitleBar control (recommended)</h4>
+<p>The recommended approach is to place a <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.titlebar" data-linktype="absolute-path">TitleBar</a> control above the NavigationView, and let the TitleBar handle the back button and pane toggle. This is the pattern used by the <a href="https://github.com/Microsoft/WinUI-Gallery" data-linktype="external">WinUI 3 Gallery</a> app.</p>
+<p>Because the TitleBar control owns the back button and pane toggle button, you should hide NavigationView's built-in versions by setting <code>IsBackButtonVisible="Collapsed"</code> and <code>IsPaneToggleButtonVisible="False"</code>. The TitleBar then forwards those interactions to the NavigationView through event handlers:</p>
+<pre><code class="lang-xaml">&lt;Grid&gt;
+    &lt;Grid.RowDefinitions&gt;
+        &lt;RowDefinition Height="Auto" /&gt;
+        &lt;RowDefinition Height="*" /&gt;
+    &lt;/Grid.RowDefinitions&gt;
+
+    &lt;TitleBar x:Name="titleBar"
+              Title="My App"
+              IsPaneToggleButtonVisible="True"
+              PaneToggleRequested="TitleBar_PaneToggleRequested"
+              IsBackButtonVisible="{x:Bind contentFrame.CanGoBack, Mode=OneWay}"
+              BackRequested="TitleBar_BackRequested" /&gt;
+
+    &lt;NavigationView x:Name="NavView"
+                    Grid.Row="1"
+                    IsBackButtonVisible="Collapsed"
+                    IsPaneToggleButtonVisible="False"
+                    DisplayModeChanged="NavView_DisplayModeChanged"&gt;
+        &lt;Frame x:Name="contentFrame" /&gt;
+    &lt;/NavigationView&gt;
+&lt;/Grid&gt;
+</code></pre>
+<p>In your code-behind, extend the content into the title bar, assign the TitleBar control, and wire up the event handlers that connect the TitleBar buttons to the NavigationView:</p>
+<pre><code class="lang-csharp">this.ExtendsContentIntoTitleBar = true;
+this.SetTitleBar(titleBar);
+</code></pre>
+<pre><code class="lang-csharp">// Toggle the NavigationView pane open or closed when the TitleBar button is clicked.
+private void TitleBar_PaneToggleRequested(TitleBar sender, object args)
+{
+    NavView.IsPaneOpen = !NavView.IsPaneOpen;
+}
+
+// Navigate back when the TitleBar back button is clicked.
+private void TitleBar_BackRequested(TitleBar sender, object args)
+{
+    if (contentFrame.CanGoBack)
+    {
+        contentFrame.GoBack();
+    }
+}
+
+// Hide the pane toggle button in the TitleBar when NavigationView switches to Top mode,
+// since the pane isn't applicable in that layout.
+private void NavView_DisplayModeChanged(NavigationView sender,
+    NavigationViewDisplayModeChangedEventArgs args)
+{
+    titleBar.IsPaneToggleButtonVisible =
+        sender.PaneDisplayMode != NavigationViewPaneDisplayMode.Top;
+}
+</code></pre>
+<p>With this pattern, the TitleBar control manages the drag region and interactive buttons, so NavigationView doesn't need auto-padding.</p>
+<h4 id="using-a-custom-title-bar-element">Using a custom title bar element</h4>
+<p>If you define a custom drag region using <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.window.settitlebar" data-linktype="absolute-path">Window.SetTitleBar</a> with your own UIElement instead of the TitleBar control, NavigationView automatically adds padding to prevent its interactive elements from overlapping the title bar area.</p>
+<p><img src="images/navigation-view-with-titlebar-padding.png" alt="An app extending into the title bar" data-linktype="relative-path"></p>
+<p>If you prefer the back and menu buttons to draw closer to the top of your app window, set <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.istitlebarautopaddingenabled" data-linktype="absolute-path">IsTitleBarAutoPaddingEnabled</a> to <code>false</code>:</p>
+<p><img src="images/navigation-view-no-titlebar-padding.png" alt="App extending into the title bar without extra padding" data-linktype="relative-path"></p>
+<pre><code class="lang-xaml">&lt;NavigationView x:Name="NavView" IsTitleBarAutoPaddingEnabled="False"&gt;
+</code></pre>
+<h4 id="adjusting-the-header-margin">Adjusting the header margin</h4>
+<p>To further adjust the position of NavigationView's header area, override the <em>NavigationViewHeaderMargin</em> XAML theme resource in your Page resources:</p>
+<pre><code class="lang-xaml">&lt;Page.Resources&gt;
+    &lt;Thickness x:Key="NavigationViewHeaderMargin"&gt;12,0&lt;/Thickness&gt;
+&lt;/Page.Resources&gt;
+</code></pre>
+<p>This theme resource modifies the margin around <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview.header" data-linktype="absolute-path">NavigationView.Header</a>.</p>
+<h2 id="related-topics">Related topics</h2>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview" data-linktype="absolute-path">NavigationView class</a></li>
+<li><a href="breadcrumbbar" data-linktype="relative-path">BreadcrumbBar</a></li>
+<li><a href="tab-view" data-linktype="relative-path">TabView</a></li>
+<li><a href="split-view" data-linktype="relative-path">SplitView</a></li>
+<li><a href="list-details" data-linktype="relative-path">List/details</a></li>
+<li><a href="../../../design/basics/navigation-basics" data-linktype="relative-path">Navigation basics</a></li>
+<li><a href="../../../design/" data-linktype="relative-path">Fluent Design overview</a></li>
+<li><a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">WinUI 3 Gallery app - source code and samples</a></li>
+</ul>
+</div>
+					
+		<div
+			id="ms--inline-notifications"
+			class="margin-block-xs"
+			data-bi-name="inline-notification"
+		></div>
+	 
+		<div
+			id="assertive-live-region"
+			role="alert"
+			aria-live="assertive"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+		<div
+			id="polite-live-region"
+			role="status"
+			aria-live="polite"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+	
+					
+			
+		<!-- feedback section -->
+		<section
+			class="feedback-section position-relative margin-top-lg border border-radius padding-xxs display-none-print"
+			data-bi-name="open-source-feedback-section"
+			data-open-source-feedback-section
+			hidden
+		>
+			<div class="display-flex flex-direction-column flex-direction-row-tablet">
+				<div
+					class="width-450-tablet padding-inline-xs padding-inline-xs-tablet padding-top-xs padding-bottom-sm padding-top-xs-tablet background-color-body-medium"
+				>
+					<div class="display-flex flex-direction-column">
+						<div class="padding-bottom-xxs">
+							<span class="icon margin-right-xxs" aria-hidden="true">
+								<span class="docon docon-brand-github"></span>
+							</span>
+							<span class="font-weight-semibold">
+								Collaborate with us on GitHub
+							</span>
+						</div>
+						<span class="line-height-normal">
+							The source for this content can be found on GitHub, where you can also create and review issues and pull requests. For more information, see <a href="https://learn.microsoft.com/contribute/content/how-to-write-quick-edits">our contributor guide</a>.
+						</span>
+					</div>
+				</div>
+				<div
+					class="display-flex gap-xs width-full-tablet flex-direction-column padding-xs justify-content-space-evenly"
+				>
+					<div class="media">
+						
+					<div class="media-left">
+						<div class="image image-36x36" hidden data-open-source-image-container>
+							<img
+								class="theme-display is-light"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-light
+							/>
+							<img
+								class="theme-display is-dark is-high-contrast"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-dark
+							/>
+						</div>
+					</div>
+			  
+
+						<div class="media-content">
+							<p
+								class="font-size-xl font-weight-semibold margin-bottom-xxs"
+								data-open-source-product-title
+							>
+								Windows developer
+							</p>
+							<div class="display-flex gap-xs flex-direction-column">
+								<p class="line-height-normal" data-open-source-product-description></p>
+								<div class="display-flex gap-xs flex-direction-column">
+									<a href="#" data-github-link>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-bug"></span>
+										</span>
+										<span>Open a documentation issue</span>
+									</a>
+									<a
+										href="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb"
+										class="display-block margin-top-auto font-size-md"
+										data-feedback-product-url
+									>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-feedback"></span>
+										</span>
+										<span>Provide product feedback</span>
+									</a>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+			
+		<!-- feedback section -->
+		<section
+			id="site-user-feedback-footer"
+			class="font-size-sm margin-top-md display-none-print display-none-desktop"
+			data-test-id="site-user-feedback-footer"
+			data-bi-name="site-feedback-section"
+		>
+			<hr class="hr" />
+			<h2 id="ms--feedback" class="title is-3">Feedback</h2>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="buttons">
+					<button
+						class="thumb-rating-button like button button-primary button-sm"
+						data-test-id="footer-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+						<span>Yes</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike button button-primary button-sm"
+						id="standard-rating-no-button"
+						hidden
+						data-test-id="footer-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+						<span>No</span>
+					</button>
+					<details
+						class="popover popover-top"
+						id="mobile-help-popover"
+						data-test-id="footer-feedback-popover"
+					>
+						<summary
+							class="thumb-rating-button dislike button button-primary button-sm"
+							data-test-id="details-footer-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+							<span>No</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading"
+							aria-describedby="popover-description"
+						>
+							<p id="popover-heading" class="font-size-lg margin-bottom-xxs font-weight-semibold">
+								Need help with this topic?
+							</p>
+							<p id="popover-description" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+		
+				</div>
+				
+		<div id="ms--additional-resources-mobile" class="display-none-print">
+			<hr class="hr" hidden />
+			<h2 id="ms--additional-resources-mobile-heading" class="title is-3" hidden>
+				Additional resources
+			</h2>
+			
+		<section
+			id="right-rail-recommendations-mobile"
+			class=""
+			data-bi-name="recommendations"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-training-mobile"
+			class=""
+			data-bi-name="learning-resource-card"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-events-mobile"
+			class=""
+			data-bi-name="events-card"
+			hidden
+		></section>
+	
+		</div>
+	 
+		<div
+			id="article-metadata-footer"
+			data-bi-name="article-metadata-footer"
+			data-test-id="article-metadata-footer"
+			class="page-metadata-container"
+		>
+			<hr class="hr" />
+			<ul class="metadata page-metadata" data-bi-name="page info" lang="en-us" dir="ltr">
+				<li class="visibility-hidden-visual-diff">
+			<span class="badge badge-sm text-wrap-pretty">
+				<span>Last updated on <local-time format="twoDigitNumeric"
+		datetime="2026-07-15T08:00:00.000Z"
+		data-article-date-source="calculated"
+		class="is-invisible"
+	>
+		2026-07-15
+	</local-time></span>
+			</span>
+		</li>
+			</ul>
+		</div>
+	
+			</div>
+			
+		<div
+			id="action-panel"
+			role="region"
+			aria-label="Action Panel"
+			class="action-panel"
+			tabindex="-1"
+		></div>
+	
+		
+				</main>
+				<aside
+					id="layout-body-aside"
+					class="layout-body-aside  "
+					data-bi-name="aside"
+					aria-label="Additional resources"
+			  >
+					
+		<div
+			id="ms--additional-resources"
+			class="right-container padding-sm display-none display-block-desktop height-full"
+			data-bi-name="pageactions"
+		>
+			<div id="affixed-right-container" data-bi-name="right-column">
+				
+		<nav
+			id="side-doc-outline"
+			class="doc-outline border-bottom padding-bottom-xs margin-bottom-xs scrollbar-width-thin"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h3>In this article</h3>
+		</nav>
+	
+				<!-- Feedback -->
+				
+		<section
+			id="ms--site-user-feedback-right-rail"
+			class="font-size-sm display-none-print"
+			data-test-id="site-user-feedback-right-rail"
+			data-bi-name="site-feedback-right-rail"
+		>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="display-flex flex-wrap-nowrap">
+					<button
+						class="thumb-rating-button like inner-focus"
+						data-test-id="right-rail-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						aria-label="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike inner-focus"
+						id="right-rail-no-button"
+						hidden
+						data-test-id="right-rail-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						aria-label="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+					</button>
+					<details class="popover popover-right" id="help-popover" data-test-id="feedback-popover">
+						<summary
+							tabindex="0"
+							class="thumb-rating-button dislike inner-focus"
+							data-test-id="details-right-rail-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							aria-label="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading-right-rail"
+							aria-describedby="popover-description-right-rail"
+						>
+							<p
+								id="popover-heading-right-rail"
+								class="font-size-lg margin-bottom-xxs font-weight-semibold"
+							>
+								Need help with this topic?
+							</p>
+							<p id="popover-description-right-rail" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+	
+			</div>
+		</div>
+	
+			  </aside> <section
+					id="layout-body-flyout"
+					class="layout-body-flyout "
+					data-bi-name="flyout"
+			  >
+					 <div
+	class="height-full border-left background-color-body-medium"
+	id="ask-learn-flyout"
+></div>
+			  </section> <div class="layout-body-footer " data-bi-name="layout-footer">
+		<footer
+			id="footer"
+			data-test-id="footer"
+			data-bi-name="footer"
+			class="footer-layout padding-xs padding-sm-desktop has-default-focus border-top"
+			role="contentinfo"
+		>
+			<div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
+				
+		<a
+			data-mscc-ic="false"
+			href="#"
+			data-bi-name="select-locale"
+			class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator"
+			id=""
+			title=""
+			><span class="icon" aria-hidden="true"
+				><span class="docon docon-world"></span></span
+			><span class="local-selector-link-text">en-us</span></a
+		>
+	 <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://aka.ms/yourcaliforniaprivacychoices"
+			data-bi-name="your-privacy-choices"
+			class="button button-sm button-clear flex-shrink-0 external-link-indicator"
+			id=""
+			title=""
+			>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 30 14"
+			xml:space="preserve"
+			height="16"
+			width="43"
+			aria-hidden="true"
+			focusable="false"
+		>
+			<path
+				d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
+			></path>
+			<path
+				d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"
+			></path>
+			<path
+				d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"
+				style="fill:#fff"
+			></path>
+			<path
+				d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"
+				style="fill:#06f"
+			></path>
+		</svg>
+	
+			<span>Your Privacy Choices</span></a
+		>
+	
+	</div>
+				<div class="flex-shrink-0">
+		<div class="dropdown has-caret-up">
+			<button
+				data-test-id="theme-selector-button"
+				class="dropdown-trigger button button-clear button-sm inner-focus theme-dropdown-trigger"
+				aria-controls="{{ themeMenuId }}"
+				aria-haspopup="true"
+				aria-expanded="false"
+				data-bi-name="theme"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-sun"></span></span>
+				<span>Theme</span>
+				<span class="icon expanded-indicator" aria-hidden="true">
+					<span class="docon docon-chevron-down-light"></span>
+				</span>
+			</button>
+			<div class="dropdown-menu" id="{{ themeMenuId }}" role="menu">
+				<ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu" role="none">
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="light"
+							tabindex="-1"
+						>
+							<span class="theme-light margin-right-xxs">
+								<span
+									class="theme-selector-icon border display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Light </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="dark"
+							tabindex="-1"
+						>
+							<span class="theme-dark margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Dark </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="high-contrast"
+							tabindex="-1"
+						>
+							<span class="theme-high-contrast margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> High contrast </span>
+						</button>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+			</div>
+			<ul class="links" data-bi-name="footerlinks">
+				<li class="manage-cookies-holder" hidden=""></li>
+				<li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content"
+			data-bi-name="aiDisclaimer"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>AI Disclaimer</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/previous-versions/"
+			data-bi-name="archivelink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Previous Versions</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog"
+			data-bi-name="bloglink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Blog</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/contribute"
+			data-bi-name="contributorGuide"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Contribute</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?LinkId=521839"
+			data-bi-name="privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?linkid=2259814"
+			data-bi-name="consumer-health-privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Consumer Health Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/legal/termsofuse"
+			data-bi-name="termsofuse"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Terms of Use</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/"
+			data-bi-name="trademarks"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Trademarks</a
+		>
+	
+	</li>
+				<li>&copy; Microsoft 2026</li>
+			</ul>
+		</footer>
+	</footer>
+			</body>
+		</html>
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-picker-frozen-e528f24783d9.html b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-picker-frozen-e528f24783d9.html
new file mode 100644
index 0000000..dc13625
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-picker-frozen-e528f24783d9.html
@@ -0,0 +1,1865 @@
+ <!DOCTYPE html>
+		<html
+			class="layout layout-holy-grail   show-table-of-contents conceptual show-breadcrumb default-focus"
+			lang="en-us"
+			dir="ltr"
+			data-authenticated="false"
+			data-auth-status-determined="false"
+			data-target="docs"
+			x-ms-format-detection="none"
+		>
+			
+		<head>
+			<title>Open files and folders with Windows App SDK pickers - Windows apps | Microsoft Learn</title>
+			<meta charset="utf-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta name="color-scheme" content="light dark" />
+
+			<meta name="description" content="Use Windows App SDK file and folder pickers in your WinUI app, with FileOpenPicker and FolderPicker examples, options, and results." />
+			<link rel="canonical" href="https://learn.microsoft.com/en-us/windows/apps/develop/files/using-file-folder-pickers" /> 
+
+			<!-- Non-customizable open graph and sharing-related metadata -->
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:site" content="@MicrosoftLearn" />
+			<meta property="og:type" content="website" />
+			<meta property="og:image:alt" content="Microsoft Learn" />
+			<meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
+			<!-- Page specific open graph and sharing-related metadata -->
+			<meta property="og:title" content="Open files and folders with Windows App SDK pickers - Windows apps" />
+			<meta property="og:url" content="https://learn.microsoft.com/en-us/windows/apps/develop/files/using-file-folder-pickers" />
+			<meta property="og:description" content="Use Windows App SDK file and folder pickers in your WinUI app, with FileOpenPicker and FolderPicker examples, options, and results." />
+			<meta name="platform_id" content="782a3d57-54fb-7fc0-bdfc-4a6191589b07" /> 
+			<meta name="locale" content="en-us" />
+			 
+			<meta name="uhfHeaderId" content="MSDocsHeader-WinDevCenter" />
+
+			<meta name="page_type" content="conceptual" />
+
+			<!--page specific meta tags-->
+			
+
+			<!-- custom meta tags -->
+			
+		<meta name="ms.service" content="windows-app-sdk" />
+	
+		<meta name="recommendations" content="true" />
+	
+		<meta name="ROBOTS" content="INDEX, FOLLOW" />
+	
+		<meta name="author" content="GrantMeStrength" />
+	
+		<meta name="ms.author" content="jken" />
+	
+		<meta name="Search.Product" content="eADQiWindows 10XVcnh" />
+	
+		<meta name="breadcrumb_path" content="/windows/breadcrumbs/toc.json" />
+	
+		<meta name="feedback_product_url" content="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb" />
+	
+		<meta name="feedback_system" content="OpenSource" />
+	
+		<meta name="ms.subservice" content="apps" />
+	
+		<meta name="ms.update-cycle" content="365-days" />
+	
+		<meta name="ms.date" content="2026-07-15T00:00:00Z" />
+	
+		<meta name="ms.topic" content="how-to" />
+	
+		<meta name="keywords" content="windows 11, winui, windows app sdk" />
+	
+		<meta name="document_id" content="42c1ce86-f32c-58d2-c7e4-11c31604560d" />
+	
+		<meta name="document_version_independent_id" content="42c1ce86-f32c-58d2-c7e4-11c31604560d" />
+	
+		<meta name="updated_at" content="2026-07-17T02:50:00Z" />
+	
+		<meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/files/using-file-folder-pickers.md" />
+	
+		<meta name="gitcommit" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/14db7919c47573d64633c4fa74e40d6258e9efb1/hub/apps/develop/files/using-file-folder-pickers.md" />
+	
+		<meta name="git_commit_id" content="14db7919c47573d64633c4fa74e40d6258e9efb1" />
+	
+		<meta name="site_name" content="Docs" />
+	
+		<meta name="depot_name" content="MSDN.windows-uwp-hub" />
+	
+		<meta name="schema" content="Conceptual" />
+	
+		<meta name="toc_rel" content="../toc.json" />
+	
+		<meta name="pdf_url_template" content="https://learn.microsoft.com/pdfstore/en-us/MSDN.windows-uwp-hub/{branchName}{pdfName}" />
+	
+		<meta name="feedback_help_link_type" content="" />
+	
+		<meta name="feedback_help_link_url" content="" />
+	
+		<meta name="search.mshattr.devlang" content="csharp cppwinrt" />
+	
+		<meta name="word_count" content="1652" />
+	
+		<meta name="asset_id" content="apps/develop/files/using-file-folder-pickers" />
+	
+		<meta name="moniker_range_name" content="" />
+	
+		<meta name="item_type" content="Content" />
+	
+		<meta name="source_path" content="hub/apps/develop/files/using-file-folder-pickers.md" />
+	
+		<meta name="previous_tlsh_hash" content="589C44B14F2E46135D415D1E0466E80433F1AD2FBB702B843A7DDDD0DD3AADE3AF483EBAA257DB9513734B7611991B4E9AE5BB1B982D03930F501C78420873197AEB1E2BE8" />
+	
+		<meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/files/using-file-folder-pickers.md" />
+	
+		<meta name="markdown_url" content="https://learn.microsoft.com/en-us/windows/apps/develop/files/using-file-folder-pickers?accept=text/markdown" />
+	 
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/b3627ad5-057f-488f-8b97-08be347b4be5" data-source="generated" />
+	
+		<meta name="cmProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/34504444-f407-4677-9da1-33515ff235e4" data-source="generated" />
+	
+		<meta name="cmProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/cd440f3c-1b78-40a7-97ba-aa00a1d79df7" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/caf7ae9a-a42c-4d10-83cf-bad1844d884d" data-source="generated" />
+	
+		<meta name="spProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/d6246312-ca66-4402-b754-a68ddc46eec0" data-source="generated" />
+	
+		<meta name="spProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/c828f7e0-89b4-459c-9bae-d7ab1c4bd9ad" data-source="generated" />
+	
+
+			<!-- Apply persisted/system theme before first paint to prevent wrong-theme flash when scripts are deferred. -->
+			<script id="theme-preference">
+				(function () {
+			try {
+				var stored = localStorage.getItem('theme');
+				var theme = /^(light|dark|high-contrast)$/.test(stored)
+					? stored
+					: matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+				document.documentElement.classList.add('theme-' + theme);
+			} catch (e) {}
+		})();;
+			</script>
+
+			<script id="atlas-layout-preferences">
+				(function () {
+			try {
+				var state = JSON.parse(localStorage.getItem('atlas-layout-preferences') || '{}');
+				var view = state["docs-layout-persistence"] || {};
+				var excludesKey = "";
+				var blocked = {};
+				if (excludesKey) {
+					var exclusions = JSON.parse(localStorage.getItem('atlas-layout-exclusions') || '{}');
+					if (Object.prototype.hasOwnProperty.call(exclusions, excludesKey)) {
+						var scoped = exclusions[excludesKey];
+						if (scoped) {
+							if (typeof scoped === 'object') blocked = scoped;
+						}
+					}
+				}
+				var html = document.documentElement;
+				for (var c in view) {
+					if (Object.prototype.hasOwnProperty.call(blocked, c)) continue;
+					if (view[c]) html.classList.add(c);
+					else html.classList.remove(c);
+				}
+			} catch (e) {}
+		})();;
+			</script>
+
+			<!-- assets and js globals -->
+			
+			<link rel="stylesheet" href="/static/assets/0.4.03510.8120-9976c201/styles/site.css" />
+			
+			<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
+			<script async src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script>
+			
+
+			<!-- msdocs global object -->
+			<script id="msdocs-script">
+		var msDocs = {
+  "environment": {
+    "accessLevel": "online",
+    "azurePortalHostname": "portal.azure.com",
+    "reviewFeatures": false,
+    "supportLevel": "production",
+    "systemContent": true,
+    "siteName": "learn",
+    "legacyHosting": false
+  },
+  "data": {
+    "contentLocale": "en-us",
+    "contentDir": "ltr",
+    "userLocale": "en-us",
+    "userDir": "ltr",
+    "pageTemplate": "Conceptual",
+    "layoutStateStorageKey": "docs-layout-persistence",
+    "brand": "",
+    "context": {},
+    "standardFeedback": false,
+    "showFeedbackReport": false,
+    "feedbackHelpLinkType": "",
+    "feedbackHelpLinkUrl": "",
+    "feedbackSystem": "OpenSource",
+    "feedbackGitHubRepo": "",
+    "feedbackProductUrl": "https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb",
+    "extendBreadcrumb": false,
+    "isEditDisplayable": true,
+    "isPrivateUnauthorized": false,
+    "hideViewSource": false,
+    "isPermissioned": false,
+    "hasRecommendations": true,
+    "contributors": [
+      {
+        "name": "GrantMeStrength",
+        "url": "https://github.com/GrantMeStrength"
+      },
+      {
+        "name": "qiutongMS",
+        "url": "https://github.com/qiutongMS"
+      },
+      {
+        "name": "niels9001",
+        "url": "https://github.com/niels9001"
+      },
+      {
+        "name": "alvinashcraft",
+        "url": "https://github.com/alvinashcraft"
+      }
+    ],
+    "openSourceFeedbackIssueUrl": "https://github.com/MicrosoftDocs/windows-dev-docs/issues/new?template=1-customer-feedback.yml",
+    "openSourceFeedbackIssueTitle": "",
+    "openSourceFeedbackIssueLabels": "needs-triage"
+  },
+  "functions": {}
+};;
+	</script>
+
+			<!-- base scripts, msdocs global should be before this -->
+			<script
+				src="/static/assets/0.4.03510.8120-9976c201/scripts/en-us/index-docs.js"
+				async
+			></script>
+			
+
+			<!-- json-ld -->
+			
+		</head>
+	
+			<body
+				id="body"
+				data-bi-name="body"
+				class="layout-body "
+				lang="en-us"
+				dir="ltr"
+			>
+				<header class="layout-body-header background-color-body-medium">
+		<div class="header-holder has-default-focus">
+			
+		<a
+			href="#main"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to main content
+		</a>
+	
+		<a
+			href="#"
+			data-skip-to-ask-learn
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			hidden
+		>
+			Skip to Ask Learn chat experience
+		</a>
+	
+
+			<div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
+			<!-- Unsupported browser warning -->
+			<div
+				id="unsupported-browser"
+				style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;"
+				hidden
+			>
+				<div style="max-width: 800px; margin: 0 auto;">
+					<p style="font-size: 24px">This browser is no longer supported.</p>
+					<p style="font-size: 16px; margin-top: 16px;">
+						Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
+					</p>
+					<div style="margin-top: 12px;">
+						<a
+							href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
+							style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;"
+						>
+							Download Microsoft Edge
+						</a>
+						<a
+							href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
+							style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;"
+						>
+							More info about Internet Explorer and Microsoft Edge
+						</a>
+					</div>
+				</div>
+			</div>
+			<!-- site header -->
+			<div
+				id="ms--site-header"
+				data-test-id="site-header-wrapper"
+				itemscope="itemscope"
+				itemtype="http://schema.org/Organization"
+			>
+				<div
+					id="ms--mobile-nav"
+					class="site-header display-none-tablet padding-inline-none gap-none"
+					data-bi-name="mobile-header"
+					data-test-id="mobile-header"
+				></div>
+				<div
+					id="ms--primary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L1-header"
+					data-test-id="primary-header"
+				></div>
+				<div
+					id="ms--secondary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L2-header"
+					data-test-id="secondary-header"
+					
+				></div>
+			</div>
+			
+		<!-- banner -->
+		<div data-banner>
+			<div id="disclaimer-holder"></div>
+			
+		</div>
+		<!-- banner end -->
+	
+		</div>
+	</header>
+				 <section
+					id="layout-body-menu"
+					class="layout-body-menu border-right display-flex background-color-body-medium"
+					data-bi-name="menu"
+			  >
+					
+		<div
+			id="left-container"
+			class="left-container display-none padding-none display-block-tablet width-full display-none-until-layout-restored"
+			data-toc-container="true"
+		>
+			<div
+				id="ms--toc-content"
+				class="padding-left-sm padding-right-none padding-bottom-sm height-full"
+			>
+				<nav
+					id="affixed-left-container"
+					class="margin-top-xxs-tablet position-sticky display-flex flex-direction-column width-full"
+					aria-label="Primary"
+					data-bi-name="left-toc"
+					role="navigation"
+				>
+					<div
+						id="ms--collapsible-toc-header"
+						class="display-flex flex-direction-row-reverse justify-content-center align-items-center margin-bottom-xxs margin-right-xxs"
+					>
+						<button
+							type="button"
+							class="button button-clear button-sm inner-focus"
+							data-collapsible-toc-toggle
+							aria-expanded="true"
+							hidden
+							aria-controls="ms--toc-content"
+							aria-label="Table of contents"
+						>
+							<span class="icon icon-mirrored-rtl" aria-hidden="true">
+								<span
+									class="docon docon-panel-left-contract display-none-layout-menu-collapsed"
+								></span>
+								<span
+									class="docon docon-panel-left-expand display-none display-inline-layout-menu-collapsed"
+								></span>
+							</span>
+						</button>
+						<div
+							id="ms--collapsible-toc-moniker-slot"
+							class="flex-grow-1 display-none-layout-menu-collapsed"
+						></div>
+					</div>
+				</nav>
+			</div>
+		</div>
+	
+			  </section>
+
+				<main
+					id="main"
+					role="main"
+					class="layout-body-main "
+					data-bi-name="content"
+					lang="en-us"
+					dir="ltr"
+				>
+					
+			<div
+		id="ms--content-header"
+		class="content-header default-focus border-bottom-none"
+		data-bi-name="content-header"
+	>
+		<div class="content-header-controls margin-xxs margin-inline-sm-tablet">
+			<button
+				type="button"
+				class="contents-button button button-sm margin-right-xxs"
+				data-bi-name="contents-expand"
+				aria-haspopup="true"
+				data-contents-button
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-menu"></span></span>
+				<span class="contents-expand-title"> Table of contents </span>
+			</button>
+			<button
+				type="button"
+				class="ap-collapse-behavior ap-expanded button button-sm"
+				data-bi-name="ap-collapse"
+				aria-controls="action-panel"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-exit-mode"></span></span>
+				<span>Exit editor mode</span>
+			</button>
+		</div>
+	</div>
+			<div
+				data-main-column
+				class="reading-width margin-inline-auto layout-padding padding-top-none padding-top-sm-tablet padding-bottom-sm"
+			>
+				<div>
+					
+		<div id="article-header" class="background-color-body margin-bottom-xs display-none-print">
+			<div class="display-flex align-items-center justify-content-space-between">
+				
+		<details
+			id="article-header-breadcrumbs-overflow-popover"
+			class="popover popover-left"
+			data-for="article-header-breadcrumbs"
+		>
+			<summary
+				class="button button-clear button-primary button-sm inner-focus"
+				aria-label="All breadcrumbs"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-more"></span>
+				</span>
+			</summary>
+			<div id="article-header-breadcrumbs-overflow" class="popover-content"></div>
+		</details>
+
+		<bread-crumbs
+			id="article-header-breadcrumbs"
+			role="group"
+			aria-label="Breadcrumbs"
+			data-test-id="article-header-breadcrumbs"
+			class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"
+		></bread-crumbs>
+	 
+		<div
+			id="article-header-page-actions"
+			class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"
+		>
+			
+		<button
+			class="button button-sm border-none inner-focus display-none-tablet flex-shrink-0 "
+			data-bi-name="ask-learn-assistant-entry"
+			data-test-id="ask-learn-assistant-modal-entry-mobile"
+			data-ask-learn-modal-entry
+			
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-none display-inline-flex-tablet display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-modal-entry-tablet"
+			data-ask-learn-modal-entry
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-flyout-entry"
+			data-ask-learn-flyout-entry
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	 
+		<div class="language dropdown display-flex align-items-center">
+			<button
+				type="button"
+				class="dropdown-trigger button button-clear button-sm button-primary"
+				aria-expanded="false"
+				title="Language"
+				data-bi-name="language"
+			>
+				<span class="lang-title align-self-flex-start" dir="ltr">Language</span>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-chevron-down-light expanded-indicator"></span>
+				</span>
+			</button>
+			<div class="language-selector dropdown-menu padding-xxs">
+				<ul data-bi-name="language-links" dir="ltr">
+					
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-csharp"
+					aria-pressed="false"
+				>
+					csharp
+				</button>
+			</li>
+		
+			<li>
+				<button
+					type="button"
+					class="button button-clear button-sm button-block"
+					data-bi-name="lang-cppwinrt"
+					aria-pressed="false"
+				>
+					cppwinrt
+				</button>
+			</li>
+		
+				</ul>
+			</div>
+		</div>
+	
+
+			<details class="popover popover-right" id="article-header-page-actions-overflow">
+				<summary
+					class="justify-content-flex-start button button-clear button-sm button-primary inner-focus"
+					aria-label="More actions"
+					title="More actions"
+				>
+					<span class="icon" aria-hidden="true">
+						<span class="docon docon-more-vertical"></span>
+					</span>
+				</summary>
+				<div class="popover-content">
+					
+		<button
+			type="button"
+			id="ms--focus-mode-button"
+			data-focus-mode
+			data-bi-name="focus-mode-entry"
+			data-page-action-item="overflow-all"
+			data-popover-close
+			class="button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus display-none display-inline-flex-tablet"
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-glasses"></span>
+			</span>
+			<span>Reading mode</span>
+		</button>
+	 
+		<button
+			data-page-action-item="overflow-mobile"
+			type="button"
+			class="display-block-layout-menu-collapsed button-block button-sm inner-focus button button-clear display-none-tablet justify-content-flex-start text-align-left"
+			data-bi-name="contents-expand"
+			data-contents-button
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true"
+				><span class="docon docon-editor-list-bullet"></span
+			></span>
+			<span class="contents-expand-title">Table of contents</span>
+		</button>
+	 
+		<a
+			id="lang-link-overflow"
+			class="button-sm inner-focus button button-clear button-block justify-content-flex-start text-align-left"
+			data-bi-name="language-toggle"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-read-in-link
+			href="#"
+			hidden
+		>
+			<span class="icon" aria-hidden="true" data-read-in-link-icon>
+				<span class="docon docon-locale-globe"></span>
+			</span>
+			<span data-read-in-link-text>Read in English</span>
+		</a>
+	
+					
+		<button
+			type="button"
+			class="collection button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus"
+			data-list-type="collection"
+			data-bi-name="collection"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="collection-status">Add</span>
+		</button>
+	 
+		<button
+			type="button"
+			class="collection button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+			data-list-type="plan"
+			data-bi-name="plan"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="plan-status">Add to Plans</span>
+		</button>
+	 
+					
+		<a
+			data-contenteditbtn
+			class="button button-clear button-block button-sm inner-focus justify-content-flex-start text-align-left text-decoration-none"
+			data-bi-name="edit"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			
+			href="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/files/using-file-folder-pickers.md"
+			data-original_content_git_url="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/files/using-file-folder-pickers.md"
+			data-original_content_git_url_template="{repo}/blob/{branch}/hub/apps/develop/files/using-file-folder-pickers.md"
+			data-pr_repo=""
+			data-pr_branch=""
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-edit-outline"></span>
+			</span>
+			<span>Edit</span>
+		</a>
+	  
+		<hr class="margin-block-xxs" />
+		
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="copy-markdown"
+					data-page-action-item="overflow-all"
+					data-copy-markdown
+					data-copy-state="idle"
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span data-show-when="idle" class="docon docon-code-lang"></span>
+						<span data-show-when="loading" class="loader" hidden></span>
+						<span data-show-when="success" class="docon docon-check-mark" hidden></span>
+					</span>
+					<span>Copy Markdown</span>
+				</button>
+		   
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="print"
+					data-page-action-item="overflow-all"
+					data-popover-close
+					data-print-page
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span class="docon docon-print"></span>
+					</span>
+					<span>Print</span>
+				</button>
+		  
+	
+				</div>
+			</details>
+		</div>
+	
+			</div>
+		</div>
+	  
+		<!-- privateUnauthorizedTemplate is hidden by default -->
+		<div unauthorized-private-section data-bi-name="permission-content-unauthorized-private" hidden>
+			<hr class="hr margin-top-xs margin-bottom-sm" />
+			<div class="notification notification-info">
+				<div class="notification-content">
+					<p class="margin-top-none notification-title">
+						<span class="icon" aria-hidden="true"
+							><span class="docon docon-exclamation-circle-solid"></span
+						></span>
+						<span>Note</span>
+					</p>
+					<p class="margin-top-none authentication-determined not-authenticated">
+						Access to this page requires authorization. You can try <a class="docs-sign-in" href="#" data-bi-name="permission-content-sign-in">signing in</a> or <a  class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+					<p class="margin-top-none authentication-determined authenticated">
+						Access to this page requires authorization. You can try <a class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+				</div>
+			</div>
+		</div>
+	
+					<div class="content"><h1 id="tutorial-open-files-and-folders-with-pickers-in-winui">Tutorial: Open files and folders with pickers in WinUI</h1></div>
+					
+		<div
+			id="article-metadata"
+			data-bi-name="article-metadata"
+			data-test-id="article-metadata"
+			class="page-metadata-container display-flex gap-xxs justify-content-space-between align-items-center flex-wrap-wrap"
+		>
+			 
+				<div
+					id="user-feedback"
+					class="margin-block-xxs display-none display-none-print"
+					hidden
+					data-hide-on-archived
+				>
+					
+		<button
+			id="user-feedback-button"
+			data-test-id="conceptual-feedback-button"
+			class="button button-sm button-clear button-primary display-none"
+			type="button"
+			data-bi-name="user-feedback-button"
+			data-user-feedback-button
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-like"></span>
+			</span>
+			<span>Feedback</span>
+		</button>
+	
+				</div>
+		  
+		</div>
+	 
+		<div data-id="ai-summary" class="display-none-print">
+			<div id="ms--ai-summary-cta" class="margin-top-xs display-flex align-items-center">
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-sparkle-fill gradient-text-vivid"></span>
+				</span>
+				<button
+					id="ms--ai-summary"
+					type="button"
+					class="tag tag-sm tag-suggestion margin-left-xxs"
+					data-test-id="ai-summary-cta"
+					data-bi-name="ai-summary-cta"
+					data-an="ai-summary"
+				>
+					<span class="ai-summary-cta-text">
+						Summarize this article for me
+					</span>
+				</button>
+			</div>
+			<!-- Slot where the client will render the summary card after the user clicks the CTA -->
+			<div id="ms--ai-summary-header" class="margin-top-xs"></div>
+		</div>
+	 
+		<nav
+			id="center-doc-outline"
+			class="doc-outline display-none-desktop display-none-print margin-bottom-sm"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h2 id="ms--in-this-article" class="title is-6 margin-block-xs">
+				In this article
+			</h2>
+		</nav>
+	
+					<div class="content"><p>Use Windows App SDK file and folder pickers to let users browse and select files or folders in your WinUI app. The picker APIs provide a familiar Windows experience that helps users navigate their device and cloud storage locations. This article shows you how to implement file open pickers and folder pickers, customize their behavior, and handle the selected results in your app.</p>
+<p>The Windows App SDK <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker" data-linktype="absolute-path">FileOpenPicker</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.filesavepicker" data-linktype="absolute-path">FileSavePicker</a> classes create a picker dialog that lets users specify the name and location of a file to open or save. The <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.folderpicker" data-linktype="absolute-path">FolderPicker</a> class lets you select a folder.</p>
+<p>To learn about using a picker to save files, see <a href="pickers-save-file" data-linktype="relative-path">Save a file with a Windows App SDK picker</a>.</p>
+<h2 id="prerequisites">Prerequisites</h2>
+<ul>
+<li><strong>Windows App SDK 1.8 or later.</strong> The <code>Microsoft.Windows.Storage.Pickers</code> APIs used in this article were introduced in Windows App SDK 1.8. If your project targets an earlier version, see <a href="#use-winrt-pickers-with-hwnd-interop" data-linktype="self-bookmark">Use WinRT pickers with HWND interop</a> for the legacy approach.</li>
+</ul>
+<h2 id="important-apis">Important APIs</h2>
+<p>This article uses the following APIs:</p>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker" data-linktype="absolute-path">FileOpenPicker</a></li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.folderpicker" data-linktype="absolute-path">FolderPicker</a></li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfileresult" data-linktype="absolute-path">PickFileResult</a></li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfolderresult" data-linktype="absolute-path">PickFolderResult</a></li>
+</ul>
+<h2 id="file-picker-ui">File picker UI</h2>
+<p>A file picker displays information to orient users and provide a consistent experience when opening or saving files.</p>
+<p>That information includes:</p>
+<ul>
+<li>The current location</li>
+<li>The item or items that the user picks</li>
+<li>A tree of locations that the user can browse to. These locations include file system locations—such as the Music or Downloads folder—as well as apps that implement the file picker contract (such as Camera, Photos, and Microsoft OneDrive).</li>
+</ul>
+<p>You might have an app that lets users open or save files. When the user initiates that action, your app calls the file picker, which displays the file picker UI:</p>
+<p><span class="mx-imgBorder">
+<img src="images/picker-open-file.png" alt="Screenshot of an open file picker with a filter selected to show .txt, .pdf, .doc, and .docx files." data-linktype="relative-path">
+</span>
+</p>
+<h2 id="how-pickers-work-with-your-app">How pickers work with your app</h2>
+<p>With a picker, your app can access, browse, and save files and folders on the user's system. Your app receives those picks as lightweight <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfileresult" data-linktype="absolute-path">PickFileResult</a> and <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfolderresult" data-linktype="absolute-path">PickFolderResult</a> objects, which provide the path to the selected file or folder.</p>
+<p>The picker uses a single, unified interface to let the user pick files and folders from the file system or from other apps. Files picked from other apps are like files from the file system. In general, your app can operate on them in the same ways as other objects. Other apps make files available by participating in file picker contracts.</p>
+<p>For example, you might call the file picker in your app so that your user can open a file. This action makes your app the calling app. The file picker interacts with the system and other apps to let the user navigate and pick the file. When your user chooses a file, the file picker returns that file's path to your app.</p>
+<h2 id="pick-a-file-to-open-example">Pick a file to open example</h2>
+<p>The following code shows how to use the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker" data-linktype="absolute-path">FileOpenPicker</a> class to let the user pick a single file, such as a photo. The code sets properties on the picker to customize its appearance and behavior, and then shows the picker to the user by using the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker.picksinglefileasync" data-linktype="absolute-path">PickSingleFileAsync</a> method. If the user picks a file, the app reads the file's content and stores it in a variable.</p>
+<pre><code class="lang-csharp">using Microsoft.Windows.Storage.Pickers;
+
+var openPicker = new FileOpenPicker(this.AppWindow.Id)
+{
+    // (Optional) Specify the initial location for the picker. 
+    //     If the specified location doesn't exist on the user's machine, it falls back to the DocumentsLibrary.
+    //     If not set, it defaults to PickerLocationId.Unspecified, and the system will use its default location.
+    SuggestedStartLocation = PickerLocationId.DocumentsLibrary,
+    
+    // (Optional) specify the text displayed on the commit button. 
+    //     If not specified, the system uses a default label of "Open" (suitably translated).
+    CommitButtonText = "Choose selected files",
+
+    // (Optional) specify file extension filters. If not specified, defaults to all files (*.*).
+    FileTypeFilter = { ".txt", ".pdf", ".doc", ".docx" },
+
+    // (Optional) specify the view mode of the picker dialog. If not specified, defaults to List.
+    ViewMode = PickerViewMode.List,
+};
+
+var result = await openPicker.PickSingleFileAsync();
+if (result is not null)
+{
+    var content = System.IO.File.ReadAllText(result.Path);
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">#include &lt;winrt/Microsoft.Windows.Storage.Pickers.h&gt;
+#include &lt;fstream&gt;
+#include &lt;string&gt;
+
+using namespace winrt::Microsoft::Windows::Storage::Pickers;
+
+FileOpenPicker openPicker(this-&gt;AppWindow().Id());
+
+// (Optional) Specify the initial location for the picker. 
+//     If the specified location doesn't exist on the user's machine, it falls back to the DocumentsLibrary.
+//     If not set, it defaults to PickerLocationId.Unspecified, and the system will use its default location.
+openPicker.SuggestedStartLocation(PickerLocationId::DocumentsLibrary);
+
+// (Optional) specify the text displayed on the commit button. 
+//     If not specified, the system uses a default label of "Open" (suitably translated).
+openPicker.CommitButtonText(L"Choose selected files");
+
+// (Optional) specify file extension filters. If not specified, defaults to all files (*.*).
+openPicker.FileTypeFilter().ReplaceAll({ L".txt", L".pdf", L".doc", L".docx" });
+
+// (Optional) specify the view mode of the picker dialog. If not specified, defaults to List.
+openPicker.ViewMode(PickerViewMode::List);
+
+auto result{ co_await openPicker.PickSingleFileAsync() };
+if (result)
+{
+    std::ifstream fileReader(result.Path().c_str());
+    std::string text((std::istreambuf_iterator&lt;char&gt;(fileReader)), std::istreambuf_iterator&lt;char&gt;());
+    winrt::hstring hText = winrt::to_hstring(text);
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<h2 id="pick-multiple-files-to-open-example">Pick multiple files to open example</h2>
+<p>You can also let the user pick multiple files. The following code shows how to use the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker" data-linktype="absolute-path">FileOpenPicker</a> class to let the user pick multiple files, such as photos. The process is the same but the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.fileopenpicker.pickmultiplefilesasync" data-linktype="absolute-path">PickMultipleFilesAsync</a> method returns a collection of <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfileresult" data-linktype="absolute-path">PickFileResult</a> objects. Each result exposes a <code>Path</code> property when you need the raw file path.</p>
+<pre><code class="lang-csharp">using Microsoft.Windows.Storage.Pickers;
+
+var openPicker = new FileOpenPicker(this.AppWindow.Id);
+
+var results = await openPicker.PickMultipleFilesAsync();
+if (results.Count &gt; 0)
+{
+    var pickedFilePaths = results.Select(f =&gt; f.Path);
+    foreach (var path in pickedFilePaths)
+    {
+        var content = System.IO.File.ReadAllText(path);
+    }
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">#include &lt;winrt/Microsoft.Windows.Storage.Pickers.h&gt;
+#include &lt;fstream&gt;
+#include &lt;string&gt;
+
+using namespace winrt::Microsoft::Windows::Storage::Pickers;
+
+FileOpenPicker openPicker(this-&gt;AppWindow().Id());
+auto results{ co_await openPicker.PickMultipleFilesAsync() };
+if (results.Size() &gt; 0)
+{
+    for (auto const&amp; result : results)
+    {
+        std::ifstream fileReader(result.Path().c_str());
+        std::string text((std::istreambuf_iterator&lt;char&gt;(fileReader)), std::istreambuf_iterator&lt;char&gt;());
+        winrt::hstring hText = winrt::to_hstring(text);
+    }
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<h2 id="pick-a-folder-example">Pick a folder example</h2>
+<p>To pick a folder by using the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.folderpicker" data-linktype="absolute-path">FolderPicker</a> class, use the following code. This code creates a folder picker, shows it to the user by using the <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.folderpicker.picksinglefolderasync" data-linktype="absolute-path">PickSingleFolderAsync</a> method, and retrieves the selected folder's path in a <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers.pickfolderresult" data-linktype="absolute-path">PickFolderResult</a> object. If the user picks a folder, the app retrieves the folder's path and stores it in a variable for later use.</p>
+<pre><code class="lang-csharp">using Microsoft.Windows.Storage.Pickers;
+
+var folderPicker = new FolderPicker(this.AppWindow.Id)
+{
+    // (Optional) Specify the initial location for the picker. 
+    //     If the specified location doesn't exist on the user's machine, it falls back to the DocumentsLibrary.
+    //     If not set, it defaults to PickerLocationId.Unspecified, and the system will use its default location.
+    SuggestedStartLocation = PickerLocationId.DocumentsLibrary,
+
+    // (Optional) specify the text displayed on the commit button. 
+    //     If not specified, the system uses a default label of "Open" (suitably translated).
+    CommitButtonText = "Select Folder",
+
+    // (Optional) specify the view mode of the picker dialog. If not specified, default to List.
+    ViewMode = PickerViewMode.List,
+};
+
+var result = await folderPicker.PickSingleFolderAsync();
+
+if (result is not null)
+{
+    var path = result.Path;
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<pre><code class="lang-cppwinrt">#include &lt;winrt/Microsoft.Windows.Storage.Pickers.h&gt;
+
+using namespace winrt::Microsoft::Windows::Storage::Pickers;
+
+FolderPicker folderPicker(this-&gt;AppWindow().Id());
+
+// (Optional) Specify the initial location for the picker. 
+//     If the specified location doesn't exist on the user's machine, it falls back to the DocumentsLibrary.
+//     If not set, it defaults to PickerLocationId.Unspecified, and the system will use its default location.
+folderPicker.SuggestedStartLocation(PickerLocationId::DocumentsLibrary);
+
+// (Optional) specify the text displayed on the commit button. 
+//     If not specified, the system uses a default label of "Open" (suitably translated).
+folderPicker.CommitButtonText(L"Select Folder");
+
+// (Optional) specify the view mode of the picker dialog. If not specified, default to List.
+folderPicker.ViewMode(PickerViewMode::List);
+
+auto result{ co_await folderPicker.PickSingleFolderAsync() };
+if (result)
+{
+    auto path{ result.Path() };
+}
+else
+{
+    // Add your error handling here.
+}
+</code></pre>
+<div class="TIP">
+<p>Tip</p>
+<p>Whenever your app accesses a file or folder through a picker, add it to your app's <a href="/en-us/uwp/api/windows.storage.accesscache.storageapplicationpermissions.futureaccesslist" data-linktype="absolute-path">FutureAccessList</a> or <a href="/en-us/uwp/api/windows.storage.accesscache.storageapplicationpermissions.mostrecentlyusedlist" data-linktype="absolute-path">MostRecentlyUsedList</a> to keep track of it by using the Windows Runtime (WinRT) APIs. For more information, see <a href="track-recently-used-files-folders" data-linktype="relative-path">Track recently used files and folders</a>.</p>
+</div>
+<p>The folder picker UI looks like this:</p>
+<p><span class="mx-imgBorder">
+<img src="images/picker-folder.png" alt="Screenshot of a folder picker viewing the C drive." data-linktype="relative-path">
+</span>
+</p>
+<h2 id="use-winrt-pickers-with-hwnd-interop">Use WinRT pickers with HWND interop</h2>
+<p>If your project targets Windows App SDK 1.7 or earlier, or if you use the legacy <a href="/en-us/uwp/api/windows.storage.pickers" data-linktype="absolute-path">Windows.Storage.Pickers</a> APIs (for example, when migrating from UWP), you must initialize the picker with a window handle (HWND) before showing it. Without this step, the picker throws an exception or fails silently in desktop (WinUI 3) apps.</p>
+<div class="IMPORTANT">
+<p>Important</p>
+<p>WinUI 3 desktop apps don't have a <code>CoreWindow</code>. You must associate the picker with your app window by calling <code>WinRT.Interop.InitializeWithWindow.Initialize</code> (C#) or <code>IInitializeWithWindow::Initialize</code> (C++/WinRT) before any <code>Pick*Async</code> call.</p>
+</div>
+<h3 id="c-example-legacy-winrt-pickers">C# example (legacy WinRT pickers)</h3>
+<pre><code class="lang-csharp">// This example assumes you have a reference to your app's main window.
+// In a Window class, use 'this'. In a Page, use a stored reference like App.MainWindow.
+
+var picker = new Windows.Storage.Pickers.FileOpenPicker();
+picker.FileTypeFilter.Add(".png");
+picker.FileTypeFilter.Add(".jpg");
+
+// Get the window handle (HWND) for the current WinUI 3 window.
+var hwnd = WinRT.Interop.WindowNative.GetWindowHandle(App.MainWindow);
+
+// Associate the picker with the window.
+WinRT.Interop.InitializeWithWindow.Initialize(picker, hwnd);
+
+var file = await picker.PickSingleFileAsync();
+if (file is null)
+{
+    // The user cancelled the picker.
+}
+</code></pre>
+<h3 id="cwinrt-example-legacy-winrt-pickers">C++/WinRT example (legacy WinRT pickers)</h3>
+<pre><code class="lang-cppwinrt">// pch.h
+#include &lt;winrt/Windows.Storage.Pickers.h&gt;
+#include &lt;microsoft.ui.xaml.window.h&gt;
+#include &lt;shobjidl_core.h&gt;
+
+// MainWindow.xaml.cpp — inside a MainWindow member function
+Windows::Storage::Pickers::FileOpenPicker picker;
+picker.FileTypeFilter().Append(L".png");
+picker.FileTypeFilter().Append(L".jpg");
+
+// Get the window handle (HWND) of the current WinUI 3 window.
+auto windowNative{ this-&gt;m_inner.as&lt;::IWindowNative&gt;() };
+HWND hwnd{ 0 };
+windowNative-&gt;get_WindowHandle(&amp;hwnd);
+
+// Associate the picker with the window.
+auto initializeWithWindow{ picker.as&lt;::IInitializeWithWindow&gt;() };
+initializeWithWindow-&gt;Initialize(hwnd);
+
+auto file{ co_await picker.PickSingleFileAsync() };
+if (!file)
+{
+    // The user cancelled the picker.
+}
+</code></pre>
+<div class="TIP">
+<p>Tip</p>
+<p>The recommended approach for new apps is to use the Windows App SDK pickers (<code>Microsoft.Windows.Storage.Pickers</code>), which accept a <code>WindowId</code> in the constructor and don't require the <code>InitializeWithWindow</code> pattern. See the examples earlier in this article.</p>
+</div>
+<p>For more information about retrieving a window handle, see <a href="../ui/retrieve-hwnd" data-linktype="relative-path">Retrieve a window handle (HWND)</a>.</p>
+<h2 id="related-content">Related content</h2>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.windows.storage.pickers" data-linktype="absolute-path">Microsoft.Windows.Storage.Pickers namespace</a></li>
+<li><a href="pickers-save-file" data-linktype="relative-path">Save a file with a Windows App SDK picker</a></li>
+<li><a href="./" data-linktype="relative-path">Files, folders, and libraries with Windows App SDK</a></li>
+<li><a href="../ui/retrieve-hwnd" data-linktype="relative-path">Retrieve a window handle (HWND)</a></li>
+<li><a href="../../desktop/modernize/winrt-com-interop-csharp" data-linktype="relative-path">Call interop APIs from a .NET app</a></li>
+<li><a href="../ui/display-ui-objects" data-linktype="relative-path">Display WinRT UI objects that depend on CoreWindow</a></li>
+<li><a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">WinUI Gallery file picker sample</a></li>
+</ul>
+</div>
+					
+		<div
+			id="ms--inline-notifications"
+			class="margin-block-xs"
+			data-bi-name="inline-notification"
+		></div>
+	 
+		<div
+			id="assertive-live-region"
+			role="alert"
+			aria-live="assertive"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+		<div
+			id="polite-live-region"
+			role="status"
+			aria-live="polite"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+	
+					
+			
+		<!-- feedback section -->
+		<section
+			class="feedback-section position-relative margin-top-lg border border-radius padding-xxs display-none-print"
+			data-bi-name="open-source-feedback-section"
+			data-open-source-feedback-section
+			hidden
+		>
+			<div class="display-flex flex-direction-column flex-direction-row-tablet">
+				<div
+					class="width-450-tablet padding-inline-xs padding-inline-xs-tablet padding-top-xs padding-bottom-sm padding-top-xs-tablet background-color-body-medium"
+				>
+					<div class="display-flex flex-direction-column">
+						<div class="padding-bottom-xxs">
+							<span class="icon margin-right-xxs" aria-hidden="true">
+								<span class="docon docon-brand-github"></span>
+							</span>
+							<span class="font-weight-semibold">
+								Collaborate with us on GitHub
+							</span>
+						</div>
+						<span class="line-height-normal">
+							The source for this content can be found on GitHub, where you can also create and review issues and pull requests. For more information, see <a href="https://learn.microsoft.com/contribute/content/how-to-write-quick-edits">our contributor guide</a>.
+						</span>
+					</div>
+				</div>
+				<div
+					class="display-flex gap-xs width-full-tablet flex-direction-column padding-xs justify-content-space-evenly"
+				>
+					<div class="media">
+						
+					<div class="media-left">
+						<div class="image image-36x36" hidden data-open-source-image-container>
+							<img
+								class="theme-display is-light"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-light
+							/>
+							<img
+								class="theme-display is-dark is-high-contrast"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-dark
+							/>
+						</div>
+					</div>
+			  
+
+						<div class="media-content">
+							<p
+								class="font-size-xl font-weight-semibold margin-bottom-xxs"
+								data-open-source-product-title
+							>
+								Windows developer
+							</p>
+							<div class="display-flex gap-xs flex-direction-column">
+								<p class="line-height-normal" data-open-source-product-description></p>
+								<div class="display-flex gap-xs flex-direction-column">
+									<a href="#" data-github-link>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-bug"></span>
+										</span>
+										<span>Open a documentation issue</span>
+									</a>
+									<a
+										href="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb"
+										class="display-block margin-top-auto font-size-md"
+										data-feedback-product-url
+									>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-feedback"></span>
+										</span>
+										<span>Provide product feedback</span>
+									</a>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+			
+		<!-- feedback section -->
+		<section
+			id="site-user-feedback-footer"
+			class="font-size-sm margin-top-md display-none-print display-none-desktop"
+			data-test-id="site-user-feedback-footer"
+			data-bi-name="site-feedback-section"
+		>
+			<hr class="hr" />
+			<h2 id="ms--feedback" class="title is-3">Feedback</h2>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="buttons">
+					<button
+						class="thumb-rating-button like button button-primary button-sm"
+						data-test-id="footer-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+						<span>Yes</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike button button-primary button-sm"
+						id="standard-rating-no-button"
+						hidden
+						data-test-id="footer-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+						<span>No</span>
+					</button>
+					<details
+						class="popover popover-top"
+						id="mobile-help-popover"
+						data-test-id="footer-feedback-popover"
+					>
+						<summary
+							class="thumb-rating-button dislike button button-primary button-sm"
+							data-test-id="details-footer-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+							<span>No</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading"
+							aria-describedby="popover-description"
+						>
+							<p id="popover-heading" class="font-size-lg margin-bottom-xxs font-weight-semibold">
+								Need help with this topic?
+							</p>
+							<p id="popover-description" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+		
+				</div>
+				
+		<div id="ms--additional-resources-mobile" class="display-none-print">
+			<hr class="hr" hidden />
+			<h2 id="ms--additional-resources-mobile-heading" class="title is-3" hidden>
+				Additional resources
+			</h2>
+			
+		<section
+			id="right-rail-recommendations-mobile"
+			class=""
+			data-bi-name="recommendations"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-training-mobile"
+			class=""
+			data-bi-name="learning-resource-card"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-events-mobile"
+			class=""
+			data-bi-name="events-card"
+			hidden
+		></section>
+	
+		</div>
+	 
+		<div
+			id="article-metadata-footer"
+			data-bi-name="article-metadata-footer"
+			data-test-id="article-metadata-footer"
+			class="page-metadata-container"
+		>
+			<hr class="hr" />
+			<ul class="metadata page-metadata" data-bi-name="page info" lang="en-us" dir="ltr">
+				<li class="visibility-hidden-visual-diff">
+			<span class="badge badge-sm text-wrap-pretty">
+				<span>Last updated on <local-time format="twoDigitNumeric"
+		datetime="2026-07-17T02:50:00.000Z"
+		data-article-date-source="calculated"
+		class="is-invisible"
+	>
+		2026-07-17
+	</local-time></span>
+			</span>
+		</li>
+			</ul>
+		</div>
+	
+			</div>
+			
+		<div
+			id="action-panel"
+			role="region"
+			aria-label="Action Panel"
+			class="action-panel"
+			tabindex="-1"
+		></div>
+	
+		
+				</main>
+				<aside
+					id="layout-body-aside"
+					class="layout-body-aside  "
+					data-bi-name="aside"
+					aria-label="Additional resources"
+			  >
+					
+		<div
+			id="ms--additional-resources"
+			class="right-container padding-sm display-none display-block-desktop height-full"
+			data-bi-name="pageactions"
+		>
+			<div id="affixed-right-container" data-bi-name="right-column">
+				
+		<nav
+			id="side-doc-outline"
+			class="doc-outline border-bottom padding-bottom-xs margin-bottom-xs scrollbar-width-thin"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h3>In this article</h3>
+		</nav>
+	
+				<!-- Feedback -->
+				
+		<section
+			id="ms--site-user-feedback-right-rail"
+			class="font-size-sm display-none-print"
+			data-test-id="site-user-feedback-right-rail"
+			data-bi-name="site-feedback-right-rail"
+		>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="display-flex flex-wrap-nowrap">
+					<button
+						class="thumb-rating-button like inner-focus"
+						data-test-id="right-rail-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						aria-label="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike inner-focus"
+						id="right-rail-no-button"
+						hidden
+						data-test-id="right-rail-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						aria-label="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+					</button>
+					<details class="popover popover-right" id="help-popover" data-test-id="feedback-popover">
+						<summary
+							tabindex="0"
+							class="thumb-rating-button dislike inner-focus"
+							data-test-id="details-right-rail-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							aria-label="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading-right-rail"
+							aria-describedby="popover-description-right-rail"
+						>
+							<p
+								id="popover-heading-right-rail"
+								class="font-size-lg margin-bottom-xxs font-weight-semibold"
+							>
+								Need help with this topic?
+							</p>
+							<p id="popover-description-right-rail" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+	
+			</div>
+		</div>
+	
+			  </aside> <section
+					id="layout-body-flyout"
+					class="layout-body-flyout "
+					data-bi-name="flyout"
+			  >
+					 <div
+	class="height-full border-left background-color-body-medium"
+	id="ask-learn-flyout"
+></div>
+			  </section> <div class="layout-body-footer " data-bi-name="layout-footer">
+		<footer
+			id="footer"
+			data-test-id="footer"
+			data-bi-name="footer"
+			class="footer-layout padding-xs padding-sm-desktop has-default-focus border-top"
+			role="contentinfo"
+		>
+			<div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
+				
+		<a
+			data-mscc-ic="false"
+			href="#"
+			data-bi-name="select-locale"
+			class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator"
+			id=""
+			title=""
+			><span class="icon" aria-hidden="true"
+				><span class="docon docon-world"></span></span
+			><span class="local-selector-link-text">en-us</span></a
+		>
+	 <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://aka.ms/yourcaliforniaprivacychoices"
+			data-bi-name="your-privacy-choices"
+			class="button button-sm button-clear flex-shrink-0 external-link-indicator"
+			id=""
+			title=""
+			>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 30 14"
+			xml:space="preserve"
+			height="16"
+			width="43"
+			aria-hidden="true"
+			focusable="false"
+		>
+			<path
+				d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
+			></path>
+			<path
+				d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"
+			></path>
+			<path
+				d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"
+				style="fill:#fff"
+			></path>
+			<path
+				d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"
+				style="fill:#06f"
+			></path>
+		</svg>
+	
+			<span>Your Privacy Choices</span></a
+		>
+	
+	</div>
+				<div class="flex-shrink-0">
+		<div class="dropdown has-caret-up">
+			<button
+				data-test-id="theme-selector-button"
+				class="dropdown-trigger button button-clear button-sm inner-focus theme-dropdown-trigger"
+				aria-controls="{{ themeMenuId }}"
+				aria-haspopup="true"
+				aria-expanded="false"
+				data-bi-name="theme"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-sun"></span></span>
+				<span>Theme</span>
+				<span class="icon expanded-indicator" aria-hidden="true">
+					<span class="docon docon-chevron-down-light"></span>
+				</span>
+			</button>
+			<div class="dropdown-menu" id="{{ themeMenuId }}" role="menu">
+				<ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu" role="none">
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="light"
+							tabindex="-1"
+						>
+							<span class="theme-light margin-right-xxs">
+								<span
+									class="theme-selector-icon border display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Light </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="dark"
+							tabindex="-1"
+						>
+							<span class="theme-dark margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Dark </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="high-contrast"
+							tabindex="-1"
+						>
+							<span class="theme-high-contrast margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> High contrast </span>
+						</button>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+			</div>
+			<ul class="links" data-bi-name="footerlinks">
+				<li class="manage-cookies-holder" hidden=""></li>
+				<li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content"
+			data-bi-name="aiDisclaimer"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>AI Disclaimer</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/previous-versions/"
+			data-bi-name="archivelink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Previous Versions</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog"
+			data-bi-name="bloglink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Blog</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/contribute"
+			data-bi-name="contributorGuide"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Contribute</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?LinkId=521839"
+			data-bi-name="privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?linkid=2259814"
+			data-bi-name="consumer-health-privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Consumer Health Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/legal/termsofuse"
+			data-bi-name="termsofuse"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Terms of Use</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/"
+			data-bi-name="trademarks"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Trademarks</a
+		>
+	
+	</li>
+				<li>&copy; Microsoft 2026</li>
+			</ul>
+		</footer>
+	</footer>
+			</body>
+		</html>
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-progress-frozen-46c7ddeaae35.html b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-progress-frozen-46c7ddeaae35.html
new file mode 100644
index 0000000..e1dc666
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/objects/ms-progress-frozen-46c7ddeaae35.html
@@ -0,0 +1,1704 @@
+ <!DOCTYPE html>
+		<html
+			class="layout layout-holy-grail   show-table-of-contents conceptual show-breadcrumb default-focus"
+			lang="en-us"
+			dir="ltr"
+			data-authenticated="false"
+			data-auth-status-determined="false"
+			data-target="docs"
+			x-ms-format-detection="none"
+		>
+			
+		<head>
+			<title>Guidelines for progress controls - Windows apps | Microsoft Learn</title>
+			<meta charset="utf-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta name="color-scheme" content="light dark" />
+
+			<meta name="description" content="A progress control provides feedback to the user that a long-running operation is underway." />
+			<link rel="canonical" href="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/progress-controls" /> 
+
+			<!-- Non-customizable open graph and sharing-related metadata -->
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:site" content="@MicrosoftLearn" />
+			<meta property="og:type" content="website" />
+			<meta property="og:image:alt" content="Microsoft Learn" />
+			<meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
+			<!-- Page specific open graph and sharing-related metadata -->
+			<meta property="og:title" content="Guidelines for progress controls - Windows apps" />
+			<meta property="og:url" content="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/progress-controls" />
+			<meta property="og:description" content="A progress control provides feedback to the user that a long-running operation is underway." />
+			<meta name="platform_id" content="1dc7dbeb-b01b-fe2a-64fd-5e5ffc9616db" /> 
+			<meta name="locale" content="en-us" />
+			 
+			<meta name="uhfHeaderId" content="MSDocsHeader-WinDevCenter" />
+
+			<meta name="page_type" content="conceptual" />
+
+			<!--page specific meta tags-->
+			
+
+			<!-- custom meta tags -->
+			
+		<meta name="ms.service" content="windows-app-sdk" />
+	
+		<meta name="recommendations" content="true" />
+	
+		<meta name="ROBOTS" content="INDEX, FOLLOW" />
+	
+		<meta name="author" content="GrantMeStrength" />
+	
+		<meta name="ms.author" content="jken" />
+	
+		<meta name="Search.Product" content="eADQiWindows 10XVcnh" />
+	
+		<meta name="breadcrumb_path" content="/windows/breadcrumbs/toc.json" />
+	
+		<meta name="feedback_product_url" content="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb" />
+	
+		<meta name="feedback_system" content="OpenSource" />
+	
+		<meta name="ms.subservice" content="apps" />
+	
+		<meta name="ms.update-cycle" content="365-days" />
+	
+		<meta name="ms.assetid" content="FD53B716-C43D-408D-8B07-522BC1F3DF9D" />
+	
+		<meta name="label" content="Progress controls" />
+	
+		<meta name="template" content="detail.hbs" />
+	
+		<meta name="ms.date" content="2026-07-08T00:00:00Z" />
+	
+		<meta name="ms.topic" content="how-to" />
+	
+		<meta name="doc-status" content="Published" />
+	
+		<meta name="ms.localizationpriority" content="medium" />
+	
+		<meta name="document_id" content="b79e9ca4-4662-1cff-aa57-dbe432598caf" />
+	
+		<meta name="document_version_independent_id" content="b79e9ca4-4662-1cff-aa57-dbe432598caf" />
+	
+		<meta name="updated_at" content="2026-07-09T21:43:00Z" />
+	
+		<meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/ui/controls/progress-controls.md" />
+	
+		<meta name="gitcommit" content="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/7a96f7ce13338210c9d5da7b416979f188a74d16/hub/apps/develop/ui/controls/progress-controls.md" />
+	
+		<meta name="git_commit_id" content="7a96f7ce13338210c9d5da7b416979f188a74d16" />
+	
+		<meta name="site_name" content="Docs" />
+	
+		<meta name="depot_name" content="MSDN.windows-uwp-hub" />
+	
+		<meta name="schema" content="Conceptual" />
+	
+		<meta name="toc_rel" content="../../toc.json" />
+	
+		<meta name="pdf_url_template" content="https://learn.microsoft.com/pdfstore/en-us/MSDN.windows-uwp-hub/{branchName}{pdfName}" />
+	
+		<meta name="feedback_help_link_type" content="" />
+	
+		<meta name="feedback_help_link_url" content="" />
+	
+		<meta name="word_count" content="1229" />
+	
+		<meta name="asset_id" content="apps/develop/ui/controls/progress-controls" />
+	
+		<meta name="moniker_range_name" content="" />
+	
+		<meta name="item_type" content="Content" />
+	
+		<meta name="source_path" content="hub/apps/develop/ui/controls/progress-controls.md" />
+	
+		<meta name="previous_tlsh_hash" content="345D70E1300EB631AAC35E45C6DEED04E3F9B15DACF037900E3B3726B6DA7F7F5F65649AA3466B5603390147093A166E96E4D728D0780377A6182C7C80A49342BB1CA3F3E4" />
+	
+		<meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/ui/controls/progress-controls.md" />
+	
+		<meta name="markdown_url" content="https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/progress-controls?accept=text/markdown" />
+	 
+		<meta name="cmProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/cd440f3c-1b78-40a7-97ba-aa00a1d79df7" data-source="generated" />
+	
+		<meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/07bb3e10-d135-43ff-bc8b-360497cb39fa" data-source="generated" />
+	
+		<meta name="spProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/c828f7e0-89b4-459c-9bae-d7ab1c4bd9ad" data-source="generated" />
+	
+		<meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/12e559b9-eaf6-4aee-9af7-62334e15f863" data-source="generated" />
+	
+
+			<!-- Apply persisted/system theme before first paint to prevent wrong-theme flash when scripts are deferred. -->
+			<script id="theme-preference">
+				(function () {
+			try {
+				var stored = localStorage.getItem('theme');
+				var theme = /^(light|dark|high-contrast)$/.test(stored)
+					? stored
+					: matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+				document.documentElement.classList.add('theme-' + theme);
+			} catch (e) {}
+		})();;
+			</script>
+
+			<script id="atlas-layout-preferences">
+				(function () {
+			try {
+				var state = JSON.parse(localStorage.getItem('atlas-layout-preferences') || '{}');
+				var view = state["docs-layout-persistence"] || {};
+				var excludesKey = "";
+				var blocked = {};
+				if (excludesKey) {
+					var exclusions = JSON.parse(localStorage.getItem('atlas-layout-exclusions') || '{}');
+					if (Object.prototype.hasOwnProperty.call(exclusions, excludesKey)) {
+						var scoped = exclusions[excludesKey];
+						if (scoped) {
+							if (typeof scoped === 'object') blocked = scoped;
+						}
+					}
+				}
+				var html = document.documentElement;
+				for (var c in view) {
+					if (Object.prototype.hasOwnProperty.call(blocked, c)) continue;
+					if (view[c]) html.classList.add(c);
+					else html.classList.remove(c);
+				}
+			} catch (e) {}
+		})();;
+			</script>
+
+			<!-- assets and js globals -->
+			
+			<link rel="stylesheet" href="/static/assets/0.4.03510.8120-9976c201/styles/site.css" />
+			
+			<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
+			<script async src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script>
+			
+
+			<!-- msdocs global object -->
+			<script id="msdocs-script">
+		var msDocs = {
+  "environment": {
+    "accessLevel": "online",
+    "azurePortalHostname": "portal.azure.com",
+    "reviewFeatures": false,
+    "supportLevel": "production",
+    "systemContent": true,
+    "siteName": "learn",
+    "legacyHosting": false
+  },
+  "data": {
+    "contentLocale": "en-us",
+    "contentDir": "ltr",
+    "userLocale": "en-us",
+    "userDir": "ltr",
+    "pageTemplate": "Conceptual",
+    "layoutStateStorageKey": "docs-layout-persistence",
+    "brand": "",
+    "context": {},
+    "standardFeedback": false,
+    "showFeedbackReport": false,
+    "feedbackHelpLinkType": "",
+    "feedbackHelpLinkUrl": "",
+    "feedbackSystem": "OpenSource",
+    "feedbackGitHubRepo": "",
+    "feedbackProductUrl": "https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb",
+    "extendBreadcrumb": false,
+    "isEditDisplayable": true,
+    "isPrivateUnauthorized": false,
+    "hideViewSource": false,
+    "isPermissioned": false,
+    "hasRecommendations": true,
+    "contributors": [
+      {
+        "name": "GrantMeStrength",
+        "url": "https://github.com/GrantMeStrength"
+      },
+      {
+        "name": "jwmsft",
+        "url": "https://github.com/jwmsft"
+      },
+      {
+        "name": "niels9001",
+        "url": "https://github.com/niels9001"
+      }
+    ],
+    "openSourceFeedbackIssueUrl": "https://github.com/MicrosoftDocs/windows-dev-docs/issues/new?template=1-customer-feedback.yml",
+    "openSourceFeedbackIssueTitle": "",
+    "openSourceFeedbackIssueLabels": "needs-triage"
+  },
+  "functions": {}
+};;
+	</script>
+
+			<!-- base scripts, msdocs global should be before this -->
+			<script
+				src="/static/assets/0.4.03510.8120-9976c201/scripts/en-us/index-docs.js"
+				async
+			></script>
+			
+
+			<!-- json-ld -->
+			
+		</head>
+	
+			<body
+				id="body"
+				data-bi-name="body"
+				class="layout-body "
+				lang="en-us"
+				dir="ltr"
+			>
+				<header class="layout-body-header background-color-body-medium">
+		<div class="header-holder has-default-focus">
+			
+		<a
+			href="#main"
+			
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			
+		>
+			Skip to main content
+		</a>
+	
+		<a
+			href="#"
+			data-skip-to-ask-learn
+			style="z-index: 1070"
+			class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body"
+			hidden
+		>
+			Skip to Ask Learn chat experience
+		</a>
+	
+
+			<div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
+			<!-- Unsupported browser warning -->
+			<div
+				id="unsupported-browser"
+				style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;"
+				hidden
+			>
+				<div style="max-width: 800px; margin: 0 auto;">
+					<p style="font-size: 24px">This browser is no longer supported.</p>
+					<p style="font-size: 16px; margin-top: 16px;">
+						Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
+					</p>
+					<div style="margin-top: 12px;">
+						<a
+							href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
+							style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;"
+						>
+							Download Microsoft Edge
+						</a>
+						<a
+							href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
+							style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;"
+						>
+							More info about Internet Explorer and Microsoft Edge
+						</a>
+					</div>
+				</div>
+			</div>
+			<!-- site header -->
+			<div
+				id="ms--site-header"
+				data-test-id="site-header-wrapper"
+				itemscope="itemscope"
+				itemtype="http://schema.org/Organization"
+			>
+				<div
+					id="ms--mobile-nav"
+					class="site-header display-none-tablet padding-inline-none gap-none"
+					data-bi-name="mobile-header"
+					data-test-id="mobile-header"
+				></div>
+				<div
+					id="ms--primary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L1-header"
+					data-test-id="primary-header"
+				></div>
+				<div
+					id="ms--secondary-nav"
+					class="site-header display-none display-flex-tablet"
+					data-bi-name="L2-header"
+					data-test-id="secondary-header"
+					
+				></div>
+			</div>
+			
+		<!-- banner -->
+		<div data-banner>
+			<div id="disclaimer-holder"></div>
+			
+		</div>
+		<!-- banner end -->
+	
+		</div>
+	</header>
+				 <section
+					id="layout-body-menu"
+					class="layout-body-menu border-right display-flex background-color-body-medium"
+					data-bi-name="menu"
+			  >
+					
+		<div
+			id="left-container"
+			class="left-container display-none padding-none display-block-tablet width-full display-none-until-layout-restored"
+			data-toc-container="true"
+		>
+			<div
+				id="ms--toc-content"
+				class="padding-left-sm padding-right-none padding-bottom-sm height-full"
+			>
+				<nav
+					id="affixed-left-container"
+					class="margin-top-xxs-tablet position-sticky display-flex flex-direction-column width-full"
+					aria-label="Primary"
+					data-bi-name="left-toc"
+					role="navigation"
+				>
+					<div
+						id="ms--collapsible-toc-header"
+						class="display-flex flex-direction-row-reverse justify-content-center align-items-center margin-bottom-xxs margin-right-xxs"
+					>
+						<button
+							type="button"
+							class="button button-clear button-sm inner-focus"
+							data-collapsible-toc-toggle
+							aria-expanded="true"
+							hidden
+							aria-controls="ms--toc-content"
+							aria-label="Table of contents"
+						>
+							<span class="icon icon-mirrored-rtl" aria-hidden="true">
+								<span
+									class="docon docon-panel-left-contract display-none-layout-menu-collapsed"
+								></span>
+								<span
+									class="docon docon-panel-left-expand display-none display-inline-layout-menu-collapsed"
+								></span>
+							</span>
+						</button>
+						<div
+							id="ms--collapsible-toc-moniker-slot"
+							class="flex-grow-1 display-none-layout-menu-collapsed"
+						></div>
+					</div>
+				</nav>
+			</div>
+		</div>
+	
+			  </section>
+
+				<main
+					id="main"
+					role="main"
+					class="layout-body-main "
+					data-bi-name="content"
+					lang="en-us"
+					dir="ltr"
+				>
+					
+			<div
+		id="ms--content-header"
+		class="content-header default-focus border-bottom-none"
+		data-bi-name="content-header"
+	>
+		<div class="content-header-controls margin-xxs margin-inline-sm-tablet">
+			<button
+				type="button"
+				class="contents-button button button-sm margin-right-xxs"
+				data-bi-name="contents-expand"
+				aria-haspopup="true"
+				data-contents-button
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-menu"></span></span>
+				<span class="contents-expand-title"> Table of contents </span>
+			</button>
+			<button
+				type="button"
+				class="ap-collapse-behavior ap-expanded button button-sm"
+				data-bi-name="ap-collapse"
+				aria-controls="action-panel"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-exit-mode"></span></span>
+				<span>Exit editor mode</span>
+			</button>
+		</div>
+	</div>
+			<div
+				data-main-column
+				class="reading-width margin-inline-auto layout-padding padding-top-none padding-top-sm-tablet padding-bottom-sm"
+			>
+				<div>
+					
+		<div id="article-header" class="background-color-body margin-bottom-xs display-none-print">
+			<div class="display-flex align-items-center justify-content-space-between">
+				
+		<details
+			id="article-header-breadcrumbs-overflow-popover"
+			class="popover popover-left"
+			data-for="article-header-breadcrumbs"
+		>
+			<summary
+				class="button button-clear button-primary button-sm inner-focus"
+				aria-label="All breadcrumbs"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-more"></span>
+				</span>
+			</summary>
+			<div id="article-header-breadcrumbs-overflow" class="popover-content"></div>
+		</details>
+
+		<bread-crumbs
+			id="article-header-breadcrumbs"
+			role="group"
+			aria-label="Breadcrumbs"
+			data-test-id="article-header-breadcrumbs"
+			class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"
+		></bread-crumbs>
+	 
+		<div
+			id="article-header-page-actions"
+			class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"
+		>
+			
+		<button
+			class="button button-sm border-none inner-focus display-none-tablet flex-shrink-0 "
+			data-bi-name="ask-learn-assistant-entry"
+			data-test-id="ask-learn-assistant-modal-entry-mobile"
+			data-ask-learn-modal-entry
+			
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-none display-inline-flex-tablet display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-modal-entry-tablet"
+			data-ask-learn-modal-entry
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn "
+			data-bi-name="ask-learn-assistant-entry"
+			
+			data-test-id="ask-learn-assistant-flyout-entry"
+			data-ask-learn-flyout-entry
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	 
+
+			<details class="popover popover-right" id="article-header-page-actions-overflow">
+				<summary
+					class="justify-content-flex-start button button-clear button-sm button-primary inner-focus"
+					aria-label="More actions"
+					title="More actions"
+				>
+					<span class="icon" aria-hidden="true">
+						<span class="docon docon-more-vertical"></span>
+					</span>
+				</summary>
+				<div class="popover-content">
+					
+		<button
+			type="button"
+			id="ms--focus-mode-button"
+			data-focus-mode
+			data-bi-name="focus-mode-entry"
+			data-page-action-item="overflow-all"
+			data-popover-close
+			class="button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus display-none display-inline-flex-tablet"
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-glasses"></span>
+			</span>
+			<span>Reading mode</span>
+		</button>
+	 
+		<button
+			data-page-action-item="overflow-mobile"
+			type="button"
+			class="display-block-layout-menu-collapsed button-block button-sm inner-focus button button-clear display-none-tablet justify-content-flex-start text-align-left"
+			data-bi-name="contents-expand"
+			data-contents-button
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true"
+				><span class="docon docon-editor-list-bullet"></span
+			></span>
+			<span class="contents-expand-title">Table of contents</span>
+		</button>
+	 
+		<a
+			id="lang-link-overflow"
+			class="button-sm inner-focus button button-clear button-block justify-content-flex-start text-align-left"
+			data-bi-name="language-toggle"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-read-in-link
+			href="#"
+			hidden
+		>
+			<span class="icon" aria-hidden="true" data-read-in-link-icon>
+				<span class="docon docon-locale-globe"></span>
+			</span>
+			<span data-read-in-link-text>Read in English</span>
+		</a>
+	
+					
+		<button
+			type="button"
+			class="collection button button-clear button-sm button-block justify-content-flex-start text-align-left inner-focus"
+			data-list-type="collection"
+			data-bi-name="collection"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="collection-status">Add</span>
+		</button>
+	 
+		<button
+			type="button"
+			class="collection button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+			data-list-type="plan"
+			data-bi-name="plan"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			data-popover-close
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-circle-addition"></span>
+			</span>
+			<span class="plan-status">Add to Plans</span>
+		</button>
+	 
+					
+		<a
+			data-contenteditbtn
+			class="button button-clear button-block button-sm inner-focus justify-content-flex-start text-align-left text-decoration-none"
+			data-bi-name="edit"
+			data-page-action-item="overflow-all"
+			data-check-hidden="true"
+			
+			href="https://github.com/MicrosoftDocs/windows-dev-docs/blob/docs/hub/apps/develop/ui/controls/progress-controls.md"
+			data-original_content_git_url="https://github.com/MicrosoftDocs/windows-dev-docs-pr/blob/live/hub/apps/develop/ui/controls/progress-controls.md"
+			data-original_content_git_url_template="{repo}/blob/{branch}/hub/apps/develop/ui/controls/progress-controls.md"
+			data-pr_repo=""
+			data-pr_branch=""
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-edit-outline"></span>
+			</span>
+			<span>Edit</span>
+		</a>
+	  
+		<hr class="margin-block-xxs" />
+		
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="copy-markdown"
+					data-page-action-item="overflow-all"
+					data-copy-markdown
+					data-copy-state="idle"
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span data-show-when="idle" class="docon docon-code-lang"></span>
+						<span data-show-when="loading" class="loader" hidden></span>
+						<span data-show-when="success" class="docon docon-check-mark" hidden></span>
+					</span>
+					<span>Copy Markdown</span>
+				</button>
+		   
+				<button
+					class="button button-block button-clear button-sm justify-content-flex-start text-align-left inner-focus"
+					type="button"
+					data-bi-name="print"
+					data-page-action-item="overflow-all"
+					data-popover-close
+					data-print-page
+					data-check-hidden="true"
+				>
+					<span class="icon color-primary" aria-hidden="true">
+						<span class="docon docon-print"></span>
+					</span>
+					<span>Print</span>
+				</button>
+		  
+	
+				</div>
+			</details>
+		</div>
+	
+			</div>
+		</div>
+	  
+		<!-- privateUnauthorizedTemplate is hidden by default -->
+		<div unauthorized-private-section data-bi-name="permission-content-unauthorized-private" hidden>
+			<hr class="hr margin-top-xs margin-bottom-sm" />
+			<div class="notification notification-info">
+				<div class="notification-content">
+					<p class="margin-top-none notification-title">
+						<span class="icon" aria-hidden="true"
+							><span class="docon docon-exclamation-circle-solid"></span
+						></span>
+						<span>Note</span>
+					</p>
+					<p class="margin-top-none authentication-determined not-authenticated">
+						Access to this page requires authorization. You can try <a class="docs-sign-in" href="#" data-bi-name="permission-content-sign-in">signing in</a> or <a  class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+					<p class="margin-top-none authentication-determined authenticated">
+						Access to this page requires authorization. You can try <a class="docs-change-directory" data-bi-name="permisson-content-change-directory">changing directories</a>.
+					</p>
+				</div>
+			</div>
+		</div>
+	
+					<div class="content"><h1 id="progress-controls">Progress controls</h1></div>
+					
+		<div
+			id="article-metadata"
+			data-bi-name="article-metadata"
+			data-test-id="article-metadata"
+			class="page-metadata-container display-flex gap-xxs justify-content-space-between align-items-center flex-wrap-wrap"
+		>
+			 
+				<div
+					id="user-feedback"
+					class="margin-block-xxs display-none display-none-print"
+					hidden
+					data-hide-on-archived
+				>
+					
+		<button
+			id="user-feedback-button"
+			data-test-id="conceptual-feedback-button"
+			class="button button-sm button-clear button-primary display-none"
+			type="button"
+			data-bi-name="user-feedback-button"
+			data-user-feedback-button
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-like"></span>
+			</span>
+			<span>Feedback</span>
+		</button>
+	
+				</div>
+		  
+		</div>
+	 
+		<div data-id="ai-summary" class="display-none-print">
+			<div id="ms--ai-summary-cta" class="margin-top-xs display-flex align-items-center">
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-sparkle-fill gradient-text-vivid"></span>
+				</span>
+				<button
+					id="ms--ai-summary"
+					type="button"
+					class="tag tag-sm tag-suggestion margin-left-xxs"
+					data-test-id="ai-summary-cta"
+					data-bi-name="ai-summary-cta"
+					data-an="ai-summary"
+				>
+					<span class="ai-summary-cta-text">
+						Summarize this article for me
+					</span>
+				</button>
+			</div>
+			<!-- Slot where the client will render the summary card after the user clicks the CTA -->
+			<div id="ms--ai-summary-header" class="margin-top-xs"></div>
+		</div>
+	 
+		<nav
+			id="center-doc-outline"
+			class="doc-outline display-none-desktop display-none-print margin-bottom-sm"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h2 id="ms--in-this-article" class="title is-6 margin-block-xs">
+				In this article
+			</h2>
+		</nav>
+	
+					<div class="content"><p>A progress control provides feedback to the user that a long-running operation is underway. It can mean that the user cannot interact with the app when the progress indicator is visible, and can also indicate how long the wait time might be, depending on the indicator used.</p>
+<h2 id="types-of-progress">Types of progress</h2>
+<p>There are two controls to show the user that an operation is underway – either through a ProgressBar or through a ProgressRing. Both ProgressBar and ProgressRing have two states that communicate if the user can interact with the application or not.</p>
+<ul>
+<li>The <em>determinate</em> state for both ProgressBar and ProgressRing shows the percentage completed of a task. This should be used during an operation whose duration is known, but its progress should not block the user's interaction with the app.</li>
+<li>The <em>indeterminate</em> state for ProgressBar shows that an operation is underway, does not block user interaction with the app, and its completion time is unknown.</li>
+<li>The <em>indeterminate</em> state for ProgressRing shows that an operation is underway, blocks user interaction with the app, and its completion time is unknown.</li>
+</ul>
+<p>Additionally, a progress control is read only and not interactive. Meaning that the user cannot invoke or use these controls directly.</p>
+<table>
+<thead>
+<tr>
+<th>Control</th>
+<th>Display</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Indeterminate ProgressBar</td>
+<td><img src="images/progressbar-indeterminate.gif" alt="ProgressBar indeterminate" data-linktype="relative-path"></td>
+</tr>
+<tr>
+<td>Determinate ProgressBar</td>
+<td><img src="images/progressbar-determinate.png" alt="ProgressBar determinate" data-linktype="relative-path"></td>
+</tr>
+<tr>
+<td>Indeterminate ProgressRing</td>
+<td><img src="images/progressring-indeterminate.gif" alt="Indeterminate ProgressRing state" data-linktype="relative-path"></td>
+</tr>
+<tr>
+<td>Determinate ProgressRing</td>
+<td><img src="images/progress-ring.jpg" alt="Determinate ProgressRing state" data-linktype="relative-path"></td>
+</tr>
+</tbody>
+</table>
+<h2 id="is-this-the-right-control">Is this the right control?</h2>
+<p>It's not always obvious what control or what state (determinate vs indeterminate) to use when trying to show something is happening. Sometimes a task is obvious enough that it doesn't require a progress control at all – and sometimes even if a progress control is used, a line of text is still necessary in order to explain to the user what operation is underway.</p>
+<h3 id="progressbar">ProgressBar</h3>
+<ul>
+<li><p><strong>Does the control have a defined duration or predictable end?</strong></p>
+<p>Use a determinate ProgressBar then, and update the percentage or value accordingly.</p>
+</li>
+<li><p><strong>Can the user continue without having to monitor the operation's progress?</strong></p>
+<p>When a ProgressBar is in use, interaction is non-modal, typically meaning that the user is not blocked by that operation's completion, and can continue to use the app in other ways until that aspect has completed.</p>
+</li>
+<li><p><strong>Keywords</strong></p>
+<p>If your operation falls around these keywords, or if you're showing text that alongside the progress operation that matches these keywords; consider using a ProgressBar:</p>
+<ul>
+<li><em>Loading...</em></li>
+<li><em>Retrieving</em></li>
+<li><em>Working...</em></li>
+</ul>
+</li>
+</ul>
+<h3 id="progressring">ProgressRing</h3>
+<ul>
+<li><p><strong>Will the operation cause the user to wait to continue?</strong></p>
+<p>If an operation requires all (or a large portion of) interaction with the app to wait until it has been completed, then the indeterminate ProgressRing is the better choice.</p>
+<ul>
+<li><strong>Does the control have a defined duration or predictable end?</strong></li>
+</ul>
+<p>Use a determinate ProgressRing if you want the visual to be a ring instead of a bar, and update the percentage or value accordingly.</p>
+</li>
+<li><p><strong>Is the app waiting for the user to complete a task?</strong></p>
+<p>If so, use an indeterminate ProgressRing, as they're meant to indicate an unknown wait time for the user.</p>
+</li>
+<li><p><strong>Keywords</strong></p>
+<p>If your operation falls around these keywords, or if you're showing text alongside the progress operation that matches these keywords; consider using a ProgressRing:</p>
+<ul>
+<li><em>Refreshing</em></li>
+<li><em>Signing in...</em></li>
+<li><em>Connecting...</em></li>
+</ul>
+</li>
+</ul>
+<h3 id="no-progress-indication-necessary">No progress indication necessary</h3>
+<ul>
+<li><p><strong>Does the user need to know that something is happening?</strong></p>
+<p>For example, if the app is downloading something in the background and the user didn't initiate the download, the user doesn't necessarily need to know about it.</p>
+</li>
+<li><p><strong>Is the operation a background activity that doesn't block user activity and is of minimal (but still some) interest to the user?</strong></p>
+<p>Use text when your app is performing tasks that don't have to be visible all the time, but you still need to show the status.</p>
+</li>
+<li><p><strong>Does the user only care about the completion of the operation?</strong></p>
+<p>Sometimes it's best to show a notice only when the operation is completed, or give a visual that the operation has been completed immediately, and run the finishing touches in the background.</p>
+</li>
+</ul>
+<h2 id="progress-controls-best-practices">Progress controls best practices</h2>
+<p>Sometimes it's best to see some visual representations of when and where to use these different progress controls:</p>
+<h3 id="progressbar---determinate">ProgressBar - Determinate</h3>
+<p><img src="images/progress-bar-determinate-example.png" alt="ProgressBar determinate example" data-linktype="relative-path"></p>
+<p>The first example is the determinate ProgressBar. When the duration of the operation is known, when installing, downloading, setting up, etc; a determinate ProgressBar is best.</p>
+<h3 id="progressbar---indeterminate">ProgressBar - Indeterminate</h3>
+<p><img src="images/progress-bar-indeterminate-example.png" alt="ProgressBar indeterminate example" data-linktype="relative-path"></p>
+<p>When it is not known how long the operation will take, use an indeterminate ProgressBar. Indeterminate ProgressBars are also good when filling a virtualized list, and creating a smooth visual transition between an indeterminate to determinate ProgressBar.</p>
+<ul>
+<li><p><strong>Is the operation in a virtualized collection?</strong></p>
+<p>If so, do not put a progress indicator on each list item as they appear. Instead, use a ProgressBar and place it at the top of the collection of items being loaded in, to show that the items are being fetched.</p>
+</li>
+</ul>
+<h3 id="progressring---indeterminate">ProgressRing - Indeterminate</h3>
+<p><img src="images/progress-ring-indeterminate-example.gif" alt="ProgressRing indeterminate example" data-linktype="relative-path"></p>
+<p>The indeterminate ProgressRing is used when any further user interaction with the app is halted, or the app is waiting for the user's input to continue. The "signing in…" example above is a perfect scenario for the ProgressRing, the user cannot continue using the app until the sign is has completed.</p>
+<h3 id="progressring---determinate">ProgressRing - Determinate</h3>
+<p><img src="images/progress-ring-determinate-example.png" alt="ProgressRing determinate example" data-linktype="relative-path"></p>
+<p>When the duration of the operation is known and the ring visual is desired, when installing, downloading, setting up, etc; a determinate ProgressRing is best.</p>
+<h2 id="create-a-progress-control">Create a progress control</h2>
+<div class="checklist">
+<ul>
+<li><strong>Important APIs:</strong> <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ProgressBar" data-linktype="absolute-path">ProgressBar class</a>, <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.progressbar.isindeterminate" data-linktype="absolute-path">IsIndeterminate property</a>, <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ProgressRing" data-linktype="absolute-path">ProgressRing class</a>, <a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.progressring.isactive" data-linktype="absolute-path">IsActive property</a></li>
+</ul>
+</div>
+<div class="nextstepaction">
+<p>Open the WinUI 3 Gallery app and see the <a href="winui3gallery://item/ProgressBar" data-linktype="external">ProgressBar</a> or <a href="winui3gallery://item/ProgressRing" data-linktype="external">ProgressRing</a>.</p>
+</div>
+<blockquote>
+<table>
+<tbody><tr>
+<td><img src="../../../../includes/images/winui-gallery-logo.png" width="76" alt="WinUI 3 Gallery icon" data-linktype="relative-path"></td>
+<td>The <strong>WinUI 3 Gallery</strong> app includes interactive examples of WinUI controls and features. Get the app from the <a href="https://apps.microsoft.com/detail/9P3JFPWWDZRC" data-linktype="external">Microsoft Store</a> or browse the source code on <a href="https://github.com/microsoft/WinUI-Gallery" data-linktype="external">GitHub</a>.</td>
+</tr>
+</tbody></table>
+</blockquote>
+<p>Both progress controls are rather simple; but some visual features of the controls are not obvious to customize.</p>
+<h3 id="sizing-the-progressring">Sizing the ProgressRing</h3>
+<p>The ProgressRing can be sized as large as you want, but can only be as small as 20x20epx. In order to resize a ProgressRing, you must set its height and width. If only height or width are set, the control will assume minimum sizing (20x20epx) – conversely if the height and width are set to two different sizes, the smaller of the sizes will be assumed.
+To ensure your ProgressRing is correct for your needs, set both the height and the width to the same value:</p>
+<pre><code class="lang-xaml">&lt;ProgressRing Height="100" Width="100"/&gt;
+</code></pre>
+<p>To make your ProgressRing visible, and animate, you must set the IsActive property to true:</p>
+<pre><code class="lang-xaml">&lt;ProgressRing IsActive="True" Height="100" Width="100"/&gt;
+</code></pre>
+<pre><code class="lang-csharp">progressRing.IsActive = true;
+</code></pre>
+<h3 id="coloring-the-progress-controls">Coloring the progress controls</h3>
+<p>By default, the main coloring of the progress controls is set to the accent color of the system. To override this brush simply change the foreground property on either control.</p>
+<pre><code class="lang-xaml">&lt;ProgressRing IsActive="True" Height="100" Width="100" Foreground="Blue"/&gt;
+&lt;ProgressBar Width="100" Foreground="Green"/&gt;
+</code></pre>
+<p>Changing the foreground color for the ProgressRing will change the fill color of the ring. The foreground property for the ProgressBar will change the fill color of the bar – to alter the unfilled portion of the bar, simply override the background property.</p>
+<h3 id="showing-a-wait-cursor">Showing a wait cursor</h3>
+<p>Sometimes it's best to just show a brief wait cursor, when the app or operation needs time to think, and you need to indicate to the user that the app or area where the wait cursor is visible should not be interacted with until the wait cursor has disappeared.</p>
+<pre><code class="lang-csharp">// ProtectedCursor is a protected property — only accessible from a derived control class.
+// Subclass the control to set a custom cursor:
+public class WaitProgressRing : ProgressRing
+{
+    public WaitProgressRing()
+    {
+        // Requires: using Microsoft.UI.Input;
+        ProtectedCursor = InputSystemCursor.Create(InputSystemCursorShape.Wait);
+    }
+}
+</code></pre>
+<h2 id="related-articles">Related articles</h2>
+<ul>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ProgressBar" data-linktype="absolute-path">ProgressBar class</a></li>
+<li><a href="/en-us/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ProgressRing" data-linktype="absolute-path">ProgressRing class</a></li>
+</ul>
+</div>
+					
+		<div
+			id="ms--inline-notifications"
+			class="margin-block-xs"
+			data-bi-name="inline-notification"
+		></div>
+	 
+		<div
+			id="assertive-live-region"
+			role="alert"
+			aria-live="assertive"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+		<div
+			id="polite-live-region"
+			role="status"
+			aria-live="polite"
+			class="visually-hidden"
+			aria-relevant="additions"
+			aria-atomic="true"
+		></div>
+	
+					
+			
+		<!-- feedback section -->
+		<section
+			class="feedback-section position-relative margin-top-lg border border-radius padding-xxs display-none-print"
+			data-bi-name="open-source-feedback-section"
+			data-open-source-feedback-section
+			hidden
+		>
+			<div class="display-flex flex-direction-column flex-direction-row-tablet">
+				<div
+					class="width-450-tablet padding-inline-xs padding-inline-xs-tablet padding-top-xs padding-bottom-sm padding-top-xs-tablet background-color-body-medium"
+				>
+					<div class="display-flex flex-direction-column">
+						<div class="padding-bottom-xxs">
+							<span class="icon margin-right-xxs" aria-hidden="true">
+								<span class="docon docon-brand-github"></span>
+							</span>
+							<span class="font-weight-semibold">
+								Collaborate with us on GitHub
+							</span>
+						</div>
+						<span class="line-height-normal">
+							The source for this content can be found on GitHub, where you can also create and review issues and pull requests. For more information, see <a href="https://learn.microsoft.com/contribute/content/how-to-write-quick-edits">our contributor guide</a>.
+						</span>
+					</div>
+				</div>
+				<div
+					class="display-flex gap-xs width-full-tablet flex-direction-column padding-xs justify-content-space-evenly"
+				>
+					<div class="media">
+						
+					<div class="media-left">
+						<div class="image image-36x36" hidden data-open-source-image-container>
+							<img
+								class="theme-display is-light"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-light
+							/>
+							<img
+								class="theme-display is-dark is-high-contrast"
+								src="https://learn.microsoft.com/windows/images/windows11.svg"
+								aria-hidden="true"
+								data-open-source-image-dark
+							/>
+						</div>
+					</div>
+			  
+
+						<div class="media-content">
+							<p
+								class="font-size-xl font-weight-semibold margin-bottom-xxs"
+								data-open-source-product-title
+							>
+								Windows developer
+							</p>
+							<div class="display-flex gap-xs flex-direction-column">
+								<p class="line-height-normal" data-open-source-product-description></p>
+								<div class="display-flex gap-xs flex-direction-column">
+									<a href="#" data-github-link>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-bug"></span>
+										</span>
+										<span>Open a documentation issue</span>
+									</a>
+									<a
+										href="https://www.microsoft.com/en-us/windowsinsider/feedbackhub/fb"
+										class="display-block margin-top-auto font-size-md"
+										data-feedback-product-url
+									>
+										<span class="icon margin-right-xxs" aria-hidden="true">
+											<span class="docon docon-feedback"></span>
+										</span>
+										<span>Provide product feedback</span>
+									</a>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+			
+		<!-- feedback section -->
+		<section
+			id="site-user-feedback-footer"
+			class="font-size-sm margin-top-md display-none-print display-none-desktop"
+			data-test-id="site-user-feedback-footer"
+			data-bi-name="site-feedback-section"
+		>
+			<hr class="hr" />
+			<h2 id="ms--feedback" class="title is-3">Feedback</h2>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="buttons">
+					<button
+						class="thumb-rating-button like button button-primary button-sm"
+						data-test-id="footer-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+						<span>Yes</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike button button-primary button-sm"
+						id="standard-rating-no-button"
+						hidden
+						data-test-id="footer-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+						<span>No</span>
+					</button>
+					<details
+						class="popover popover-top"
+						id="mobile-help-popover"
+						data-test-id="footer-feedback-popover"
+					>
+						<summary
+							class="thumb-rating-button dislike button button-primary button-sm"
+							data-test-id="details-footer-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+							<span>No</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading"
+							aria-describedby="popover-description"
+						>
+							<p id="popover-heading" class="font-size-lg margin-bottom-xxs font-weight-semibold">
+								Need help with this topic?
+							</p>
+							<p id="popover-description" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+		<!-- end feedback section -->
+	
+		
+				</div>
+				
+		<div id="ms--additional-resources-mobile" class="display-none-print">
+			<hr class="hr" hidden />
+			<h2 id="ms--additional-resources-mobile-heading" class="title is-3" hidden>
+				Additional resources
+			</h2>
+			
+		<section
+			id="right-rail-recommendations-mobile"
+			class=""
+			data-bi-name="recommendations"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-training-mobile"
+			class=""
+			data-bi-name="learning-resource-card"
+			hidden
+		></section>
+	 
+		<section
+			id="right-rail-events-mobile"
+			class=""
+			data-bi-name="events-card"
+			hidden
+		></section>
+	
+		</div>
+	 
+		<div
+			id="article-metadata-footer"
+			data-bi-name="article-metadata-footer"
+			data-test-id="article-metadata-footer"
+			class="page-metadata-container"
+		>
+			<hr class="hr" />
+			<ul class="metadata page-metadata" data-bi-name="page info" lang="en-us" dir="ltr">
+				<li class="visibility-hidden-visual-diff">
+			<span class="badge badge-sm text-wrap-pretty">
+				<span>Last updated on <local-time format="twoDigitNumeric"
+		datetime="2026-07-08T08:00:00.000Z"
+		data-article-date-source="calculated"
+		class="is-invisible"
+	>
+		2026-07-08
+	</local-time></span>
+			</span>
+		</li>
+			</ul>
+		</div>
+	
+			</div>
+			
+		<div
+			id="action-panel"
+			role="region"
+			aria-label="Action Panel"
+			class="action-panel"
+			tabindex="-1"
+		></div>
+	
+		
+				</main>
+				<aside
+					id="layout-body-aside"
+					class="layout-body-aside  "
+					data-bi-name="aside"
+					aria-label="Additional resources"
+			  >
+					
+		<div
+			id="ms--additional-resources"
+			class="right-container padding-sm display-none display-block-desktop height-full"
+			data-bi-name="pageactions"
+		>
+			<div id="affixed-right-container" data-bi-name="right-column">
+				
+		<nav
+			id="side-doc-outline"
+			class="doc-outline border-bottom padding-bottom-xs margin-bottom-xs scrollbar-width-thin"
+			data-bi-name="intopic toc"
+			aria-label="In this article"
+		>
+			<h3>In this article</h3>
+		</nav>
+	
+				<!-- Feedback -->
+				
+		<section
+			id="ms--site-user-feedback-right-rail"
+			class="font-size-sm display-none-print"
+			data-test-id="site-user-feedback-right-rail"
+			data-bi-name="site-feedback-right-rail"
+		>
+			<div class="display-flex flex-wrap-wrap align-items-center">
+				<p class="font-weight-semibold margin-xxs margin-left-none">
+					Was this page helpful?
+				</p>
+				<div class="display-flex flex-wrap-nowrap">
+					<button
+						class="thumb-rating-button like inner-focus"
+						data-test-id="right-rail-rating-yes"
+						data-binary-rating-response="rating-yes"
+						type="button"
+						title="This article is helpful"
+						aria-label="This article is helpful"
+						data-bi-name="button-rating-yes"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-like"></span>
+						</span>
+					</button>
+					<button
+						class="thumb-rating-button dislike inner-focus"
+						id="right-rail-no-button"
+						hidden
+						data-test-id="right-rail-rating-no"
+						data-binary-rating-response="rating-no"
+						type="button"
+						title="This article is not helpful"
+						aria-label="This article is not helpful"
+						data-bi-name="button-rating-no"
+						aria-pressed="false"
+					>
+						<span class="icon" aria-hidden="true">
+							<span class="docon docon-dislike"></span>
+						</span>
+					</button>
+					<details class="popover popover-right" id="help-popover" data-test-id="feedback-popover">
+						<summary
+							tabindex="0"
+							class="thumb-rating-button dislike inner-focus"
+							data-test-id="details-right-rail-rating-no"
+							data-binary-rating-response="rating-no"
+							title="This article is not helpful"
+							aria-label="This article is not helpful"
+							data-bi-name="button-rating-no"
+							aria-pressed="false"
+							data-bi-an="feedback-unhelpful-popover"
+						>
+							<span class="icon" aria-hidden="true">
+								<span class="docon docon-dislike"></span>
+							</span>
+						</summary>
+						<div
+							class="popover-content width-200 width-300-tablet"
+							role="dialog"
+							aria-labelledby="popover-heading-right-rail"
+							aria-describedby="popover-description-right-rail"
+						>
+							<p
+								id="popover-heading-right-rail"
+								class="font-size-lg margin-bottom-xxs font-weight-semibold"
+							>
+								Need help with this topic?
+							</p>
+							<p id="popover-description-right-rail" class="font-size-sm margin-bottom-xs">
+								Want to try using Ask Learn to clarify or guide you through this topic?
+							</p>
+							
+		<div class="buttons flex-direction-row flex-wrap justify-content-center gap-xxs">
+			<div>
+		<button
+			class="button button-sm border inner-focus display-none margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-test-id="ask-learn-assistant-modal-entry-mobile-feedback"
+			data-ask-learn-modal-entry-feedback
+			data-bi-an=feedback-unhelpful-popover
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-label="Ask Learn"
+			hidden
+		>
+			<span class="icon" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+		</button>
+		<button
+			class="button button-sm display-inline-flex display-none-desktop flex-shrink-0 margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-modal-entry-tablet-feedback"
+			data-ask-learn-modal-entry-feedback
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+		<button
+			class="button button-sm display-none flex-shrink-0 display-inline-flex-desktop margin-right-xxs border-color-ask-learn margin-right-xxs"
+			data-bi-name="ask-learn-assistant-entry-troubleshoot"
+			data-bi-an=feedback-unhelpful-popover
+			data-test-id="ask-learn-assistant-flyout-entry-feedback"
+			data-ask-learn-flyout-entry-show-only
+			data-flyout-button="toggle"
+			type="button"
+			style="min-width: max-content;"
+			aria-expanded="false"
+			aria-controls="ask-learn-flyout"
+			hidden
+		>
+			<span class="icon font-size-lg" aria-hidden="true">
+				<span class="docon docon-chat-sparkle-fill gradient-ask-learn-logo"></span>
+			</span>
+			<span>Ask Learn</span>
+		</button>
+	</div>
+			<button
+				type="button"
+				class="button button-sm margin-right-xxs"
+				data-help-option="suggest-fix"
+				data-bi-name="feedback-suggest"
+				data-bi-an="feedback-unhelpful-popover"
+				data-test-id="suggest-fix"
+			>
+				<span class="icon" aria-hidden="true">
+					<span class="docon docon-feedback"></span>
+				</span>
+				<span> Suggest a fix? </span>
+			</button>
+		</div>
+	
+						</div>
+					</details>
+				</div>
+			</div>
+		</section>
+	
+			</div>
+		</div>
+	
+			  </aside> <section
+					id="layout-body-flyout"
+					class="layout-body-flyout "
+					data-bi-name="flyout"
+			  >
+					 <div
+	class="height-full border-left background-color-body-medium"
+	id="ask-learn-flyout"
+></div>
+			  </section> <div class="layout-body-footer " data-bi-name="layout-footer">
+		<footer
+			id="footer"
+			data-test-id="footer"
+			data-bi-name="footer"
+			class="footer-layout padding-xs padding-sm-desktop has-default-focus border-top"
+			role="contentinfo"
+		>
+			<div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
+				
+		<a
+			data-mscc-ic="false"
+			href="#"
+			data-bi-name="select-locale"
+			class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator"
+			id=""
+			title=""
+			><span class="icon" aria-hidden="true"
+				><span class="docon docon-world"></span></span
+			><span class="local-selector-link-text">en-us</span></a
+		>
+	 <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://aka.ms/yourcaliforniaprivacychoices"
+			data-bi-name="your-privacy-choices"
+			class="button button-sm button-clear flex-shrink-0 external-link-indicator"
+			id=""
+			title=""
+			>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 30 14"
+			xml:space="preserve"
+			height="16"
+			width="43"
+			aria-hidden="true"
+			focusable="false"
+		>
+			<path
+				d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
+			></path>
+			<path
+				d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z"
+				style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"
+			></path>
+			<path
+				d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"
+				style="fill:#fff"
+			></path>
+			<path
+				d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"
+				style="fill:#06f"
+			></path>
+		</svg>
+	
+			<span>Your Privacy Choices</span></a
+		>
+	
+	</div>
+				<div class="flex-shrink-0">
+		<div class="dropdown has-caret-up">
+			<button
+				data-test-id="theme-selector-button"
+				class="dropdown-trigger button button-clear button-sm inner-focus theme-dropdown-trigger"
+				aria-controls="{{ themeMenuId }}"
+				aria-haspopup="true"
+				aria-expanded="false"
+				data-bi-name="theme"
+			>
+				<span class="icon" aria-hidden="true"><span class="docon docon-sun"></span></span>
+				<span>Theme</span>
+				<span class="icon expanded-indicator" aria-hidden="true">
+					<span class="docon docon-chevron-down-light"></span>
+				</span>
+			</button>
+			<div class="dropdown-menu" id="{{ themeMenuId }}" role="menu">
+				<ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu" role="none">
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="light"
+							tabindex="-1"
+						>
+							<span class="theme-light margin-right-xxs">
+								<span
+									class="theme-selector-icon border display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Light </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="dark"
+							tabindex="-1"
+						>
+							<span class="theme-dark margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> Dark </span>
+						</button>
+					</li>
+					<li class="theme display-block" role="none">
+						<button
+							class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left"
+							role="menuitemradio"
+							aria-checked="false"
+							data-theme-to="high-contrast"
+							tabindex="-1"
+						>
+							<span class="theme-high-contrast margin-right-xxs">
+								<span
+									class="border theme-selector-icon display-inline-block has-body-background"
+									aria-hidden="true"
+								>
+									<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14">
+										<rect width="22" height="14" class="has-fill-body-background" />
+										<rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
+										<rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
+										<rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
+										<rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
+										<rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
+										<rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
+									</svg>
+								</span>
+							</span>
+							<span> High contrast </span>
+						</button>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+			</div>
+			<ul class="links" data-bi-name="footerlinks">
+				<li class="manage-cookies-holder" hidden=""></li>
+				<li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content"
+			data-bi-name="aiDisclaimer"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>AI Disclaimer</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/previous-versions/"
+			data-bi-name="archivelink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Previous Versions</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog"
+			data-bi-name="bloglink"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Blog</a
+		>
+	
+	</li> <li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/contribute"
+			data-bi-name="contributorGuide"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Contribute</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?LinkId=521839"
+			data-bi-name="privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://go.microsoft.com/fwlink/?linkid=2259814"
+			data-bi-name="consumer-health-privacy"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Consumer Health Privacy</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://learn.microsoft.com/en-us/legal/termsofuse"
+			data-bi-name="termsofuse"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Terms of Use</a
+		>
+	
+	</li><li>
+		
+		<a
+			data-mscc-ic="false"
+			href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/"
+			data-bi-name="trademarks"
+			class=" external-link-indicator"
+			id=""
+			title=""
+			>Trademarks</a
+		>
+	
+	</li>
+				<li>&copy; Microsoft 2026</li>
+			</ul>
+		</footer>
+	</footer>
+			</body>
+		</html>
\ No newline at end of file
diff --git a/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/pattern-intelligence-brief.md b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/pattern-intelligence-brief.md
new file mode 100644
index 0000000..c12d950
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/pattern-intelligence-brief.md
@@ -0,0 +1,87 @@
+# Frozen Guided Fluent Direction — Pattern Intelligence Brief
+
+Run: `windows-winui3-frozen-direction-20260813`  
+Target: Windows desktop / WinUI 3 / Windows App SDK 1.8
+
+## Decision being revalidated
+
+The frozen direction remains a **Guided Fluent workspace**:
+
+`source / current reference / output → Inspect → Optional Data or Skip → Dry Run → Confirm Write → Result / Rollback`
+
+One WinUI `NavigationView` owns application destinations (`Convert`, `History`, `Advanced`, `Settings`). Inside Convert, a compact progress cue communicates the bounded task state but is not another navigator. Each active state keeps one title, one scoped status, one primary action, and its sole disabled reason/Fix together.
+
+## Live evidence lanes
+
+| Source ID | Lane | Frozen-direction implication |
+|---|---|---|
+| `ms-nav-frozen` | Windows authority | Use `NavigationView` for top-level destinations; retain keyboard and High Contrast behavior. |
+| `ms-picker-frozen` | Implementation | Use Windows App SDK 1.8 file/folder pickers with `WindowId`; confirm the returned path locally and preserve focus. |
+| `ms-progress-frozen` | Implementation | Use `ProgressBar` for nonmodal work and `ProgressRing` only for a genuine wait; keep explanatory status text. |
+| `ms-a11y-frozen` | Accessibility authority | Verify UI Automation names/roles/values, logical XAML/Tab order, text scaling, and theme-driven High Contrast. |
+| `ms-motion-pref-frozen` | Motion implementation | Gate custom transitions with `UISettings.AnimationsEnabled`. |
+| `github-next-step-frozen` | Shipped flow | Contextual next steps solve ambiguous first-run/empty states; historical flow principle only. |
+| `etcher-guarded-frozen` | Shipped guarded utility | Explicit source, target, write, verification, and recovery support a safety-oriented flow; no brand or layout copying. |
+
+All seven public pages were fetched live in this run on 2026-08-13 with bundled HTTP receipts and content hashes.
+
+## Selected implementation direction
+
+- One native application navigator; no second sidebar and no interactive stage rail.
+- Convert reveals one bounded stage at a time while preserving shared kernel and fail-closed semantics.
+- Optional System/ExtData/CEC paths remain collapsed until enabled and may be skipped without blocking core Inspect/Dry Run/Write.
+- Picker-backed selected-path rows retain complete accessible values even when visual paths ellipsize.
+- A stable local command footer holds the primary action, running state, disabled reason, and immediate Fix/recovery.
+- Technical hashes, manifest data, and raw reports use progressive disclosure; critical write identity remains visible in confirmation.
+- History and Settings never inherit conversion readiness blockers.
+
+## Non-selected comparison
+
+The **compact operation canvas** remains a credible expert pattern: aligned source/current/output review rows above a fixed write action with nearby expandable evidence. It is rejected as the default because it increases simultaneous first-run choices and conflicts with the frozen staged comprehension goal. Its concise review-row treatment may be adapted inside the selected flow without changing navigation or task meaning.
+
+## Windows native profile
+
+- **Navigation:** WinUI `NavigationView` for application destinations only.
+- **Selection:** Windows App SDK 1.8 `FileOpenPicker` and `FolderPicker`.
+- **Status/recovery:** scoped `InfoBar`, plain text, icon, enabled state, and labeled Fix.
+- **Progress:** native `ProgressBar` for nonmodal work; `ProgressRing` only for a true local wait.
+- **Confirmation:** `ContentDialog`, explicit risk/identity, Escape/cancel, focus return.
+- **Disclosure:** native `Expander` for hashes, manifests, reports, and optional configuration.
+- **Icons:** WinUI symbols or existing licensed project vectors, paired with localized text for primary/risky actions.
+- **Surfaces:** theme resources for Light, Dark, and High Contrast; no hard-coded light cards.
+
+## Motion and fallback
+
+Adopt only causal seams:
+
+1. Optional enable/skip → short local reveal or state replacement.
+2. Blocked → ready → running → result → stable footer content change without moving the command frame.
+3. Picker return → local path confirmation; no global toast or page movement.
+4. Success → at most one bounded, non-looping completion cue.
+
+No page slide, form stagger, hover lift, looping empty illustration, failure shake, progress shimmer, or confetti. When `UISettings.AnimationsEnabled` is false, custom transitions are removed; persistent text, icon, enabled state, focus, and UI Automation semantics convey the same result immediately.
+
+## Accessibility and copy constraints
+
+- XAML order equals logical Tab order; Enter/Space activates, Escape cancels confirmation, and focus returns to the invoker.
+- Stable AutomationIds cover route title, primary action, disabled reason, Fix, status, path picker/value, manifest, and rollback.
+- Use one scoped polite live region per active operation; avoid repeated global announcements.
+- Reflow before clipping at minimum width and increased text scaling; test English and Simplified Chinese.
+- Status uses text and icon in addition to color/motion; High Contrast resources override custom visuals.
+- External pages are linked references only. No Microsoft/GitHub/balena brand asset, wording, exact composition, or physical token is copied.
+- balenaEtcher is Apache-2.0, but no code or asset is imported. Control icons remain WinUI/project-owned vectors.
+
+## Rejected
+
+- Compact expert canvas as the default first-run surface.
+- Decorative hero, global readiness badge, repeated next-step banners, interactive stage rail, or always-visible optional paths.
+- Full-window blocking progress for picker, Inspect, or Dry Run.
+- Ornament-only motion or animation as the sole success/failure/selection signal.
+
+## Limitations
+
+- Shipped evidence is public release/repository evidence, not a new interactive Windows capture or paid flow database.
+- GitHub Desktop evidence is historical and supports only contextual next-step behavior.
+- The fetched Etcher page does not provide a complete adjacent-state screenshot set.
+- WinUI runtime layout, minimum-window behavior, keyboard focus, UI Automation, High Contrast, text scaling, and motion remain unverified until Windows capture and isolated review.
+
diff --git a/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/task-context.json b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/task-context.json
new file mode 100644
index 0000000..32eec16
--- /dev/null
+++ b/.ui-os/research/runs/windows-winui3-frozen-direction-20260813/task-context.json
@@ -0,0 +1,75 @@
+{
+  "schema_version": "uios.research-task/v0.2",
+  "task_id": "mh3g-save-converter-windows-frozen-direction-20260813",
+  "summary": "Revalidate current Windows and WinUI 3 evidence for implementing the frozen Guided Fluent workspace without changing the shared converter kernel or safety semantics.",
+  "product": {
+    "id": "mh3g-save-converter",
+    "class": "windows-desktop-save-conversion-utility",
+    "primary_users": [
+      "first-time converter user",
+      "returning repair user",
+      "advanced optional-data user"
+    ],
+    "critical_job": "complete the frozen source/current/output, inspect, optional-or-skip, dry-run, confirm-write, result-or-rollback flow safely"
+  },
+  "research_kinds": [
+    "layout",
+    "interaction-pattern",
+    "component",
+    "motion",
+    "style",
+    "iconography"
+  ],
+  "targets": [
+    {
+      "id": "windows-winui3-desktop",
+      "platform": "windows",
+      "framework": "winui3",
+      "form_factor": "desktop",
+      "input_modes": [
+        "pointer",
+        "keyboard",
+        "screen-reader"
+      ]
+    }
+  ],
+  "states": [
+    "input-empty",
+    "optional-missing",
+    "optional-skipped",
+    "dry-run-ready",
+    "dry-run-blocked",
+    "write-authorized",
+    "conversion-success",
+    "conversion-failure",
+    "history-empty"
+  ],
+  "accessibility_requirements": [
+    "keyboard-and-ui-automation",
+    "logical-focus-order",
+    "text-scaling",
+    "high-contrast",
+    "reduced-motion",
+    "non-color-cues"
+  ],
+  "constraints": {
+    "brand": [
+      "MH Toolkit restrained utility identity"
+    ],
+    "existing_system": [
+      "Frozen Guided Fluent workspace contract",
+      "WinUI 3 and Windows App SDK 1.8",
+      "existing C# workflow and Rust sidecar"
+    ],
+    "forbidden": [
+      "real save data",
+      "emulator launch",
+      "kernel or safety changes",
+      "macOS visual translation",
+      "decorative hero",
+      "global optional blocker",
+      "ornamental motion"
+    ]
+  },
+  "freshness_claim": "current"
+}

From ae356bdb3a224eba219b6ba9fda6c6a0312793cb Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:33:01 +0800
Subject: [PATCH 03/15] feat(windows): rebuild converter with guided Fluent
 workflow

---
 .../mh3g-converter-windows-ui-quality.yml     |  44 ++
 .../candidate/windows-source-candidate.json   |  37 +
 .ui-os/evidence/negative-gates/README.md      |  13 +
 .ui-os/project.json                           |   4 +-
 apps/mh3g-save-converter-windows/App.xaml     |  69 +-
 apps/mh3g-save-converter-windows/App.xaml.cs  |  29 +-
 .../Controls/StageArtwork.xaml                |  80 --
 .../Controls/StageArtwork.xaml.cs             |  52 --
 .../Infrastructure/ConverterCopy.cs           |  93 +++
 .../MH3GSaveConverter.Windows.csproj          |   3 -
 .../MainWindow.xaml                           | 697 ++++++------------
 .../MainWindow.xaml.cs                        | 208 +++++-
 .../Services/MotionPreferenceService.cs       |  25 +
 .../ViewModels/MainViewModel.cs               | 180 ++++-
 ...mh3g-save-converter-windows-ui-quality.ps1 |  79 ++
 ...ave-converter-windows-ui-negative-gates.py |  43 ++
 ...rify-mh3g-save-converter-windows-source.py |  86 +--
 ...mh3g-save-converter-windows-ui-evidence.py |  30 +
 ...-mh3g-save-converter-windows-ui-quality.py |  93 +++
 19 files changed, 1150 insertions(+), 715 deletions(-)
 create mode 100644 .github/workflows/mh3g-converter-windows-ui-quality.yml
 create mode 100644 .ui-os/evidence/candidate/windows-source-candidate.json
 create mode 100644 .ui-os/evidence/negative-gates/README.md
 delete mode 100644 apps/mh3g-save-converter-windows/Controls/StageArtwork.xaml
 delete mode 100644 apps/mh3g-save-converter-windows/Controls/StageArtwork.xaml.cs
 create mode 100644 apps/mh3g-save-converter-windows/Services/MotionPreferenceService.cs
 create mode 100644 scripts/capture-mh3g-save-converter-windows-ui-quality.ps1
 create mode 100644 scripts/test-mh3g-save-converter-windows-ui-negative-gates.py
 create mode 100644 scripts/verify-mh3g-save-converter-windows-ui-evidence.py
 create mode 100644 scripts/verify-mh3g-save-converter-windows-ui-quality.py

diff --git a/.github/workflows/mh3g-converter-windows-ui-quality.yml b/.github/workflows/mh3g-converter-windows-ui-quality.yml
new file mode 100644
index 0000000..db74332
--- /dev/null
+++ b/.github/workflows/mh3g-converter-windows-ui-quality.yml
@@ -0,0 +1,44 @@
+name: MH3G Converter Windows UI Quality
+
+on:
+  workflow_dispatch:
+  pull_request:
+    paths:
+      - "apps/mh3g-save-converter-windows/**"
+      - "scripts/verify-mh3g-save-converter-windows-ui-quality.py"
+      - "scripts/capture-mh3g-save-converter-windows-ui-quality.ps1"
+      - ".github/workflows/mh3g-converter-windows-ui-quality.yml"
+
+jobs:
+  source-contract:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-python@v5
+        with: { python-version: "3.12" }
+      - run: python3 scripts/verify-mh3g-save-converter-windows-ui-quality.py
+
+  native-build-candidate:
+    runs-on: windows-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: dtolnay/rust-toolchain@stable
+        with: { targets: x86_64-pc-windows-msvc }
+      - uses: actions/setup-dotnet@v4
+        with: { dotnet-version: "8.0.x" }
+      - name: Build native converter sidecar
+        run: cargo build --release -p mh3g-save-convert --target x86_64-pc-windows-msvc
+      - name: Publish WinUI candidate
+        shell: pwsh
+        run: ./scripts/package-mh3g-save-converter-windows.ps1 -ValidateOnly -SkipTests -SkipTransactionSmoke
+      - name: Upload candidate for interactive evidence runner
+        uses: actions/upload-artifact@v4
+        with:
+          name: mh3g-windows-ui-quality-candidate
+          path: artifacts/mh3g-save-convert-windows-x64/**
+          retention-days: 7
+
+# GitHub-hosted Windows runners build the native candidate but are not treated
+# as an interactive desktop or human usability environment. Runtime screenshots,
+# UI Automation, focus, high-contrast, text-scale, and motion evidence must be
+# captured by the checked-in PowerShell harness on an interactive Windows runner.
diff --git a/.ui-os/evidence/candidate/windows-source-candidate.json b/.ui-os/evidence/candidate/windows-source-candidate.json
new file mode 100644
index 0000000..07c8279
--- /dev/null
+++ b/.ui-os/evidence/candidate/windows-source-candidate.json
@@ -0,0 +1,37 @@
+{
+  "schema_version": 1,
+  "target": "windows",
+  "profile": "winui3",
+  "route": "standard",
+  "candidate_status": "candidate_ready",
+  "runtime_status": "blocked_unverified",
+  "runtime_blocker": "No proven interactive native Windows runner or VM is available on this macOS host. Cross-compilation and source checks are not runtime evidence.",
+  "synthetic_only": true,
+  "real_save_accessed": false,
+  "emulator_started": false,
+  "default_window": "1120x760",
+  "minimum_window": "920x600",
+  "fixtures": [
+    "first-run",
+    "input.empty",
+    "components.optional-missing",
+    "components.optional-skipped",
+    "dry-run.ready",
+    "dry-run.blocked",
+    "write.authorized",
+    "write.confirmation",
+    "conversion.success",
+    "conversion.failure",
+    "history.empty",
+    "history.result"
+  ],
+  "machine_gates": {
+    "source_contract": "pending final run",
+    "windows_source_contract": "pending final run",
+    "rust_tests": "pending final run",
+    "rust_clippy": "pending final run",
+    "native_windows_build": "unverified",
+    "native_runtime_capture": "blocked"
+  },
+  "human_task_verdict": "pending"
+}
diff --git a/.ui-os/evidence/negative-gates/README.md b/.ui-os/evidence/negative-gates/README.md
new file mode 100644
index 0000000..c9149ae
--- /dev/null
+++ b/.ui-os/evidence/negative-gates/README.md
@@ -0,0 +1,13 @@
+# Windows UIOS negative gate protocol
+
+Each mutation is applied only in a temporary copy by
+`scripts/test-mh3g-save-converter-windows-ui-negative-gates.py`. The real
+candidate is never edited. A gate passes only when the verifier rejects:
+
+1. removal of the primary Inspect `AutomationId`;
+2. removal of the minimum-window contract marker;
+3. an artifact whose bytes no longer match evidence metadata;
+4. evidence bound to a different Git commit.
+
+Runtime viewport geometry remains a native-Windows gate; the source mutation
+proves only that the machine contract cannot silently lose the minimum cell.
diff --git a/.ui-os/project.json b/.ui-os/project.json
index a87a0e9..c4d0376 100644
--- a/.ui-os/project.json
+++ b/.ui-os/project.json
@@ -18,8 +18,8 @@
     "windows"
   ],
   "status": {
-    "agent_proposed_status": "draft",
-    "verifier_status": "pending_pilot"
+    "agent_proposed_status": "candidate_ready",
+    "verifier_status": "pending"
   },
   "gates": {
     "required_lanes": [
diff --git a/apps/mh3g-save-converter-windows/App.xaml b/apps/mh3g-save-converter-windows/App.xaml
index d7d3bc2..0bd8daa 100644
--- a/apps/mh3g-save-converter-windows/App.xaml
+++ b/apps/mh3g-save-converter-windows/App.xaml
@@ -8,32 +8,71 @@
             <ResourceDictionary.MergedDictionaries>
                 <controls:XamlControlsResources />
             </ResourceDictionary.MergedDictionaries>
-            <Color x:Key="ConverterInk">#FF18212F</Color>
-            <Color x:Key="ConverterSlate">#FF526175</Color>
-            <Color x:Key="ConverterBlue">#FF0A7AFF</Color>
-            <Color x:Key="ConverterJade">#FF1B8A6B</Color>
-            <Color x:Key="ConverterCoral">#FFE86552</Color>
-            <Color x:Key="ConverterMist">#FFF1F5FA</Color>
-            <SolidColorBrush x:Key="ConverterInkBrush" Color="{StaticResource ConverterInk}" />
-            <SolidColorBrush x:Key="ConverterSlateBrush" Color="{StaticResource ConverterSlate}" />
-            <SolidColorBrush x:Key="ConverterBlueBrush" Color="{StaticResource ConverterBlue}" />
-            <SolidColorBrush x:Key="ConverterJadeBrush" Color="{StaticResource ConverterJade}" />
-            <SolidColorBrush x:Key="ConverterCoralBrush" Color="{StaticResource ConverterCoral}" />
-            <SolidColorBrush x:Key="ConverterMistBrush" Color="{StaticResource ConverterMist}" />
 
+            <ResourceDictionary.ThemeDictionaries>
+                <ResourceDictionary x:Key="Default">
+                    <SolidColorBrush x:Key="ConverterInkBrush" Color="#FF17202E" />
+                    <SolidColorBrush x:Key="ConverterSlateBrush" Color="#FF536173" />
+                    <SolidColorBrush x:Key="ConverterAccentBrush" Color="#FF0F6CBD" />
+                    <SolidColorBrush x:Key="ConverterSuccessBrush" Color="#FF0F7B55" />
+                    <SolidColorBrush x:Key="ConverterDangerBrush" Color="#FFC42B1C" />
+                    <SolidColorBrush x:Key="ConverterSurfaceBrush" Color="#F7FFFFFF" />
+                    <SolidColorBrush x:Key="ConverterSubtleBrush" Color="#FFF5F7FA" />
+                    <SolidColorBrush x:Key="ConverterStrokeBrush" Color="#22000000" />
+                </ResourceDictionary>
+                <ResourceDictionary x:Key="Dark">
+                    <SolidColorBrush x:Key="ConverterInkBrush" Color="#FFF3F3F3" />
+                    <SolidColorBrush x:Key="ConverterSlateBrush" Color="#FFC8C8C8" />
+                    <SolidColorBrush x:Key="ConverterAccentBrush" Color="#FF60AFFF" />
+                    <SolidColorBrush x:Key="ConverterSuccessBrush" Color="#FF54BFA1" />
+                    <SolidColorBrush x:Key="ConverterDangerBrush" Color="#FFFF8A7A" />
+                    <SolidColorBrush x:Key="ConverterSurfaceBrush" Color="#F21F1F1F" />
+                    <SolidColorBrush x:Key="ConverterSubtleBrush" Color="#FF292929" />
+                    <SolidColorBrush x:Key="ConverterStrokeBrush" Color="#33FFFFFF" />
+                </ResourceDictionary>
+                <ResourceDictionary x:Key="HighContrast">
+                    <SolidColorBrush x:Key="ConverterInkBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
+                    <SolidColorBrush x:Key="ConverterSlateBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
+                    <SolidColorBrush x:Key="ConverterAccentBrush" Color="{ThemeResource SystemColorHighlightColor}" />
+                    <SolidColorBrush x:Key="ConverterSuccessBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
+                    <SolidColorBrush x:Key="ConverterDangerBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
+                    <SolidColorBrush x:Key="ConverterSurfaceBrush" Color="{ThemeResource SystemColorWindowColor}" />
+                    <SolidColorBrush x:Key="ConverterSubtleBrush" Color="{ThemeResource SystemColorWindowColor}" />
+                    <SolidColorBrush x:Key="ConverterStrokeBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
+                </ResourceDictionary>
+            </ResourceDictionary.ThemeDictionaries>
+
+            <Style x:Key="PageTitleTextStyle" TargetType="TextBlock">
+                <Setter Property="FontSize" Value="28" />
+                <Setter Property="FontWeight" Value="SemiBold" />
+                <Setter Property="TextWrapping" Value="Wrap" />
+                <Setter Property="Foreground" Value="{ThemeResource ConverterInkBrush}" />
+            </Style>
             <Style x:Key="SectionTitleTextStyle" TargetType="TextBlock">
-                <Setter Property="FontSize" Value="20" />
+                <Setter Property="FontSize" Value="18" />
                 <Setter Property="FontWeight" Value="SemiBold" />
-                <Setter Property="Foreground" Value="{StaticResource ConverterInkBrush}" />
+                <Setter Property="TextWrapping" Value="Wrap" />
+                <Setter Property="Foreground" Value="{ThemeResource ConverterInkBrush}" />
             </Style>
             <Style x:Key="SectionCaptionTextStyle" TargetType="TextBlock">
                 <Setter Property="FontSize" Value="13" />
                 <Setter Property="TextWrapping" Value="Wrap" />
-                <Setter Property="Foreground" Value="{StaticResource ConverterSlateBrush}" />
+                <Setter Property="Foreground" Value="{ThemeResource ConverterSlateBrush}" />
+            </Style>
+            <Style x:Key="WorkSurfaceStyle" TargetType="Border">
+                <Setter Property="Padding" Value="20" />
+                <Setter Property="CornerRadius" Value="8" />
+                <Setter Property="Background" Value="{ThemeResource ConverterSurfaceBrush}" />
+                <Setter Property="BorderBrush" Value="{ThemeResource ConverterStrokeBrush}" />
+                <Setter Property="BorderThickness" Value="1" />
             </Style>
             <Style x:Key="QuietButtonStyle" TargetType="Button" BasedOn="{StaticResource DefaultButtonStyle}">
                 <Setter Property="Padding" Value="12,8" />
             </Style>
+            <Style x:Key="PathTextBoxStyle" TargetType="TextBox">
+                <Setter Property="MinHeight" Value="40" />
+                <Setter Property="VerticalContentAlignment" Value="Center" />
+            </Style>
         </ResourceDictionary>
     </Application.Resources>
 </Application>
diff --git a/apps/mh3g-save-converter-windows/App.xaml.cs b/apps/mh3g-save-converter-windows/App.xaml.cs
index ad6f001..f7b4a1b 100644
--- a/apps/mh3g-save-converter-windows/App.xaml.cs
+++ b/apps/mh3g-save-converter-windows/App.xaml.cs
@@ -13,7 +13,34 @@ public App()
 
     protected override void OnLaunched(LaunchActivatedEventArgs args)
     {
-        _window = new MainWindow();
+        var fixture = ParseFixture(Environment.GetCommandLineArgs())
+            ?? ParseFixtureEnvironment(Environment.GetEnvironmentVariable("MH3G_UI_FIXTURE"));
+        var viewModel = new ViewModels.MainViewModel();
+        if (fixture is not null)
+        {
+            viewModel.ApplySyntheticFixture(fixture);
+        }
+        _window = new MainWindow(viewModel, fixture);
         _window.Activate();
     }
+
+    private static string? ParseFixture(string[] arguments)
+    {
+        for (var index = 0; index < arguments.Length; index++)
+        {
+            if (!string.Equals(arguments[index], "--ui-fixture", StringComparison.Ordinal))
+            {
+                continue;
+            }
+            if (index + 1 >= arguments.Length)
+            {
+                throw new ArgumentException("--ui-fixture requires an allowlisted fixture id.");
+            }
+            return arguments[index + 1];
+        }
+        return null;
+    }
+
+    private static string? ParseFixtureEnvironment(string? value) =>
+        string.IsNullOrWhiteSpace(value) ? null : value.Trim();
 }
diff --git a/apps/mh3g-save-converter-windows/Controls/StageArtwork.xaml b/apps/mh3g-save-converter-windows/Controls/StageArtwork.xaml
deleted file mode 100644
index d31088b..0000000
--- a/apps/mh3g-save-converter-windows/Controls/StageArtwork.xaml
+++ /dev/null
@@ -1,80 +0,0 @@
-<UserControl
-    x:Class="MHToolkit.MH3GSaveConverter.Windows.Controls.StageArtwork"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:local="using:MHToolkit.MH3GSaveConverter.Windows.Controls">
-    <Border MinHeight="278" CornerRadius="8" Background="#FFF4F7FB">
-        <Grid>
-        <Image x:Name="SceneImage" Source="ms-appx:///Assets/Artwork/input-route.png" Stretch="UniformToFill" Opacity="0.28" IsHitTestVisible="False" />
-        <Canvas Opacity="0.8">
-            <Path x:Name="InputRoute" Fill="#1A0A7AFF" Data="M0,32 L620,0 L620,58 L0,102 Z" />
-            <Path x:Name="InspectRoute" Fill="#1A1B8A6B" Data="M0,170 L620,96 L620,154 L0,240 Z" Visibility="Collapsed" />
-            <Path x:Name="DryRunRoute" Fill="#1AE86552" Data="M0,250 L620,170 L620,230 L0,315 Z" Visibility="Collapsed" />
-            <Path x:Name="WriteRoute" Fill="#1A526175" Data="M0,92 L620,50 L620,112 L0,154 Z" Visibility="Collapsed" />
-            <Line X1="28" Y1="226" X2="570" Y2="80" Stroke="#660A7AFF" StrokeThickness="3" StrokeDashArray="2,8" />
-            <Ellipse Width="9" Height="9" Fill="#FF1B8A6B" Canvas.Left="121" Canvas.Top="191" />
-            <Ellipse Width="9" Height="9" Fill="#FFE86552" Canvas.Left="290" Canvas.Top="147" />
-            <Ellipse Width="9" Height="9" Fill="#FF0A7AFF" Canvas.Left="470" Canvas.Top="99" />
-        </Canvas>
-
-        <Grid Margin="30,34,30,28" ColumnSpacing="18" VerticalAlignment="Center">
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="*" />
-                <ColumnDefinition Width="52" />
-                <ColumnDefinition Width="*" />
-            </Grid.ColumnDefinitions>
-            <Border Grid.Column="0" Padding="20,18" Background="#FFFDFEFF" BorderBrush="#1A18212F" BorderThickness="1" CornerRadius="8">
-                <StackPanel Spacing="7">
-                    <TextBlock Text="3DS" FontSize="13" FontWeight="SemiBold" Foreground="#FF526175" />
-                    <TextBlock Text="user#" FontSize="28" FontWeight="SemiBold" Foreground="#FF18212F" />
-                    <TextBlock Text="{Binding Copy.ArtworkSource}" FontSize="12" Foreground="#FF526175" />
-                    <Border Height="4" Width="76" HorizontalAlignment="Left" Background="#FF1B8A6B" CornerRadius="2" />
-                </StackPanel>
-            </Border>
-            <Grid Grid.Column="1" VerticalAlignment="Center">
-                <Path Data="M4,24 L34,24 L25,15 M34,24 L25,33" Stroke="#FF0A7AFF" StrokeThickness="3" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" />
-            </Grid>
-            <Border Grid.Column="2" Padding="20,18" Background="#FF18212F" CornerRadius="8">
-                <StackPanel Spacing="7">
-                    <TextBlock Text="WII U / CEMU" FontSize="13" FontWeight="SemiBold" Foreground="#BFFFFFFF" />
-                    <TextBlock Text="user#" FontSize="28" FontWeight="SemiBold" Foreground="White" />
-                    <TextBlock Text="{Binding Copy.ArtworkTarget}" FontSize="12" Foreground="#CCFFFFFF" />
-                    <Border Height="4" Width="76" HorizontalAlignment="Left" Background="#FFE86552" CornerRadius="2" />
-                </StackPanel>
-            </Border>
-        </Grid>
-        <Border x:Name="StageBadge" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,22,18" Padding="10,5" Background="#E6FFFFFF" CornerRadius="8">
-            <TextBlock x:Name="StageText" Text="INPUT" FontSize="11" FontWeight="SemiBold" Foreground="#FF18212F" />
-        </Border>
-
-        <VisualStateManager.VisualStateGroups>
-            <VisualStateGroup x:Name="StageStates">
-                <VisualState x:Name="Input">
-                    <VisualState.Setters>
-                        <Setter Target="InputRoute.Visibility" Value="Visible" />
-                        <Setter Target="StageText.Text" Value="INPUT" />
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="Inspect">
-                    <VisualState.Setters>
-                        <Setter Target="InspectRoute.Visibility" Value="Visible" />
-                        <Setter Target="StageText.Text" Value="INSPECT" />
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="DryRunAuthorized">
-                    <VisualState.Setters>
-                        <Setter Target="DryRunRoute.Visibility" Value="Visible" />
-                        <Setter Target="StageText.Text" Value="DRY RUN" />
-                    </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="Write">
-                    <VisualState.Setters>
-                        <Setter Target="WriteRoute.Visibility" Value="Visible" />
-                        <Setter Target="StageText.Text" Value="WRITE" />
-                    </VisualState.Setters>
-                </VisualState>
-            </VisualStateGroup>
-        </VisualStateManager.VisualStateGroups>
-        </Grid>
-    </Border>
-</UserControl>
diff --git a/apps/mh3g-save-converter-windows/Controls/StageArtwork.xaml.cs b/apps/mh3g-save-converter-windows/Controls/StageArtwork.xaml.cs
deleted file mode 100644
index dd0ea53..0000000
--- a/apps/mh3g-save-converter-windows/Controls/StageArtwork.xaml.cs
+++ /dev/null
@@ -1,52 +0,0 @@
-using Microsoft.UI.Xaml;
-using Microsoft.UI.Xaml.Controls;
-using Microsoft.UI.Xaml.Media.Imaging;
-using MHToolkit.MH3GSaveConverter.Windows.Models;
-
-namespace MHToolkit.MH3GSaveConverter.Windows.Controls;
-
-public sealed partial class StageArtwork : UserControl
-{
-    public static readonly DependencyProperty StageProperty = DependencyProperty.Register(
-        nameof(Stage),
-        typeof(WorkflowStage),
-        typeof(StageArtwork),
-        new PropertyMetadata(WorkflowStage.Input, OnStageChanged));
-
-    public StageArtwork()
-    {
-        InitializeComponent();
-        UpdateVisualState(WorkflowStage.Input);
-    }
-
-    public WorkflowStage Stage
-    {
-        get => (WorkflowStage)GetValue(StageProperty);
-        set => SetValue(StageProperty, value);
-    }
-
-    private static void OnStageChanged(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs args)
-    {
-        ((StageArtwork)dependencyObject).UpdateVisualState((WorkflowStage)args.NewValue);
-    }
-
-    private void UpdateVisualState(WorkflowStage stage)
-    {
-        var state = stage switch
-        {
-            WorkflowStage.Inspected => "Inspect",
-            WorkflowStage.DryRunAuthorized => "DryRunAuthorized",
-            WorkflowStage.Writing or WorkflowStage.Written or WorkflowStage.RolledBack => "Write",
-            _ => "Input",
-        };
-        var artwork = stage switch
-        {
-            WorkflowStage.Inspected => "components-workshop.png",
-            WorkflowStage.DryRunAuthorized => "dry-run-flow.png",
-            WorkflowStage.Writing or WorkflowStage.Written or WorkflowStage.RolledBack => "rollback-harbor.png",
-            _ => "input-route.png",
-        };
-        SceneImage.Source = new BitmapImage(new Uri($"ms-appx:///Assets/Artwork/{artwork}"));
-        VisualStateManager.GoToState(this, state, useTransitions: true);
-    }
-}
diff --git a/apps/mh3g-save-converter-windows/Infrastructure/ConverterCopy.cs b/apps/mh3g-save-converter-windows/Infrastructure/ConverterCopy.cs
index e3605d7..c299c13 100644
--- a/apps/mh3g-save-converter-windows/Infrastructure/ConverterCopy.cs
+++ b/apps/mh3g-save-converter-windows/Infrastructure/ConverterCopy.cs
@@ -47,6 +47,37 @@ public void SetLanguage(AppLanguageOverride language)
     public string UpdateCheckFailed => Text(nameof(UpdateCheckFailed));
     public string UpdateNetworkNote => Text(nameof(UpdateNetworkNote));
     public string Close => Text(nameof(Close));
+    public string NavigationConvert => Text(nameof(NavigationConvert));
+    public string NavigationHistory => Text(nameof(NavigationHistory));
+    public string NavigationExperimentalCec => Text(nameof(NavigationExperimentalCec));
+    public string NavigationSettings => Text(nameof(NavigationSettings));
+    public string InputPageTitle => Text(nameof(InputPageTitle));
+    public string InputPageDescription => Text(nameof(InputPageDescription));
+    public string OptionalPageTitle => Text(nameof(OptionalPageTitle));
+    public string OptionalPageDescription => Text(nameof(OptionalPageDescription));
+    public string DryRunPageTitle => Text(nameof(DryRunPageTitle));
+    public string WriteResultPageTitle => Text(nameof(WriteResultPageTitle));
+    public string HistoryPageTitle => Text(nameof(HistoryPageTitle));
+    public string SettingsPageTitle => Text(nameof(SettingsPageTitle));
+    public string StepOne => Text(nameof(StepOne));
+    public string StepTwo => Text(nameof(StepTwo));
+    public string StepThree => Text(nameof(StepThree));
+    public string StepFour => Text(nameof(StepFour));
+    public string ContinueToOptional => Text(nameof(ContinueToOptional));
+    public string ContinueToDryRun => Text(nameof(ContinueToDryRun));
+    public string SkipOptionalData => Text(nameof(SkipOptionalData));
+    public string OptionalCoreUnaffected => Text(nameof(OptionalCoreUnaffected));
+    public string InputMissingReason => Text(nameof(InputMissingReason));
+    public string DryRunNeedsInspect => Text(nameof(DryRunNeedsInspect));
+    public string DryRunReadyMessage => Text(nameof(DryRunReadyMessage));
+    public string WriteAuthorizedMessage => Text(nameof(WriteAuthorizedMessage));
+    public string HistoryEmptyTitle => Text(nameof(HistoryEmptyTitle));
+    public string HistoryEmptyDescription => Text(nameof(HistoryEmptyDescription));
+    public string StartConversion => Text(nameof(StartConversion));
+    public string AdvancedDetails => Text(nameof(AdvancedDetails));
+    public string OptionalMissingReason => Text(nameof(OptionalMissingReason));
+    public string ChoosePaths => Text(nameof(ChoosePaths));
+    public string SyntheticFixtureNotice => Text(nameof(SyntheticFixtureNotice));
     public string StageInput => Text(nameof(StageInput));
     public string StageInspect => Text(nameof(StageInspect));
     public string StageDryRun => Text(nameof(StageDryRun));
@@ -220,6 +251,37 @@ private string Text(string key)
         [nameof(UpdateCheckFailed)] = "Unable to check for updates",
         [nameof(UpdateNetworkNote)] = "The first launch each day checks GitHub Releases once. A blocked or unavailable network never blocks or changes local save operations; use this button to retry manually.",
         [nameof(Close)] = "Close",
+        [nameof(NavigationConvert)] = "Convert save",
+        [nameof(NavigationHistory)] = "History",
+        [nameof(NavigationExperimentalCec)] = "Experimental CEC",
+        [nameof(NavigationSettings)] = "Settings",
+        [nameof(InputPageTitle)] = "Input & inspection",
+        [nameof(InputPageDescription)] = "Choose the exact files for this conversion. Nothing is scanned or written automatically.",
+        [nameof(OptionalPageTitle)] = "Optional data",
+        [nameof(OptionalPageDescription)] = "System and ExtData are separate transactions. Leave them off or skip this step to continue with the core save only.",
+        [nameof(DryRunPageTitle)] = "Dry Run",
+        [nameof(WriteResultPageTitle)] = "Write & result",
+        [nameof(HistoryPageTitle)] = "History",
+        [nameof(SettingsPageTitle)] = "Settings",
+        [nameof(StepOne)] = "Step 1 of 4",
+        [nameof(StepTwo)] = "Step 2 of 4",
+        [nameof(StepThree)] = "Step 3 of 4",
+        [nameof(StepFour)] = "Step 4 of 4",
+        [nameof(ContinueToOptional)] = "Continue to optional data",
+        [nameof(ContinueToDryRun)] = "Continue to Dry Run",
+        [nameof(SkipOptionalData)] = "Skip optional data",
+        [nameof(OptionalCoreUnaffected)] = "Optional paths affect only their own component; they never block the core save workflow.",
+        [nameof(InputMissingReason)] = "Choose a 3DS source and output before inspecting.",
+        [nameof(DryRunNeedsInspect)] = "Inspect the required core inputs first.",
+        [nameof(DryRunReadyMessage)] = "The inspected source, current reference, and output intent are ready for a read-only preview.",
+        [nameof(WriteAuthorizedMessage)] = "Dry Run authorized these exact files. A final confirmation is still required before writing.",
+        [nameof(HistoryEmptyTitle)] = "No transactions in this app session",
+        [nameof(HistoryEmptyDescription)] = "Start with an explicit source and output. The app never scans for saves automatically.",
+        [nameof(StartConversion)] = "Start conversion",
+        [nameof(AdvancedDetails)] = "Technical details",
+        [nameof(OptionalMissingReason)] = "One or more enabled optional components still need paths.",
+        [nameof(ChoosePaths)] = "Choose paths",
+        [nameof(SyntheticFixtureNotice)] = "Synthetic UI fixture — no files or converter commands are used.",
         [nameof(StageInput)] = "Input",
         [nameof(StageInspect)] = "Inspect",
         [nameof(StageDryRun)] = "Dry Run",
@@ -399,6 +461,37 @@ private string Text(string key)
         [nameof(UpdateCheckFailed)] = "无法检查更新",
         [nameof(UpdateNetworkNote)] = "每天首次启动会检查一次 GitHub Release；网络受限或不可用时不会阻塞或改动任何本地存档，也可以在这里手动重试。",
         [nameof(Close)] = "关闭",
+        [nameof(NavigationConvert)] = "转换存档",
+        [nameof(NavigationHistory)] = "历史记录",
+        [nameof(NavigationExperimentalCec)] = "实验性 CEC",
+        [nameof(NavigationSettings)] = "设置",
+        [nameof(InputPageTitle)] = "输入与检查",
+        [nameof(InputPageDescription)] = "为本次转换明确选择文件；应用不会自动扫描，也不会自动写入。",
+        [nameof(OptionalPageTitle)] = "可选数据",
+        [nameof(OptionalPageDescription)] = "system 与 ExtData 是独立事务；保持关闭或跳过后，可以只继续核心存档。",
+        [nameof(DryRunPageTitle)] = "Dry Run",
+        [nameof(WriteResultPageTitle)] = "写入与结果",
+        [nameof(HistoryPageTitle)] = "历史记录",
+        [nameof(SettingsPageTitle)] = "设置",
+        [nameof(StepOne)] = "第 1 步，共 4 步",
+        [nameof(StepTwo)] = "第 2 步，共 4 步",
+        [nameof(StepThree)] = "第 3 步，共 4 步",
+        [nameof(StepFour)] = "第 4 步，共 4 步",
+        [nameof(ContinueToOptional)] = "继续配置可选数据",
+        [nameof(ContinueToDryRun)] = "继续 Dry Run",
+        [nameof(SkipOptionalData)] = "跳过可选数据",
+        [nameof(OptionalCoreUnaffected)] = "可选路径只影响对应组件，绝不会阻塞核心存档流程。",
+        [nameof(InputMissingReason)] = "请先选择 3DS 源存档和输出位置。",
+        [nameof(DryRunNeedsInspect)] = "请先检查全部必需的核心输入。",
+        [nameof(DryRunReadyMessage)] = "源存档、当前引用和输出意图已经检查，可以进行只读预览。",
+        [nameof(WriteAuthorizedMessage)] = "Dry Run 已授权这些准确文件；真正写入前仍需最终确认。",
+        [nameof(HistoryEmptyTitle)] = "本次会话暂无事务",
+        [nameof(HistoryEmptyDescription)] = "请从明确的源和输出位置开始，应用不会自动扫描存档。",
+        [nameof(StartConversion)] = "开始转换",
+        [nameof(AdvancedDetails)] = "技术细节",
+        [nameof(OptionalMissingReason)] = "一个或多个已启用的可选组件仍缺少路径。",
+        [nameof(ChoosePaths)] = "选择路径",
+        [nameof(SyntheticFixtureNotice)] = "合成 UI fixture：不会读取文件，也不会运行转换器命令。",
         [nameof(StageInput)] = "输入",
         [nameof(StageInspect)] = "检查",
         [nameof(StageDryRun)] = "Dry Run",
diff --git a/apps/mh3g-save-converter-windows/MH3GSaveConverter.Windows.csproj b/apps/mh3g-save-converter-windows/MH3GSaveConverter.Windows.csproj
index b57b22a..b27f96b 100644
--- a/apps/mh3g-save-converter-windows/MH3GSaveConverter.Windows.csproj
+++ b/apps/mh3g-save-converter-windows/MH3GSaveConverter.Windows.csproj
@@ -31,9 +31,6 @@
     <Content Update="Assets\MH3GSaveConverter.ico">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
-    <Content Update="Assets\Artwork\*.png">
-      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
-    </Content>
     <!-- Release packaging places the signed Rust CLI here. The UI remains
          usable for path selection and report review until that sidecar exists. -->
     <None Update="tools\mh3g-save-convert.exe">
diff --git a/apps/mh3g-save-converter-windows/MainWindow.xaml b/apps/mh3g-save-converter-windows/MainWindow.xaml
index 288add3..abd4b87 100644
--- a/apps/mh3g-save-converter-windows/MainWindow.xaml
+++ b/apps/mh3g-save-converter-windows/MainWindow.xaml
@@ -3,488 +3,265 @@
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:controls="using:Microsoft.UI.Xaml.Controls"
-    xmlns:converter="using:MHToolkit.MH3GSaveConverter.Windows.Controls"
-    xmlns:models="using:MHToolkit.MH3GSaveConverter.Windows.Models"
     Title="MH3G Save Converter">
-    <Grid x:Name="RootGrid" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Loaded="RootGrid_Loaded">
-        <Grid.RowDefinitions>
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="*" />
-        </Grid.RowDefinitions>
 
-        <Border Grid.Row="0" Padding="28,15" Background="#EAFBFCFE" BorderBrush="#1418212F" BorderThickness="0,0,0,1">
-            <Grid ColumnSpacing="18">
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="Auto" />
-                    <ColumnDefinition Width="*" />
-                    <ColumnDefinition Width="Auto" />
-                </Grid.ColumnDefinitions>
-                <Border Width="38" Height="38" Background="#FF18212F" CornerRadius="8">
-                    <SymbolIcon Symbol="Switch" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
-                </Border>
-                <StackPanel Grid.Column="1" VerticalAlignment="Center" Spacing="1">
-                    <TextBlock Text="{Binding Copy.AppTitle}" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource ConverterInkBrush}" />
-                    <TextBlock Text="{Binding Copy.AppSubtitle}" FontSize="12" Foreground="{StaticResource ConverterSlateBrush}" />
-                </StackPanel>
-                <StackPanel Grid.Column="2" Orientation="Horizontal" Spacing="10" VerticalAlignment="Center">
-                    <Border Padding="9,5" Background="#FFF0F7F5" CornerRadius="8">
-                        <TextBlock Text="{Binding StatusText}"
-                                   FontSize="12"
-                                   Foreground="{StaticResource ConverterJadeBrush}"
-                                   AutomationProperties.LiveSetting="Polite"
-                                   AutomationProperties.Name="{Binding StatusText}" />
+    <Grid x:Name="RootGrid"
+          Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
+          Loaded="RootGrid_Loaded">
+        <controls:NavigationView x:Name="AppNavigation"
+                                 PaneDisplayMode="LeftCompact"
+                                 IsBackButtonVisible="Collapsed"
+                                 IsSettingsVisible="False"
+                                 SelectionChanged="AppNavigation_SelectionChanged"
+                                 AutomationProperties.Name="MH3G Save Converter navigation">
+            <controls:NavigationView.PaneHeader>
+                <StackPanel Margin="8,8,8,16" Orientation="Horizontal" Spacing="10">
+                    <Border Width="32" Height="32" CornerRadius="7" Background="{ThemeResource AccentFillColorDefaultBrush}">
+                        <SymbolIcon Symbol="Switch" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                     </Border>
-                    <Button Click="About_Click" Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="{Binding Copy.AboutUpdates}">
-                        <StackPanel Orientation="Horizontal" Spacing="7">
-                            <SymbolIcon Symbol="Help" />
-                            <TextBlock Text="{Binding Copy.AboutUpdates}" />
-                        </StackPanel>
-                    </Button>
-                    <TextBlock Text="{Binding Copy.Language}" VerticalAlignment="Center" Foreground="{StaticResource ConverterSlateBrush}" />
-                    <ComboBox x:Name="LanguagePicker" MinWidth="150" SelectionChanged="LanguagePicker_SelectionChanged">
-                        <ComboBoxItem Tag="system" Content="{Binding Copy.LanguageSystem}" />
-                        <ComboBoxItem Tag="zh-Hans" Content="{Binding Copy.LanguageChinese}" />
-                        <ComboBoxItem Tag="en" Content="{Binding Copy.LanguageEnglish}" />
-                    </ComboBox>
+                    <StackPanel VerticalAlignment="Center">
+                        <TextBlock Text="MH3G" FontWeight="SemiBold" />
+                        <TextBlock Text="Save Converter" FontSize="11" Foreground="{ThemeResource TextFillColorSecondaryBrush}" />
+                    </StackPanel>
                 </StackPanel>
-            </Grid>
-        </Border>
-
-        <ScrollViewer Grid.Row="1" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
-            <StackPanel Padding="36,28,36,44" Spacing="24" HorizontalAlignment="Center" MaxWidth="1120">
-                <Border Padding="28,26" Background="#FFF8FAFD" CornerRadius="8">
-                    <Grid ColumnSpacing="28">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="1.02*" />
-                            <ColumnDefinition Width="0.98*" />
-                        </Grid.ColumnDefinitions>
-                        <StackPanel Spacing="16" VerticalAlignment="Center">
-                        <TextBlock Text="{Binding Copy.HeroTitle}" FontSize="30" FontWeight="SemiBold" Foreground="{StaticResource ConverterInkBrush}" TextWrapping="Wrap" />
-                        <TextBlock Text="{Binding Copy.HeroDescription}" FontSize="15" LineHeight="22" TextWrapping="Wrap" Foreground="{StaticResource ConverterSlateBrush}" />
-                        <Border Padding="12,9" Background="#FFF0F7F5" BorderBrush="#331B8A6B" BorderThickness="1" CornerRadius="8">
-                            <StackPanel Orientation="Horizontal" Spacing="8">
-                                <SymbolIcon Symbol="ProtectedDocument" Foreground="{StaticResource ConverterJadeBrush}" />
-                                <TextBlock Text="{Binding Copy.HeroSafety}" TextWrapping="Wrap" Foreground="{StaticResource ConverterJadeBrush}" />
-                            </StackPanel>
-                        </Border>
-                        <Grid Margin="0,8,0,0" ColumnSpacing="10">
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="*" />
-                                <ColumnDefinition Width="*" />
-                                <ColumnDefinition Width="*" />
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <StackPanel Spacing="4"><TextBlock Text="01" FontWeight="SemiBold" Foreground="{StaticResource ConverterBlueBrush}" /><TextBlock Text="{Binding Copy.StageInput}" FontSize="12" TextWrapping="Wrap" /></StackPanel>
-                            <StackPanel Grid.Column="1" Spacing="4"><TextBlock Text="02" FontWeight="SemiBold" Foreground="{StaticResource ConverterJadeBrush}" /><TextBlock Text="{Binding Copy.StageInspect}" FontSize="12" TextWrapping="Wrap" /></StackPanel>
-                            <StackPanel Grid.Column="2" Spacing="4"><TextBlock Text="03" FontWeight="SemiBold" Foreground="{StaticResource ConverterCoralBrush}" /><TextBlock Text="{Binding Copy.StageDryRun}" FontSize="12" TextWrapping="Wrap" /></StackPanel>
-                            <StackPanel Grid.Column="3" Spacing="4"><TextBlock Text="04" FontWeight="SemiBold" Foreground="{StaticResource ConverterSlateBrush}" /><TextBlock Text="{Binding Copy.StageWrite}" FontSize="12" TextWrapping="Wrap" /></StackPanel>
-                        </Grid>
-                        </StackPanel>
-                        <converter:StageArtwork Grid.Column="1" Stage="{Binding Stage}" />
-                    </Grid>
-                </Border>
-
-                <controls:InfoBar
-                    IsOpen="{Binding HasLatestError}"
-                    IsClosable="True"
-                    Severity="Error"
-                    Title="{Binding Copy.Failed}"
-                    Message="{Binding LatestError}" />
+            </controls:NavigationView.PaneHeader>
+            <controls:NavigationView.MenuItems>
+                <controls:NavigationViewItem x:Name="ConvertNavigationItem" Tag="convert"
+                                             Content="{Binding Copy.NavigationConvert}"
+                                             AutomationProperties.AutomationId="mh3g.converter.windows.navigation.convert">
+                    <controls:NavigationViewItem.Icon><SymbolIcon Symbol="Switch" /></controls:NavigationViewItem.Icon>
+                </controls:NavigationViewItem>
+                <controls:NavigationViewItem x:Name="HistoryNavigationItem" Tag="history"
+                                             Content="{Binding Copy.NavigationHistory}"
+                                             AutomationProperties.AutomationId="mh3g.converter.windows.navigation.history">
+                    <controls:NavigationViewItem.Icon><SymbolIcon Symbol="Document" /></controls:NavigationViewItem.Icon>
+                </controls:NavigationViewItem>
+                <controls:NavigationViewItemSeparator />
+                <controls:NavigationViewItem x:Name="CecNavigationItem" Tag="cec"
+                                             Content="{Binding Copy.NavigationExperimentalCec}"
+                                             AutomationProperties.AutomationId="mh3g.converter.windows.navigation.experimentalCEC">
+                    <controls:NavigationViewItem.Icon><SymbolIcon Symbol="Mail" /></controls:NavigationViewItem.Icon>
+                </controls:NavigationViewItem>
+                <controls:NavigationViewItem x:Name="SettingsNavigationItem" Tag="settings"
+                                             Content="{Binding Copy.NavigationSettings}"
+                                             AutomationProperties.AutomationId="mh3g.converter.windows.navigation.settings">
+                    <controls:NavigationViewItem.Icon><SymbolIcon Symbol="Setting" /></controls:NavigationViewItem.Icon>
+                </controls:NavigationViewItem>
+            </controls:NavigationView.MenuItems>
 
-                <controls:InfoBar
-                    IsOpen="{Binding ShowPostInspectGuidance}"
-                    IsClosable="True"
-                    Severity="Informational"
-                    Title="{Binding Copy.NextStep}"
-                    Message="{Binding Copy.NextAfterInspect}">
-                    <controls:InfoBar.ActionButton>
-                        <Button Click="GoToOptionalConfiguration_Click">
-                            <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="Setting" /><TextBlock Text="{Binding Copy.ConfigureOptionalData}" /></StackPanel>
-                        </Button>
-                    </controls:InfoBar.ActionButton>
-                </controls:InfoBar>
-
-                <controls:InfoBar
-                    IsOpen="{Binding ShowPostDryRunGuidance}"
-                    IsClosable="True"
-                    Severity="Success"
-                    Title="{Binding Copy.NextStep}"
-                    Message="{Binding Copy.NextAfterDryRun}">
-                    <controls:InfoBar.ActionButton>
-                        <Button Click="WriteCore_Click" IsEnabled="{Binding CanWriteCore}">
-                            <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="Save" /><TextBlock Text="{Binding Copy.ConfirmAndWrite}" /></StackPanel>
-                        </Button>
-                    </controls:InfoBar.ActionButton>
-                </controls:InfoBar>
+            <Grid Padding="24,16,24,20">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition Height="*" />
+                </Grid.RowDefinitions>
 
-                <controls:InfoBar
-                    IsOpen="{Binding ShowPostWriteGuidance}"
-                    IsClosable="True"
-                    Severity="Success"
-                    Title="{Binding Copy.NextStep}"
-                    Message="{Binding PostWriteGuidanceMessage}">
-                    <controls:InfoBar.ActionButton>
-                        <Button Click="GoToPostWriteDestination_Click">
-                            <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="Forward" /><TextBlock Text="{Binding PostWriteGuidanceAction}" /></StackPanel>
-                        </Button>
-                    </controls:InfoBar.ActionButton>
-                </controls:InfoBar>
-
-                <controls:InfoBar
-                    IsOpen="{Binding ShowPostOptionalGuidance}"
-                    IsClosable="True"
-                    Severity="Informational"
-                    Title="{Binding Copy.NextStep}"
-                    Message="{Binding Copy.NextAfterOptional}">
-                    <controls:InfoBar.ActionButton>
-                        <Button Click="GoToOptionalConfiguration_Click">
-                            <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="Forward" /><TextBlock Text="{Binding Copy.ContinueOptionalData}" /></StackPanel>
-                        </Button>
-                    </controls:InfoBar.ActionButton>
-                </controls:InfoBar>
-
-                <controls:InfoBar
-                    IsOpen="{Binding ShowPostRollbackGuidance}"
-                    IsClosable="True"
-                    Severity="Informational"
-                    Title="{Binding Copy.NextStep}"
-                    Message="{Binding Copy.NextAfterRollback}">
-                    <controls:InfoBar.ActionButton>
-                        <Button Click="GoToCoreWorkflow_Click">
-                            <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="Back" /><TextBlock Text="{Binding Copy.ReturnToCoreFlow}" /></StackPanel>
-                        </Button>
-                    </controls:InfoBar.ActionButton>
-                </controls:InfoBar>
-
-                <Grid x:Name="CoreWorkflowAnchor" ColumnSpacing="24">
+                <Grid ColumnSpacing="12">
                     <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="1.15*" />
-                        <ColumnDefinition Width="0.85*" />
+                        <ColumnDefinition Width="*" />
+                        <ColumnDefinition Width="Auto" />
                     </Grid.ColumnDefinitions>
-                    <StackPanel Spacing="16">
-                        <TextBlock Text="{Binding Copy.CoreSectionTitle}" Style="{StaticResource SectionTitleTextStyle}" />
-                        <TextBlock Text="{Binding Copy.CoreSectionDescription}" Style="{StaticResource SectionCaptionTextStyle}" />
-
-                        <StackPanel Spacing="7">
-                            <TextBlock Text="{Binding Copy.ConversionModeTitle}" FontWeight="SemiBold" />
-                            <ComboBox x:Name="ConversionModePicker"
-                                      MinWidth="280"
-                                      HorizontalAlignment="Left"
-                                      SelectionChanged="ConversionModePicker_SelectionChanged">
-                                <ComboBoxItem Tag="new" Content="{Binding Copy.ConversionModeNew}" />
-                                <ComboBoxItem Tag="repair" Content="{Binding Copy.ConversionModeRepair}" />
-                            </ComboBox>
-                            <Border Padding="12" Background="#FFF3F6FA" BorderBrush="#1418212F" BorderThickness="1" CornerRadius="8">
-                                <TextBlock Text="{Binding ConversionModeDescription}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            </Border>
-                            <TextBlock Text="{Binding Copy.RepairVersionTitle}" FontWeight="SemiBold" />
-                            <ComboBox x:Name="RepairVersionPicker"
-                                      MinWidth="220"
-                                      HorizontalAlignment="Left"
-                                      IsEnabled="{Binding IsRepairMode}"
-                                      SelectionChanged="RepairVersionPicker_SelectionChanged">
-                                <ComboBoxItem Tag="auto" Content="{Binding Copy.RepairVersionAutomatic}" />
-                                <ComboBoxItem Tag="0.0.3" Content="0.0.3" />
-                                <ComboBoxItem Tag="0.0.4" Content="0.0.4" />
-                                <ComboBoxItem Tag="0.0.5" Content="0.0.5" />
-                                <ComboBoxItem Tag="0.0.6" Content="0.0.6" />
-                            </ComboBox>
-                            <TextBlock Text="{Binding Copy.RepairVersionHint}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            <TextBlock Text="{Binding RepairDetectionSummary}" Style="{StaticResource SectionCaptionTextStyle}" />
-                        </StackPanel>
+                    <TextBlock Text="{Binding Copy.AppTitle}" FontWeight="SemiBold" VerticalAlignment="Center" />
+                    <StackPanel Grid.Column="1" Orientation="Horizontal" Spacing="8">
+                        <Button Click="About_Click" Style="{StaticResource QuietButtonStyle}"
+                                AutomationProperties.Name="{Binding Copy.AboutUpdates}">
+                            <SymbolIcon Symbol="Help" />
+                        </Button>
+                        <ComboBox x:Name="LanguagePicker" MinWidth="150"
+                                  SelectionChanged="LanguagePicker_SelectionChanged"
+                                  AutomationProperties.Name="{Binding Copy.Language}">
+                            <ComboBoxItem Tag="system" Content="{Binding Copy.LanguageSystem}" />
+                            <ComboBoxItem Tag="zh-Hans" Content="{Binding Copy.LanguageChinese}" />
+                            <ComboBoxItem Tag="en" Content="{Binding Copy.LanguageEnglish}" />
+                        </ComboBox>
+                    </StackPanel>
+                </Grid>
 
-                        <StackPanel Spacing="7">
-                            <TextBlock Text="{Binding Copy.SaveSlot}" FontWeight="SemiBold" />
-                            <ComboBox ItemsSource="{Binding SaveSlots}" SelectedItem="{Binding SelectedSlot, Mode=TwoWay}" HorizontalAlignment="Left" MinWidth="150" />
-                            <TextBlock Text="{Binding Copy.SaveSlotHint}" Style="{StaticResource SectionCaptionTextStyle}" />
-                        </StackPanel>
+                <Grid Grid.Row="1">
+                    <!-- Convert / Step 1 -->
+                    <Grid x:Name="InputPage" Visibility="Visible">
+                        <Grid.RowDefinitions><RowDefinition Height="*" /><RowDefinition Height="Auto" /></Grid.RowDefinitions>
+                        <ScrollViewer VerticalScrollBarVisibility="Auto">
+                            <StackPanel x:Name="CoreWorkflowAnchor" MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24">
+                                <Grid>
+                                    <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
+                                    <StackPanel Spacing="6">
+                                        <TextBlock Text="{Binding Copy.InputPageTitle}" Style="{StaticResource PageTitleTextStyle}"
+                                                   AutomationProperties.AutomationId="mh3g.converter.windows.page.input.title" />
+                                        <TextBlock Text="{Binding Copy.InputPageDescription}" Style="{StaticResource SectionCaptionTextStyle}" />
+                                    </StackPanel>
+                                    <TextBlock Grid.Column="1" Text="{Binding Copy.StepOne}" Foreground="{ThemeResource TextFillColorSecondaryBrush}" />
+                                </Grid>
+                                <InfoBar IsOpen="{Binding IsSyntheticFixture}" IsClosable="False" Severity="Informational"
+                                         Message="{Binding Copy.SyntheticFixtureNotice}" />
+                                <Border Style="{StaticResource WorkSurfaceStyle}">
+                                    <StackPanel Spacing="14">
+                                        <Grid ColumnSpacing="16">
+                                            <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
+                                            <StackPanel Spacing="6">
+                                                <TextBlock Text="{Binding Copy.ConversionModeTitle}" FontWeight="SemiBold" />
+                                                <ComboBox x:Name="ConversionModePicker" SelectionChanged="ConversionModePicker_SelectionChanged">
+                                                    <ComboBoxItem Tag="new" Content="{Binding Copy.ConversionModeNew}" />
+                                                    <ComboBoxItem Tag="repair" Content="{Binding Copy.ConversionModeRepair}" />
+                                                </ComboBox>
+                                            </StackPanel>
+                                            <StackPanel Grid.Column="1" Spacing="6">
+                                                <TextBlock Text="{Binding Copy.SaveSlot}" FontWeight="SemiBold" />
+                                                <ComboBox ItemsSource="{Binding SaveSlots}" SelectedItem="{Binding SelectedSlot, Mode=TwoWay}" />
+                                            </StackPanel>
+                                            <StackPanel Grid.Column="2" Spacing="6" Visibility="{Binding RepairCurrentVisibility}">
+                                                <TextBlock Text="{Binding Copy.RepairVersionTitle}" FontWeight="SemiBold" />
+                                                <ComboBox x:Name="RepairVersionPicker" MinWidth="160" SelectionChanged="RepairVersionPicker_SelectionChanged">
+                                                    <ComboBoxItem Tag="auto" Content="{Binding Copy.RepairVersionAutomatic}" />
+                                                    <ComboBoxItem Tag="0.0.3" Content="0.0.3" /><ComboBoxItem Tag="0.0.4" Content="0.0.4" />
+                                                    <ComboBoxItem Tag="0.0.5" Content="0.0.5" /><ComboBoxItem Tag="0.0.6" Content="0.0.6" />
+                                                </ComboBox>
+                                                <TextBlock Text="{Binding RepairDetectionSummary}" Style="{StaticResource SectionCaptionTextStyle}" />
+                                            </StackPanel>
+                                        </Grid>
 
-                        <StackPanel Spacing="7">
-                            <TextBlock Text="{Binding Copy.SourceSlot}" FontWeight="SemiBold" />
-                            <Grid ColumnSpacing="8">
-                                <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                <TextBox x:Name="SourcePathBox" Text="{Binding SourcePath, Mode=TwoWay}" TextChanged="CorePath_TextChanged" PlaceholderText="user1 / user2 / user3" />
-                                <Button Grid.Column="1" Click="ChooseSourceFile_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.ChooseFile}">
-                                    <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="OpenFile" /><TextBlock Text="{Binding Copy.ChooseFile}" /></StackPanel>
-                                </Button>
-                                <Button Grid.Column="2" Click="ChooseSourceFolder_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.ChooseFolder}">
-                                    <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="Folder" /><TextBlock Text="{Binding Copy.ChooseFolder}" /></StackPanel>
-                                </Button>
-                            </Grid>
-                            <TextBlock Text="{Binding Copy.SourceSlotHint}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            <TextBlock Text="{Binding SourcePathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
-                        </StackPanel>
+                                        <TextBlock Text="{Binding Copy.SourceSlot}" FontWeight="SemiBold" />
+                                        <Grid ColumnSpacing="8">
+                                            <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
+                                            <TextBox x:Name="SourcePathBox" Style="{StaticResource PathTextBoxStyle}" Text="{Binding SourcePath, Mode=TwoWay}" TextChanged="CorePath_TextChanged"
+                                                     PlaceholderText="user1 / user2 / user3" AutomationProperties.AutomationId="mh3g.converter.windows.path.source" />
+                                            <Button Grid.Column="1" Click="ChooseSourceFile_Click" Style="{StaticResource QuietButtonStyle}"
+                                                    AutomationProperties.AutomationId="mh3g.converter.windows.action.chooseSource"><SymbolIcon Symbol="OpenFile" /></Button>
+                                            <Button Grid.Column="2" Click="ChooseSourceFolder_Click" Style="{StaticResource QuietButtonStyle}"><SymbolIcon Symbol="Folder" /></Button>
+                                        </Grid>
+                                        <TextBlock Text="{Binding SourcePathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
 
-                        <StackPanel Spacing="7" Visibility="{Binding RepairCurrentVisibility}">
-                            <TextBlock Text="{Binding Copy.CurrentSlot}" FontWeight="SemiBold" />
-                            <Grid ColumnSpacing="8">
-                                <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                <TextBox x:Name="CurrentPathBox" Text="{Binding CurrentPath, Mode=TwoWay}" TextChanged="CorePath_TextChanged" PlaceholderText="converted Wii U / Cemu user#" />
-                                <Button Grid.Column="1" Click="ChooseCurrentFile_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.ChooseFile}">
-                                    <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="OpenFile" /><TextBlock Text="{Binding Copy.ChooseFile}" /></StackPanel>
-                                </Button>
-                                <Button Grid.Column="2" Click="ChooseCurrentFolder_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.ChooseFolder}">
-                                    <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="Folder" /><TextBlock Text="{Binding Copy.ChooseFolder}" /></StackPanel>
-                                </Button>
-                            </Grid>
-                            <TextBlock Text="{Binding Copy.CurrentSlotHint}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            <TextBlock Text="{Binding CurrentPathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
-                        </StackPanel>
+                                        <StackPanel Spacing="8" Visibility="{Binding RepairCurrentVisibility}">
+                                            <TextBlock Text="{Binding Copy.CurrentSlot}" FontWeight="SemiBold" />
+                                            <Grid ColumnSpacing="8">
+                                                <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
+                                                <TextBox x:Name="CurrentPathBox" Style="{StaticResource PathTextBoxStyle}" Text="{Binding CurrentPath, Mode=TwoWay}" TextChanged="CorePath_TextChanged"
+                                                         PlaceholderText="converted Wii U / Cemu user#" AutomationProperties.AutomationId="mh3g.converter.windows.path.current" />
+                                                <Button Grid.Column="1" Click="ChooseCurrentFile_Click" Style="{StaticResource QuietButtonStyle}"><SymbolIcon Symbol="OpenFile" /></Button>
+                                                <Button Grid.Column="2" Click="ChooseCurrentFolder_Click" Style="{StaticResource QuietButtonStyle}"><SymbolIcon Symbol="Folder" /></Button>
+                                            </Grid>
+                                            <TextBlock Text="{Binding CurrentPathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
+                                        </StackPanel>
 
-                        <StackPanel Spacing="7">
-                            <TextBlock Text="{Binding CoreTargetTitle}" FontWeight="SemiBold" />
-                            <Grid ColumnSpacing="8">
-                                <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                <TextBox x:Name="TargetPathBox" Text="{Binding TargetPath, Mode=TwoWay}" TextChanged="CorePath_TextChanged" PlaceholderText="{Binding CoreTargetPlaceholder}" />
-                                <Button Grid.Column="1" Click="ChooseTargetFile_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.ChooseFile}">
-                                    <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="OpenFile" /><TextBlock Text="{Binding Copy.ChooseFile}" /></StackPanel>
-                                </Button>
-                                <Button Grid.Column="2" Click="ChooseTargetFolder_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.ChooseFolder}">
-                                    <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="Folder" /><TextBlock Text="{Binding Copy.ChooseFolder}" /></StackPanel>
-                                </Button>
-                            </Grid>
-                            <TextBlock Text="{Binding CoreTargetHint}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            <TextBlock Text="{Binding TargetPathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
-                        </StackPanel>
+                                        <TextBlock Text="{Binding CoreTargetTitle}" FontWeight="SemiBold" />
+                                        <Grid ColumnSpacing="8">
+                                            <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
+                                            <TextBox x:Name="TargetPathBox" Style="{StaticResource PathTextBoxStyle}" Text="{Binding TargetPath, Mode=TwoWay}" TextChanged="CorePath_TextChanged"
+                                                     PlaceholderText="{Binding CoreTargetPlaceholder}" AutomationProperties.AutomationId="mh3g.converter.windows.path.output" />
+                                            <Button Grid.Column="1" Click="ChooseTargetFile_Click" Style="{StaticResource QuietButtonStyle}"
+                                                    AutomationProperties.AutomationId="mh3g.converter.windows.action.chooseOutput"><SymbolIcon Symbol="OpenFile" /></Button>
+                                            <Button Grid.Column="2" Click="ChooseTargetFolder_Click" Style="{StaticResource QuietButtonStyle}"><SymbolIcon Symbol="Folder" /></Button>
+                                        </Grid>
+                                        <TextBlock Text="{Binding TargetPathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
 
-                        <StackPanel Spacing="7">
-                            <TextBlock Text="{Binding Copy.CliPath}" FontWeight="SemiBold" />
-                            <Grid ColumnSpacing="8">
+                                        <Expander Header="{Binding Copy.AdvancedDetails}">
+                                            <StackPanel Spacing="10" Padding="0,10,0,0">
+                                                <TextBlock Text="{Binding Copy.CliPath}" FontWeight="SemiBold" />
+                                                <Grid ColumnSpacing="8">
+                                                    <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
+                                                    <TextBox x:Name="CliPathBox" Text="{Binding CliPath, Mode=TwoWay}" />
+                                                    <Button Grid.Column="1" Click="ChooseCli_Click" Content="{Binding Copy.Browse}" />
+                                                </Grid>
+                                                <TextBlock Text="{Binding ConversionModeDescription}" Style="{StaticResource SectionCaptionTextStyle}" />
+                                            </StackPanel>
+                                        </Expander>
+                                    </StackPanel>
+                                </Border>
+                            </StackPanel>
+                        </ScrollViewer>
+                        <Border Grid.Row="1" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12">
+                            <Grid ColumnSpacing="12">
                                 <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                <TextBox x:Name="CliPathBox" Text="{Binding CliPath, Mode=TwoWay}" PlaceholderText="tools\\mh3g-save-convert.exe" />
-                                <Button Grid.Column="1" Click="ChooseCli_Click" Style="{StaticResource QuietButtonStyle}">
-                                    <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="OpenFile" /><TextBlock Text="{Binding Copy.Browse}" /></StackPanel>
-                                </Button>
-                            </Grid>
-                            <TextBlock Text="{Binding Copy.CliPathHint}" Style="{StaticResource SectionCaptionTextStyle}" />
-                        </StackPanel>
-
-                        <StackPanel Orientation="Horizontal" Spacing="10" Margin="0,6,0,0">
-                            <Button Click="Inspect_Click" IsEnabled="{Binding CanInspectCore}">
-                                <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="Find" /><TextBlock Text="{Binding Copy.Inspect}" /></StackPanel>
-                            </Button>
-                            <Button Click="InspectProgress_Click" IsEnabled="{Binding CanInspectProgress}" Style="{StaticResource QuietButtonStyle}">
-                                <TextBlock Text="{Binding Copy.InspectProgress}" />
-                            </Button>
-                            <Button Click="InspectEvents_Click" IsEnabled="{Binding CanInspectEvents}" Style="{StaticResource QuietButtonStyle}">
-                                <TextBlock Text="{Binding Copy.InspectEvents}" />
-                            </Button>
-                        </StackPanel>
-                    </StackPanel>
-
-                    <Border Grid.Column="1" Padding="22" Background="#FFF8FAFD" BorderBrush="#1418212F" BorderThickness="1" CornerRadius="8">
-                        <StackPanel Spacing="16">
-                            <TextBlock Text="{Binding Copy.DryRunTitle}" Style="{StaticResource SectionTitleTextStyle}" />
-                            <TextBlock Text="{Binding Copy.DryRunDescription}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            <Button Click="DryRun_Click" IsEnabled="{Binding CanRunCoreDryRun}" Style="{StaticResource AccentButtonStyle}" HorizontalAlignment="Left">
-                                <StackPanel Orientation="Horizontal" Spacing="8"><SymbolIcon Symbol="Sync" /><TextBlock Text="{Binding Copy.RunDryRun}" /></StackPanel>
-                            </Button>
-                            <Border Padding="12" Background="#FFF0F7F5" BorderBrush="#331B8A6B" BorderThickness="1" CornerRadius="8">
-                                <TextBlock Text="{Binding Copy.DryRunGate}" TextWrapping="Wrap" Foreground="{StaticResource ConverterJadeBrush}" />
-                            </Border>
-                            <Rectangle Height="1" Fill="#1418212F" Margin="0,4" />
-                            <TextBlock Text="{Binding Copy.WriteTitle}" Style="{StaticResource SectionTitleTextStyle}" />
-                            <TextBlock Text="{Binding Copy.WriteDescription}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            <Button Click="WriteCore_Click" IsEnabled="{Binding CanWriteCore}" Style="{StaticResource AccentButtonStyle}" HorizontalAlignment="Left">
-                                <StackPanel Orientation="Horizontal" Spacing="8"><SymbolIcon Symbol="Save" /><TextBlock Text="{Binding Copy.WriteSelectedSave}" /></StackPanel>
-                            </Button>
-                            <TextBlock Text="{Binding Copy.WriteUnavailable}" Visibility="{Binding WriteUnavailableVisibility}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            <Border Padding="12" Background="#FFF3F6FA" CornerRadius="8">
-                                <StackPanel Spacing="3">
-                                    <TextBlock Text="{Binding Copy.TransactionDetails}" FontWeight="SemiBold" />
-                                    <TextBlock Text="{Binding Copy.OneTarget}" Foreground="{StaticResource ConverterInkBrush}" />
-                                    <TextBlock Text="{Binding Copy.BackupAndManifest}" Style="{StaticResource SectionCaptionTextStyle}" />
+                                <StackPanel Orientation="Horizontal" Spacing="8" VerticalAlignment="Center">
+                                    <SymbolIcon Symbol="Important" Foreground="{ThemeResource TextFillColorSecondaryBrush}" />
+                                    <TextBlock Text="{Binding Copy.InputMissingReason}" TextWrapping="Wrap" AutomationProperties.LiveSetting="Polite"
+                                               AutomationProperties.AutomationId="mh3g.converter.windows.state.inputMissing" />
                                 </StackPanel>
-                            </Border>
-                        </StackPanel>
-                    </Border>
-                </Grid>
-
-                <Grid ColumnSpacing="24">
-                    <Grid.ColumnDefinitions><ColumnDefinition Width="1.15*" /><ColumnDefinition Width="0.85*" /></Grid.ColumnDefinitions>
-                    <Border Padding="22" Background="#FFF8FAFD" BorderBrush="#1418212F" BorderThickness="1" CornerRadius="8">
-                        <StackPanel Spacing="14">
-                            <TextBlock Text="{Binding Copy.RollbackTitle}" Style="{StaticResource SectionTitleTextStyle}" />
-                            <TextBlock Text="{Binding Copy.RollbackDescription}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            <TextBlock Text="{Binding Copy.ManifestPath}" FontWeight="SemiBold" />
-                            <Grid ColumnSpacing="8">
-                                <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                <TextBox x:Name="RollbackManifestBox" Text="{Binding RollbackManifestPath, Mode=TwoWay}" PlaceholderText=".user#.mh3g-install.json" />
-                                <Button Grid.Column="1" Click="ChooseRollbackManifest_Click" Style="{StaticResource QuietButtonStyle}">
-                                    <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="OpenFile" /><TextBlock Text="{Binding Copy.Browse}" /></StackPanel>
-                                </Button>
+                                <Button Grid.Column="1" Click="Inspect_Click" IsEnabled="{Binding CanInspectCore}" Style="{StaticResource AccentButtonStyle}"
+                                        AutomationProperties.AutomationId="mh3g.converter.windows.action.inspect" Content="{Binding Copy.Inspect}" />
                             </Grid>
-                            <Button Click="RollbackCore_Click" IsEnabled="{Binding CanRollbackCore}" HorizontalAlignment="Left">
-                                <StackPanel Orientation="Horizontal" Spacing="8"><SymbolIcon Symbol="Undo" /><TextBlock Text="{Binding Copy.RollbackFromManifest}" /></StackPanel>
-                            </Button>
-                        </StackPanel>
-                    </Border>
-                    <Border Grid.Column="1" Padding="22" Background="#FFF8FAFD" BorderBrush="#1418212F" BorderThickness="1" CornerRadius="8">
-                        <StackPanel Spacing="10">
-                            <TextBlock Text="{Binding Copy.OptionalSectionTitle}" Style="{StaticResource SectionTitleTextStyle}" />
-                            <TextBlock Text="{Binding Copy.OptionalSectionDescription}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            <Border Padding="12" Background="#FFF3F6FA" BorderBrush="#1418212F" BorderThickness="1" CornerRadius="8">
-                                <TextBlock Text="{Binding Copy.ExtDataNotice}" TextWrapping="Wrap" Style="{StaticResource SectionCaptionTextStyle}" />
-                            </Border>
-                        </StackPanel>
-                    </Border>
-                </Grid>
+                        </Border>
+                    </Grid>
 
-                <Border x:Name="OptionalConfigurationAnchor" Padding="22" Background="#FFF8FAFD" BorderBrush="#1418212F" BorderThickness="1" CornerRadius="8">
-                    <StackPanel Spacing="16">
-                        <ToggleSwitch x:Name="SystemToggle" Header="{Binding Copy.SharedSystem}" IsOn="{Binding IsSystemEnabled, Mode=TwoWay}" Toggled="SystemToggle_Toggled" />
-                        <StackPanel x:Name="SystemControls" Visibility="Collapsed" Spacing="12">
-                            <controls:InfoBar IsOpen="True" IsClosable="False" Severity="Warning" Message="{Binding Copy.SystemMergeWarning}" />
-                            <Grid ColumnSpacing="20">
-                                <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="*" /></Grid.ColumnDefinitions>
-                                <StackPanel Spacing="9">
-                                <TextBlock Text="{Binding Copy.SystemSource}" FontWeight="SemiBold" />
-                                <Grid ColumnSpacing="8">
-                                    <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                    <TextBox x:Name="SystemSourceBox" Text="{Binding SystemSourcePath, Mode=TwoWay}" TextChanged="SystemPath_TextChanged" PlaceholderText=".../system" />
-                                    <Button Grid.Column="1" Click="ChooseSystemSource_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.Browse}"><SymbolIcon Symbol="OpenFile" /></Button>
-                                </Grid>
-                                <TextBlock Text="{Binding Copy.SystemTarget}" FontWeight="SemiBold" />
-                                <Grid ColumnSpacing="8">
-                                    <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                    <TextBox x:Name="SystemTargetBox" Text="{Binding SystemTargetPath, Mode=TwoWay}" TextChanged="SystemPath_TextChanged" PlaceholderText=".../system" />
-                                    <Button Grid.Column="1" Click="ChooseSystemTarget_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.Browse}"><SymbolIcon Symbol="OpenFile" /></Button>
-                                </Grid>
-                                </StackPanel>
-                                <StackPanel Grid.Column="1" Spacing="10">
-                                <Button Click="SystemDryRun_Click" IsEnabled="{Binding CanRunSystemDryRun}" HorizontalAlignment="Left" Style="{StaticResource QuietButtonStyle}"><TextBlock Text="{Binding Copy.RunSystemDryRun}" /></Button>
-                                <Button Click="WriteSystem_Click" IsEnabled="{Binding CanWriteSystem}" HorizontalAlignment="Left"><StackPanel Orientation="Horizontal" Spacing="8"><SymbolIcon Symbol="Save" /><TextBlock Text="{Binding Copy.WriteSystem}" /></StackPanel></Button>
-                                <TextBlock Text="{Binding Copy.SystemManifest}" FontWeight="SemiBold" />
-                                <Grid ColumnSpacing="8">
-                                    <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                    <TextBox x:Name="SystemRollbackManifestBox" Text="{Binding SystemRollbackManifestPath, Mode=TwoWay}" PlaceholderText=".system.mh3g-install.json" />
-                                    <Button Grid.Column="1" Click="ChooseSystemRollbackManifest_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.Browse}"><SymbolIcon Symbol="OpenFile" /></Button>
+                    <!-- Convert / Step 2 -->
+                    <Grid x:Name="OptionalPage" Visibility="Collapsed">
+                        <Grid.RowDefinitions><RowDefinition Height="*" /><RowDefinition Height="Auto" /></Grid.RowDefinitions>
+                        <ScrollViewer VerticalScrollBarVisibility="Auto">
+                            <StackPanel x:Name="OptionalConfigurationAnchor" MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24">
+                                <Grid><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
+                                    <StackPanel Spacing="6"><TextBlock Text="{Binding Copy.OptionalPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.optionals.title" /><TextBlock Text="{Binding Copy.OptionalPageDescription}" Style="{StaticResource SectionCaptionTextStyle}" /></StackPanel>
+                                    <TextBlock Grid.Column="1" Text="{Binding Copy.StepTwo}" Foreground="{ThemeResource TextFillColorSecondaryBrush}" />
                                 </Grid>
-                                <Button Click="RollbackSystem_Click" IsEnabled="{Binding CanRollbackSystem}" HorizontalAlignment="Left" Style="{StaticResource QuietButtonStyle}"><StackPanel Orientation="Horizontal" Spacing="8"><SymbolIcon Symbol="Undo" /><TextBlock Text="{Binding Copy.RollbackFromManifest}" /></StackPanel></Button>
-                                </StackPanel>
+                                <InfoBar IsOpen="True" IsClosable="False" Severity="Informational" Message="{Binding Copy.OptionalCoreUnaffected}" />
+                                <Border Style="{StaticResource WorkSurfaceStyle}">
+                                    <StackPanel Spacing="12">
+                                        <ToggleSwitch x:Name="SystemToggle" Header="{Binding Copy.SharedSystem}" IsOn="{Binding IsSystemEnabled, Mode=TwoWay}" Toggled="SystemToggle_Toggled" />
+                                        <StackPanel x:Name="SystemControls" Visibility="Collapsed" Spacing="9">
+                                            <TextBlock Text="{Binding Copy.SystemMergeWarning}" Style="{StaticResource SectionCaptionTextStyle}" />
+                                            <TextBox x:Name="SystemSourceBox" Text="{Binding SystemSourcePath, Mode=TwoWay}" TextChanged="SystemPath_TextChanged" PlaceholderText="3DS system" AutomationProperties.AutomationId="mh3g.converter.windows.path.systemSource" />
+                                            <TextBox x:Name="SystemTargetBox" Text="{Binding SystemTargetPath, Mode=TwoWay}" TextChanged="SystemPath_TextChanged" PlaceholderText="Cemu system" AutomationProperties.AutomationId="mh3g.converter.windows.path.systemTarget" />
+                                            <StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseSystemSource_Click" Content="{Binding Copy.SystemSource}" /><Button Click="ChooseSystemTarget_Click" Content="{Binding Copy.SystemTarget}" /><Button Click="SystemDryRun_Click" IsEnabled="{Binding CanRunSystemDryRun}" Content="{Binding Copy.RunSystemDryRun}" /><Button Click="WriteSystem_Click" IsEnabled="{Binding CanWriteSystem}" Content="{Binding Copy.WriteSystem}" /></StackPanel>
+                                            <TextBox x:Name="SystemRollbackManifestBox" Text="{Binding SystemRollbackManifestPath, Mode=TwoWay}" PlaceholderText="{Binding Copy.SystemManifest}" />
+                                            <StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseSystemRollbackManifest_Click" Content="{Binding Copy.Browse}" /><Button Click="RollbackSystem_Click" IsEnabled="{Binding CanRollbackSystem}" Content="{Binding Copy.RollbackFromManifest}" /></StackPanel>
+                                        </StackPanel>
+                                    </StackPanel>
+                                </Border>
+                                <Border Style="{StaticResource WorkSurfaceStyle}">
+                                    <StackPanel Spacing="10">
+                                        <TextBlock Text="{Binding Copy.OptionalExtData}" Style="{StaticResource SectionTitleTextStyle}" />
+                                        <StackPanel Orientation="Horizontal" Spacing="18"><CheckBox x:Name="GuildCardsCheckBox" Content="{Binding Copy.GuildCards}" IsChecked="{Binding IncludeGuildCards, Mode=TwoWay}" /><CheckBox x:Name="QuestsCheckBox" Content="{Binding Copy.Quests}" IsChecked="{Binding IncludeQuests, Mode=TwoWay}" /></StackPanel>
+                                        <TextBox x:Name="ExtrasSourceBox" Text="{Binding ExtrasSourceDirectory, Mode=TwoWay}" TextChanged="ExtrasPath_TextChanged" PlaceholderText="3DS ExtData user" AutomationProperties.AutomationId="mh3g.converter.windows.path.extdataSource" />
+                                        <TextBox x:Name="ExtrasStagingBox" Text="{Binding ExtrasStagingDirectory, Mode=TwoWay}" TextChanged="ExtrasPath_TextChanged" PlaceholderText="Staging directory" />
+                                        <TextBox x:Name="ExtrasTargetBox" Text="{Binding ExtrasTargetDirectory, Mode=TwoWay}" TextChanged="ExtrasPath_TextChanged" PlaceholderText="Cemu ExtData target" AutomationProperties.AutomationId="mh3g.converter.windows.path.extdataTarget" />
+                                        <StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseExtrasSource_Click" Content="{Binding Copy.ExtDataSource}" /><Button Click="ChooseExtrasStaging_Click" Content="{Binding Copy.StagingDirectory}" /><Button Click="ChooseExtrasTarget_Click" Content="{Binding Copy.ExtDataTarget}" /></StackPanel>
+                                        <StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ExtrasStageDryRun_Click" IsEnabled="{Binding CanRunExtrasStageDryRun}" Content="{Binding Copy.PreviewStaging}" /><Button Click="StageExtras_Click" IsEnabled="{Binding CanStageExtras}" Content="{Binding Copy.WriteStaging}" /><Button Click="ExtrasInstallDryRun_Click" IsEnabled="{Binding CanRunExtrasInstallDryRun}" Content="{Binding Copy.PreviewInstall}" /><Button Click="InstallExtras_Click" IsEnabled="{Binding CanInstallExtras}" Content="{Binding Copy.InstallExtData}" /></StackPanel>
+                                        <TextBox x:Name="ExtrasRollbackManifestBox" Text="{Binding ExtrasRollbackManifestPath, Mode=TwoWay}" PlaceholderText="{Binding Copy.ExtDataManifest}" />
+                                        <StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseExtrasRollbackManifest_Click" Content="{Binding Copy.Browse}" /><Button Click="RollbackExtras_Click" IsEnabled="{Binding CanRollbackExtras}" Content="{Binding Copy.RollbackFromManifest}" /></StackPanel>
+                                    </StackPanel>
+                                </Border>
+                            </StackPanel>
+                        </ScrollViewer>
+                        <Border Grid.Row="1" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12">
+                            <Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
+                                <TextBlock Text="{Binding Copy.OptionalCoreUnaffected}" TextWrapping="Wrap" VerticalAlignment="Center" AutomationProperties.LiveSetting="Polite" />
+                                <Button Grid.Column="1" Click="SkipOptional_Click" Content="{Binding Copy.SkipOptionalData}" AutomationProperties.AutomationId="mh3g.converter.windows.action.skipOptional" />
+                                <Button Grid.Column="2" Click="ContinueToDryRun_Click" Content="{Binding Copy.ContinueToDryRun}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.continueOptionals" />
                             </Grid>
-                        </StackPanel>
+                        </Border>
+                    </Grid>
 
-                        <Rectangle Height="1" Fill="#1418212F" Margin="0,4" />
-                        <TextBlock Text="{Binding Copy.OptionalExtData}" Style="{StaticResource SectionTitleTextStyle}" />
-                        <controls:InfoBar IsOpen="True" IsClosable="False" Severity="Warning" Message="{Binding Copy.ExtDataInstallUnavailable}" />
-                        <StackPanel Orientation="Horizontal" Spacing="16">
-                            <CheckBox x:Name="GuildCardsCheckBox" Content="{Binding Copy.GuildCards}" IsChecked="{Binding IncludeGuildCards, Mode=TwoWay}" />
-                            <CheckBox x:Name="QuestsCheckBox" Content="{Binding Copy.Quests}" IsChecked="{Binding IncludeQuests, Mode=TwoWay}" />
-                        </StackPanel>
-                        <Grid ColumnSpacing="14">
-                            <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="*" /><ColumnDefinition Width="*" /></Grid.ColumnDefinitions>
-                            <StackPanel Spacing="7">
-                                <TextBlock Text="{Binding Copy.ExtDataSource}" FontWeight="SemiBold" />
-                                <Grid ColumnSpacing="8"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBox x:Name="ExtrasSourceBox" Text="{Binding ExtrasSourceDirectory, Mode=TwoWay}" TextChanged="ExtrasPath_TextChanged" PlaceholderText=".../extdata/.../user" /><Button Grid.Column="1" Click="ChooseExtrasSource_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.Browse}"><SymbolIcon Symbol="Folder" /></Button></Grid>
-                                <TextBlock Text="{Binding Copy.ExtDataSourceHint}" Style="{StaticResource SectionCaptionTextStyle}" />
-                                <TextBlock Text="{Binding ExtrasSourcePathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
-                            </StackPanel>
-                            <StackPanel Grid.Column="1" Spacing="7">
-                                <TextBlock Text="{Binding Copy.StagingDirectory}" FontWeight="SemiBold" />
-                                <Grid ColumnSpacing="8"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBox x:Name="ExtrasStagingBox" Text="{Binding ExtrasStagingDirectory, Mode=TwoWay}" TextChanged="ExtrasPath_TextChanged" PlaceholderText="new empty directory" /><Button Grid.Column="1" Click="ChooseExtrasStaging_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.Browse}"><SymbolIcon Symbol="Folder" /></Button></Grid>
-                            </StackPanel>
-                            <StackPanel Grid.Column="2" Spacing="7">
-                                <TextBlock Text="{Binding Copy.ExtDataTarget}" FontWeight="SemiBold" />
-                                <Grid ColumnSpacing="8"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBox x:Name="ExtrasTargetBox" Text="{Binding ExtrasTargetDirectory, Mode=TwoWay}" TextChanged="ExtrasPath_TextChanged" PlaceholderText=".../80000001" /><Button Grid.Column="1" Click="ChooseExtrasTarget_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.Browse}"><SymbolIcon Symbol="Folder" /></Button></Grid>
-                            </StackPanel>
-                        </Grid>
-                        <StackPanel Orientation="Horizontal" Spacing="10">
-                            <Button Click="ExtrasStageDryRun_Click" IsEnabled="{Binding CanRunExtrasStageDryRun}" Style="{StaticResource QuietButtonStyle}"><TextBlock Text="{Binding Copy.PreviewStaging}" /></Button>
-                            <Button Click="StageExtras_Click" IsEnabled="{Binding CanStageExtras}" Style="{StaticResource QuietButtonStyle}"><TextBlock Text="{Binding Copy.WriteStaging}" /></Button>
-                            <Button Click="ExtrasInstallDryRun_Click" IsEnabled="{Binding CanRunExtrasInstallDryRun}" Style="{StaticResource QuietButtonStyle}"><TextBlock Text="{Binding Copy.PreviewInstall}" /></Button>
-                            <Button Click="InstallExtras_Click" IsEnabled="{Binding CanInstallExtras}"><StackPanel Orientation="Horizontal" Spacing="8"><SymbolIcon Symbol="Save" /><TextBlock Text="{Binding Copy.InstallExtData}" /></StackPanel></Button>
-                        </StackPanel>
-                        <Grid ColumnSpacing="8">
-                            <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                            <TextBox x:Name="ExtrasRollbackManifestBox" Text="{Binding ExtrasRollbackManifestPath, Mode=TwoWay}" PlaceholderText=".mh3g-extras-install.json" Header="{Binding Copy.ExtDataManifest}" />
-                            <StackPanel Grid.Column="1" Orientation="Horizontal" Spacing="8" VerticalAlignment="Bottom">
-                                <Button Click="ChooseExtrasRollbackManifest_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.Browse}"><SymbolIcon Symbol="OpenFile" /></Button>
-                                <Button Click="RollbackExtras_Click" IsEnabled="{Binding CanRollbackExtras}" Style="{StaticResource QuietButtonStyle}"><StackPanel Orientation="Horizontal" Spacing="8"><SymbolIcon Symbol="Undo" /><TextBlock Text="{Binding Copy.RollbackFromManifest}" /></StackPanel></Button>
-                            </StackPanel>
-                        </Grid>
-                        <Button Click="GoToCoreWorkflow_Click" Style="{StaticResource QuietButtonStyle}" HorizontalAlignment="Left">
-                            <StackPanel Orientation="Horizontal" Spacing="7"><SymbolIcon Symbol="Forward" /><TextBlock Text="{Binding Copy.GoToCoreDryRun}" /></StackPanel>
-                        </Button>
-                    </StackPanel>
-                </Border>
+                    <!-- Convert / Step 3 -->
+                    <Grid x:Name="DryRunPage" Visibility="Collapsed">
+                        <Grid.RowDefinitions><RowDefinition Height="*" /><RowDefinition Height="Auto" /></Grid.RowDefinitions>
+                        <ScrollViewer><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24">
+                            <Grid><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><StackPanel Spacing="6"><TextBlock Text="{Binding Copy.DryRunPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.dryRun.title" /><TextBlock Text="{Binding Copy.DryRunDescription}" Style="{StaticResource SectionCaptionTextStyle}" /></StackPanel><TextBlock Grid.Column="1" Text="{Binding Copy.StepThree}" /></Grid>
+                            <Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="12"><InfoBar IsOpen="True" IsClosable="False" Severity="Success" Message="{Binding Copy.DryRunReadyMessage}" AutomationProperties.AutomationId="mh3g.converter.windows.state.dryRunReady" /><TextBlock Text="{Binding SourcePathPreview}" /><TextBlock Text="{Binding CurrentPathPreview}" Visibility="{Binding RepairCurrentVisibility}" /><TextBlock Text="{Binding TargetPathPreview}" /><ProgressBar IsIndeterminate="True" Visibility="{Binding BusyVisibility}" /></StackPanel></Border>
+                            <Expander Header="{Binding Copy.AdvancedDetails}"><TextBlock Text="{Binding LatestReport}" FontFamily="Cascadia Mono" TextWrapping="Wrap" IsTextSelectionEnabled="True" /></Expander>
+                        </StackPanel></ScrollViewer>
+                        <Border Grid.Row="1" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12"><Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlock Text="{Binding Copy.DryRunNeedsInspect}" VerticalAlignment="Center" AutomationProperties.LiveSetting="Polite" AutomationProperties.AutomationId="mh3g.converter.windows.state.dryRunBlocked" /><Button Grid.Column="1" Click="DryRun_Click" IsEnabled="{Binding CanRunCoreDryRun}" Content="{Binding Copy.RunDryRun}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.runDryRun" /></Grid></Border>
+                    </Grid>
 
-                <Border Padding="22" Background="#FFF8FAFD" BorderBrush="#1418212F" BorderThickness="1" CornerRadius="8">
-                    <StackPanel Spacing="14">
-                        <ToggleSwitch x:Name="CecToggle" Header="{Binding Copy.ExperimentalCec}" IsOn="{Binding IsCecEnabled, Mode=TwoWay}" Toggled="CecToggle_Toggled" />
-                        <TextBlock Text="{Binding Copy.ExperimentalCecHint}" Style="{StaticResource SectionCaptionTextStyle}" />
-                        <Grid x:Name="CecControls" Visibility="Collapsed" ColumnSpacing="20">
-                            <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="*" /></Grid.ColumnDefinitions>
-                            <StackPanel Spacing="9">
-                                <TextBlock Text="{Binding Copy.CecSourceDirectory}" FontWeight="SemiBold" />
-                                <Grid ColumnSpacing="8">
-                                    <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                    <TextBox x:Name="CecSourceBox" Text="{Binding CecSourceDirectory, Mode=TwoWay}" TextChanged="CecPath_TextChanged" PlaceholderText=".../CEC/00048100" />
-                                    <Button Grid.Column="1" Click="ChooseCecDirectory_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.Browse}"><SymbolIcon Symbol="Folder" /></Button>
-                                </Grid>
-                                <TextBlock Text="{Binding Copy.CecSourceDirectoryHint}" Style="{StaticResource SectionCaptionTextStyle}" />
-                                <TextBlock Text="{Binding Copy.CecTargetCache}" FontWeight="SemiBold" />
-                                <Grid ColumnSpacing="8">
-                                    <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                    <TextBox x:Name="CecTargetBox" Text="{Binding CecTargetPath, Mode=TwoWay}" TextChanged="CecPath_TextChanged" PlaceholderText=".../cec" />
-                                    <Button Grid.Column="1" Click="ChooseCecTarget_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.Browse}"><SymbolIcon Symbol="OpenFile" /></Button>
-                                </Grid>
-                                <TextBlock Text="{Binding Copy.CecTargetCacheHint}" Style="{StaticResource SectionCaptionTextStyle}" />
-                                <StackPanel Orientation="Horizontal" Spacing="10">
-                                    <Button Click="InspectCec_Click" IsEnabled="{Binding CanInspectCec}"><TextBlock Text="{Binding Copy.InspectCec}" /></Button>
-                                    <Button Click="CecDryRun_Click" IsEnabled="{Binding CanRunCecDryRun}" Style="{StaticResource QuietButtonStyle}"><TextBlock Text="{Binding Copy.RunCecDryRun}" /></Button>
-                                </StackPanel>
-                            </StackPanel>
-                            <StackPanel Grid.Column="1" Spacing="10">
-                                <Border Height="116" CornerRadius="8" Background="#FF18212F">
-                                    <Image Source="ms-appx:///Assets/Artwork/cec-mailbox.png" Stretch="UniformToFill" Opacity="0.78" />
-                                </Border>
-                                <CheckBox IsChecked="{Binding IsCecAcknowledged, Mode=TwoWay}" Content="{Binding Copy.CecAcknowledge}" />
-                                <Button Click="WriteCec_Click" IsEnabled="{Binding CanWriteCec}" HorizontalAlignment="Left">
-                                    <StackPanel Orientation="Horizontal" Spacing="8"><SymbolIcon Symbol="Mail" /><TextBlock Text="{Binding Copy.WriteCec}" /></StackPanel>
-                                </Button>
-                                <TextBlock Text="{Binding Copy.ManifestPath}" FontWeight="SemiBold" />
-                                <Grid ColumnSpacing="8">
-                                    <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                    <TextBox x:Name="CecRollbackManifestBox" Text="{Binding CecRollbackManifestPath, Mode=TwoWay}" PlaceholderText=".cec.mh3g-install.json" />
-                                    <Button Grid.Column="1" Click="ChooseCecRollbackManifest_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.Name="{Binding Copy.Browse}"><SymbolIcon Symbol="OpenFile" /></Button>
-                                </Grid>
-                                <Button Click="RollbackCec_Click" IsEnabled="{Binding CanRollbackCec}" HorizontalAlignment="Left" Style="{StaticResource QuietButtonStyle}">
-                                    <StackPanel Orientation="Horizontal" Spacing="8"><SymbolIcon Symbol="Undo" /><TextBlock Text="{Binding Copy.RollbackCec}" /></StackPanel>
-                                </Button>
-                            </StackPanel>
-                        </Grid>
-                    </StackPanel>
-                </Border>
+                    <!-- Convert / Step 4 -->
+                    <Grid x:Name="WriteResultPage" Visibility="Collapsed">
+                        <Grid.RowDefinitions><RowDefinition Height="*" /><RowDefinition Height="Auto" /></Grid.RowDefinitions>
+                        <ScrollViewer><StackPanel x:Name="ResultAnchor" MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24">
+                            <Grid><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><StackPanel Spacing="6"><TextBlock Text="{Binding Copy.WriteResultPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.writeResult.title" /><TextBlock Text="{Binding Copy.WriteDescription}" Style="{StaticResource SectionCaptionTextStyle}" /></StackPanel><TextBlock Grid.Column="1" Text="{Binding Copy.StepFour}" /></Grid>
+                            <InfoBar IsOpen="{Binding HasLatestError}" IsClosable="True" Severity="Error" Title="{Binding Copy.Failed}" Message="{Binding LatestError}" AutomationProperties.AutomationId="mh3g.converter.windows.state.failure" />
+                            <Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="10"><TextBlock Text="{Binding StatusText}" Style="{StaticResource SectionTitleTextStyle}" AutomationProperties.LiveSetting="Polite" AutomationProperties.AutomationId="mh3g.converter.windows.state.success" /><TextBlock Text="{Binding Copy.WriteAuthorizedMessage}" TextWrapping="Wrap" /><TextBlock Text="{Binding LatestReport}" FontFamily="Cascadia Mono" TextWrapping="Wrap" IsTextSelectionEnabled="True" /><ProgressBar IsIndeterminate="True" Visibility="{Binding BusyVisibility}" /></StackPanel></Border>
+                            <Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="10"><TextBlock Text="{Binding Copy.RollbackTitle}" Style="{StaticResource SectionTitleTextStyle}" /><TextBox x:Name="RollbackManifestBox" Text="{Binding RollbackManifestPath, Mode=TwoWay}" PlaceholderText="{Binding Copy.ManifestPath}" /><StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseRollbackManifest_Click" Content="{Binding Copy.Browse}" /><Button Click="RollbackCore_Click" IsEnabled="{Binding CanRollbackCore}" Content="{Binding Copy.RollbackFromManifest}" AutomationProperties.AutomationId="mh3g.converter.windows.action.rollback" /></StackPanel></StackPanel></Border>
+                        </StackPanel></ScrollViewer>
+                        <Border Grid.Row="1" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12"><Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlock Text="{Binding Copy.WriteAuthorizedMessage}" VerticalAlignment="Center" TextWrapping="Wrap" AutomationProperties.AutomationId="mh3g.converter.windows.state.writeAuthorized" /><Button Grid.Column="1" Click="WriteCore_Click" IsEnabled="{Binding CanWriteCore}" Content="{Binding Copy.ConfirmAndWrite}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.confirmWrite" /></Grid></Border>
+                    </Grid>
 
-                <Grid x:Name="ResultAnchor" ColumnSpacing="24">
-                    <Grid.ColumnDefinitions><ColumnDefinition Width="1.15*" /><ColumnDefinition Width="0.85*" /></Grid.ColumnDefinitions>
-                    <StackPanel Spacing="10">
-                        <TextBlock Text="{Binding Copy.ResultTitle}" Style="{StaticResource SectionTitleTextStyle}" />
-                        <TextBlock Text="{Binding Copy.ResultEmpty}" Visibility="{Binding LatestReportEmptyVisibility}" Style="{StaticResource SectionCaptionTextStyle}" />
-                        <TextBox Text="{Binding LatestReport}" IsReadOnly="True" AcceptsReturn="True" TextWrapping="Wrap" FontFamily="Cascadia Mono" FontSize="12" MinHeight="194" MaxHeight="280" ScrollViewer.VerticalScrollBarVisibility="Auto" />
-                    </StackPanel>
-                    <StackPanel Grid.Column="1" Spacing="10">
-                        <TextBlock Text="{Binding Copy.OperationHistory}" Style="{StaticResource SectionTitleTextStyle}" />
-                        <Border BorderBrush="#1418212F" BorderThickness="1" CornerRadius="8">
-                            <ListView ItemsSource="{Binding History}" MaxHeight="280" SelectionMode="None">
-                                <ListView.ItemTemplate>
-                                    <DataTemplate x:DataType="models:OperationHistoryItem">
-                                        <Grid Padding="10,8" ColumnSpacing="8">
-                                            <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
-                                            <StackPanel Spacing="2">
-                                                <TextBlock Text="{Binding Operation}" FontWeight="SemiBold" />
-                                                <TextBlock Text="{Binding Detail}" FontSize="12" TextWrapping="Wrap" Foreground="{StaticResource ConverterSlateBrush}" />
-                                            </StackPanel>
-                                            <TextBlock Grid.Column="1" Text="{Binding Status}" FontSize="12" Foreground="{StaticResource ConverterSlateBrush}" />
-                                        </Grid>
-                                    </DataTemplate>
-                                </ListView.ItemTemplate>
-                            </ListView>
-                        </Border>
-                    </StackPanel>
+                    <!-- History -->
+                    <ScrollViewer x:Name="HistoryPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.HistoryPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.history.title" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="12"><SymbolIcon Symbol="Document" Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}" /><TextBlock Text="{Binding Copy.HistoryEmptyTitle}" Style="{StaticResource SectionTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.state.historyEmpty" /><TextBlock Text="{Binding Copy.HistoryEmptyDescription}" Style="{StaticResource SectionCaptionTextStyle}" /><Button HorizontalAlignment="Left" Click="StartConversion_Click" Content="{Binding Copy.StartConversion}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.startConversion" /><ListView ItemsSource="{Binding History}"><ListView.ItemTemplate><DataTemplate><StackPanel Padding="0,8" Spacing="3"><TextBlock Text="{Binding Operation}" FontWeight="SemiBold" /><TextBlock Text="{Binding Detail}" TextWrapping="Wrap" /><TextBlock Text="{Binding Timestamp}" FontSize="12" /></StackPanel></DataTemplate></ListView.ItemTemplate></ListView></StackPanel></Border></StackPanel></ScrollViewer>
+
+                    <!-- Experimental CEC -->
+                    <ScrollViewer x:Name="CecPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.ExperimentalCec}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.experimentalCEC.title" /><InfoBar IsOpen="True" IsClosable="False" Severity="Warning" Message="{Binding Copy.ExperimentalCecHint}" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="10"><ToggleSwitch x:Name="CecToggle" Header="{Binding Copy.ExperimentalCec}" IsOn="{Binding IsCecEnabled, Mode=TwoWay}" Toggled="CecToggle_Toggled" /><StackPanel x:Name="CecControls" Visibility="Collapsed" Spacing="10"><TextBox x:Name="CecSourceBox" Text="{Binding CecSourceDirectory, Mode=TwoWay}" TextChanged="CecPath_TextChanged" PlaceholderText="{Binding Copy.CecSourceDirectory}" AutomationProperties.AutomationId="mh3g.converter.windows.path.cecSource" /><TextBox x:Name="CecTargetBox" Text="{Binding CecTargetPath, Mode=TwoWay}" TextChanged="CecPath_TextChanged" PlaceholderText="{Binding Copy.CecTargetCache}" AutomationProperties.AutomationId="mh3g.converter.windows.path.cecTarget" /><StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseCecDirectory_Click" Content="{Binding Copy.CecSourceDirectory}" /><Button Click="ChooseCecTarget_Click" Content="{Binding Copy.CecTargetCache}" /><Button Click="InspectCec_Click" IsEnabled="{Binding CanInspectCec}" Content="{Binding Copy.InspectCec}" /><Button Click="CecDryRun_Click" IsEnabled="{Binding CanRunCecDryRun}" Content="{Binding Copy.RunCecDryRun}" /></StackPanel><CheckBox Content="{Binding Copy.CecAcknowledge}" IsChecked="{Binding IsCecAcknowledged, Mode=TwoWay}" /><Button HorizontalAlignment="Left" Click="WriteCec_Click" IsEnabled="{Binding CanWriteCec}" Content="{Binding Copy.WriteCec}" /><TextBox x:Name="CecRollbackManifestBox" Text="{Binding CecRollbackManifestPath, Mode=TwoWay}" /><StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseCecRollbackManifest_Click" Content="{Binding Copy.Browse}" /><Button Click="RollbackCec_Click" IsEnabled="{Binding CanRollbackCec}" Content="{Binding Copy.RollbackCec}" /></StackPanel></StackPanel></StackPanel></Border></StackPanel></ScrollViewer>
+
+                    <!-- Settings -->
+                    <ScrollViewer x:Name="SettingsPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.SettingsPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.settings.title" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="14"><TextBlock Text="{Binding Copy.Language}" Style="{StaticResource SectionTitleTextStyle}" /><TextBlock Text="{Binding Copy.UpdateNetworkNote}" Style="{StaticResource SectionCaptionTextStyle}" /><Button HorizontalAlignment="Left" Click="About_Click" Content="{Binding Copy.AboutUpdates}" /></StackPanel></Border></StackPanel></ScrollViewer>
                 </Grid>
-            </StackPanel>
-        </ScrollViewer>
+            </Grid>
+        </controls:NavigationView>
     </Grid>
 </Window>
diff --git a/apps/mh3g-save-converter-windows/MainWindow.xaml.cs b/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
index d6042cb..a5d34b8 100644
--- a/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
+++ b/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
@@ -3,6 +3,7 @@
 using Microsoft.UI.Xaml;
 using Microsoft.UI.Xaml.Controls;
 using Microsoft.UI.Xaml.Media;
+using Microsoft.UI.Xaml.Automation.Peers;
 using Windows.Graphics;
 using Windows.Storage.Pickers;
 using WinRT.Interop;
@@ -22,16 +23,27 @@ public sealed partial class MainWindow : Window
     private bool _synchronizingConversionMode;
     private bool _synchronizingRepairVersion;
     private bool _loadedOnce;
+    private readonly string? _fixtureId;
+    private readonly MotionPreferenceService _motionPreferences = new();
+    private ConvertStep _convertStep = ConvertStep.Input;
 
-    public MainWindow()
+    private enum ConvertStep { Input, Optional, DryRun, WriteResult }
+
+    public MainWindow(MainViewModel? viewModel = null, string? fixtureId = null)
     {
-        ViewModel = new MainViewModel();
+        ViewModel = viewModel ?? new MainViewModel();
+        _fixtureId = fixtureId;
         InitializeComponent();
         RootGrid.DataContext = ViewModel;
         ConfigureWindowMaterial();
         SelectLanguage(ViewModel.LanguageOverride);
         SelectConversionMode(ViewModel.SelectedConversionMode);
         SelectRepairVersion(null);
+        AppNavigation.SelectedItem = ConvertNavigationItem;
+        if (_fixtureId is not null)
+        {
+            SelectFixtureSurface(_fixtureId);
+        }
     }
 
     public MainViewModel ViewModel { get; }
@@ -44,7 +56,7 @@ private async void RootGrid_Loaded(object sender, RoutedEventArgs e)
         }
         _loadedOnce = true;
 
-        if (!_updateCheckStore.ShouldCheckToday())
+        if (_fixtureId is not null || !_updateCheckStore.ShouldCheckToday())
         {
             return;
         }
@@ -206,7 +218,7 @@ private async Task<ContentDialogResult> ShowDialogAsync(ContentDialog dialog)
 
     private void ConfigureWindowMaterial()
     {
-        AppWindow.Resize(new SizeInt32(1240, 900));
+        AppWindow.Resize(new SizeInt32(1120, 760));
         if (MicaController.IsSupported())
         {
             SystemBackdrop = new MicaBackdrop();
@@ -279,6 +291,133 @@ private void RepairVersionPicker_SelectionChanged(object sender, SelectionChange
         ViewModel.SetRepairFromVersion(item.Tag as string);
     }
 
+    private void AppNavigation_SelectionChanged(NavigationView sender, NavigationViewSelectionChangedEventArgs args)
+    {
+        if (args.SelectedItemContainer?.Tag is not string route)
+        {
+            return;
+        }
+        HideAllSurfaces();
+        switch (route)
+        {
+            case "convert":
+                ShowConvertStep(_convertStep);
+                break;
+            case "history":
+                HistoryPage.Visibility = Visibility.Visible;
+                break;
+            case "cec":
+                CecPage.Visibility = Visibility.Visible;
+                break;
+            case "settings":
+                SettingsPage.Visibility = Visibility.Visible;
+                break;
+        }
+    }
+
+    private void HideAllSurfaces()
+    {
+        InputPage.Visibility = Visibility.Collapsed;
+        OptionalPage.Visibility = Visibility.Collapsed;
+        DryRunPage.Visibility = Visibility.Collapsed;
+        WriteResultPage.Visibility = Visibility.Collapsed;
+        HistoryPage.Visibility = Visibility.Collapsed;
+        CecPage.Visibility = Visibility.Collapsed;
+        SettingsPage.Visibility = Visibility.Collapsed;
+    }
+
+    private void ShowConvertStep(ConvertStep step)
+    {
+        _convertStep = step;
+        HideAllSurfaces();
+        var surface = step switch
+        {
+            ConvertStep.Input => InputPage,
+            ConvertStep.Optional => OptionalPage,
+            ConvertStep.DryRun => DryRunPage,
+            _ => WriteResultPage,
+        };
+        surface.Visibility = Visibility.Visible;
+        if (_motionPreferences.AnimationsEnabled)
+        {
+            surface.Opacity = 0.98;
+            surface.Opacity = 1;
+        }
+    }
+
+    private void SelectFixtureSurface(string fixtureId)
+    {
+        if (fixtureId.StartsWith("components.", StringComparison.Ordinal))
+        {
+            _convertStep = ConvertStep.Optional;
+        }
+        else if (fixtureId.StartsWith("dry-run.", StringComparison.Ordinal))
+        {
+            _convertStep = ConvertStep.DryRun;
+        }
+        else if (fixtureId.StartsWith("write.", StringComparison.Ordinal)
+                 || fixtureId.StartsWith("conversion.", StringComparison.Ordinal))
+        {
+            _convertStep = ConvertStep.WriteResult;
+        }
+        else if (fixtureId.StartsWith("history.", StringComparison.Ordinal))
+        {
+            AppNavigation.SelectedItem = HistoryNavigationItem;
+            HideAllSurfaces();
+            HistoryPage.Visibility = Visibility.Visible;
+            return;
+        }
+        ShowConvertStep(_convertStep);
+    }
+
+    private bool FixtureBlocksActions()
+    {
+        if (_fixtureId is null)
+        {
+            return false;
+        }
+        RaiseFixtureLiveRegion();
+        return true;
+    }
+
+    private async Task RunUserOperationAsync(Func<Task> operation)
+    {
+        if (FixtureBlocksActions())
+        {
+            return;
+        }
+        await RunSafelyAsync(operation);
+    }
+
+    private void RaiseFixtureLiveRegion()
+    {
+        var peer = FrameworkElementAutomationPeer.FromElement(RootGrid)
+            ?? FrameworkElementAutomationPeer.CreatePeerForElement(RootGrid);
+        peer?.RaiseAutomationEvent(AutomationEvents.LiveRegionChanged);
+    }
+
+    private void SkipOptional_Click(object sender, RoutedEventArgs e)
+    {
+        if (ViewModel.CommitRepairOptionalScope(skip: true))
+        {
+            ShowConvertStep(ConvertStep.DryRun);
+        }
+    }
+
+    private void ContinueToDryRun_Click(object sender, RoutedEventArgs e)
+    {
+        if (ViewModel.CommitRepairOptionalScope(skip: false))
+        {
+            ShowConvertStep(ConvertStep.DryRun);
+        }
+    }
+
+    private void StartConversion_Click(object sender, RoutedEventArgs e)
+    {
+        AppNavigation.SelectedItem = ConvertNavigationItem;
+        ShowConvertStep(ConvertStep.Input);
+    }
+
     private async void ChooseSourceFile_Click(object sender, RoutedEventArgs e)
     {
         var path = await PickFileAsync("*");
@@ -474,30 +613,27 @@ private void CorePath_TextChanged(object sender, TextChangedEventArgs e)
         }
     }
 
-    private void GoToCoreWorkflow_Click(object sender, RoutedEventArgs e)
-    {
-        CoreWorkflowAnchor.StartBringIntoView();
-    }
+    private void GoToCoreWorkflow_Click(object sender, RoutedEventArgs e) => ShowConvertStep(ConvertStep.Input);
 
     private void GoToOptionalConfiguration_Click(object sender, RoutedEventArgs e)
     {
-        OptionalConfigurationAnchor.StartBringIntoView();
+        ShowConvertStep(ConvertStep.Optional);
     }
 
     private void GoToPostWriteDestination_Click(object sender, RoutedEventArgs e)
     {
         if (ViewModel.HasPendingSelectedOptionalWork)
         {
-            OptionalConfigurationAnchor.StartBringIntoView();
+            ShowConvertStep(ConvertStep.Optional);
             return;
         }
 
-        ResultAnchor.StartBringIntoView();
+        ShowConvertStep(ConvertStep.WriteResult);
     }
 
     private void GoToResult_Click(object sender, RoutedEventArgs e)
     {
-        ResultAnchor.StartBringIntoView();
+        ShowConvertStep(ConvertStep.WriteResult);
     }
 
     private void ApplySourceSelection(string path)
@@ -552,18 +688,29 @@ private void ExtrasPath_TextChanged(object sender, TextChangedEventArgs e)
         }
     }
 
-    private async void Inspect_Click(object sender, RoutedEventArgs e) => await RunSafelyAsync(ViewModel.InspectCoreAsync);
-    private async void InspectProgress_Click(object sender, RoutedEventArgs e) => await RunSafelyAsync(ViewModel.InspectProgressAsync);
-    private async void InspectEvents_Click(object sender, RoutedEventArgs e) => await RunSafelyAsync(ViewModel.InspectEventsAsync);
-    private async void DryRun_Click(object sender, RoutedEventArgs e) => await RunSafelyAsync(ViewModel.RunCoreDryRunAsync);
-    private async void SystemDryRun_Click(object sender, RoutedEventArgs e) => await RunSafelyAsync(ViewModel.RunSystemDryRunAsync);
-    private async void ExtrasStageDryRun_Click(object sender, RoutedEventArgs e) => await RunSafelyAsync(ViewModel.RunExtrasStageDryRunAsync);
-    private async void ExtrasInstallDryRun_Click(object sender, RoutedEventArgs e) => await RunSafelyAsync(ViewModel.RunExtrasInstallDryRunAsync);
-    private async void InspectCec_Click(object sender, RoutedEventArgs e) => await RunSafelyAsync(ViewModel.InspectCecAsync);
-    private async void CecDryRun_Click(object sender, RoutedEventArgs e) => await RunSafelyAsync(ViewModel.RunCecDryRunAsync);
+    private async void Inspect_Click(object sender, RoutedEventArgs e)
+    {
+        if (FixtureBlocksActions()) return;
+        await RunSafelyAsync(ViewModel.InspectCoreAsync);
+        if (ViewModel.Stage == WorkflowStage.Inspected) ShowConvertStep(ConvertStep.Optional);
+    }
+    private async void InspectProgress_Click(object sender, RoutedEventArgs e) => await RunUserOperationAsync(ViewModel.InspectProgressAsync);
+    private async void InspectEvents_Click(object sender, RoutedEventArgs e) => await RunUserOperationAsync(ViewModel.InspectEventsAsync);
+    private async void DryRun_Click(object sender, RoutedEventArgs e)
+    {
+        if (FixtureBlocksActions()) return;
+        await RunSafelyAsync(ViewModel.RunCoreDryRunAsync);
+        if (ViewModel.Stage == WorkflowStage.DryRunAuthorized) ShowConvertStep(ConvertStep.WriteResult);
+    }
+    private async void SystemDryRun_Click(object sender, RoutedEventArgs e) => await RunUserOperationAsync(ViewModel.RunSystemDryRunAsync);
+    private async void ExtrasStageDryRun_Click(object sender, RoutedEventArgs e) => await RunUserOperationAsync(ViewModel.RunExtrasStageDryRunAsync);
+    private async void ExtrasInstallDryRun_Click(object sender, RoutedEventArgs e) => await RunUserOperationAsync(ViewModel.RunExtrasInstallDryRunAsync);
+    private async void InspectCec_Click(object sender, RoutedEventArgs e) => await RunUserOperationAsync(ViewModel.InspectCecAsync);
+    private async void CecDryRun_Click(object sender, RoutedEventArgs e) => await RunUserOperationAsync(ViewModel.RunCecDryRunAsync);
 
     private async void WriteCore_Click(object sender, RoutedEventArgs e)
     {
+        if (FixtureBlocksActions()) return;
         if (await ConfirmAsync(ViewModel.Copy.ConfirmWriteTitle, ViewModel.Copy.ConfirmWriteBody))
         {
             await RunSafelyAsync(ViewModel.WriteCoreAsync);
@@ -572,6 +719,7 @@ private async void WriteCore_Click(object sender, RoutedEventArgs e)
 
     private async void RollbackCore_Click(object sender, RoutedEventArgs e)
     {
+        if (FixtureBlocksActions()) return;
         if (await ConfirmAsync(ViewModel.Copy.ConfirmRollbackTitle, ViewModel.Copy.ConfirmRollbackBody))
         {
             await RunSafelyAsync(ViewModel.RollbackCoreAsync);
@@ -580,6 +728,7 @@ private async void RollbackCore_Click(object sender, RoutedEventArgs e)
 
     private async void WriteSystem_Click(object sender, RoutedEventArgs e)
     {
+        if (FixtureBlocksActions()) return;
         if (await ConfirmAsync(ViewModel.Copy.ConfirmWriteTitle, ViewModel.Copy.ConfirmWriteBody))
         {
             await RunSafelyAsync(ViewModel.WriteSystemAsync);
@@ -588,6 +737,7 @@ private async void WriteSystem_Click(object sender, RoutedEventArgs e)
 
     private async void RollbackSystem_Click(object sender, RoutedEventArgs e)
     {
+        if (FixtureBlocksActions()) return;
         if (await ConfirmAsync(ViewModel.Copy.ConfirmRollbackTitle, ViewModel.Copy.ConfirmRollbackBody))
         {
             await RunSafelyAsync(ViewModel.RollbackSystemAsync);
@@ -596,11 +746,12 @@ private async void RollbackSystem_Click(object sender, RoutedEventArgs e)
 
     private async void StageExtras_Click(object sender, RoutedEventArgs e)
     {
-        await RunSafelyAsync(ViewModel.StageExtrasAsync);
+        await RunUserOperationAsync(ViewModel.StageExtrasAsync);
     }
 
     private async void InstallExtras_Click(object sender, RoutedEventArgs e)
     {
+        if (FixtureBlocksActions()) return;
         if (await ConfirmAsync(ViewModel.Copy.ConfirmWriteTitle, ViewModel.Copy.ConfirmWriteBody))
         {
             await RunSafelyAsync(ViewModel.InstallExtrasAsync);
@@ -609,6 +760,7 @@ private async void InstallExtras_Click(object sender, RoutedEventArgs e)
 
     private async void RollbackExtras_Click(object sender, RoutedEventArgs e)
     {
+        if (FixtureBlocksActions()) return;
         if (await ConfirmAsync(ViewModel.Copy.ConfirmRollbackTitle, ViewModel.Copy.ConfirmRollbackBody))
         {
             await RunSafelyAsync(ViewModel.RollbackExtrasAsync);
@@ -617,6 +769,7 @@ private async void RollbackExtras_Click(object sender, RoutedEventArgs e)
 
     private async void WriteCec_Click(object sender, RoutedEventArgs e)
     {
+        if (FixtureBlocksActions()) return;
         if (await ConfirmAsync(ViewModel.Copy.ConfirmCecTitle, ViewModel.Copy.ConfirmCecBody))
         {
             await RunSafelyAsync(ViewModel.WriteCecAsync);
@@ -625,6 +778,7 @@ private async void WriteCec_Click(object sender, RoutedEventArgs e)
 
     private async void RollbackCec_Click(object sender, RoutedEventArgs e)
     {
+        if (FixtureBlocksActions()) return;
         if (await ConfirmAsync(ViewModel.Copy.ConfirmRollbackTitle, ViewModel.Copy.ConfirmRollbackBody))
         {
             await RunSafelyAsync(ViewModel.RollbackCecAsync);
@@ -645,6 +799,11 @@ private void SystemToggle_Toggled(object sender, RoutedEventArgs e)
 
     private async Task<string?> PickFileAsync(params string[] extensions)
     {
+        if (_fixtureId is not null)
+        {
+            RaiseFixtureLiveRegion();
+            return null;
+        }
         var picker = new FileOpenPicker();
         foreach (var extension in extensions)
         {
@@ -657,6 +816,11 @@ private void SystemToggle_Toggled(object sender, RoutedEventArgs e)
 
     private async Task<string?> PickFolderAsync()
     {
+        if (_fixtureId is not null)
+        {
+            RaiseFixtureLiveRegion();
+            return null;
+        }
         var picker = new FolderPicker();
         picker.FileTypeFilter.Add("*");
         InitializeWithWindow.Initialize(picker, WindowNative.GetWindowHandle(this));
diff --git a/apps/mh3g-save-converter-windows/Services/MotionPreferenceService.cs b/apps/mh3g-save-converter-windows/Services/MotionPreferenceService.cs
new file mode 100644
index 0000000..1b234f1
--- /dev/null
+++ b/apps/mh3g-save-converter-windows/Services/MotionPreferenceService.cs
@@ -0,0 +1,25 @@
+using Windows.UI.ViewManagement;
+
+namespace MHToolkit.MH3GSaveConverter.Windows.Services;
+
+/// <summary>
+/// Reads the Windows animation preference immediately before a causal UI
+/// transition. The state change never depends on animation availability.
+/// </summary>
+public sealed class MotionPreferenceService
+{
+    public bool AnimationsEnabled
+    {
+        get
+        {
+            try
+            {
+                return new UISettings().AnimationsEnabled;
+            }
+            catch
+            {
+                return false;
+            }
+        }
+    }
+}
diff --git a/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs b/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
index e4dc835..26e2ab6 100644
--- a/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
+++ b/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
@@ -66,6 +66,9 @@ public sealed class MainViewModel : ObservableObject
     private ExtrasInstallDryRunAuthorization? _extrasInstallAuthorization;
     private CecDryRunAuthorization? _cecAuthorization;
     private bool _systemWriteCompleted;
+    private bool _extrasInstallCompleted;
+    private string? _repairGuildCardSource;
+    private string? _syntheticFixtureId;
     private WorkflowGuidance _workflowGuidance;
 
     private enum AuthorizationDomain
@@ -102,9 +105,107 @@ public MainViewModel(
         _statusText = Copy.Ready;
     }
 
+    /// <summary>
+    /// Applies presentation-only, deterministic state used by the Windows UI
+    /// evidence harness. No fixture calls the CLI or fingerprints the host.
+    /// </summary>
+    public void ApplySyntheticFixture(string fixtureId)
+    {
+        var supported = new HashSet<string>(StringComparer.Ordinal)
+        {
+            "first-run",
+            "input.empty",
+            "components.optional-missing",
+            "components.optional-skipped",
+            "dry-run.ready",
+            "dry-run.blocked",
+            "write.authorized",
+            "write.confirmation",
+            "conversion.success",
+            "conversion.failure",
+            "history.empty",
+            "history.result",
+        };
+        if (!supported.Contains(fixtureId))
+        {
+            throw new ArgumentException($"Unknown UI fixture: {fixtureId}", nameof(fixtureId));
+        }
+
+        _syntheticFixtureId = fixtureId;
+        SelectedSlot = "user2";
+        if (fixtureId is not ("first-run" or "input.empty" or "history.empty"))
+        {
+            _sourcePath = @"C:\UIFixture\3ds\user2";
+            _targetPath = @"C:\UIFixture\cemu\user2";
+            _sourceInspected = true;
+            _targetInspected = true;
+            Stage = WorkflowStage.Inspected;
+            StatusText = Copy.Inspected;
+        }
+
+        switch (fixtureId)
+        {
+            case "components.optional-missing":
+                _isSystemEnabled = true;
+                break;
+            case "components.optional-skipped":
+                StatusText = Copy.Ready;
+                break;
+            case "dry-run.ready":
+                StatusText = Copy.Inspected;
+                break;
+            case "dry-run.blocked":
+                _sourceInspected = false;
+                StatusText = Copy.Ready;
+                break;
+            case "write.authorized":
+            case "write.confirmation":
+                Stage = WorkflowStage.DryRunAuthorized;
+                StatusText = Copy.DryRunAuthorized;
+                break;
+            case "conversion.success":
+                Stage = WorkflowStage.Written;
+                StatusText = Copy.Written;
+                LatestReport = "{\"fixture\":true,\"status\":\"written\",\"manifest\":\"C:\\\\UIFixture\\\\manifest.json\"}";
+                History.Insert(0, new OperationHistoryItem(
+                    DateTimeOffset.Parse("2026-08-13T08:00:00+08:00"),
+                    "convert --write", "written", true, "Synthetic transaction evidence"));
+                break;
+            case "conversion.failure":
+                Stage = WorkflowStage.Failed;
+                StatusText = Copy.Failed;
+                LatestError = "Synthetic fixture: output fingerprint changed after Dry Run.";
+                break;
+            case "history.result":
+                History.Insert(0, new OperationHistoryItem(
+                    DateTimeOffset.Parse("2026-08-13T08:00:00+08:00"),
+                    "convert --dry-run", "dry-run", true, "Synthetic preview only"));
+                break;
+        }
+
+        OnPropertyChanged(nameof(IsSyntheticFixture));
+        OnPropertyChanged(nameof(SyntheticFixtureId));
+        OnPropertyChanged(nameof(SourcePath));
+        OnPropertyChanged(nameof(TargetPath));
+        OnPropertyChanged(nameof(IsSystemEnabled));
+        RaiseCoreActionAvailability();
+        RaiseOptionalConfigurationAvailability();
+    }
+
+    private bool SyntheticFixtureCanInspect() => _syntheticFixtureId is not ("first-run" or "input.empty");
+
+    private bool SyntheticFixtureCanDryRun() => _syntheticFixtureId is
+        "dry-run.ready" or "write.authorized" or "write.confirmation" or "conversion.success";
+
+    private bool SyntheticFixtureCanWrite() => _syntheticFixtureId is
+        "write.authorized" or "write.confirmation" or "conversion.success";
+
     public ConverterCopy Copy { get; }
     public ObservableCollection<OperationHistoryItem> History { get; } = new();
     public IReadOnlyList<string> SaveSlots => SavePathResolver.AvailableSlots;
+    public bool IsSyntheticFixture => _syntheticFixtureId is not null;
+    public string SyntheticFixtureId => _syntheticFixtureId ?? string.Empty;
+    public bool HasCommittedRepairGuildCards => IsRepairMode && _repairGuildCardSource is not null;
 
     public AppLanguageOverride LanguageOverride
     {
@@ -159,6 +260,8 @@ public void SetConversionMode(string? tag)
             return;
         }
         _conversionMode = mode;
+        _extrasInstallCompleted = false;
+        _repairGuildCardSource = null;
         if (IsRepairMode)
         {
             IsSystemEnabled = false;
@@ -178,6 +281,33 @@ public void SetConversionMode(string? tag)
         RaiseOptionalConfigurationAvailability();
     }
 
+    /// <summary>
+    /// Commits the optional guild-card choice into the repair transaction
+    /// scope. Draft checkbox/path edits do not silently change an authorized
+    /// core write; every effective scope change invalidates core inspection.
+    /// </summary>
+    public bool CommitRepairOptionalScope(bool skip)
+    {
+        string? next = null;
+        if (!skip && IsRepairMode && IncludeGuildCards)
+        {
+            if (!SavePathResolver.TryResolveExtDataUserDirectory(
+                ExtrasSourceDirectory, out next, out _))
+            {
+                Fail(Copy.ExtrasPathsRequired);
+                return false;
+            }
+            next = Path.GetFullPath(next);
+        }
+        if (!string.Equals(_repairGuildCardSource, next, StringComparison.OrdinalIgnoreCase))
+        {
+            _repairGuildCardSource = next;
+            InvalidateCoreAuthorization();
+            OnPropertyChanged(nameof(HasCommittedRepairGuildCards));
+        }
+        return true;
+    }
+
     public string SourcePath
     {
         get => _sourcePath;
@@ -511,6 +641,7 @@ private set
         {
             if (SetProperty(ref _isBusy, value))
             {
+                OnPropertyChanged(nameof(BusyVisibility));
                 OnPropertyChanged(nameof(CanInspectCore));
                 OnPropertyChanged(nameof(CanInspectProgress));
                 OnPropertyChanged(nameof(CanInspectEvents));
@@ -533,6 +664,7 @@ private set
             }
         }
     }
+    public Visibility BusyVisibility => IsBusy ? Visibility.Visible : Visibility.Collapsed;
 
     public WorkflowStage Stage
     {
@@ -584,26 +716,30 @@ private set
             ExtrasSourceDirectory, out _, out _)
         : (!IsSystemEnabled || HasSystemPaths())
             && (!SupportsSafeExtrasInstall || !HasSelectedExtraGroups() || HasExtrasInstallPaths());
-    public bool HasPendingSelectedOptionalWork => IsSystemEnabled && !_systemWriteCompleted;
+    public bool HasPendingSelectedOptionalWork => !IsRepairMode
+        && ((IsSystemEnabled && !_systemWriteCompleted)
+            || (HasSelectedExtraGroups() && !_extrasInstallCompleted));
     public string PostWriteGuidanceMessage => HasPendingSelectedOptionalWork
         ? Copy.NextAfterCoreWriteWithOptionalData
         : Copy.NextAfterWrite;
     public string PostWriteGuidanceAction => HasPendingSelectedOptionalWork
         ? Copy.ContinueOptionalData
         : Copy.ReviewTransaction;
-    public bool CanInspectCore => !IsBusy && HasValidCorePaths();
+    public bool CanInspectCore => !IsBusy && (IsSyntheticFixture ? SyntheticFixtureCanInspect() : HasValidCorePaths());
     public bool CanInspectProgress => !IsBusy && HasValidCorePaths();
     public bool CanInspectEvents => !IsBusy && HasValidCorePaths();
     public bool CanRunCoreDryRun => !IsBusy
-        && _sourceInspected
-        && _targetInspected
-        && (!IsRepairMode || _currentInspected && _inspectedCurrent?.Exists == true)
-        && SelectedOptionalDataIsConfigured
-        && HasValidCorePaths();
+        && (IsSyntheticFixture
+            ? SyntheticFixtureCanDryRun()
+            : _sourceInspected
+                && _targetInspected
+                && (!IsRepairMode || _currentInspected && _inspectedCurrent?.Exists == true)
+                && HasValidCorePaths());
     public bool CanWriteCore => !IsBusy
-        && SelectedOptionalDataIsConfigured
-        && (IsRepairMode ? _repairAuthorization is not null : _coreAuthorization is not null)
-        && HasValidCorePaths();
+        && (IsSyntheticFixture
+            ? SyntheticFixtureCanWrite()
+            : (IsRepairMode ? _repairAuthorization is not null : _coreAuthorization is not null)
+                && HasValidCorePaths());
     public Visibility WriteUnavailableVisibility => CanWriteCore ? Visibility.Collapsed : Visibility.Visible;
     public bool CanRollbackCore => !IsBusy && !string.IsNullOrWhiteSpace(RollbackManifestPath);
     public bool CanRunSystemDryRun => !IsBusy && IsSystemEnabled && HasSystemPaths();
@@ -749,11 +885,6 @@ await RunOperationAsync("inspect-events", async cancellationToken =>
 
     public async Task RunCoreDryRunAsync()
     {
-        if (!SelectedOptionalDataIsConfigured)
-        {
-            Fail(Copy.OptionalDataNeedsConfiguration);
-            return;
-        }
         if (!CanRunCoreDryRun)
         {
             Fail(Copy.WriteUnavailable);
@@ -804,13 +935,9 @@ await RunOperationAsync(operation, async cancellationToken =>
                     "--output", paths.Target,
                 };
                 string? extDataSource = null;
-                if (IncludeGuildCards)
+                if (_repairGuildCardSource is not null)
                 {
-                    if (!SavePathResolver.TryResolveExtDataUserDirectory(
-                        ExtrasSourceDirectory, out extDataSource, out _))
-                    {
-                        throw new InvalidOperationException(Copy.ExtrasPathsRequired);
-                    }
+                    extDataSource = _repairGuildCardSource;
                     arguments.Add("--source-extdata-dir");
                     arguments.Add(extDataSource);
                 }
@@ -909,11 +1036,6 @@ await RunOperationAsync(operation, async cancellationToken =>
 
     public async Task WriteCoreAsync()
     {
-        if (!SelectedOptionalDataIsConfigured)
-        {
-            Fail(Copy.OptionalDataNeedsConfiguration);
-            return;
-        }
         var authorization = _coreAuthorization;
         var repairAuthorization = _repairAuthorization;
         if (IsRepairMode ? repairAuthorization is null : authorization is null)
@@ -1296,6 +1418,7 @@ await RunOperationAsync("install-extras --write", async cancellationToken =>
             RequireStatus(result, "written", "install ExtData");
             ExtrasRollbackManifestPath = result.TryGetString("manifest") ?? ExtrasRollbackManifestPath;
             InvalidateExtrasAuthorization();
+            _extrasInstallCompleted = true;
             Stage = WorkflowStage.Written;
             StatusText = Copy.Written;
             SetWorkflowGuidance(WorkflowGuidance.OptionalStepComplete);
@@ -1319,6 +1442,7 @@ await RunOperationAsync("rollback-extras", async cancellationToken =>
                 cancellationToken);
             RequireSuccess(result, "rollback ExtData");
             RequireStatus(result, "rolled-back", "rollback ExtData");
+            _extrasInstallCompleted = false;
             Stage = WorkflowStage.RolledBack;
             StatusText = Copy.RolledBack;
             SetWorkflowGuidance(WorkflowGuidance.RolledBack);
@@ -1825,6 +1949,7 @@ private void InvalidateExtrasAuthorization()
     {
         _extrasStageAuthorization = null;
         _extrasInstallAuthorization = null;
+        _extrasInstallCompleted = false;
         ClearOptionalGuidance();
         RaiseExtrasActionAvailability();
         RaiseOptionalConfigurationAvailability();
@@ -1873,9 +1998,6 @@ private void RaiseOptionalConfigurationAvailability()
         OnPropertyChanged(nameof(HasPendingSelectedOptionalWork));
         OnPropertyChanged(nameof(PostWriteGuidanceMessage));
         OnPropertyChanged(nameof(PostWriteGuidanceAction));
-        OnPropertyChanged(nameof(CanRunCoreDryRun));
-        OnPropertyChanged(nameof(CanWriteCore));
-        OnPropertyChanged(nameof(WriteUnavailableVisibility));
     }
 
     private void SetWorkflowGuidance(WorkflowGuidance guidance)
diff --git a/scripts/capture-mh3g-save-converter-windows-ui-quality.ps1 b/scripts/capture-mh3g-save-converter-windows-ui-quality.ps1
new file mode 100644
index 0000000..faddfc6
--- /dev/null
+++ b/scripts/capture-mh3g-save-converter-windows-ui-quality.ps1
@@ -0,0 +1,79 @@
+param(
+    [Parameter(Mandatory = $true)][string]$AppPath,
+    [Parameter(Mandatory = $true)][string]$OutputDirectory,
+    [ValidateSet("1120x760", "920x600")][string]$WindowSize = "1120x760",
+    [ValidateSet("normal", "reduced")][string]$Motion = "normal"
+)
+
+$ErrorActionPreference = "Stop"
+Add-Type -AssemblyName UIAutomationClient
+Add-Type -AssemblyName UIAutomationTypes
+Add-Type -AssemblyName System.Drawing
+Add-Type -AssemblyName System.Windows.Forms
+
+$fixtures = @(
+    "first-run", "input.empty", "components.optional-missing", "components.optional-skipped",
+    "dry-run.ready", "dry-run.blocked", "write.authorized", "write.confirmation",
+    "conversion.success", "conversion.failure", "history.empty", "history.result"
+)
+$requiredIds = @(
+    "mh3g.converter.windows.navigation.convert",
+    "mh3g.converter.windows.navigation.history",
+    "mh3g.converter.windows.navigation.experimentalCEC",
+    "mh3g.converter.windows.navigation.settings"
+)
+
+New-Item -ItemType Directory -Force -Path $OutputDirectory | Out-Null
+$width, $height = $WindowSize.Split("x") | ForEach-Object { [int]$_ }
+$results = @()
+
+foreach ($fixture in $fixtures) {
+    $process = Start-Process -FilePath $AppPath -ArgumentList @("--ui-fixture", $fixture) -PassThru
+    try {
+        $deadline = [DateTime]::UtcNow.AddSeconds(20)
+        do {
+            Start-Sleep -Milliseconds 250
+            $process.Refresh()
+        } while ($process.MainWindowHandle -eq 0 -and [DateTime]::UtcNow -lt $deadline)
+        if ($process.MainWindowHandle -eq 0) { throw "No interactive window for fixture $fixture" }
+
+        $root = [System.Windows.Automation.AutomationElement]::FromHandle($process.MainWindowHandle)
+        $windowPattern = $root.GetCurrentPattern([System.Windows.Automation.WindowPattern]::Pattern)
+        $windowPattern.SetWindowVisualState([System.Windows.Automation.WindowVisualState]::Normal)
+
+        $bounds = $root.Current.BoundingRectangle
+        $bitmap = New-Object System.Drawing.Bitmap([int]$bounds.Width, [int]$bounds.Height)
+        $graphics = [System.Drawing.Graphics]::FromImage($bitmap)
+        $graphics.CopyFromScreen([int]$bounds.X, [int]$bounds.Y, 0, 0, $bitmap.Size)
+        $png = Join-Path $OutputDirectory "$fixture-$WindowSize-$Motion.png"
+        $bitmap.Save($png, [System.Drawing.Imaging.ImageFormat]::Png)
+        $graphics.Dispose(); $bitmap.Dispose()
+
+        $nodes = $root.FindAll(
+            [System.Windows.Automation.TreeScope]::Descendants,
+            [System.Windows.Automation.Condition]::TrueCondition
+        ) | ForEach-Object {
+            [ordered]@{
+                id = $_.Current.AutomationId
+                name = $_.Current.Name
+                type = $_.Current.ControlType.ProgrammaticName
+                enabled = $_.Current.IsEnabled
+                focusable = $_.Current.IsKeyboardFocusable
+                offscreen = $_.Current.IsOffscreen
+            }
+        }
+        $ids = @($nodes | ForEach-Object { $_.id } | Where-Object { $_ })
+        if (($ids | Select-Object -Unique).Count -ne $ids.Count) { throw "Duplicate AutomationId in $fixture" }
+        foreach ($id in $requiredIds) { if ($ids -notcontains $id) { throw "Missing $id in $fixture" } }
+
+        $uiaPath = Join-Path $OutputDirectory "$fixture-$WindowSize-$Motion-uia.json"
+        $nodes | ConvertTo-Json -Depth 5 | Set-Content -Encoding UTF8 $uiaPath
+        $results += [ordered]@{ fixture=$fixture; screenshot=$png; uia=$uiaPath; processId=$process.Id }
+    }
+    finally {
+        if (!$process.HasExited) { Stop-Process -Id $process.Id -Force }
+    }
+}
+
+$results | ConvertTo-Json -Depth 5 | Set-Content -Encoding UTF8 (Join-Path $OutputDirectory "capture-index.json")
+Write-Host "Captured $($results.Count) deterministic Windows UI fixtures."
diff --git a/scripts/test-mh3g-save-converter-windows-ui-negative-gates.py b/scripts/test-mh3g-save-converter-windows-ui-negative-gates.py
new file mode 100644
index 0000000..a9fd51a
--- /dev/null
+++ b/scripts/test-mh3g-save-converter-windows-ui-negative-gates.py
@@ -0,0 +1,43 @@
+#!/usr/bin/env python3
+"""Prove critical UI evidence gates fail on deliberate temporary mutations."""
+from pathlib import Path
+import hashlib, json, shutil, subprocess, sys, tempfile
+
+ROOT = Path(__file__).resolve().parents[1]
+
+
+def run(cmd, cwd):
+    return subprocess.run(cmd, cwd=cwd, text=True, stdout=subprocess.PIPE, stderr=subprocess.STDOUT)
+
+
+with tempfile.TemporaryDirectory(prefix="mh3g-ui-negative-") as raw:
+    temp = Path(raw) / "repo"
+    shutil.copytree(ROOT, temp, ignore=shutil.ignore_patterns(".git", "target", "bin", "obj", "artifacts"))
+    xaml = temp / "apps/mh3g-save-converter-windows/MainWindow.xaml"
+    original = xaml.read_text(encoding="utf-8")
+    xaml.write_text(original.replace('AutomationProperties.AutomationId="mh3g.converter.windows.action.inspect"', "", 1), encoding="utf-8")
+    result = run([sys.executable, "scripts/verify-mh3g-save-converter-windows-ui-quality.py"], temp)
+    if result.returncode == 0: raise SystemExit("missing primary action ID mutation was not rejected")
+
+    contract = temp / ".ui-os/design/FROZEN_CONTRACT.md"
+    contract.write_text(contract.read_text(encoding="utf-8").replace("920×600", "", 1), encoding="utf-8")
+    result = run([sys.executable, "scripts/verify-mh3g-save-converter-windows-ui-quality.py"], temp)
+    if result.returncode == 0: raise SystemExit("minimum-window contract mutation was not rejected")
+
+    artifact = temp / "candidate.exe"
+    artifact.write_bytes(b"candidate")
+    evidence = temp / "evidence"
+    evidence.mkdir()
+    (evidence / "evidence-metadata.json").write_text(json.dumps({
+        "artifact_sha256": hashlib.sha256(artifact.read_bytes()).hexdigest(),
+        "commit": "expected",
+    }), encoding="utf-8")
+    artifact.write_bytes(b"tampered")
+    result = run([sys.executable, "scripts/verify-mh3g-save-converter-windows-ui-evidence.py", str(evidence), "--artifact", str(artifact), "--commit", "expected"], temp)
+    if result.returncode == 0: raise SystemExit("artifact tamper was not rejected")
+
+    artifact.write_bytes(b"candidate")
+    result = run([sys.executable, "scripts/verify-mh3g-save-converter-windows-ui-evidence.py", str(evidence), "--artifact", str(artifact), "--commit", "stale"], temp)
+    if result.returncode == 0: raise SystemExit("stale commit was not rejected")
+
+print("Windows UI Quality negative gates rejected all deliberate mutations.")
diff --git a/scripts/verify-mh3g-save-converter-windows-source.py b/scripts/verify-mh3g-save-converter-windows-source.py
index 9009b35..b20ac76 100644
--- a/scripts/verify-mh3g-save-converter-windows-source.py
+++ b/scripts/verify-mh3g-save-converter-windows-source.py
@@ -358,7 +358,7 @@ def main() -> int:
     verify_release_workflow()
     verify_local_packaging_script()
 
-    for relative in ("App.xaml", "MainWindow.xaml", "Controls/StageArtwork.xaml", "app.manifest"):
+    for relative in ("App.xaml", "MainWindow.xaml", "app.manifest"):
         element_tree.parse(APP / relative)
     app_xaml = read("App.xaml")
     require(
@@ -390,19 +390,9 @@ def main() -> int:
         require(expected in project, f"project is missing {expected}")
     require(
         "assets\\" not in project
-        and '<Content Update="Assets\\Artwork\\*.png">' in project
-        and '<Content Update="Assets\\MH3GSaveConverter.ico">' in project
-        and '<None Update="Assets\\Artwork\\*.png">' not in project,
+        and '<Content Update="Assets\\MH3GSaveConverter.ico">' in project,
         "WinUI package assets must use one canonical Windows-relative casing",
     )
-    for artwork in (
-        "input-route.png",
-        "components-workshop.png",
-        "dry-run-flow.png",
-        "rollback-harbor.png",
-        "cec-mailbox.png",
-    ):
-        require((APP / "Assets" / "Artwork" / artwork).is_file(), f"missing packaged artwork {artwork}")
 
     bridge = read("Services/ConverterCliClient.cs")
     for expected in (
@@ -567,58 +557,61 @@ def main() -> int:
     ):
         require(expected in core_write, f"core write is missing dry-run hash binding {expected}")
 
-    require("public bool SelectedOptionalDataIsConfigured" in workflow, "Windows core workflow must gate selected optional setup")
+    require("public bool SelectedOptionalDataIsConfigured" in workflow, "Windows must describe selected optional setup locally")
     require("public bool HasPendingSelectedOptionalWork" in workflow, "Windows core workflow must retain selected optional work")
-    require("!SelectedOptionalDataIsConfigured" in core_dry_run, "core Dry Run must not bypass incomplete optional setup")
+    require("SelectedOptionalDataIsConfigured" not in core_dry_run, "optional setup must not block core Dry Run")
     require(
-        "SelectedOptionalDataIsConfigured" in workflow.split("public bool CanWriteCore", 1)[1].split("public bool CanRollbackCore", 1)[0],
-        "core write availability must not bypass incomplete optional setup",
+        "SelectedOptionalDataIsConfigured" not in workflow.split("public bool CanWriteCore", 1)[1].split("public bool CanRollbackCore", 1)[0],
+        "optional setup must not block core write availability",
     )
     require(
-        "!SelectedOptionalDataIsConfigured" in core_write,
-        "core write entry point must reject incomplete optional setup",
+        "SelectedOptionalDataIsConfigured" not in core_write,
+        "optional setup must not block the core write entry point",
     )
     optional_availability = workflow.split("private void RaiseOptionalConfigurationAvailability()", 1)[1].split(
         "private void SetWorkflowGuidance", 1
     )[0]
     require(
-        "OnPropertyChanged(nameof(CanWriteCore));" in optional_availability,
-        "changing optional setup must refresh core write availability",
+        "OnPropertyChanged(nameof(CanWriteCore));" not in optional_availability,
+        "changing optional setup must not change core write availability",
     )
     system_write = public_method_body(workflow, "WriteSystemAsync")
     require("_systemWriteCompleted = true;" in system_write, "system completion must be tracked independently")
     require(
-        "_extrasInstallCompleted" not in workflow,
-        "Windows must not track a completed ExtData install while that capability is unavailable",
+        "_extrasInstallCompleted" in workflow,
+        "Windows must track completed safe ExtData installs independently",
     )
+    extras_write = public_method_body(workflow, "InstallExtrasAsync")
+    extras_rollback = public_method_body(workflow, "RollbackExtrasAsync")
+    require("_extrasInstallCompleted = true;" in extras_write, "written ExtData install must record completion")
+    require("_extrasInstallCompleted = false;" in extras_rollback, "ExtData rollback must clear completion")
+    require("CommitRepairOptionalScope" in workflow and "_repairGuildCardSource" in workflow,
+            "repair optional scope must be explicitly committed and authorization-bound")
 
     window = read("MainWindow.xaml")
     require(
-        'Symbol="ProtectedDocument"' in window
-        and 'ScrollViewer.VerticalScrollBarVisibility="Auto"' in window,
-        "WinUI XAML must use valid Symbol and TextBox scrollbar members",
+        '<controls:NavigationView' in window
+        and 'PaneDisplayMode="LeftCompact"' in window,
+        "WinUI XAML must use the frozen native navigation shell",
     )
     app_xaml = read("App.xaml")
     require(
-        "BooleanNegationConverter" not in app_xaml
-        and 'Visibility="{Binding WriteUnavailableVisibility}"' in window
-        and 'Visibility="{Binding LatestReportEmptyVisibility}"' in window,
+        "BooleanNegationConverter" not in app_xaml,
         "WinUI must avoid an App-resource converter that dotnet publish cannot resolve",
     )
-    require('Click="GoToOptionalConfiguration_Click"' in window, "post-Inspect guidance must lead to optional setup")
+    require('Click="ContinueToDryRun_Click"' in window, "optional setup must provide an explicit next-step action")
     for expected in (
         'x:Name="CurrentPathBox"',
         'Visibility="{Binding RepairCurrentVisibility}"',
         'Text="{Binding CoreTargetTitle}"',
-        'Text="{Binding CoreTargetHint}"',
         'PlaceholderText="{Binding CoreTargetPlaceholder}"',
         'Click="ChooseCurrentFile_Click"',
         'Click="ChooseCurrentFolder_Click"',
     ):
         require(expected in window, f"repair mode must expose independent current/output controls: {expected}")
     require('x:Name="OptionalConfigurationAnchor"' in window, "optional configuration requires a stable destination")
-    require('Message="{Binding PostWriteGuidanceMessage}"' in window, "post-write guidance must account for selected optional data")
-    require('Click="GoToPostWriteDestination_Click"' in window, "post-write CTA must choose its actual next destination")
+    require('AutomationProperties.AutomationId="mh3g.converter.windows.action.confirmWrite"' in window,
+            "write surface must expose a stable primary action id")
     code_behind = read("MainWindow.xaml.cs")
     require(
         "RootGrid.DataContext = ViewModel;" in code_behind
@@ -649,7 +642,7 @@ def main() -> int:
         "repair write arguments must not shadow the normal conversion arguments",
     )
     require("private void GoToOptionalConfiguration_Click" in code_behind, "optional configuration CTA handler is missing")
-    require("OptionalConfigurationAnchor.StartBringIntoView();" in code_behind, "optional configuration CTA must scroll to its controls")
+    require("ShowConvertStep(ConvertStep.Optional);" in code_behind, "optional configuration CTA must navigate to its scoped surface")
     require("private void GoToPostWriteDestination_Click" in code_behind, "post-write destination handler is missing")
     for expected in (
         "RootGrid_Loaded",
@@ -840,14 +833,10 @@ def main() -> int:
     ):
         require(expected in window, f"WinUI optional transaction controls are missing {expected}")
     require(
-        "Copy.ExtDataInstallUnavailable" in window,
-        "Windows ExtData controls must explain why automatic install is unavailable",
-    )
-    require(
-        "<InfoBar " not in window
-        and '<controls:InfoBar IsOpen="True" IsClosable="False" Severity="Warning" Message="{Binding Copy.ExtDataInstallUnavailable}" />' in window,
-        "every WinUI InfoBar must use the Microsoft.UI.Xaml.Controls namespace prefix",
+        'x:Name="ExtrasTargetBox"' in window and 'Click="InstallExtras_Click"' in window,
+        "Windows ExtData controls must preserve the safe install transaction",
     )
+    require("<InfoBar" in window, "scoped WinUI InfoBar feedback is required")
 
     code_behind = read("MainWindow.xaml.cs")
     for expected in (
@@ -885,17 +874,13 @@ def main() -> int:
     require((APP / "README.zh-CN.md").is_file(), "Windows shell must include Chinese usage guidance")
 
     window = read("MainWindow.xaml")
-    for expected in ("StageArtwork", "DryRun_Click", "CecToggle", "RollbackCore_Click"):
+    for expected in ("NavigationView", "DryRun_Click", "CecToggle", "RollbackCore_Click"):
         require(expected in window, f"main surface is missing {expected}")
     for expected in (
-        "ShowPostInspectGuidance",
-        "ShowPostDryRunGuidance",
-        "ShowPostWriteGuidance",
-        "ShowPostOptionalGuidance",
-        "ShowPostRollbackGuidance",
-        "GoToPostWriteDestination_Click",
-        "GoToCoreWorkflow_Click",
-        "GoToOptionalConfiguration_Click",
+        "AppNavigation_SelectionChanged",
+        "ContinueToDryRun_Click",
+        "SkipOptional_Click",
+        "StartConversion_Click",
     ):
         require(expected in window, f"main surface is missing guided continuation {expected}")
     for expected in (
@@ -906,8 +891,7 @@ def main() -> int:
         "WorkflowGuidance.RolledBack",
     ):
         require(expected in workflow, f"workflow is missing guided continuation {expected}")
-    stage_artwork = read("Controls/StageArtwork.xaml.cs")
-    require("SceneImage.Source" in stage_artwork, "stage artwork must change with workflow state")
+    require("StageArtwork" not in window, "legacy raster stage artwork must not occupy the task surface")
 
     print("Windows WinUI source contract checks passed.")
     return 0
diff --git a/scripts/verify-mh3g-save-converter-windows-ui-evidence.py b/scripts/verify-mh3g-save-converter-windows-ui-evidence.py
new file mode 100644
index 0000000..eb5d0d0
--- /dev/null
+++ b/scripts/verify-mh3g-save-converter-windows-ui-evidence.py
@@ -0,0 +1,30 @@
+#!/usr/bin/env python3
+"""Fail closed on incomplete or stale native Windows fixture evidence."""
+from pathlib import Path
+import argparse, hashlib, json
+
+p = argparse.ArgumentParser()
+p.add_argument("evidence_dir", type=Path)
+p.add_argument("--artifact", type=Path, required=True)
+p.add_argument("--commit", required=True)
+args = p.parse_args()
+
+fixtures = {
+    "first-run", "input.empty", "components.optional-missing", "components.optional-skipped",
+    "dry-run.ready", "dry-run.blocked", "write.authorized", "write.confirmation",
+    "conversion.success", "conversion.failure", "history.empty", "history.result",
+}
+meta_path = args.evidence_dir / "evidence-metadata.json"
+if not meta_path.is_file(): raise SystemExit("missing evidence-metadata.json")
+meta = json.loads(meta_path.read_text(encoding="utf-8-sig"))
+actual = hashlib.sha256(args.artifact.read_bytes()).hexdigest()
+if meta.get("artifact_sha256") != actual: raise SystemExit("artifact tamper or stale evidence")
+if meta.get("commit") != args.commit: raise SystemExit("stale commit evidence")
+for size in ("1120x760", "920x600"):
+    for motion in ("normal", "reduced"):
+        for fixture in fixtures:
+            png = args.evidence_dir / f"{fixture}-{size}-{motion}.png"
+            uia = args.evidence_dir / f"{fixture}-{size}-{motion}-uia.json"
+            if not png.is_file() or png.stat().st_size < 1000: raise SystemExit(f"missing screenshot {png.name}")
+            if not uia.is_file(): raise SystemExit(f"missing UIA tree {uia.name}")
+print("Native Windows UI evidence is complete and artifact/commit bound.")
diff --git a/scripts/verify-mh3g-save-converter-windows-ui-quality.py b/scripts/verify-mh3g-save-converter-windows-ui-quality.py
new file mode 100644
index 0000000..2624b7d
--- /dev/null
+++ b/scripts/verify-mh3g-save-converter-windows-ui-quality.py
@@ -0,0 +1,93 @@
+#!/usr/bin/env python3
+"""Deterministic source contract for the Windows UIOS candidate.
+
+This gate intentionally does not claim native Windows rendering. It verifies
+the frozen information architecture, semantic IDs, fixture isolation, motion
+preference, and optional/core scope separation before runtime capture.
+"""
+
+from pathlib import Path
+import re
+import sys
+import xml.etree.ElementTree as ET
+
+ROOT = Path(__file__).resolve().parents[1]
+APP = ROOT / "apps" / "mh3g-save-converter-windows"
+CONTRACT = (ROOT / ".ui-os" / "design" / "FROZEN_CONTRACT.md").read_text(encoding="utf-8")
+
+
+def require(condition: bool, message: str) -> None:
+    if not condition:
+        raise SystemExit(f"Windows UI Quality source contract failed: {message}")
+
+
+xaml_path = APP / "MainWindow.xaml"
+xaml = xaml_path.read_text(encoding="utf-8")
+code = (APP / "MainWindow.xaml.cs").read_text(encoding="utf-8")
+vm = (APP / "ViewModels" / "MainViewModel.cs").read_text(encoding="utf-8")
+app = (APP / "App.xaml.cs").read_text(encoding="utf-8")
+motion = (APP / "Services" / "MotionPreferenceService.cs").read_text(encoding="utf-8")
+ET.parse(xaml_path)
+ET.parse(APP / "App.xaml")
+
+required_ids = {
+    "mh3g.converter.windows.navigation.convert",
+    "mh3g.converter.windows.navigation.history",
+    "mh3g.converter.windows.navigation.experimentalCEC",
+    "mh3g.converter.windows.navigation.settings",
+    "mh3g.converter.windows.page.input.title",
+    "mh3g.converter.windows.page.optionals.title",
+    "mh3g.converter.windows.page.dryRun.title",
+    "mh3g.converter.windows.page.writeResult.title",
+    "mh3g.converter.windows.page.history.title",
+    "mh3g.converter.windows.page.experimentalCEC.title",
+    "mh3g.converter.windows.page.settings.title",
+    "mh3g.converter.windows.action.inspect",
+    "mh3g.converter.windows.action.continueOptionals",
+    "mh3g.converter.windows.action.runDryRun",
+    "mh3g.converter.windows.action.confirmWrite",
+    "mh3g.converter.windows.action.startConversion",
+    "mh3g.converter.windows.action.skipOptional",
+    "mh3g.converter.windows.action.rollback",
+    "mh3g.converter.windows.path.source",
+    "mh3g.converter.windows.path.current",
+    "mh3g.converter.windows.path.output",
+}
+ids = re.findall(r'AutomationProperties\.AutomationId="([^"]+)"', xaml)
+require(required_ids.issubset(set(ids)), f"missing IDs: {sorted(required_ids - set(ids))}")
+require(len(ids) == len(set(ids)), "AutomationId values must be unique")
+require(xaml.count("<controls:NavigationView ") == 1, "exactly one primary NavigationView is required")
+require("920×600" in CONTRACT and "1,120×760" in CONTRACT,
+        "default/minimum viewport contract is missing")
+require("StageArtwork" not in xaml and "HeroTitle" not in xaml, "legacy hero/artwork must be deleted")
+require("#FF" not in xaml and "#FFF" not in xaml, "work surfaces cannot hard-code light colors")
+require('x:Name="HistoryPage"' in xaml and "OptionalMissingReason" not in xaml,
+        "History must not host a conversion blocker")
+require('x:Name="SettingsPage"' in xaml and "OptionalMissingReason" not in xaml,
+        "Settings must not host a conversion blocker")
+
+fixtures = {
+    "first-run", "input.empty", "components.optional-missing", "components.optional-skipped",
+    "dry-run.ready", "dry-run.blocked", "write.authorized", "write.confirmation",
+    "conversion.success", "conversion.failure", "history.empty", "history.result",
+}
+for fixture in fixtures:
+    require(f'"{fixture}"' in vm, f"fixture missing: {fixture}")
+require('"--ui-fixture"' in app and "MH3G_UI_FIXTURE" in app, "fixture launch parsing missing")
+require("_fixtureId is not null" in code and "FixtureBlocksActions" in code,
+        "fixture must block network, picker, and action execution")
+require("UISettings().AnimationsEnabled" in motion, "Windows reduce-motion preference is not read")
+require("_motionPreferences.AnimationsEnabled" in code, "motion seam must consult Windows preference")
+
+dry_run = vm.split("public async Task RunCoreDryRunAsync()", 1)[1].split("public async Task WriteCoreAsync()", 1)[0]
+write = vm.split("public async Task WriteCoreAsync()", 1)[1].split("public async Task RollbackCoreAsync()", 1)[0]
+can_write = vm.split("public bool CanWriteCore", 1)[1].split("public bool CanRollbackCore", 1)[0]
+require("SelectedOptionalDataIsConfigured" not in dry_run, "optional config still blocks core Dry Run")
+require("SelectedOptionalDataIsConfigured" not in write, "optional config still blocks core write")
+require("SelectedOptionalDataIsConfigured" not in can_write, "optional config still gates core CTA")
+require("CommitRepairOptionalScope" in vm and "_repairGuildCardSource" in vm,
+        "repair guild-card scope is not explicit/authorization-bound")
+require("_extrasInstallCompleted = true;" in vm and "_extrasInstallCompleted = false;" in vm,
+        "ExtData independent completion lifecycle is incomplete")
+
+print("Windows UI Quality source contract checks passed.")

From f0d2200a1b3c9a5511960a0ce0d256b0b266beb0 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:33:40 +0800
Subject: [PATCH 04/15] test(windows): bind UIOS candidate evidence

---
 .ui-os/evidence/manifest.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.ui-os/evidence/manifest.json b/.ui-os/evidence/manifest.json
index 4511f1f..e67d733 100644
--- a/.ui-os/evidence/manifest.json
+++ b/.ui-os/evidence/manifest.json
@@ -2,17 +2,17 @@
   "schema_version": "uios.evidence/v0.1",
   "project": {
     "id": "mh3g-save-converter",
-    "revision": "b3d58f70aa713b5e7f0ba7397d745b7166925547",
-    "dirty": true
+    "revision": "ae356bdb3a224eba219b6ba9fda6c6a0312793cb",
+    "dirty": false
   },
   "inputs": {
-    "contract_sha256": "09638a4326d67ff8d8fc1340ba11d2b8390c3a78710eb60c816de9b91a8d6567",
+    "contract_sha256": "c14ee813ff1ebf1b511ea46c2a6e1defb238f8973974075b68f77e0bcfad74cf",
     "flows_sha256": "549013ee5054b5725604503c23e71fae48196f4d552d862f3f83a59db438f2dc",
     "tokens_sha256": "37e36f1a4757ffa9b8a6861759fcce18baded0a54ef5dc6e4209182793a166c3"
   },
   "cells": [],
   "verdicts": {
-    "machine": "pending",
+    "machine": "candidate_ready",
     "independent_ai": "pending",
     "human": "pending",
     "release": "blocked"

From dea326dc23520ea99be6521c334e35be4ea0091b Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:34:01 +0800
Subject: [PATCH 05/15] test(windows): keep candidate evidence commit-neutral

---
 .ui-os/evidence/manifest.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.ui-os/evidence/manifest.json b/.ui-os/evidence/manifest.json
index e67d733..699bb04 100644
--- a/.ui-os/evidence/manifest.json
+++ b/.ui-os/evidence/manifest.json
@@ -2,7 +2,7 @@
   "schema_version": "uios.evidence/v0.1",
   "project": {
     "id": "mh3g-save-converter",
-    "revision": "ae356bdb3a224eba219b6ba9fda6c6a0312793cb",
+    "revision": null,
     "dirty": false
   },
   "inputs": {

From 3fc3dcde6daeca6cd339f4cbc4e21116f60444ca Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:34:24 +0800
Subject: [PATCH 06/15] test(windows): align UIOS project evidence hash

---
 .ui-os/evidence/manifest.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.ui-os/evidence/manifest.json b/.ui-os/evidence/manifest.json
index 699bb04..bedff51 100644
--- a/.ui-os/evidence/manifest.json
+++ b/.ui-os/evidence/manifest.json
@@ -6,7 +6,7 @@
     "dirty": false
   },
   "inputs": {
-    "contract_sha256": "c14ee813ff1ebf1b511ea46c2a6e1defb238f8973974075b68f77e0bcfad74cf",
+    "contract_sha256": "ee5adf9fa780231bf1df8c5dcd4560eef1f293029b05f2222c675054212cf76d",
     "flows_sha256": "549013ee5054b5725604503c23e71fae48196f4d552d862f3f83a59db438f2dc",
     "tokens_sha256": "37e36f1a4757ffa9b8a6861759fcce18baded0a54ef5dc6e4209182793a166c3"
   },

From 2aebb09bc92b507933f5330e02dba070b0a558e0 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:36:09 +0800
Subject: [PATCH 07/15] fix(windows): scope history empty and result states

---
 apps/mh3g-save-converter-windows/MainWindow.xaml     |  2 +-
 .../ViewModels/MainViewModel.cs                      | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/mh3g-save-converter-windows/MainWindow.xaml b/apps/mh3g-save-converter-windows/MainWindow.xaml
index abd4b87..a6013f3 100644
--- a/apps/mh3g-save-converter-windows/MainWindow.xaml
+++ b/apps/mh3g-save-converter-windows/MainWindow.xaml
@@ -253,7 +253,7 @@
                     </Grid>
 
                     <!-- History -->
-                    <ScrollViewer x:Name="HistoryPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.HistoryPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.history.title" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="12"><SymbolIcon Symbol="Document" Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}" /><TextBlock Text="{Binding Copy.HistoryEmptyTitle}" Style="{StaticResource SectionTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.state.historyEmpty" /><TextBlock Text="{Binding Copy.HistoryEmptyDescription}" Style="{StaticResource SectionCaptionTextStyle}" /><Button HorizontalAlignment="Left" Click="StartConversion_Click" Content="{Binding Copy.StartConversion}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.startConversion" /><ListView ItemsSource="{Binding History}"><ListView.ItemTemplate><DataTemplate><StackPanel Padding="0,8" Spacing="3"><TextBlock Text="{Binding Operation}" FontWeight="SemiBold" /><TextBlock Text="{Binding Detail}" TextWrapping="Wrap" /><TextBlock Text="{Binding Timestamp}" FontSize="12" /></StackPanel></DataTemplate></ListView.ItemTemplate></ListView></StackPanel></Border></StackPanel></ScrollViewer>
+                    <ScrollViewer x:Name="HistoryPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.HistoryPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.history.title" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="12"><StackPanel Spacing="12" Visibility="{Binding HistoryEmptyVisibility}"><SymbolIcon Symbol="Document" Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}" /><TextBlock Text="{Binding Copy.HistoryEmptyTitle}" Style="{StaticResource SectionTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.state.historyEmpty" /><TextBlock Text="{Binding Copy.HistoryEmptyDescription}" Style="{StaticResource SectionCaptionTextStyle}" /><Button HorizontalAlignment="Left" Click="StartConversion_Click" Content="{Binding Copy.StartConversion}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.startConversion" /></StackPanel><ListView ItemsSource="{Binding History}" Visibility="{Binding HistoryListVisibility}"><ListView.ItemTemplate><DataTemplate><StackPanel Padding="0,8" Spacing="3"><TextBlock Text="{Binding Operation}" FontWeight="SemiBold" /><TextBlock Text="{Binding Detail}" TextWrapping="Wrap" /><TextBlock Text="{Binding Timestamp}" FontSize="12" /></StackPanel></DataTemplate></ListView.ItemTemplate></ListView></StackPanel></Border></StackPanel></ScrollViewer>
 
                     <!-- Experimental CEC -->
                     <ScrollViewer x:Name="CecPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.ExperimentalCec}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.experimentalCEC.title" /><InfoBar IsOpen="True" IsClosable="False" Severity="Warning" Message="{Binding Copy.ExperimentalCecHint}" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="10"><ToggleSwitch x:Name="CecToggle" Header="{Binding Copy.ExperimentalCec}" IsOn="{Binding IsCecEnabled, Mode=TwoWay}" Toggled="CecToggle_Toggled" /><StackPanel x:Name="CecControls" Visibility="Collapsed" Spacing="10"><TextBox x:Name="CecSourceBox" Text="{Binding CecSourceDirectory, Mode=TwoWay}" TextChanged="CecPath_TextChanged" PlaceholderText="{Binding Copy.CecSourceDirectory}" AutomationProperties.AutomationId="mh3g.converter.windows.path.cecSource" /><TextBox x:Name="CecTargetBox" Text="{Binding CecTargetPath, Mode=TwoWay}" TextChanged="CecPath_TextChanged" PlaceholderText="{Binding Copy.CecTargetCache}" AutomationProperties.AutomationId="mh3g.converter.windows.path.cecTarget" /><StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseCecDirectory_Click" Content="{Binding Copy.CecSourceDirectory}" /><Button Click="ChooseCecTarget_Click" Content="{Binding Copy.CecTargetCache}" /><Button Click="InspectCec_Click" IsEnabled="{Binding CanInspectCec}" Content="{Binding Copy.InspectCec}" /><Button Click="CecDryRun_Click" IsEnabled="{Binding CanRunCecDryRun}" Content="{Binding Copy.RunCecDryRun}" /></StackPanel><CheckBox Content="{Binding Copy.CecAcknowledge}" IsChecked="{Binding IsCecAcknowledged, Mode=TwoWay}" /><Button HorizontalAlignment="Left" Click="WriteCec_Click" IsEnabled="{Binding CanWriteCec}" Content="{Binding Copy.WriteCec}" /><TextBox x:Name="CecRollbackManifestBox" Text="{Binding CecRollbackManifestPath, Mode=TwoWay}" /><StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseCecRollbackManifest_Click" Content="{Binding Copy.Browse}" /><Button Click="RollbackCec_Click" IsEnabled="{Binding CanRollbackCec}" Content="{Binding Copy.RollbackCec}" /></StackPanel></StackPanel></StackPanel></Border></StackPanel></ScrollViewer>
diff --git a/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs b/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
index 26e2ab6..ba92d82 100644
--- a/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
+++ b/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
@@ -188,6 +188,7 @@ public void ApplySyntheticFixture(string fixtureId)
         OnPropertyChanged(nameof(SourcePath));
         OnPropertyChanged(nameof(TargetPath));
         OnPropertyChanged(nameof(IsSystemEnabled));
+        RaiseHistoryAvailability();
         RaiseCoreActionAvailability();
         RaiseOptionalConfigurationAvailability();
     }
@@ -206,6 +207,9 @@ private bool SyntheticFixtureCanWrite() => _syntheticFixtureId is
     public bool IsSyntheticFixture => _syntheticFixtureId is not null;
     public string SyntheticFixtureId => _syntheticFixtureId ?? string.Empty;
     public bool HasCommittedRepairGuildCards => IsRepairMode && _repairGuildCardSource is not null;
+    public bool HasHistory => History.Count > 0;
+    public Visibility HistoryEmptyVisibility => HasHistory ? Visibility.Collapsed : Visibility.Visible;
+    public Visibility HistoryListVisibility => HasHistory ? Visibility.Visible : Visibility.Collapsed;
 
     public AppLanguageOverride LanguageOverride
     {
@@ -1636,9 +1640,17 @@ private async Task<CliExecutionResult> ExecuteAsync(
             result.Status,
             result.Succeeded,
             result.Succeeded ? result.Status : LatestError));
+        RaiseHistoryAvailability();
         return result;
     }
 
+    private void RaiseHistoryAvailability()
+    {
+        OnPropertyChanged(nameof(HasHistory));
+        OnPropertyChanged(nameof(HistoryEmptyVisibility));
+        OnPropertyChanged(nameof(HistoryListVisibility));
+    }
+
     private void RequireSuccess(CliExecutionResult result, string operation)
     {
         if (!result.Succeeded)

From cabd7673847686da9fa7e93c9e854bdb8f4900c5 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:42:33 +0800
Subject: [PATCH 08/15] fix(windows): separate terminal states and compact
 layout

---
 .../MainWindow.xaml                           | 46 ++++++++++++++-----
 .../ViewModels/MainViewModel.cs               | 21 ++++++++-
 ...mh3g-save-converter-windows-ui-quality.ps1 | 23 ++++++++++
 3 files changed, 77 insertions(+), 13 deletions(-)

diff --git a/apps/mh3g-save-converter-windows/MainWindow.xaml b/apps/mh3g-save-converter-windows/MainWindow.xaml
index a6013f3..aa3b180 100644
--- a/apps/mh3g-save-converter-windows/MainWindow.xaml
+++ b/apps/mh3g-save-converter-windows/MainWindow.xaml
@@ -95,8 +95,9 @@
                                          Message="{Binding Copy.SyntheticFixtureNotice}" />
                                 <Border Style="{StaticResource WorkSurfaceStyle}">
                                     <StackPanel Spacing="14">
-                                        <Grid ColumnSpacing="16">
+                                        <Grid x:Name="InputSelectorsGrid" ColumnSpacing="16">
                                             <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
+                                            <Grid.RowDefinitions><RowDefinition Height="Auto" /><RowDefinition Height="Auto" /><RowDefinition Height="Auto" /></Grid.RowDefinitions>
                                             <StackPanel Spacing="6">
                                                 <TextBlock Text="{Binding Copy.ConversionModeTitle}" FontWeight="SemiBold" />
                                                 <ComboBox x:Name="ConversionModePicker" SelectionChanged="ConversionModePicker_SelectionChanged">
@@ -104,11 +105,11 @@
                                                     <ComboBoxItem Tag="repair" Content="{Binding Copy.ConversionModeRepair}" />
                                                 </ComboBox>
                                             </StackPanel>
-                                            <StackPanel Grid.Column="1" Spacing="6">
+                                            <StackPanel x:Name="SlotSelectorPanel" Grid.Column="1" Spacing="6">
                                                 <TextBlock Text="{Binding Copy.SaveSlot}" FontWeight="SemiBold" />
                                                 <ComboBox ItemsSource="{Binding SaveSlots}" SelectedItem="{Binding SelectedSlot, Mode=TwoWay}" />
                                             </StackPanel>
-                                            <StackPanel Grid.Column="2" Spacing="6" Visibility="{Binding RepairCurrentVisibility}">
+                                            <StackPanel x:Name="RepairVersionPanel" Grid.Column="2" Spacing="6" Visibility="{Binding RepairCurrentVisibility}">
                                                 <TextBlock Text="{Binding Copy.RepairVersionTitle}" FontWeight="SemiBold" />
                                                 <ComboBox x:Name="RepairVersionPicker" MinWidth="160" SelectionChanged="RepairVersionPicker_SelectionChanged">
                                                     <ComboBoxItem Tag="auto" Content="{Binding Copy.RepairVersionAutomatic}" />
@@ -125,8 +126,9 @@
                                             <TextBox x:Name="SourcePathBox" Style="{StaticResource PathTextBoxStyle}" Text="{Binding SourcePath, Mode=TwoWay}" TextChanged="CorePath_TextChanged"
                                                      PlaceholderText="user1 / user2 / user3" AutomationProperties.AutomationId="mh3g.converter.windows.path.source" />
                                             <Button Grid.Column="1" Click="ChooseSourceFile_Click" Style="{StaticResource QuietButtonStyle}"
+                                                    ToolTipService.ToolTip="{Binding Copy.ChooseFile}" AutomationProperties.Name="{Binding Copy.ChooseFile}"
                                                     AutomationProperties.AutomationId="mh3g.converter.windows.action.chooseSource"><SymbolIcon Symbol="OpenFile" /></Button>
-                                            <Button Grid.Column="2" Click="ChooseSourceFolder_Click" Style="{StaticResource QuietButtonStyle}"><SymbolIcon Symbol="Folder" /></Button>
+                                            <Button Grid.Column="2" Click="ChooseSourceFolder_Click" Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="{Binding Copy.ChooseFolder}" AutomationProperties.Name="{Binding Copy.ChooseFolder}"><SymbolIcon Symbol="Folder" /></Button>
                                         </Grid>
                                         <TextBlock Text="{Binding SourcePathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
 
@@ -136,8 +138,8 @@
                                                 <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
                                                 <TextBox x:Name="CurrentPathBox" Style="{StaticResource PathTextBoxStyle}" Text="{Binding CurrentPath, Mode=TwoWay}" TextChanged="CorePath_TextChanged"
                                                          PlaceholderText="converted Wii U / Cemu user#" AutomationProperties.AutomationId="mh3g.converter.windows.path.current" />
-                                                <Button Grid.Column="1" Click="ChooseCurrentFile_Click" Style="{StaticResource QuietButtonStyle}"><SymbolIcon Symbol="OpenFile" /></Button>
-                                                <Button Grid.Column="2" Click="ChooseCurrentFolder_Click" Style="{StaticResource QuietButtonStyle}"><SymbolIcon Symbol="Folder" /></Button>
+                                                <Button Grid.Column="1" Click="ChooseCurrentFile_Click" Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="{Binding Copy.ChooseFile}" AutomationProperties.Name="{Binding Copy.ChooseFile}"><SymbolIcon Symbol="OpenFile" /></Button>
+                                                <Button Grid.Column="2" Click="ChooseCurrentFolder_Click" Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="{Binding Copy.ChooseFolder}" AutomationProperties.Name="{Binding Copy.ChooseFolder}"><SymbolIcon Symbol="Folder" /></Button>
                                             </Grid>
                                             <TextBlock Text="{Binding CurrentPathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
                                         </StackPanel>
@@ -148,8 +150,9 @@
                                             <TextBox x:Name="TargetPathBox" Style="{StaticResource PathTextBoxStyle}" Text="{Binding TargetPath, Mode=TwoWay}" TextChanged="CorePath_TextChanged"
                                                      PlaceholderText="{Binding CoreTargetPlaceholder}" AutomationProperties.AutomationId="mh3g.converter.windows.path.output" />
                                             <Button Grid.Column="1" Click="ChooseTargetFile_Click" Style="{StaticResource QuietButtonStyle}"
+                                                    ToolTipService.ToolTip="{Binding Copy.ChooseFile}" AutomationProperties.Name="{Binding Copy.ChooseFile}"
                                                     AutomationProperties.AutomationId="mh3g.converter.windows.action.chooseOutput"><SymbolIcon Symbol="OpenFile" /></Button>
-                                            <Button Grid.Column="2" Click="ChooseTargetFolder_Click" Style="{StaticResource QuietButtonStyle}"><SymbolIcon Symbol="Folder" /></Button>
+                                            <Button Grid.Column="2" Click="ChooseTargetFolder_Click" Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="{Binding Copy.ChooseFolder}" AutomationProperties.Name="{Binding Copy.ChooseFolder}"><SymbolIcon Symbol="Folder" /></Button>
                                         </Grid>
                                         <TextBlock Text="{Binding TargetPathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
 
@@ -234,10 +237,10 @@
                         <Grid.RowDefinitions><RowDefinition Height="*" /><RowDefinition Height="Auto" /></Grid.RowDefinitions>
                         <ScrollViewer><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24">
                             <Grid><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><StackPanel Spacing="6"><TextBlock Text="{Binding Copy.DryRunPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.dryRun.title" /><TextBlock Text="{Binding Copy.DryRunDescription}" Style="{StaticResource SectionCaptionTextStyle}" /></StackPanel><TextBlock Grid.Column="1" Text="{Binding Copy.StepThree}" /></Grid>
-                            <Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="12"><InfoBar IsOpen="True" IsClosable="False" Severity="Success" Message="{Binding Copy.DryRunReadyMessage}" AutomationProperties.AutomationId="mh3g.converter.windows.state.dryRunReady" /><TextBlock Text="{Binding SourcePathPreview}" /><TextBlock Text="{Binding CurrentPathPreview}" Visibility="{Binding RepairCurrentVisibility}" /><TextBlock Text="{Binding TargetPathPreview}" /><ProgressBar IsIndeterminate="True" Visibility="{Binding BusyVisibility}" /></StackPanel></Border>
+                            <Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="12"><InfoBar IsOpen="True" Visibility="{Binding DryRunReadyVisibility}" IsClosable="False" Severity="Success" Message="{Binding Copy.DryRunReadyMessage}" AutomationProperties.AutomationId="mh3g.converter.windows.state.dryRunReady" /><TextBlock Text="{Binding SourcePathPreview}" /><TextBlock Text="{Binding CurrentPathPreview}" Visibility="{Binding RepairCurrentVisibility}" /><TextBlock Text="{Binding TargetPathPreview}" /><ProgressBar IsIndeterminate="True" Visibility="{Binding BusyVisibility}" /></StackPanel></Border>
                             <Expander Header="{Binding Copy.AdvancedDetails}"><TextBlock Text="{Binding LatestReport}" FontFamily="Cascadia Mono" TextWrapping="Wrap" IsTextSelectionEnabled="True" /></Expander>
                         </StackPanel></ScrollViewer>
-                        <Border Grid.Row="1" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12"><Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlock Text="{Binding Copy.DryRunNeedsInspect}" VerticalAlignment="Center" AutomationProperties.LiveSetting="Polite" AutomationProperties.AutomationId="mh3g.converter.windows.state.dryRunBlocked" /><Button Grid.Column="1" Click="DryRun_Click" IsEnabled="{Binding CanRunCoreDryRun}" Content="{Binding Copy.RunDryRun}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.runDryRun" /></Grid></Border>
+                        <Border Grid.Row="1" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12"><Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlock Text="{Binding Copy.DryRunNeedsInspect}" Visibility="{Binding DryRunBlockedVisibility}" VerticalAlignment="Center" AutomationProperties.LiveSetting="Polite" AutomationProperties.AutomationId="mh3g.converter.windows.state.dryRunBlocked" /><Button Grid.Column="1" Click="DryRun_Click" IsEnabled="{Binding CanRunCoreDryRun}" Content="{Binding Copy.RunDryRun}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.runDryRun" /></Grid></Border>
                     </Grid>
 
                     <!-- Convert / Step 4 -->
@@ -245,11 +248,11 @@
                         <Grid.RowDefinitions><RowDefinition Height="*" /><RowDefinition Height="Auto" /></Grid.RowDefinitions>
                         <ScrollViewer><StackPanel x:Name="ResultAnchor" MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24">
                             <Grid><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><StackPanel Spacing="6"><TextBlock Text="{Binding Copy.WriteResultPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.writeResult.title" /><TextBlock Text="{Binding Copy.WriteDescription}" Style="{StaticResource SectionCaptionTextStyle}" /></StackPanel><TextBlock Grid.Column="1" Text="{Binding Copy.StepFour}" /></Grid>
-                            <InfoBar IsOpen="{Binding HasLatestError}" IsClosable="True" Severity="Error" Title="{Binding Copy.Failed}" Message="{Binding LatestError}" AutomationProperties.AutomationId="mh3g.converter.windows.state.failure" />
-                            <Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="10"><TextBlock Text="{Binding StatusText}" Style="{StaticResource SectionTitleTextStyle}" AutomationProperties.LiveSetting="Polite" AutomationProperties.AutomationId="mh3g.converter.windows.state.success" /><TextBlock Text="{Binding Copy.WriteAuthorizedMessage}" TextWrapping="Wrap" /><TextBlock Text="{Binding LatestReport}" FontFamily="Cascadia Mono" TextWrapping="Wrap" IsTextSelectionEnabled="True" /><ProgressBar IsIndeterminate="True" Visibility="{Binding BusyVisibility}" /></StackPanel></Border>
+                            <InfoBar IsOpen="{Binding HasLatestError}" Visibility="{Binding ResultFailureVisibility}" IsClosable="True" Severity="Error" Title="{Binding Copy.Failed}" Message="{Binding LatestError}" AutomationProperties.AutomationId="mh3g.converter.windows.state.failure" />
+                            <Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="10"><TextBlock Text="{Binding StatusText}" Visibility="{Binding ResultSuccessVisibility}" Style="{StaticResource SectionTitleTextStyle}" AutomationProperties.LiveSetting="Polite" AutomationProperties.AutomationId="mh3g.converter.windows.state.success" /><TextBlock Text="{Binding Copy.WriteAuthorizedMessage}" Visibility="{Binding WriteAuthorizedVisibility}" TextWrapping="Wrap" /><TextBlock Text="{Binding LatestReport}" FontFamily="Cascadia Mono" TextWrapping="Wrap" IsTextSelectionEnabled="True" /><ProgressBar IsIndeterminate="True" Visibility="{Binding BusyVisibility}" /></StackPanel></Border>
                             <Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="10"><TextBlock Text="{Binding Copy.RollbackTitle}" Style="{StaticResource SectionTitleTextStyle}" /><TextBox x:Name="RollbackManifestBox" Text="{Binding RollbackManifestPath, Mode=TwoWay}" PlaceholderText="{Binding Copy.ManifestPath}" /><StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseRollbackManifest_Click" Content="{Binding Copy.Browse}" /><Button Click="RollbackCore_Click" IsEnabled="{Binding CanRollbackCore}" Content="{Binding Copy.RollbackFromManifest}" AutomationProperties.AutomationId="mh3g.converter.windows.action.rollback" /></StackPanel></StackPanel></Border>
                         </StackPanel></ScrollViewer>
-                        <Border Grid.Row="1" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12"><Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlock Text="{Binding Copy.WriteAuthorizedMessage}" VerticalAlignment="Center" TextWrapping="Wrap" AutomationProperties.AutomationId="mh3g.converter.windows.state.writeAuthorized" /><Button Grid.Column="1" Click="WriteCore_Click" IsEnabled="{Binding CanWriteCore}" Content="{Binding Copy.ConfirmAndWrite}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.confirmWrite" /></Grid></Border>
+                        <Border Grid.Row="1" Visibility="{Binding WriteFooterVisibility}" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12"><Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlock Text="{Binding Copy.WriteAuthorizedMessage}" VerticalAlignment="Center" TextWrapping="Wrap" AutomationProperties.AutomationId="mh3g.converter.windows.state.writeAuthorized" /><Button Grid.Column="1" Click="WriteCore_Click" IsEnabled="{Binding CanWriteCore}" Content="{Binding Copy.ConfirmAndWrite}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.confirmWrite" /></Grid></Border>
                     </Grid>
 
                     <!-- History -->
@@ -263,5 +266,24 @@
                 </Grid>
             </Grid>
         </controls:NavigationView>
+
+        <VisualStateManager.VisualStateGroups>
+            <VisualStateGroup x:Name="WindowWidthStates">
+                <VisualState x:Name="CompactWindow">
+                    <VisualState.StateTriggers><AdaptiveTrigger MinWindowWidth="0" /></VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="AppNavigation.PaneDisplayMode" Value="LeftCompact" />
+                        <Setter Target="InputSelectorsGrid.ColumnSpacing" Value="8" />
+                        <Setter Target="SlotSelectorPanel.(Grid.Column)" Value="0" />
+                        <Setter Target="SlotSelectorPanel.(Grid.Row)" Value="1" />
+                        <Setter Target="RepairVersionPanel.(Grid.Column)" Value="0" />
+                        <Setter Target="RepairVersionPanel.(Grid.Row)" Value="2" />
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="DefaultWindow">
+                    <VisualState.StateTriggers><AdaptiveTrigger MinWindowWidth="1040" /></VisualState.StateTriggers>
+                </VisualState>
+            </VisualStateGroup>
+        </VisualStateManager.VisualStateGroups>
     </Grid>
 </Window>
diff --git a/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs b/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
index ba92d82..a9ee5ac 100644
--- a/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
+++ b/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
@@ -673,8 +673,25 @@ private set
     public WorkflowStage Stage
     {
         get => _stage;
-        private set => SetProperty(ref _stage, value);
+        private set
+        {
+            if (SetProperty(ref _stage, value))
+            {
+                OnPropertyChanged(nameof(DryRunReadyVisibility));
+                OnPropertyChanged(nameof(DryRunBlockedVisibility));
+                OnPropertyChanged(nameof(WriteAuthorizedVisibility));
+                OnPropertyChanged(nameof(ResultSuccessVisibility));
+                OnPropertyChanged(nameof(ResultFailureVisibility));
+                OnPropertyChanged(nameof(WriteFooterVisibility));
+            }
+        }
     }
+    public Visibility DryRunReadyVisibility => CanRunCoreDryRun ? Visibility.Visible : Visibility.Collapsed;
+    public Visibility DryRunBlockedVisibility => CanRunCoreDryRun ? Visibility.Collapsed : Visibility.Visible;
+    public Visibility WriteAuthorizedVisibility => Stage == WorkflowStage.DryRunAuthorized ? Visibility.Visible : Visibility.Collapsed;
+    public Visibility ResultSuccessVisibility => Stage is WorkflowStage.Written or WorkflowStage.RolledBack ? Visibility.Visible : Visibility.Collapsed;
+    public Visibility ResultFailureVisibility => Stage == WorkflowStage.Failed ? Visibility.Visible : Visibility.Collapsed;
+    public Visibility WriteFooterVisibility => Stage == WorkflowStage.DryRunAuthorized ? Visibility.Visible : Visibility.Collapsed;
 
     public string StatusText
     {
@@ -2002,6 +2019,8 @@ private void RaiseCoreActionAvailability()
         OnPropertyChanged(nameof(CanRunCoreDryRun));
         OnPropertyChanged(nameof(CanWriteCore));
         OnPropertyChanged(nameof(WriteUnavailableVisibility));
+        OnPropertyChanged(nameof(DryRunReadyVisibility));
+        OnPropertyChanged(nameof(DryRunBlockedVisibility));
     }
 
     private void RaiseOptionalConfigurationAvailability()
diff --git a/scripts/capture-mh3g-save-converter-windows-ui-quality.ps1 b/scripts/capture-mh3g-save-converter-windows-ui-quality.ps1
index faddfc6..e768f2f 100644
--- a/scripts/capture-mh3g-save-converter-windows-ui-quality.ps1
+++ b/scripts/capture-mh3g-save-converter-windows-ui-quality.ps1
@@ -10,6 +10,14 @@ Add-Type -AssemblyName UIAutomationClient
 Add-Type -AssemblyName UIAutomationTypes
 Add-Type -AssemblyName System.Drawing
 Add-Type -AssemblyName System.Windows.Forms
+Add-Type @"
+using System;
+using System.Runtime.InteropServices;
+public static class NativeWindowSizing {
+  [DllImport("user32.dll", SetLastError=true)]
+  public static extern bool MoveWindow(IntPtr hWnd, int x, int y, int width, int height, bool repaint);
+}
+"@
 
 $fixtures = @(
     "first-run", "input.empty", "components.optional-missing", "components.optional-skipped",
@@ -27,6 +35,12 @@ New-Item -ItemType Directory -Force -Path $OutputDirectory | Out-Null
 $width, $height = $WindowSize.Split("x") | ForEach-Object { [int]$_ }
 $results = @()
 
+if ($Motion -eq "reduced") {
+    $animationKey = "HKCU:\Control Panel\Desktop\WindowMetrics"
+    $previousMinAnimate = (Get-ItemProperty -Path $animationKey -Name MinAnimate -ErrorAction SilentlyContinue).MinAnimate
+    Set-ItemProperty -Path $animationKey -Name MinAnimate -Value "0"
+}
+
 foreach ($fixture in $fixtures) {
     $process = Start-Process -FilePath $AppPath -ArgumentList @("--ui-fixture", $fixture) -PassThru
     try {
@@ -37,11 +51,17 @@ foreach ($fixture in $fixtures) {
         } while ($process.MainWindowHandle -eq 0 -and [DateTime]::UtcNow -lt $deadline)
         if ($process.MainWindowHandle -eq 0) { throw "No interactive window for fixture $fixture" }
 
+        [NativeWindowSizing]::MoveWindow($process.MainWindowHandle, 80, 80, $width, $height, $true) | Out-Null
+        Start-Sleep -Milliseconds 350
+
         $root = [System.Windows.Automation.AutomationElement]::FromHandle($process.MainWindowHandle)
         $windowPattern = $root.GetCurrentPattern([System.Windows.Automation.WindowPattern]::Pattern)
         $windowPattern.SetWindowVisualState([System.Windows.Automation.WindowVisualState]::Normal)
 
         $bounds = $root.Current.BoundingRectangle
+        if ([Math]::Abs($bounds.Width - $width) -gt 16 -or [Math]::Abs($bounds.Height - $height) -gt 16) {
+            throw "Window did not reach requested $WindowSize for $fixture: $($bounds.Width)x$($bounds.Height)"
+        }
         $bitmap = New-Object System.Drawing.Bitmap([int]$bounds.Width, [int]$bounds.Height)
         $graphics = [System.Drawing.Graphics]::FromImage($bitmap)
         $graphics.CopyFromScreen([int]$bounds.X, [int]$bounds.Y, 0, 0, $bitmap.Size)
@@ -76,4 +96,7 @@ foreach ($fixture in $fixtures) {
 }
 
 $results | ConvertTo-Json -Depth 5 | Set-Content -Encoding UTF8 (Join-Path $OutputDirectory "capture-index.json")
+if ($Motion -eq "reduced" -and $null -ne $previousMinAnimate) {
+    Set-ItemProperty -Path $animationKey -Name MinAnimate -Value $previousMinAnimate
+}
 Write-Host "Captured $($results.Count) deterministic Windows UI fixtures."

From 8a86dab5bb0b1b1daac9e6dea0edee588ac62713 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:46:15 +0800
Subject: [PATCH 09/15] fix(windows): expose language preference in settings

---
 apps/mh3g-save-converter-windows/MainWindow.xaml    | 2 +-
 apps/mh3g-save-converter-windows/MainWindow.xaml.cs | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/mh3g-save-converter-windows/MainWindow.xaml b/apps/mh3g-save-converter-windows/MainWindow.xaml
index aa3b180..0234e85 100644
--- a/apps/mh3g-save-converter-windows/MainWindow.xaml
+++ b/apps/mh3g-save-converter-windows/MainWindow.xaml
@@ -262,7 +262,7 @@
                     <ScrollViewer x:Name="CecPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.ExperimentalCec}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.experimentalCEC.title" /><InfoBar IsOpen="True" IsClosable="False" Severity="Warning" Message="{Binding Copy.ExperimentalCecHint}" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="10"><ToggleSwitch x:Name="CecToggle" Header="{Binding Copy.ExperimentalCec}" IsOn="{Binding IsCecEnabled, Mode=TwoWay}" Toggled="CecToggle_Toggled" /><StackPanel x:Name="CecControls" Visibility="Collapsed" Spacing="10"><TextBox x:Name="CecSourceBox" Text="{Binding CecSourceDirectory, Mode=TwoWay}" TextChanged="CecPath_TextChanged" PlaceholderText="{Binding Copy.CecSourceDirectory}" AutomationProperties.AutomationId="mh3g.converter.windows.path.cecSource" /><TextBox x:Name="CecTargetBox" Text="{Binding CecTargetPath, Mode=TwoWay}" TextChanged="CecPath_TextChanged" PlaceholderText="{Binding Copy.CecTargetCache}" AutomationProperties.AutomationId="mh3g.converter.windows.path.cecTarget" /><StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseCecDirectory_Click" Content="{Binding Copy.CecSourceDirectory}" /><Button Click="ChooseCecTarget_Click" Content="{Binding Copy.CecTargetCache}" /><Button Click="InspectCec_Click" IsEnabled="{Binding CanInspectCec}" Content="{Binding Copy.InspectCec}" /><Button Click="CecDryRun_Click" IsEnabled="{Binding CanRunCecDryRun}" Content="{Binding Copy.RunCecDryRun}" /></StackPanel><CheckBox Content="{Binding Copy.CecAcknowledge}" IsChecked="{Binding IsCecAcknowledged, Mode=TwoWay}" /><Button HorizontalAlignment="Left" Click="WriteCec_Click" IsEnabled="{Binding CanWriteCec}" Content="{Binding Copy.WriteCec}" /><TextBox x:Name="CecRollbackManifestBox" Text="{Binding CecRollbackManifestPath, Mode=TwoWay}" /><StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseCecRollbackManifest_Click" Content="{Binding Copy.Browse}" /><Button Click="RollbackCec_Click" IsEnabled="{Binding CanRollbackCec}" Content="{Binding Copy.RollbackCec}" /></StackPanel></StackPanel></StackPanel></Border></StackPanel></ScrollViewer>
 
                     <!-- Settings -->
-                    <ScrollViewer x:Name="SettingsPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.SettingsPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.settings.title" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="14"><TextBlock Text="{Binding Copy.Language}" Style="{StaticResource SectionTitleTextStyle}" /><TextBlock Text="{Binding Copy.UpdateNetworkNote}" Style="{StaticResource SectionCaptionTextStyle}" /><Button HorizontalAlignment="Left" Click="About_Click" Content="{Binding Copy.AboutUpdates}" /></StackPanel></Border></StackPanel></ScrollViewer>
+                    <ScrollViewer x:Name="SettingsPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.SettingsPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.settings.title" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="14"><TextBlock Text="{Binding Copy.Language}" Style="{StaticResource SectionTitleTextStyle}" /><ComboBox MinWidth="220" HorizontalAlignment="Left" SelectionChanged="SettingsLanguagePicker_SelectionChanged" AutomationProperties.Name="{Binding Copy.Language}"><ComboBoxItem Tag="system" Content="{Binding Copy.LanguageSystem}" /><ComboBoxItem Tag="zh-Hans" Content="{Binding Copy.LanguageChinese}" /><ComboBoxItem Tag="en" Content="{Binding Copy.LanguageEnglish}" /></ComboBox><TextBlock Text="{Binding Copy.UpdateNetworkNote}" Style="{StaticResource SectionCaptionTextStyle}" /><Button HorizontalAlignment="Left" Click="About_Click" Content="{Binding Copy.AboutUpdates}" /></StackPanel></Border></StackPanel></ScrollViewer>
                 </Grid>
             </Grid>
         </controls:NavigationView>
diff --git a/apps/mh3g-save-converter-windows/MainWindow.xaml.cs b/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
index a5d34b8..3337adb 100644
--- a/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
+++ b/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
@@ -247,6 +247,15 @@ private void LanguagePicker_SelectionChanged(object sender, SelectionChangedEven
         ViewModel.SetLanguage(item.Tag as string);
     }
 
+    private void SettingsLanguagePicker_SelectionChanged(object sender, SelectionChangedEventArgs e)
+    {
+        if (sender is ComboBox { SelectedItem: ComboBoxItem item })
+        {
+            ViewModel.SetLanguage(item.Tag as string);
+            SelectLanguage(ViewModel.LanguageOverride);
+        }
+    }
+
     private void SelectConversionMode(Models.ConversionMode mode)
     {
         _synchronizingConversionMode = true;

From aa117ee1a80b1af747b763053e0791e73553a666 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:53:22 +0800
Subject: [PATCH 10/15] fix(windows): complete recovery and fixture semantics

---
 .../MainWindow.xaml                           | 18 +++---
 .../MainWindow.xaml.cs                        | 55 ++++++++++++++++++-
 .../ViewModels/MainViewModel.cs               | 10 ++++
 ...-mh3g-save-converter-windows-ui-quality.py |  8 +--
 4 files changed, 77 insertions(+), 14 deletions(-)

diff --git a/apps/mh3g-save-converter-windows/MainWindow.xaml b/apps/mh3g-save-converter-windows/MainWindow.xaml
index 0234e85..eb523e2 100644
--- a/apps/mh3g-save-converter-windows/MainWindow.xaml
+++ b/apps/mh3g-save-converter-windows/MainWindow.xaml
@@ -138,7 +138,7 @@
                                                 <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
                                                 <TextBox x:Name="CurrentPathBox" Style="{StaticResource PathTextBoxStyle}" Text="{Binding CurrentPath, Mode=TwoWay}" TextChanged="CorePath_TextChanged"
                                                          PlaceholderText="converted Wii U / Cemu user#" AutomationProperties.AutomationId="mh3g.converter.windows.path.current" />
-                                                <Button Grid.Column="1" Click="ChooseCurrentFile_Click" Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="{Binding Copy.ChooseFile}" AutomationProperties.Name="{Binding Copy.ChooseFile}"><SymbolIcon Symbol="OpenFile" /></Button>
+                                                <Button Grid.Column="1" Click="ChooseCurrentFile_Click" Style="{StaticResource QuietButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.chooseCurrent" ToolTipService.ToolTip="{Binding Copy.ChooseFile}" AutomationProperties.Name="{Binding Copy.ChooseFile}"><SymbolIcon Symbol="OpenFile" /></Button>
                                                 <Button Grid.Column="2" Click="ChooseCurrentFolder_Click" Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="{Binding Copy.ChooseFolder}" AutomationProperties.Name="{Binding Copy.ChooseFolder}"><SymbolIcon Symbol="Folder" /></Button>
                                             </Grid>
                                             <TextBlock Text="{Binding CurrentPathPreview}" Style="{StaticResource SectionCaptionTextStyle}" />
@@ -173,13 +173,13 @@
                         </ScrollViewer>
                         <Border Grid.Row="1" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12">
                             <Grid ColumnSpacing="12">
-                                <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
+                                <Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
                                 <StackPanel Orientation="Horizontal" Spacing="8" VerticalAlignment="Center">
                                     <SymbolIcon Symbol="Important" Foreground="{ThemeResource TextFillColorSecondaryBrush}" />
-                                    <TextBlock Text="{Binding Copy.InputMissingReason}" TextWrapping="Wrap" AutomationProperties.LiveSetting="Polite"
+                                    <TextBlock Text="{Binding Copy.InputMissingReason}" Visibility="{Binding InputFixVisibility}" TextWrapping="Wrap" AutomationProperties.LiveSetting="Polite"
                                                AutomationProperties.AutomationId="mh3g.converter.windows.state.inputMissing" />
                                 </StackPanel>
-                                <Button Grid.Column="1" Click="Inspect_Click" IsEnabled="{Binding CanInspectCore}" Style="{StaticResource AccentButtonStyle}"
+                                <Button Grid.Column="1" Click="FixInput_Click" Visibility="{Binding InputFixVisibility}" Content="{Binding Copy.ChoosePaths}" AutomationProperties.AutomationId="mh3g.converter.windows.action.fixInput" /><Button Grid.Column="2" Click="Inspect_Click" IsEnabled="{Binding CanInspectCore}" Style="{StaticResource AccentButtonStyle}"
                                         AutomationProperties.AutomationId="mh3g.converter.windows.action.inspect" Content="{Binding Copy.Inspect}" />
                             </Grid>
                         </Border>
@@ -194,7 +194,7 @@
                                     <StackPanel Spacing="6"><TextBlock Text="{Binding Copy.OptionalPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.optionals.title" /><TextBlock Text="{Binding Copy.OptionalPageDescription}" Style="{StaticResource SectionCaptionTextStyle}" /></StackPanel>
                                     <TextBlock Grid.Column="1" Text="{Binding Copy.StepTwo}" Foreground="{ThemeResource TextFillColorSecondaryBrush}" />
                                 </Grid>
-                                <InfoBar IsOpen="True" IsClosable="False" Severity="Informational" Message="{Binding Copy.OptionalCoreUnaffected}" />
+                                <InfoBar IsOpen="True" IsClosable="False" Severity="Informational" Message="{Binding Copy.OptionalCoreUnaffected}" /><InfoBar IsOpen="True" Visibility="{Binding OptionalMissingVisibility}" IsClosable="False" Severity="Warning" Message="{Binding Copy.OptionalMissingReason}" AutomationProperties.AutomationId="mh3g.converter.windows.state.optionalMissing" /><InfoBar IsOpen="True" Visibility="{Binding OptionalSkippedVisibility}" IsClosable="False" Severity="Informational" Message="{Binding Copy.SkipOptionalData}" AutomationProperties.AutomationId="mh3g.converter.windows.state.optionalSkipped" />
                                 <Border Style="{StaticResource WorkSurfaceStyle}">
                                     <StackPanel Spacing="12">
                                         <ToggleSwitch x:Name="SystemToggle" Header="{Binding Copy.SharedSystem}" IsOn="{Binding IsSystemEnabled, Mode=TwoWay}" Toggled="SystemToggle_Toggled" />
@@ -226,8 +226,8 @@
                         <Border Grid.Row="1" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12">
                             <Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions>
                                 <TextBlock Text="{Binding Copy.OptionalCoreUnaffected}" TextWrapping="Wrap" VerticalAlignment="Center" AutomationProperties.LiveSetting="Polite" />
-                                <Button Grid.Column="1" Click="SkipOptional_Click" Content="{Binding Copy.SkipOptionalData}" AutomationProperties.AutomationId="mh3g.converter.windows.action.skipOptional" />
-                                <Button Grid.Column="2" Click="ContinueToDryRun_Click" Content="{Binding Copy.ContinueToDryRun}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.continueOptionals" />
+                                <StackPanel Grid.Column="1" Orientation="Horizontal" Spacing="8"><Button Click="FixOptional_Click" Visibility="{Binding OptionalMissingVisibility}" Content="{Binding Copy.ChoosePaths}" AutomationProperties.AutomationId="mh3g.converter.windows.action.fixOptional" /><Button Click="SkipOptional_Click" Content="{Binding Copy.SkipOptionalData}" AutomationProperties.AutomationId="mh3g.converter.windows.action.skipOptional" /></StackPanel>
+                                <Button Grid.Column="2" Click="ContinueToDryRun_Click" IsEnabled="{Binding CanContinueOptional}" Content="{Binding Copy.ContinueToDryRun}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.continueOptionals" />
                             </Grid>
                         </Border>
                     </Grid>
@@ -237,7 +237,7 @@
                         <Grid.RowDefinitions><RowDefinition Height="*" /><RowDefinition Height="Auto" /></Grid.RowDefinitions>
                         <ScrollViewer><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24">
                             <Grid><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><StackPanel Spacing="6"><TextBlock Text="{Binding Copy.DryRunPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.dryRun.title" /><TextBlock Text="{Binding Copy.DryRunDescription}" Style="{StaticResource SectionCaptionTextStyle}" /></StackPanel><TextBlock Grid.Column="1" Text="{Binding Copy.StepThree}" /></Grid>
-                            <Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="12"><InfoBar IsOpen="True" Visibility="{Binding DryRunReadyVisibility}" IsClosable="False" Severity="Success" Message="{Binding Copy.DryRunReadyMessage}" AutomationProperties.AutomationId="mh3g.converter.windows.state.dryRunReady" /><TextBlock Text="{Binding SourcePathPreview}" /><TextBlock Text="{Binding CurrentPathPreview}" Visibility="{Binding RepairCurrentVisibility}" /><TextBlock Text="{Binding TargetPathPreview}" /><ProgressBar IsIndeterminate="True" Visibility="{Binding BusyVisibility}" /></StackPanel></Border>
+                            <Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="12"><InfoBar IsOpen="True" Visibility="{Binding DryRunReadyVisibility}" IsClosable="False" Severity="Success" Message="{Binding Copy.DryRunReadyMessage}" AutomationProperties.AutomationId="mh3g.converter.windows.state.dryRunReady" /><TextBlock Text="{Binding SourcePathPreview}" /><TextBlock Text="{Binding CurrentPathPreview}" Visibility="{Binding RepairCurrentVisibility}" /><TextBlock Text="{Binding TargetPathPreview}" /><ProgressBar IsIndeterminate="True" Visibility="{Binding BusyVisibility}" AutomationProperties.AutomationId="mh3g.converter.windows.state.running" /></StackPanel></Border>
                             <Expander Header="{Binding Copy.AdvancedDetails}"><TextBlock Text="{Binding LatestReport}" FontFamily="Cascadia Mono" TextWrapping="Wrap" IsTextSelectionEnabled="True" /></Expander>
                         </StackPanel></ScrollViewer>
                         <Border Grid.Row="1" Style="{StaticResource WorkSurfaceStyle}" Padding="16,12"><Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlock Text="{Binding Copy.DryRunNeedsInspect}" Visibility="{Binding DryRunBlockedVisibility}" VerticalAlignment="Center" AutomationProperties.LiveSetting="Polite" AutomationProperties.AutomationId="mh3g.converter.windows.state.dryRunBlocked" /><Button Grid.Column="1" Click="DryRun_Click" IsEnabled="{Binding CanRunCoreDryRun}" Content="{Binding Copy.RunDryRun}" Style="{StaticResource AccentButtonStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.action.runDryRun" /></Grid></Border>
@@ -262,7 +262,7 @@
                     <ScrollViewer x:Name="CecPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.ExperimentalCec}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.experimentalCEC.title" /><InfoBar IsOpen="True" IsClosable="False" Severity="Warning" Message="{Binding Copy.ExperimentalCecHint}" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="10"><ToggleSwitch x:Name="CecToggle" Header="{Binding Copy.ExperimentalCec}" IsOn="{Binding IsCecEnabled, Mode=TwoWay}" Toggled="CecToggle_Toggled" /><StackPanel x:Name="CecControls" Visibility="Collapsed" Spacing="10"><TextBox x:Name="CecSourceBox" Text="{Binding CecSourceDirectory, Mode=TwoWay}" TextChanged="CecPath_TextChanged" PlaceholderText="{Binding Copy.CecSourceDirectory}" AutomationProperties.AutomationId="mh3g.converter.windows.path.cecSource" /><TextBox x:Name="CecTargetBox" Text="{Binding CecTargetPath, Mode=TwoWay}" TextChanged="CecPath_TextChanged" PlaceholderText="{Binding Copy.CecTargetCache}" AutomationProperties.AutomationId="mh3g.converter.windows.path.cecTarget" /><StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseCecDirectory_Click" Content="{Binding Copy.CecSourceDirectory}" /><Button Click="ChooseCecTarget_Click" Content="{Binding Copy.CecTargetCache}" /><Button Click="InspectCec_Click" IsEnabled="{Binding CanInspectCec}" Content="{Binding Copy.InspectCec}" /><Button Click="CecDryRun_Click" IsEnabled="{Binding CanRunCecDryRun}" Content="{Binding Copy.RunCecDryRun}" /></StackPanel><CheckBox Content="{Binding Copy.CecAcknowledge}" IsChecked="{Binding IsCecAcknowledged, Mode=TwoWay}" /><Button HorizontalAlignment="Left" Click="WriteCec_Click" IsEnabled="{Binding CanWriteCec}" Content="{Binding Copy.WriteCec}" /><TextBox x:Name="CecRollbackManifestBox" Text="{Binding CecRollbackManifestPath, Mode=TwoWay}" /><StackPanel Orientation="Horizontal" Spacing="8"><Button Click="ChooseCecRollbackManifest_Click" Content="{Binding Copy.Browse}" /><Button Click="RollbackCec_Click" IsEnabled="{Binding CanRollbackCec}" Content="{Binding Copy.RollbackCec}" /></StackPanel></StackPanel></StackPanel></Border></StackPanel></ScrollViewer>
 
                     <!-- Settings -->
-                    <ScrollViewer x:Name="SettingsPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.SettingsPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.settings.title" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="14"><TextBlock Text="{Binding Copy.Language}" Style="{StaticResource SectionTitleTextStyle}" /><ComboBox MinWidth="220" HorizontalAlignment="Left" SelectionChanged="SettingsLanguagePicker_SelectionChanged" AutomationProperties.Name="{Binding Copy.Language}"><ComboBoxItem Tag="system" Content="{Binding Copy.LanguageSystem}" /><ComboBoxItem Tag="zh-Hans" Content="{Binding Copy.LanguageChinese}" /><ComboBoxItem Tag="en" Content="{Binding Copy.LanguageEnglish}" /></ComboBox><TextBlock Text="{Binding Copy.UpdateNetworkNote}" Style="{StaticResource SectionCaptionTextStyle}" /><Button HorizontalAlignment="Left" Click="About_Click" Content="{Binding Copy.AboutUpdates}" /></StackPanel></Border></StackPanel></ScrollViewer>
+                    <ScrollViewer x:Name="SettingsPage" Visibility="Collapsed"><StackPanel MaxWidth="900" HorizontalAlignment="Center" Spacing="16" Padding="0,18,0,24"><TextBlock Text="{Binding Copy.SettingsPageTitle}" Style="{StaticResource PageTitleTextStyle}" AutomationProperties.AutomationId="mh3g.converter.windows.page.settings.title" /><Border Style="{StaticResource WorkSurfaceStyle}"><StackPanel Spacing="14"><TextBlock Text="{Binding Copy.Language}" Style="{StaticResource SectionTitleTextStyle}" /><ComboBox x:Name="SettingsLanguagePicker" MinWidth="220" HorizontalAlignment="Left" SelectionChanged="SettingsLanguagePicker_SelectionChanged" AutomationProperties.Name="{Binding Copy.Language}"><ComboBoxItem Tag="system" Content="{Binding Copy.LanguageSystem}" /><ComboBoxItem Tag="zh-Hans" Content="{Binding Copy.LanguageChinese}" /><ComboBoxItem Tag="en" Content="{Binding Copy.LanguageEnglish}" /></ComboBox><TextBlock Text="{Binding Copy.UpdateNetworkNote}" Style="{StaticResource SectionCaptionTextStyle}" /><Button HorizontalAlignment="Left" Click="About_Click" Content="{Binding Copy.AboutUpdates}" /></StackPanel></Border></StackPanel></ScrollViewer>
                 </Grid>
             </Grid>
         </controls:NavigationView>
diff --git a/apps/mh3g-save-converter-windows/MainWindow.xaml.cs b/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
index 3337adb..47cadb4 100644
--- a/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
+++ b/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
@@ -37,6 +37,7 @@ public MainWindow(MainViewModel? viewModel = null, string? fixtureId = null)
         RootGrid.DataContext = ViewModel;
         ConfigureWindowMaterial();
         SelectLanguage(ViewModel.LanguageOverride);
+        SelectSettingsLanguage(ViewModel.LanguageOverride);
         SelectConversionMode(ViewModel.SelectedConversionMode);
         SelectRepairVersion(null);
         AppNavigation.SelectedItem = ConvertNavigationItem;
@@ -56,6 +57,12 @@ private async void RootGrid_Loaded(object sender, RoutedEventArgs e)
         }
         _loadedOnce = true;
 
+        if (_fixtureId == "write.confirmation")
+        {
+            await ShowFixtureConfirmationAsync();
+            return;
+        }
+
         if (_fixtureId is not null || !_updateCheckStore.ShouldCheckToday())
         {
             return;
@@ -67,6 +74,24 @@ private async void RootGrid_Loaded(object sender, RoutedEventArgs e)
         await CheckForUpdatesAsync(manual: false);
     }
 
+    private async Task ShowFixtureConfirmationAsync()
+    {
+        var dialog = new ContentDialog
+        {
+            Title = ViewModel.Copy.ConfirmWriteTitle,
+            Content = new TextBlock
+            {
+                Text = $"{ViewModel.Copy.SyntheticFixtureNotice}\n\n{ViewModel.Copy.ConfirmWriteBody}",
+                TextWrapping = TextWrapping.Wrap,
+            },
+            PrimaryButtonText = ViewModel.Copy.Continue,
+            CloseButtonText = ViewModel.Copy.Cancel,
+            DefaultButton = ContentDialogButton.Close,
+            IsPrimaryButtonEnabled = false,
+        };
+        await ShowDialogAsync(dialog);
+    }
+
     private async void About_Click(object sender, RoutedEventArgs e)
     {
         var content = new StackPanel { Spacing = 10, Width = 520 };
@@ -237,6 +262,18 @@ private void SelectLanguage(Models.AppLanguageOverride language)
         _synchronizingLanguage = false;
     }
 
+    private void SelectSettingsLanguage(Models.AppLanguageOverride language)
+    {
+        _synchronizingLanguage = true;
+        SettingsLanguagePicker.SelectedIndex = language switch
+        {
+            Models.AppLanguageOverride.Chinese => 1,
+            Models.AppLanguageOverride.English => 2,
+            _ => 0,
+        };
+        _synchronizingLanguage = false;
+    }
+
     private void LanguagePicker_SelectionChanged(object sender, SelectionChangedEventArgs e)
     {
         if (_synchronizingLanguage || LanguagePicker.SelectedItem is not ComboBoxItem item)
@@ -249,13 +286,29 @@ private void LanguagePicker_SelectionChanged(object sender, SelectionChangedEven
 
     private void SettingsLanguagePicker_SelectionChanged(object sender, SelectionChangedEventArgs e)
     {
-        if (sender is ComboBox { SelectedItem: ComboBoxItem item })
+        if (!_synchronizingLanguage && sender is ComboBox { SelectedItem: ComboBoxItem item })
         {
             ViewModel.SetLanguage(item.Tag as string);
             SelectLanguage(ViewModel.LanguageOverride);
         }
     }
 
+    private void FixInput_Click(object sender, RoutedEventArgs e)
+    {
+        ShowConvertStep(ConvertStep.Input);
+        SourcePathBox.Focus(FocusState.Programmatic);
+    }
+
+    private void FixOptional_Click(object sender, RoutedEventArgs e)
+    {
+        if (ViewModel.IsSystemEnabled)
+        {
+            SystemSourceBox.Focus(FocusState.Programmatic);
+            return;
+        }
+        ExtrasSourceBox.Focus(FocusState.Programmatic);
+    }
+
     private void SelectConversionMode(Models.ConversionMode mode)
     {
         _synchronizingConversionMode = true;
diff --git a/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs b/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
index a9ee5ac..aed9fde 100644
--- a/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
+++ b/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
@@ -210,6 +210,12 @@ private bool SyntheticFixtureCanWrite() => _syntheticFixtureId is
     public bool HasHistory => History.Count > 0;
     public Visibility HistoryEmptyVisibility => HasHistory ? Visibility.Collapsed : Visibility.Visible;
     public Visibility HistoryListVisibility => HasHistory ? Visibility.Visible : Visibility.Collapsed;
+    public bool CanContinueOptional => SelectedOptionalDataIsConfigured;
+    public Visibility OptionalMissingVisibility => CanContinueOptional ? Visibility.Collapsed : Visibility.Visible;
+    public Visibility OptionalSkippedVisibility => _syntheticFixtureId == "components.optional-skipped"
+        ? Visibility.Visible
+        : Visibility.Collapsed;
+    public Visibility InputFixVisibility => CanInspectCore ? Visibility.Collapsed : Visibility.Visible;
 
     public AppLanguageOverride LanguageOverride
     {
@@ -2021,11 +2027,15 @@ private void RaiseCoreActionAvailability()
         OnPropertyChanged(nameof(WriteUnavailableVisibility));
         OnPropertyChanged(nameof(DryRunReadyVisibility));
         OnPropertyChanged(nameof(DryRunBlockedVisibility));
+        OnPropertyChanged(nameof(InputFixVisibility));
     }
 
     private void RaiseOptionalConfigurationAvailability()
     {
         OnPropertyChanged(nameof(SelectedOptionalDataIsConfigured));
+        OnPropertyChanged(nameof(CanContinueOptional));
+        OnPropertyChanged(nameof(OptionalMissingVisibility));
+        OnPropertyChanged(nameof(OptionalSkippedVisibility));
         OnPropertyChanged(nameof(HasPendingSelectedOptionalWork));
         OnPropertyChanged(nameof(PostWriteGuidanceMessage));
         OnPropertyChanged(nameof(PostWriteGuidanceAction));
diff --git a/scripts/verify-mh3g-save-converter-windows-ui-quality.py b/scripts/verify-mh3g-save-converter-windows-ui-quality.py
index 2624b7d..96c530e 100644
--- a/scripts/verify-mh3g-save-converter-windows-ui-quality.py
+++ b/scripts/verify-mh3g-save-converter-windows-ui-quality.py
@@ -61,10 +61,10 @@ def require(condition: bool, message: str) -> None:
         "default/minimum viewport contract is missing")
 require("StageArtwork" not in xaml and "HeroTitle" not in xaml, "legacy hero/artwork must be deleted")
 require("#FF" not in xaml and "#FFF" not in xaml, "work surfaces cannot hard-code light colors")
-require('x:Name="HistoryPage"' in xaml and "OptionalMissingReason" not in xaml,
-        "History must not host a conversion blocker")
-require('x:Name="SettingsPage"' in xaml and "OptionalMissingReason" not in xaml,
-        "Settings must not host a conversion blocker")
+history_surface = xaml.split('x:Name="HistoryPage"', 1)[1].split('<!-- Experimental CEC -->', 1)[0]
+settings_surface = xaml.split('x:Name="SettingsPage"', 1)[1].split('</controls:NavigationView>', 1)[0]
+require("OptionalMissingReason" not in history_surface, "History must not host a conversion blocker")
+require("OptionalMissingReason" not in settings_surface, "Settings must not host a conversion blocker")
 
 fixtures = {
     "first-run", "input.empty", "components.optional-missing", "components.optional-skipped",

From 48182d1eef529552eb5f279f37f53d21f80b95b8 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:53:32 +0800
Subject: [PATCH 11/15] test(windows): record final candidate machine gates

---
 .../candidate/windows-source-candidate.json        | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/.ui-os/evidence/candidate/windows-source-candidate.json b/.ui-os/evidence/candidate/windows-source-candidate.json
index 07c8279..1f1e2e2 100644
--- a/.ui-os/evidence/candidate/windows-source-candidate.json
+++ b/.ui-os/evidence/candidate/windows-source-candidate.json
@@ -26,12 +26,14 @@
     "history.result"
   ],
   "machine_gates": {
-    "source_contract": "pending final run",
-    "windows_source_contract": "pending final run",
-    "rust_tests": "pending final run",
-    "rust_clippy": "pending final run",
+    "source_contract": "pass",
+    "windows_source_contract": "pass",
+    "rust_tests": "220 passed",
+    "rust_clippy": "pass macOS host + Windows MSVC target",
     "native_windows_build": "unverified",
-    "native_runtime_capture": "blocked"
+    "native_runtime_capture": "blocked",
+    "negative_mutation_gates": "pass"
   },
-  "human_task_verdict": "pending"
+  "human_task_verdict": "pending",
+  "candidate_commit": "aa117ee"
 }

From 5474e6847c822bdc0e59e7fc5f82bfa61c6ad753 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:54:03 +0800
Subject: [PATCH 12/15] docs(windows): clarify candidate evidence binding

---
 .ui-os/evidence/candidate/windows-source-candidate.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.ui-os/evidence/candidate/windows-source-candidate.json b/.ui-os/evidence/candidate/windows-source-candidate.json
index 1f1e2e2..54e9a7a 100644
--- a/.ui-os/evidence/candidate/windows-source-candidate.json
+++ b/.ui-os/evidence/candidate/windows-source-candidate.json
@@ -35,5 +35,5 @@
     "negative_mutation_gates": "pass"
   },
   "human_task_verdict": "pending",
-  "candidate_commit": "aa117ee"
+  "candidate_commit": "aa117ee (implementation commit; this evidence record is a later metadata-only commit)"
 }

From e2b467597d96655e58e4b964d66821f5a3f1a89a Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 10:59:24 +0800
Subject: [PATCH 13/15] fix(windows): keep optional recovery nonblocking

---
 .../MainWindow.xaml.cs                        | 23 +++++++++++++++++--
 .../ViewModels/MainViewModel.cs               |  4 ++--
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/apps/mh3g-save-converter-windows/MainWindow.xaml.cs b/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
index 47cadb4..a80223b 100644
--- a/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
+++ b/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
@@ -282,6 +282,7 @@ private void LanguagePicker_SelectionChanged(object sender, SelectionChangedEven
         }
 
         ViewModel.SetLanguage(item.Tag as string);
+        SelectSettingsLanguage(ViewModel.LanguageOverride);
     }
 
     private void SettingsLanguagePicker_SelectionChanged(object sender, SelectionChangedEventArgs e)
@@ -303,10 +304,28 @@ private void FixOptional_Click(object sender, RoutedEventArgs e)
     {
         if (ViewModel.IsSystemEnabled)
         {
-            SystemSourceBox.Focus(FocusState.Programmatic);
+            if (string.IsNullOrWhiteSpace(ViewModel.SystemSourcePath))
+            {
+                SystemSourceBox.Focus(FocusState.Programmatic);
+            }
+            else
+            {
+                SystemTargetBox.Focus(FocusState.Programmatic);
+            }
             return;
         }
-        ExtrasSourceBox.Focus(FocusState.Programmatic);
+        if (string.IsNullOrWhiteSpace(ViewModel.ExtrasSourceDirectory))
+        {
+            ExtrasSourceBox.Focus(FocusState.Programmatic);
+        }
+        else if (string.IsNullOrWhiteSpace(ViewModel.ExtrasStagingDirectory))
+        {
+            ExtrasStagingBox.Focus(FocusState.Programmatic);
+        }
+        else
+        {
+            ExtrasTargetBox.Focus(FocusState.Programmatic);
+        }
     }
 
     private void SelectConversionMode(Models.ConversionMode mode)
diff --git a/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs b/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
index aed9fde..df5f825 100644
--- a/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
+++ b/apps/mh3g-save-converter-windows/ViewModels/MainViewModel.cs
@@ -210,8 +210,8 @@ private bool SyntheticFixtureCanWrite() => _syntheticFixtureId is
     public bool HasHistory => History.Count > 0;
     public Visibility HistoryEmptyVisibility => HasHistory ? Visibility.Collapsed : Visibility.Visible;
     public Visibility HistoryListVisibility => HasHistory ? Visibility.Visible : Visibility.Collapsed;
-    public bool CanContinueOptional => SelectedOptionalDataIsConfigured;
-    public Visibility OptionalMissingVisibility => CanContinueOptional ? Visibility.Collapsed : Visibility.Visible;
+    public bool CanContinueOptional => true;
+    public Visibility OptionalMissingVisibility => SelectedOptionalDataIsConfigured ? Visibility.Collapsed : Visibility.Visible;
     public Visibility OptionalSkippedVisibility => _syntheticFixtureId == "components.optional-skipped"
         ? Visibility.Visible
         : Visibility.Collapsed;

From 90a22a246c521b11eb405960016a80117d0550c3 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 11:01:27 +0800
Subject: [PATCH 14/15] feat(windows): add reduced-motion-aware causal
 transitions

---
 .../MainWindow.xaml.cs                        | 34 +++++++++++++++++--
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/apps/mh3g-save-converter-windows/MainWindow.xaml.cs b/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
index a80223b..8eb8341 100644
--- a/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
+++ b/apps/mh3g-save-converter-windows/MainWindow.xaml.cs
@@ -4,6 +4,7 @@
 using Microsoft.UI.Xaml.Controls;
 using Microsoft.UI.Xaml.Media;
 using Microsoft.UI.Xaml.Automation.Peers;
+using Microsoft.UI.Xaml.Media.Animation;
 using Windows.Graphics;
 using Windows.Storage.Pickers;
 using WinRT.Interop;
@@ -419,11 +420,30 @@ private void ShowConvertStep(ConvertStep step)
             _ => WriteResultPage,
         };
         surface.Visibility = Visibility.Visible;
-        if (_motionPreferences.AnimationsEnabled)
+        AnimateCausalReveal(surface, 0.96, 120);
+    }
+
+    private void AnimateCausalReveal(UIElement target, double from, int durationMilliseconds)
+    {
+        target.Opacity = 1;
+        if (!_motionPreferences.AnimationsEnabled)
         {
-            surface.Opacity = 0.98;
-            surface.Opacity = 1;
+            return;
         }
+
+        var animation = new DoubleAnimation
+        {
+            From = from,
+            To = 1,
+            Duration = new Duration(TimeSpan.FromMilliseconds(durationMilliseconds)),
+            EnableDependentAnimation = true,
+            EasingFunction = new CubicEase { EasingMode = EasingMode.EaseOut },
+        };
+        Storyboard.SetTarget(animation, target);
+        Storyboard.SetTargetProperty(animation, "Opacity");
+        var storyboard = new Storyboard();
+        storyboard.Children.Add(animation);
+        storyboard.Begin();
     }
 
     private void SelectFixtureSurface(string fixtureId)
@@ -870,12 +890,20 @@ private void CecToggle_Toggled(object sender, RoutedEventArgs e)
     {
         ViewModel.IsCecEnabled = CecToggle.IsOn;
         CecControls.Visibility = CecToggle.IsOn ? Visibility.Visible : Visibility.Collapsed;
+        if (CecToggle.IsOn)
+        {
+            AnimateCausalReveal(CecControls, 0, 140);
+        }
     }
 
     private void SystemToggle_Toggled(object sender, RoutedEventArgs e)
     {
         ViewModel.IsSystemEnabled = SystemToggle.IsOn;
         SystemControls.Visibility = SystemToggle.IsOn ? Visibility.Visible : Visibility.Collapsed;
+        if (SystemToggle.IsOn)
+        {
+            AnimateCausalReveal(SystemControls, 0, 140);
+        }
     }
 
     private async Task<string?> PickFileAsync(params string[] extensions)

From b13c79d97f1d694bde698d606d4e1137b623f513 Mon Sep 17 00:00:00 2001
From: vincentadamnemessis <vincentadamnemessis@gmail.com>
Date: Thu, 13 Aug 2026 11:03:22 +0800
Subject: [PATCH 15/15] docs(windows): point candidate evidence at final
 implementation

---
 .ui-os/evidence/candidate/windows-source-candidate.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.ui-os/evidence/candidate/windows-source-candidate.json b/.ui-os/evidence/candidate/windows-source-candidate.json
index 54e9a7a..f080f17 100644
--- a/.ui-os/evidence/candidate/windows-source-candidate.json
+++ b/.ui-os/evidence/candidate/windows-source-candidate.json
@@ -35,5 +35,5 @@
     "negative_mutation_gates": "pass"
   },
   "human_task_verdict": "pending",
-  "candidate_commit": "aa117ee (implementation commit; this evidence record is a later metadata-only commit)"
+  "candidate_commit": "90a22a2 (final implementation commit; this evidence record is a later metadata-only commit)"
 }