diff --git a/.orchestrator/architecture-summary.md b/.orchestrator/architecture-summary.md
new file mode 100644
index 000000000..c040593cd
--- /dev/null
+++ b/.orchestrator/architecture-summary.md
@@ -0,0 +1,158 @@
+# Admin SDK Tutorial Prototype — Architecture Summary
+
+## What we built
+
+We built a prototype package at `packages/admin-sdk-tutorial` that demonstrates an interactive, browser-based learning flow for the Meteor Admin SDK.
+
+The prototype includes:
+
+- a split tutorial layout with lesson content on the left
+- an in-browser code editor on the right
+- a dummy admin preview shell
+- a small mocked Admin SDK bridge
+- browser-side code execution for learner input
+- three end-to-end lessons:
+  - notifications
+  - menu items
+  - locations / positions
+
+## Main architecture pieces
+
+### 1. Tutorial shell
+
+The app shell lives in `App.vue` and coordinates:
+
+- active lesson selection
+- current editor code
+- reset/run state
+- runtime state for the preview
+- execution feedback for the output panel
+
+### 2. Lesson model
+
+Lesson content is currently hardcoded in `src/lessons/lessons.ts` and typed in `src/types/lesson.ts`.
+
+Each lesson defines:
+
+- title and summary
+- explanatory description
+- learning objective
+- starter code
+- preview/output labels
+
+### 3. Editor layer
+
+The editor is intentionally lightweight:
+
+- `CodeEditorPanel.vue`
+- single-file editing (`main.ts` affordance)
+- textarea-based input
+- reset and run controls
+
+This keeps the prototype simple while proving the interaction model.
+
+### 4. Dummy admin runtime
+
+The preview is rendered through:
+
+- `PreviewPanel.vue`
+- `DummyAdminShell.vue`
+
+The dummy admin visualizes:
+
+- notifications
+- navigation entries
+- extension surfaces / positions
+
+It is not intended to mirror the real Shopware Administration UI exactly. It is designed to teach concepts with minimal visual noise.
+
+### 5. Runtime state model
+
+Preview state is represented as structured runtime data in `src/types/runtime.ts` and initialized through `src/runtime/createRuntimeState.ts`.
+
+This separates:
+
+- lesson content
+- runtime/UI state
+- execution behavior
+
+### 6. Mock Admin SDK bridge
+
+`src/runtime/sdkBridge.ts` provides a narrow bridge API for the prototype:
+
+- `sdk.notification.dispatch(...)`
+- `sdk.menu.add(...)`
+- `sdk.location.render(...)`
+
+Instead of talking to a real admin host, these methods mutate the dummy runtime state.
+
+### 7. Code execution flow
+
+`src/runtime/executeLessonCode.ts` executes learner code in the browser using a constrained runtime approach.
+
+The flow is:
+
+1. reset runtime state for the active lesson
+2. execute learner code with access to the mock `sdk`
+3. update preview from bridge mutations
+4. show success/error feedback in the output panel
+
+## Why this structure works
+
+This prototype architecture is useful because it keeps responsibilities separate:
+
+- lessons define teaching content
+- the editor manages learner input
+- execution runs user code
+- the bridge translates API calls into state changes
+- the preview only renders runtime state
+
+That makes it easier to evolve the prototype without tightly coupling everything together.
+
+---
+
+# What a second pass could look like
+
+## UX and visual polish
+
+- make the dummy admin feel more product-like while staying minimal
+- improve typography, spacing, and hierarchy
+- reduce duplicated information between toast, empty state, and output areas
+- improve mobile ergonomics further
+
+## Editor improvements
+
+- replace textarea with a richer code editor
+- support locked/editable regions
+- add inline hints or lesson tasks
+- add formatting or syntax highlighting
+
+## Better execution model
+
+- move from naive `Function(...)` execution to a safer constrained execution layer
+- support more structured lesson scaffolds
+- capture richer runtime diagnostics
+
+## Stronger lesson system
+
+- add validation rules per lesson
+- define expected outcomes instead of only freeform execution
+- move lesson content into markdown/MDX or another authoring format
+
+## More realistic SDK teaching
+
+- expand the bridge with more Admin SDK APIs
+- add more realistic host events and state transitions
+- simulate communication patterns more explicitly
+
+## Better preview fidelity
+
+- represent locations and positions with more accurate conceptual models
+- add clearer UI states for registered menu items and notifications
+- introduce optional “host frame vs extension frame” visualization if needed
+
+## Productization path
+
+- decide whether this should remain a package app or move into a dedicated docs/tutorial surface
+- define how the tutorial would integrate with Admin SDK documentation
+- add analytics/progress only if the concept is validated first
diff --git a/.orchestrator/final-architecture-summary.md b/.orchestrator/final-architecture-summary.md
new file mode 100644
index 000000000..9052c1056
--- /dev/null
+++ b/.orchestrator/final-architecture-summary.md
@@ -0,0 +1,93 @@
+# Admin SDK Tutorial Prototype — Final Architecture Summary
+
+## What the prototype now does
+
+The tutorial prototype now runs the **real Meteor Admin SDK** inside lesson iframes and uses a **dummy admin host shell** in the parent app to handle the resulting postMessage traffic.
+
+This means the learner-facing code is no longer powered by a fake SDK bridge for the main lessons.
+
+## Runtime architecture
+
+### 1. Parent app = tutorial shell + dummy host
+
+The main Vue app is responsible for:
+
+- lesson selection
+- editor state
+- preview shell UI
+- output/status UI
+- host-side Admin SDK handler registration
+- simplified dummy admin state rendering
+
+### 2. Lesson runtime = real iframe context
+
+Each lesson run is executed in an iframe runtime that:
+
+- imports the real `@shopware-ag/meteor-admin-sdk`
+- receives lesson code from the parent
+- executes that code in an iframe context
+- communicates with the parent through real SDK `postMessage` traffic
+
+### 3. Host-side handler layer
+
+The parent host listens for and handles real SDK messages, including:
+
+- `__registerWindow__`
+- `notificationDispatch`
+- `menuItemAdd`
+- `uiComponentSectionRenderer`
+- `locationUpdateHeight`
+
+These handlers translate SDK messages into simplified dummy-admin UI state.
+
+## Lesson architecture
+
+### Notifications
+
+- learner code uses the real notification API shape
+- iframe sends real notification traffic
+- host renders the notification in the dummy admin shell
+
+### Menu items
+
+- learner code uses `ui.menu.addMenuItem(...)`
+- iframe sends real menu registration traffic
+- host updates dummy sidebar navigation
+
+### Locations / positions
+
+- learner code uses real concepts like:
+  - `location.MAIN_HIDDEN`
+  - `ui.componentSection.add(...)`
+  - `location.is(...)`
+  - `location.updateHeight(...)`
+- host renders simplified extension surfaces
+- matching location iframes are mounted into the chosen host slot
+
+## UI architecture
+
+The visible tutorial experience has four main parts:
+
+- tutorial sidebar
+- real code editor
+- dummy admin preview shell
+- output/status panel
+
+The preview uses a landscape-oriented host frame so the dummy admin feels closer to a real monitor-based admin environment.
+
+## Current strengths
+
+- real SDK package is used for the main lessons
+- real iframe/host message flow is in place
+- simplified host shell is enough to teach the concepts clearly
+- success/error states are visible to the learner
+- desktop and mobile layouts both work
+
+## Remaining minor quirks
+
+- the iframe runtime display can still show slightly imperfect code text across repeated runs
+- some preserved error-state visuals could still be polished further
+
+## Bottom line
+
+The prototype now teaches the Admin SDK with a **real runtime architecture** and a **simplified host UI**, rather than only simulating the API surface.
diff --git a/.orchestrator/implementation-brief.md b/.orchestrator/implementation-brief.md
new file mode 100644
index 000000000..0ffc22018
--- /dev/null
+++ b/.orchestrator/implementation-brief.md
@@ -0,0 +1,246 @@
+# Interactive Admin SDK Tutorial Prototype — Implementation Brief
+
+## Goal
+
+Build a first interactive prototype for learning the Meteor Admin SDK inside this monorepo.
+
+The prototype should:
+
+- be inspired by the Solid tutorial split layout
+- not depend on TutorialKit or StackBlitz
+- run entirely in the browser
+- let the user edit code live
+- execute that code against a minimal dummy admin runtime
+- focus on understanding Admin SDK concepts, not replicating the full Shopware Administration UI
+
+## Confirmed Direction
+
+- **Deliverable:** clickable UI prototype
+- **Monorepo placement preference:** additional package/app in the repo
+- **Coding experience:** real editable code running in-browser
+- **Initial lesson topics:** notifications, menu items, locations/positions
+- **Layout direction:** Solid-like split layout
+- **Dummy admin fidelity:** minimal wireframe / lightweight UI
+- **Process:** implementation brief first, then approval before coding
+
+## Product Intent
+
+The user should learn Admin SDK concepts by writing code directly in the browser and immediately seeing how the dummy admin reacts.
+
+The dummy admin should be deliberately minimal. It only needs enough UI and behavior so learners understand concepts like:
+
+- triggering notifications
+- adding navigation or menu items
+- rendering content into locations / positions
+
+For locations and position IDs, a simplified visualization is sufficient, e.g. cards with clearly labeled iframe-like surfaces.
+
+## Monorepo Placement
+
+The user explicitly chose:
+
+`packages/admin-sdk-tutorial`
+
+Even though `examples/` would also fit a prototype app, all implementation work should now assume the tutorial lives under `packages/`.
+
+## Suggested Stack
+
+- Vue 3
+- Vite
+- TypeScript
+- optional reuse of `@shopware-ag/meteor-component-library` for selected UI pieces
+- reuse/reference of `@shopware-ag/meteor-admin-sdk` where helpful, but mock runtime behavior locally for the prototype
+
+## Prototype Scope
+
+This first prototype should prove the overall learning experience, not solve the full long-term platform.
+
+### Included
+
+- split-screen tutorial shell
+- lesson/navigation panel on the left
+- in-browser code editor on the right
+- live preview area on the right
+- minimal dummy admin runtime
+- mocked Admin SDK behavior for the first concepts
+- three prototype lessons/steps
+
+### Excluded for now
+
+- full production authoring system
+- persistent learner progress
+- backend services or storage
+- full Shopware Administration embedding
+- full Admin SDK API coverage
+- general-purpose WebContainer-like project sandbox
+- production-grade assessment engine
+
+## Proposed UX Structure
+
+## Layout
+
+- **Left column**
+  - lesson title
+  - explanation/content
+  - step navigation
+  - hints / expected outcome
+- **Right column**
+  - editor tabs or a compact single-file editor
+  - live preview of the dummy admin
+  - optional output/console panel
+
+## Lessons for the Prototype
+
+### 1. Notifications
+
+Learner writes code that triggers a notification.
+
+Preview behavior:
+
+- display a toast/message area in the dummy admin
+- show notification type and text clearly
+
+### 2. Menu items
+
+Learner writes code that adds a menu item.
+
+Preview behavior:
+
+- update a fake navigation/sidebar area
+- make the new item visible and understandable immediately
+
+### 3. Locations / positions
+
+Learner writes code that targets extension surfaces.
+
+Preview behavior:
+
+- show simplified location containers
+- use cards/panels with labeled slots
+- visually communicate which content lands in which location/position
+
+## Proposed Technical Architecture
+
+### 1. Tutorial Shell
+
+A dedicated app that renders:
+
+- lesson content
+- active step metadata
+- editor state
+- preview state
+
+For the prototype, lesson content can be hardcoded in TypeScript/JSON rather than introducing a full content pipeline.
+
+### 2. Editor Layer
+
+For the prototype, keep the editing model intentionally small:
+
+- preferably a single editable file per lesson (e.g. `main.ts` or `lesson.ts`)
+- support reset to initial state
+- optionally support small locked/unlocked regions later
+
+### 3. Execution / Sandbox Layer
+
+Run learner code entirely in the browser.
+
+Recommended approach for the prototype:
+
+- sandbox the preview in an iframe
+- inject a controlled runtime/mock bridge
+- execute only the code needed for the lesson environment
+
+Avoid building a fully generic multi-file browser IDE at this stage.
+
+### 4. Dummy Admin Runtime
+
+Build a minimal fake admin shell that exposes only the UI surfaces needed by the lessons.
+
+Suggested UI primitives:
+
+- sidebar / navigation list
+- header or toolbar area
+- notification area
+- content cards/panels
+- labeled extension slots / pseudo-iframes
+
+The visual language should remain lightweight and instructional, not a copy of the real Shopware UI.
+
+### 5. Mock Admin SDK Bridge
+
+Provide a thin compatibility layer so learner code can call familiar APIs while the prototype runtime translates those calls into dummy admin UI updates.
+
+Core initial behaviors:
+
+- create/show notifications
+- register/add menu items
+- register/render content into named locations/positions
+
+## Architectural Principles
+
+- optimize for teaching clarity over visual realism
+- keep the runtime deterministic and easy to inspect
+- prefer a constrained lesson environment over a generic platform
+- keep lessons small and focused
+- make the relation between learner code and UI result obvious
+
+## Key Open Decisions / Risks
+
+### 1. Placement: `examples/` vs `packages/`
+
+The current repo structure suggests `examples/` is the best fit for a prototype app, even though the initial idea mentioned an additional package.
+
+### 2. Fidelity of the mock SDK
+
+We need to decide how closely the prototype runtime should mirror the real Admin SDK.
+
+Recommendation:
+
+- keep it minimal for now
+- stay semantically close where easy
+- avoid early overinvestment in API parity
+
+### 3. Editor scope
+
+Single-file editing is the fastest way to validate the tutorial concept.
+
+Recommendation:
+
+- start with single-file editing
+- add multi-file support only if it becomes necessary for lesson clarity
+
+### 4. Browser execution complexity
+
+A fully general code execution environment can become expensive quickly.
+
+Recommendation:
+
+- use a narrowly scoped execution model for prototype lessons
+- do not emulate a full project sandbox yet
+
+## Recommended Build Plan
+
+1. create the prototype app in the monorepo
+2. implement the split tutorial shell
+3. add a minimal browser editor
+4. add sandboxed preview execution
+5. build the dummy admin shell
+6. implement mock Admin SDK actions for notifications, menu items, and locations/positions
+7. create three prototype lessons
+8. polish interaction and visual clarity
+
+## Working Assumptions for Subagents
+
+- This is a **prototype**, not a production tutorial system.
+- The UI should be **minimal and instructional**.
+- The result should feel close to the **Solid tutorial interaction model**.
+- The learner must be able to **edit code directly in the browser**.
+- Everything should happen **client-side in the browser**.
+- Avoid introducing dependencies on StackBlitz/TutorialKit/WebContainer-style infrastructure.
+- Prefer the existing monorepo conventions and lightweight reuse over building a large new framework.
+
+## Confirmed Package Target
+
+Proceed with implementation in:
+
+`packages/admin-sdk-tutorial`
diff --git a/.orchestrator/implementation-plan.md b/.orchestrator/implementation-plan.md
new file mode 100644
index 000000000..8acc75b71
--- /dev/null
+++ b/.orchestrator/implementation-plan.md
@@ -0,0 +1,720 @@
+# Interactive Admin SDK Tutorial Prototype — Implementation Plan
+
+## Plan Context
+
+- The prototype must live under `packages/`
+- Recommended target package: `packages/admin-sdk-tutorial`
+- The work is intentionally split into very small executable tasks
+- Each task should be scoped to roughly **5 minutes or less**
+- This plan is optimized for delegation to subagents
+
+## Execution Rules
+
+- Complete tasks in order unless explicitly marked parallelizable
+- Keep each task narrowly scoped
+- Prefer visible progress over early abstraction
+- Do not expand scope beyond the prototype goals in `implementation-brief.md`
+
+---
+
+## Phase 1 — Package Setup
+
+### 1.1 Create package folder structure
+- Create `packages/admin-sdk-tutorial`
+- Create initial `src/` folder
+- Create placeholder folders for `components/`, `lessons/`, `runtime/`, and `types/`
+
+### 1.2 Add package manifest
+- Create `packages/admin-sdk-tutorial/package.json`
+- Set package name
+- Mark package as private if appropriate for prototype stage
+- Add initial scripts (`dev`, `build`, `preview`, `typecheck`)
+
+### 1.3 Add TypeScript config
+- Create local `tsconfig.json`
+- Align with repo conventions where possible
+
+### 1.4 Add Vite config
+- Create `vite.config.ts`
+- Enable Vue support
+
+### 1.5 Add app HTML entry
+- Create `index.html`
+- Add root mount element
+
+### 1.6 Add source entrypoint
+- Create `src/main.ts`
+- Mount the root Vue app
+
+### 1.7 Add root app component
+- Create `src/App.vue`
+- Render simple placeholder text to confirm bootstrapping
+
+### 1.8 Register workspace dependencies
+- Add initial dependencies and devDependencies
+- Use workspace references where needed
+
+### 1.9 Ensure package is included by workspace conventions
+- Verify no extra workspace configuration is required
+- Confirm package path matches monorepo patterns
+
+---
+
+## Phase 2 — Prototype Shell
+
+### 2.1 Replace placeholder with split layout shell
+- Create left and right column layout in `App.vue`
+- Add semantic container sections
+
+### 2.2 Add base shell styling
+- Add initial layout CSS
+- Ensure full-height app shell works
+
+### 2.3 Create lesson sidebar component
+- Add `src/components/TutorialSidebar.vue`
+- Render title, description, and step list placeholders
+
+### 2.4 Create workspace panel component
+- Add `src/components/TutorialWorkspace.vue`
+- Render editor and preview placeholders
+
+### 2.5 Wire shell components into root app
+- Replace inline layout with reusable components
+
+### 2.6 Add mobile-safe fallback layout behavior
+- Add basic responsive stacking behavior
+- Do not over-polish yet
+
+---
+
+## Phase 3 — Lesson Data Model
+
+### 3.1 Create lesson type definitions
+- Add `src/types/lesson.ts`
+- Define minimal lesson and step interfaces
+
+### 3.2 Create prototype lesson data file
+- Add `src/lessons/lessons.ts`
+- Seed three lessons: notifications, menu items, locations/positions
+
+### 3.3 Add active lesson state in app shell
+- Store selected lesson/step in root state
+
+### 3.4 Render lesson metadata in sidebar
+- Show active title, summary, and step list
+
+### 3.5 Add lesson switching behavior
+- Enable click-to-select lesson/step
+
+### 3.6 Add reset-on-lesson-change behavior
+- Reset editor/preview state when changing lessons
+
+---
+
+## Phase 4 — Editor Prototype
+
+### 4.1 Create editor component shell
+- Add `src/components/CodeEditorPanel.vue`
+- Render labeled editor area placeholder
+
+### 4.2 Add editable text area as first editor
+- Use a textarea-based implementation first
+- Do not introduce a heavy editor dependency yet
+
+### 4.3 Bind editor to lesson starter code
+- Load starter code for active lesson
+
+### 4.4 Add local editor state updates
+- Keep current code reactive
+
+### 4.5 Add reset button
+- Reset editor content back to lesson starter code
+
+### 4.6 Add basic file/tab affordance
+- Show a single file name like `main.ts`
+- Keep actual editing single-file only
+
+---
+
+## Phase 5 — Preview Shell
+
+### 5.1 Create preview container component
+- Add `src/components/PreviewPanel.vue`
+- Render preview header and placeholder body
+
+### 5.2 Add dummy admin shell component
+- Add `src/components/DummyAdminShell.vue`
+- Render simple nav, content area, and notification region
+
+### 5.3 Add preview composition
+- Mount dummy admin shell inside preview panel
+
+### 5.4 Add output/status area
+- Render a small status or output region below preview
+
+### 5.5 Add empty-state messaging
+- Show friendly message before first successful run if needed
+
+---
+
+## Phase 6 — Runtime State Model
+
+### 6.1 Create runtime type definitions
+- Add `src/types/runtime.ts`
+- Define notification, menu item, and location state types
+
+### 6.2 Create runtime state factory
+- Add `src/runtime/createRuntimeState.ts`
+- Return initial empty runtime state
+
+### 6.3 Add runtime state to root app
+- Store active preview/runtime state at app level
+
+### 6.4 Pass runtime state into preview shell
+- Bind reactive runtime state into dummy admin UI
+
+### 6.5 Add runtime reset helper
+- Reset runtime to lesson defaults before each run
+
+---
+
+## Phase 7 — Mock Admin SDK Bridge
+
+### 7.1 Create bridge module skeleton
+- Add `src/runtime/sdkBridge.ts`
+- Export minimal bridge factory
+
+### 7.2 Add notification API surface
+- Implement method(s) for creating notifications
+
+### 7.3 Add menu item API surface
+- Implement method(s) for registering menu items
+
+### 7.4 Add location registration API surface
+- Implement method(s) for registering location content
+
+### 7.5 Connect bridge methods to runtime state
+- Ensure bridge mutates preview state deterministically
+
+### 7.6 Add bridge reset behavior
+- Ensure each execution starts cleanly
+
+---
+
+## Phase 8 — In-Browser Execution
+
+### 8.1 Create execution module skeleton
+- Add `src/runtime/executeLessonCode.ts`
+- Define a narrow execution entrypoint
+
+### 8.2 Define execution input contract
+- Pass current code and bridge/runtime context into executor
+
+### 8.3 Implement first naive evaluation flow
+- Use a constrained prototype approach suitable for the current lesson code shape
+
+### 8.4 Capture runtime errors
+- Return execution errors instead of crashing the app
+
+### 8.5 Trigger execution from UI
+- Add a Run button or initial autorun behavior
+
+### 8.6 Reset runtime before execution
+- Ensure each run starts from fresh lesson state
+
+### 8.7 Surface errors in output panel
+- Show readable execution error messages
+
+---
+
+## Phase 9 — Notifications Lesson
+
+### 9.1 Add notification lesson starter code
+- Seed realistic starter code for notification concept
+
+### 9.2 Add notification lesson text
+- Explain the concept and expected result
+
+### 9.3 Render notifications in dummy admin
+- Show toast/message items in preview
+
+### 9.4 Verify notification code path
+- Ensure starter code produces visible result
+
+### 9.5 Refine notification visuals
+- Make the result easy to understand at a glance
+
+---
+
+## Phase 10 — Menu Items Lesson
+
+### 10.1 Add menu item lesson starter code
+- Seed realistic starter code for menu registration
+
+### 10.2 Add menu item lesson text
+- Explain what the learner should observe
+
+### 10.3 Render menu items in dummy sidebar
+- Show registered menu items in navigation area
+
+### 10.4 Verify menu registration code path
+- Ensure the preview updates correctly
+
+### 10.5 Refine menu visuals
+- Make added items visually distinct from static shell UI
+
+---
+
+## Phase 11 — Locations / Positions Lesson
+
+### 11.1 Add locations lesson starter code
+- Seed starter code for location/position behavior
+
+### 11.2 Add locations lesson text
+- Explain named slots and why they matter
+
+### 11.3 Add labeled location containers to dummy admin
+- Render two or more clear extension surfaces
+
+### 11.4 Render registered location content
+- Show learner-defined content inside the correct surface
+
+### 11.5 Verify positions concept visually
+- Make placement obvious without copying full Shopware UI
+
+### 11.6 Refine location card visuals
+- Improve labels and boundaries for comprehension
+
+---
+
+## Phase 12 — UX Polish
+
+### 12.1 Add lesson progress affordance
+- Show current lesson/step state clearly
+
+### 12.2 Improve shell spacing and typography
+- Make the tutorial easier to scan
+
+### 12.3 Improve button labels and helper text
+- Reduce ambiguity in controls
+
+### 12.4 Improve preview empty/error states
+- Make failure and reset flows understandable
+
+### 12.5 Add minimal branding alignment
+- Keep visuals lightweight and consistent with repo context
+
+---
+
+## Phase 13 — Verification
+
+### 13.1 Start dev app and verify boot
+- Confirm the package runs locally
+
+### 13.2 Verify lesson switching
+- Confirm editor and preview state update correctly
+
+### 13.3 Verify notifications lesson manually
+- Confirm learner edits affect preview
+
+### 13.4 Verify menu items lesson manually
+- Confirm learner edits affect preview
+
+### 13.5 Verify locations lesson manually
+- Confirm learner edits affect preview
+
+### 13.6 Verify responsive layout manually
+- Check desktop and narrow viewport behavior
+
+### 13.7 Fix any obvious prototype regressions
+- Resolve blocking issues only
+
+---
+
+## Optional Follow-Up Tasks
+
+These are intentionally out of current scope, but may be scheduled later.
+
+### O.1 Replace textarea with richer code editor
+### O.2 Add locked/editable code regions
+### O.3 Add inline task validation
+### O.4 Move lesson content to markdown/MDX-like source
+### O.5 Add browser-based visual review pass
+### O.6 Expand supported Admin SDK concepts
+
+---
+
+## Suggested First Delegation Batch
+
+If subagents are used, a good first sequence is:
+
+1. Phase 1 — Package Setup
+2. Phase 2 — Prototype Shell
+3. Phase 3 — Lesson Data Model
+4. Phase 4 — Editor Prototype
+5. Phase 5 — Preview Shell
+
+Then continue with runtime and lesson behavior.
+
+---
+
+## Delegation Batches
+
+The tasks above are intentionally tiny. For actual execution, they should be grouped into small delegation batches that still preserve fast feedback and low merge risk.
+
+Each batch below is designed to be:
+
+- coherent enough for a subagent to complete independently
+- small enough to review quickly
+- low-risk to integrate before the next batch starts
+
+## Batch A — Scaffold the package
+
+### Goal
+Create a bootable package under `packages/admin-sdk-tutorial` that renders a placeholder Vue app.
+
+### Includes
+- 1.1 Create package folder structure
+- 1.2 Add package manifest
+- 1.3 Add TypeScript config
+- 1.4 Add Vite config
+- 1.5 Add app HTML entry
+- 1.6 Add source entrypoint
+- 1.7 Add root app component
+- 1.8 Register workspace dependencies
+- 1.9 Ensure package is included by workspace conventions
+
+### Suggested agent type
+- `general` or direct implementation by parent session
+
+### Expected output
+- package exists
+- app boots locally
+- placeholder UI renders
+
+### Validation
+- install/build tooling resolves
+- dev server starts
+- root component mounts successfully
+
+## Batch B — Build the split tutorial shell
+
+### Goal
+Establish the Solid-inspired split-screen experience with a stable left/right layout.
+
+### Includes
+- 2.1 Replace placeholder with split layout shell
+- 2.2 Add base shell styling
+- 2.3 Create lesson sidebar component
+- 2.4 Create workspace panel component
+- 2.5 Wire shell components into root app
+- 2.6 Add mobile-safe fallback layout behavior
+
+### Suggested agent type
+- `general`
+
+### Expected output
+- tutorial shell exists
+- left panel shows lesson area placeholder
+- right panel shows workspace area placeholder
+- narrow viewport stacks acceptably
+
+### Validation
+- desktop layout reads clearly
+- responsive fallback does not break app shell
+
+## Batch C — Add lesson data and navigation
+
+### Goal
+Make the shell data-driven with three prototype lessons and clickable switching.
+
+### Includes
+- 3.1 Create lesson type definitions
+- 3.2 Create prototype lesson data file
+- 3.3 Add active lesson state in app shell
+- 3.4 Render lesson metadata in sidebar
+- 3.5 Add lesson switching behavior
+- 3.6 Add reset-on-lesson-change behavior
+
+### Suggested agent type
+- `general`
+
+### Expected output
+- three lessons exist in structured data
+- lesson list renders in sidebar
+- active lesson can be changed
+- shell state resets when lesson changes
+
+### Validation
+- lesson titles and descriptions render correctly
+- switching updates the active view without stale state
+
+## Batch D — Add the first editor experience
+
+### Goal
+Give the learner a simple but working in-browser editing area.
+
+### Includes
+- 4.1 Create editor component shell
+- 4.2 Add editable text area as first editor
+- 4.3 Bind editor to lesson starter code
+- 4.4 Add local editor state updates
+- 4.5 Add reset button
+- 4.6 Add basic file/tab affordance
+
+### Suggested agent type
+- `general`
+
+### Expected output
+- active lesson starter code loads in editor
+- learner can edit code
+- reset restores starter content
+- UI looks like a lightweight single-file editor
+
+### Validation
+- edits are reactive
+- lesson change reloads correct starter code
+- reset behaves deterministically
+
+## Batch E — Add preview shell and dummy admin skeleton
+
+### Goal
+Create the visual target area where Admin SDK behavior will appear.
+
+### Includes
+- 5.1 Create preview container component
+- 5.2 Add dummy admin shell component
+- 5.3 Add preview composition
+- 5.4 Add output/status area
+- 5.5 Add empty-state messaging
+
+### Suggested agent type
+- `general`
+
+### Expected output
+- preview area is visible
+- dummy admin shell renders with nav/content/notification regions
+- output panel exists for status/errors
+
+### Validation
+- shell is visually understandable without any execution yet
+- preview and output areas remain stable during lesson switching
+
+## Batch F — Add runtime state plumbing
+
+### Goal
+Introduce deterministic preview state that the mock SDK bridge can mutate.
+
+### Includes
+- 6.1 Create runtime type definitions
+- 6.2 Create runtime state factory
+- 6.3 Add runtime state to root app
+- 6.4 Pass runtime state into preview shell
+- 6.5 Add runtime reset helper
+
+### Suggested agent type
+- `general`
+
+### Expected output
+- runtime state model exists
+- preview consumes runtime state reactively
+- runtime can be reset cleanly
+
+### Validation
+- reset returns preview to baseline state
+- no lesson data is hardcoded into preview rendering paths
+
+## Batch G — Implement the mock Admin SDK bridge
+
+### Goal
+Create a narrow bridge API that converts learner actions into dummy admin state changes.
+
+### Includes
+- 7.1 Create bridge module skeleton
+- 7.2 Add notification API surface
+- 7.3 Add menu item API surface
+- 7.4 Add location registration API surface
+- 7.5 Connect bridge methods to runtime state
+- 7.6 Add bridge reset behavior
+
+### Suggested agent type
+- `general`
+
+### Expected output
+- bridge exposes minimal APIs for all three concepts
+- bridge updates runtime state deterministically
+
+### Validation
+- isolated smoke calls update runtime state as expected
+- reset clears all prior bridge effects
+
+## Batch H — Add code execution flow
+
+### Goal
+Execute learner code in-browser and connect it to the mock bridge.
+
+### Includes
+- 8.1 Create execution module skeleton
+- 8.2 Define execution input contract
+- 8.3 Implement first naive evaluation flow
+- 8.4 Capture runtime errors
+- 8.5 Trigger execution from UI
+- 8.6 Reset runtime before execution
+- 8.7 Surface errors in output panel
+
+### Suggested agent type
+- `general`
+
+### Expected output
+- learner code can run from the UI
+- bridge methods affect preview
+- execution errors are visible but non-fatal
+
+### Validation
+- success path updates preview
+- error path updates output panel and preserves app stability
+
+## Batch I — Finish the notifications lesson
+
+### Goal
+Deliver the first complete end-to-end teaching slice.
+
+### Includes
+- 9.1 Add notification lesson starter code
+- 9.2 Add notification lesson text
+- 9.3 Render notifications in dummy admin
+- 9.4 Verify notification code path
+- 9.5 Refine notification visuals
+
+### Suggested agent type
+- `general`
+
+### Expected output
+- notification lesson is understandable and runnable
+- learner edits visibly change notification behavior
+
+### Validation
+- starter code produces a visible notification
+- modified code changes message/type/behavior predictably
+
+## Batch J — Finish the menu items lesson
+
+### Goal
+Deliver the second complete teaching slice.
+
+### Includes
+- 10.1 Add menu item lesson starter code
+- 10.2 Add menu item lesson text
+- 10.3 Render menu items in dummy sidebar
+- 10.4 Verify menu registration code path
+- 10.5 Refine menu visuals
+
+### Suggested agent type
+- `general`
+
+### Expected output
+- menu lesson is understandable and runnable
+- learner edits visibly change the sidebar result
+
+### Validation
+- starter code adds menu content to preview
+- modified code changes label/order/appearance predictably
+
+## Batch K — Finish the locations / positions lesson
+
+### Goal
+Deliver the third complete teaching slice focused on comprehension of extension placement.
+
+### Includes
+- 11.1 Add locations lesson starter code
+- 11.2 Add locations lesson text
+- 11.3 Add labeled location containers to dummy admin
+- 11.4 Render registered location content
+- 11.5 Verify positions concept visually
+- 11.6 Refine location card visuals
+
+### Suggested agent type
+- `general`
+
+### Expected output
+- location lesson is understandable and runnable
+- preview clearly explains placement/targeting
+
+### Validation
+- starter code renders content in named surfaces
+- content appears in the correct visual slot after edits
+
+## Batch L — Polish and verify
+
+### Goal
+Improve readability and remove obvious prototype blockers.
+
+### Includes
+- 12.1 Add lesson progress affordance
+- 12.2 Improve shell spacing and typography
+- 12.3 Improve button labels and helper text
+- 12.4 Improve preview empty/error states
+- 12.5 Add minimal branding alignment
+- 13.1 Start dev app and verify boot
+- 13.2 Verify lesson switching
+- 13.3 Verify notifications lesson manually
+- 13.4 Verify menu items lesson manually
+- 13.5 Verify locations lesson manually
+- 13.6 Verify responsive layout manually
+- 13.7 Fix any obvious prototype regressions
+
+### Suggested agent type
+- `general` for implementation and verification
+- `browser-operator` later if a browser review pass is requested
+
+### Expected output
+- prototype is coherent and demoable
+- major teaching flows work without obvious breakage
+
+### Validation
+- all three lessons work end-to-end
+- layout is understandable on desktop and narrow screens
+
+---
+
+## Recommended Execution Order
+
+Run batches in this order:
+
+1. Batch A — Scaffold the package
+2. Batch B — Build the split tutorial shell
+3. Batch C — Add lesson data and navigation
+4. Batch D — Add the first editor experience
+5. Batch E — Add preview shell and dummy admin skeleton
+6. Batch F — Add runtime state plumbing
+7. Batch G — Implement the mock Admin SDK bridge
+8. Batch H — Add code execution flow
+9. Batch I — Finish the notifications lesson
+10. Batch J — Finish the menu items lesson
+11. Batch K — Finish the locations / positions lesson
+12. Batch L — Polish and verify
+
+## Parallelization Notes
+
+Most batches should remain sequential because they build on shared app structure.
+
+Limited safe parallelism:
+
+- Batch C can begin once Batch B has stable component boundaries
+- Batch D and Batch E can partially proceed in parallel after Batch B if interfaces are agreed up front
+- Lesson copy work inside Batches I/J/K can be parallelized after runtime and execution foundations are complete
+
+Avoid parallelizing:
+
+- runtime-state and bridge changes across multiple agents at the same time
+- overlapping edits to `App.vue` and shared shell composition without explicit coordination
+
+## Handoff Guidance for Subagents
+
+Each delegated batch should include:
+
+- the brief in `.orchestrator/implementation-brief.md`
+- this plan file
+- the exact batch name and included tasks
+- a reminder to stay within prototype scope
+- a request to summarize changed files, assumptions, and follow-up risks
diff --git a/.orchestrator/next-pass-recommendation.md b/.orchestrator/next-pass-recommendation.md
new file mode 100644
index 000000000..50a8d6ae3
--- /dev/null
+++ b/.orchestrator/next-pass-recommendation.md
@@ -0,0 +1,97 @@
+# Admin SDK Tutorial Prototype — Recommended Next Pass
+
+## Recommendation
+
+The best next implementation pass is:
+
+## 1. Upgrade the editor experience
+
+### Why
+
+The current prototype already proves:
+
+- the split tutorial layout works
+- the lesson loop works
+- the dummy admin teaching model works
+- in-browser execution is understandable enough for a prototype
+
+The weakest remaining part of the experience is now the editor.
+
+The textarea is sufficient for proving the concept, but it is now the main thing making the tutorial feel less product-ready.
+
+### Recommended scope
+
+- replace the textarea with a real editor component
+- add syntax highlighting for TypeScript/JavaScript
+- preserve the simple single-file model
+- do **not** add multi-file editing yet
+- do **not** add heavy IDE/platform behavior yet
+
+### Good outcome for this pass
+
+- the tutorial feels more trustworthy and enjoyable to edit in
+- learner code is easier to scan
+- the overall prototype feels much closer to a real interactive tutorial
+
+---
+
+## 2. Add lightweight lesson validation after the editor upgrade
+
+### Why
+
+Once the editor feels credible, the next biggest product improvement is helping the learner know when they succeeded.
+
+### Recommended scope
+
+- add simple per-lesson validation
+- define success checks for the three existing lessons
+- show a lightweight solved/unsolved state
+- optionally add a “Check” or “Solve” affordance if needed
+
+### Example validation targets
+
+- **Notifications:** title/message/tone changed and preview updated
+- **Menu items:** dynamic item exists with expected label/position
+- **Locations:** content rendered into the expected slot
+
+---
+
+## 3. Reassess execution safety after validation is in place
+
+### Why
+
+The current execution approach is acceptable for a prototype, but if the tutorial becomes more widely used internally or externally, the execution model should become more constrained.
+
+### Recommended scope
+
+- keep the current execution model for now if iteration speed is still the priority
+- plan a safer constrained execution layer once editor + validation are stable
+
+---
+
+## Concepts to add after that
+
+After editor + validation, the next Admin SDK concepts to consider are:
+
+- action buttons
+- context / payload access
+- modals or overlays
+- basic communication/event flows
+
+---
+
+## Packaging / integration direction
+
+For now, keeping this work in:
+
+`packages/admin-sdk-tutorial`
+
+is still reasonable while the interaction model evolves.
+
+Once the concept is validated, the next product decision should be whether this remains a standalone package app or becomes part of the Admin SDK documentation experience.
+
+---
+
+## Final recommendation in one sentence
+
+**Next, replace the textarea with a real code editor, then add lightweight per-lesson validation before investing in a safer execution model or broader lesson coverage.**
diff --git a/.orchestrator/real-sdk-integration-plan.md b/.orchestrator/real-sdk-integration-plan.md
new file mode 100644
index 000000000..eec63c2ce
--- /dev/null
+++ b/.orchestrator/real-sdk-integration-plan.md
@@ -0,0 +1,743 @@
+# Admin SDK Tutorial Prototype — Real SDK + Dummy Host Integration Plan
+
+## Goal
+
+Replace the current fake bridge approach with an architecture where:
+
+- learner code runs inside a lesson iframe
+- learner code imports and uses the **real** `@shopware-ag/meteor-admin-sdk` package
+- the dummy admin shell acts as a **host application**
+- the host catches and handles the SDK's real `postMessage` traffic
+- the preview stays visually simplified, but the runtime flow is close to the real Shopware Admin SDK model
+
+This means the browser tutorial should no longer teach fake APIs like:
+
+- `sdk.menu.add(...)`
+- `sdk.location.render(...)`
+
+Instead, it should execute real Admin SDK code and respond to real message types.
+
+---
+
+## Clarified direction
+
+Confirmed requirements for this plan:
+
+- real SDK code should execute **inside the lesson iframe**
+- the dummy admin host should be **close to the real postMessage flow**
+- first end-to-end concepts should be:
+  - notifications
+  - menu items
+  - locations / positions
+- learner code should use **real imports** from the Admin SDK package
+- locations should use **real host concepts with simplified visuals**
+- this plan should be based on actual SDK internals/docs, not just API renaming
+
+---
+
+## What the real SDK does
+
+## 1. Connection model
+
+The SDK initializes its messaging channel on load and sends a `__registerWindow__` message to the parent.
+
+The host is expected to register the iframe window and origin in the source registry.
+
+Important implication:
+
+- we should not simulate an invented runtime protocol
+- we should let the real SDK boot and talk to a real parent host window
+
+## 2. Transport model
+
+The real SDK uses:
+
+- `window.postMessage`
+- JSON string payloads
+- `_type`, `_data`, `_callbackId` request envelopes
+- `_type`, `_response`, `_callbackId` response envelopes
+
+It also supports serialized function callbacks via internal `__function__` transport.
+
+Important implication:
+
+- host-side message handling should preferably use the SDK's own channel helpers instead of custom ad hoc parsing
+
+## 3. Real concepts we need to support
+
+### Notifications
+
+Real concept:
+
+- `notification.dispatch(...)`
+
+### Menu items
+
+Real concept:
+
+- `ui.menu.addMenuItem(...)`
+
+### Locations / positions
+
+Real concept is more architectural:
+
+- host UI is extended at a `positionId`
+- content/view routing is based on `locationId`
+- the extension decides what to render using `location.is(...)`
+- host may react to `locationUpdateHeight` / `locationUpdateUrl`
+
+Important implication:
+
+- locations should not be modeled as a single fake `render(...)` call
+- the tutorial needs a host shell that owns surfaces and iframes/iframe-like views per location
+
+---
+
+## Proposed target architecture
+
+## A. Parent app = tutorial shell + dummy admin host
+
+The parent app should own:
+
+- the lesson UI
+- the code editor
+- the preview frame chrome
+- the dummy admin host state
+- the host-side Admin SDK handlers
+
+The parent should also host one or more iframes that represent extension runtime contexts.
+
+## B. Lesson iframe = real extension runtime
+
+The learner code should run inside an iframe that:
+
+- imports the real `@shopware-ag/meteor-admin-sdk`
+- executes real SDK calls
+- talks to the parent using the SDK's real channel implementation
+
+This iframe should receive a URL containing the correct `location-id` query parameter so real location APIs work.
+
+## C. Dummy admin host = real handler layer + simplified UI
+
+The dummy host should register handlers for the real message types and update simplified host UI state.
+
+Recommended implementation:
+
+- use the SDK's channel handling utilities from the package
+- do not hand-roll a fake message system unless absolutely necessary
+
+---
+
+## Implementation phases
+
+## Phase 1 — Build a real iframe runtime container
+
+### Goal
+Create a lesson runtime iframe that can execute real Admin SDK code.
+
+### Tasks
+- create a dedicated iframe runtime entry in `packages/admin-sdk-tutorial`
+- load the runtime in an iframe from the parent preview
+- make the iframe accept lesson code input
+- make the iframe execute lesson code with real imports from `@shopware-ag/meteor-admin-sdk`
+- include the right `location-id` in the iframe URL
+
+### Expected result
+- learner code runs in a real iframe context
+- real Admin SDK package loads there
+- the parent sees real SDK postMessages
+
+### Tiny executable tasks
+
+#### 1.1 Create iframe runtime directory
+- add `src/iframe-runtime/` structure
+- create placeholder entry files
+
+#### 1.2 Add iframe runtime app entry
+- create a minimal iframe runtime bootstrap file
+- ensure it can mount independently from the parent app
+
+#### 1.3 Add iframe HTML route/entry strategy
+- decide whether the iframe uses a separate html entry or routed app entry
+- wire Vite accordingly
+
+#### 1.4 Render a minimal iframe shell
+- show a simple mounted runtime placeholder in the iframe
+
+#### 1.5 Mount iframe inside preview panel
+- render a real iframe in the preview area
+- confirm parent and iframe both load successfully
+
+#### 1.6 Pass starter code into iframe
+- define a parent-to-iframe code handoff mechanism
+- keep it simple for the first pass
+
+#### 1.7 Add location-id query param to iframe URL
+- include a configurable `location-id` in iframe src
+
+#### 1.8 Verify iframe receives URL params correctly
+- confirm runtime can read the expected `location-id`
+
+#### 1.9 Add real SDK import to iframe bootstrap
+- import the real admin-sdk package in the iframe runtime
+- confirm it loads without crashing
+
+#### 1.10 Verify parent sees first SDK postMessage
+- confirm the real SDK posts to the parent window
+
+---
+
+## Phase 2 — Build host-side source registration and channel handling
+
+### Goal
+Make the dummy host behave like a real parent host for the SDK channel.
+
+### Tasks
+- inspect/use the SDK channel helpers from the real package
+- support `__registerWindow__` handling and source registration
+- ensure iframe window + origin are stored correctly for replies
+- validate origin/source safely in the tutorial host
+- keep the host-side messaging logic isolated in a dedicated runtime module
+
+### Expected result
+- iframe and parent are connected through the real SDK handshake
+- host can answer real SDK requests
+
+### Tiny executable tasks
+
+#### 2.1 Create host runtime directory
+- add `src/host/` structure for parent-side SDK runtime logic
+
+#### 2.2 Add host bootstrap module
+- centralize host runtime startup in one module
+
+#### 2.3 Inspect usable SDK channel imports
+- confirm exact import path(s) to use from the real package for host-side helpers
+
+#### 2.4 Register minimal message listener in parent
+- add a non-invasive message observer for debugging/verification
+
+#### 2.5 Implement `__registerWindow__` handling
+- catch the initial SDK registration message
+
+#### 2.6 Store iframe window reference safely
+- track iframe window/source in host runtime state
+
+#### 2.7 Store origin/referrer metadata safely
+- keep enough origin information for replies and validation
+
+#### 2.8 Add source validation guardrails
+- reject clearly invalid/unexpected sources
+
+#### 2.9 Move message logic out of components
+- keep handler setup in host runtime modules, not Vue component bodies
+
+#### 2.10 Verify request-response flow with one trivial handler
+- confirm the parent can answer a real SDK-originated request
+
+---
+
+## Phase 3 — Implement real notification handling
+
+### Goal
+Support real `notification.dispatch(...)` from iframe code.
+
+### Tasks
+- replace lesson code with real notification imports and calls
+- implement host handler for notification dispatch message type
+- map the real payload shape into dummy host notification UI
+- support at least title/message/variant
+- optionally support callback actions only if the handler path is stable enough
+
+### Expected result
+- learner writes real notification SDK code
+- dummy host shows a notification based on real SDK messaging
+
+### Tiny executable tasks
+
+#### 3.1 Replace notifications starter code with real imports
+- update lesson code to import the real notification API
+
+#### 3.2 Replace fake notification payload fields
+- switch from fake fields like `tone` to real SDK fields like `variant`
+
+#### 3.3 Add notification execution path in iframe
+- ensure lesson code runs successfully from the iframe runtime
+
+#### 3.4 Register host notification handler
+- implement handling for the real notification message type
+
+#### 3.5 Map notification payload into host state
+- update dummy host state from real payload values
+
+#### 3.6 Render real notification result in preview
+- show the resulting notification in the dummy host UI
+
+#### 3.7 Verify end-to-end notification flow
+- run real lesson code and confirm host updates from postMessage
+
+#### 3.8 Verify error handling for notification lesson
+- confirm invalid code still fails gracefully
+
+---
+
+## Phase 4 — Implement real menu item handling
+
+### Goal
+Support real `ui.menu.addMenuItem(...)` from iframe code.
+
+### Tasks
+- replace lesson code with real menu API imports/calls
+- implement host handler for the real menu item add message type
+- store host-side menu items in dummy admin state
+- render those items in the sidebar
+- on click, open or route to the related `locationId`
+
+### Expected result
+- learner writes real menu SDK code
+- dummy host sidebar updates from real SDK messaging
+
+### Tiny executable tasks
+
+#### 4.1 Replace menu lesson starter code with real imports
+- update lesson code to import real menu APIs
+
+#### 4.2 Use real `ui.menu.addMenuItem(...)` lesson code
+- remove the fake menu call from the learner-facing lesson
+
+#### 4.3 Add menu message handler in host runtime
+- implement handling for the real menu item add message type
+
+#### 4.4 Persist dynamic menu items in host state
+- store host-side menu items from real SDK requests
+
+#### 4.5 Render dynamic menu items in sidebar
+- reflect real handler output in dummy admin navigation
+
+#### 4.6 Add click handling for menu items
+- let sidebar clicks switch/open the related location view
+
+#### 4.7 Wire menu item locationId into iframe selection
+- update active iframe/location based on menu interaction
+
+#### 4.8 Verify end-to-end menu flow
+- confirm real SDK lesson code updates host navigation correctly
+
+---
+
+## Phase 5 — Implement real location/position flow
+
+### Goal
+Teach real location and position concepts, even with simplified visuals.
+
+### Tasks
+- rewrite the lesson around real concepts:
+  - `positionId`
+  - `locationId`
+  - `location.is(...)`
+- add host-owned extension surfaces/cards labeled by position
+- create location-specific iframe views using query params like `?location-id=...`
+- support host handling for `locationUpdateHeight`
+- optionally support `locationUpdateUrl` if useful for the tutorial flow
+
+### Expected result
+- learner code uses real location concepts
+- dummy host visualizes where extension views belong
+- the extension iframe can determine its current location using the real SDK API
+
+### Tiny executable tasks
+
+#### 5.1 Rewrite lesson copy around real location concepts
+- update copy to teach `positionId`, `locationId`, and `location.is(...)`
+
+#### 5.2 Rewrite locations starter code with real imports
+- remove fake render-style lesson code
+
+#### 5.3 Add host-owned position surfaces
+- render labeled host surfaces/cards for simplified positions
+
+#### 5.4 Add location-specific iframe URL generation
+- build iframe URLs with the right `location-id`
+
+#### 5.5 Add support for switching visible location view
+- allow the parent host to show the correct runtime view for a location
+
+#### 5.6 Implement `locationUpdateHeight` handler
+- resize iframe or tracked host view height from real SDK messages
+
+#### 5.7 Decide whether to support `locationUpdateUrl` now
+- explicitly choose keep/skip for this first pass
+
+#### 5.8 If included, implement `locationUpdateUrl` handler
+- store/update route state safely in the dummy host
+
+#### 5.9 Verify `location.is(...)` behavior in iframe
+- confirm the lesson runtime sees the expected location from URL params
+
+#### 5.10 Verify end-to-end locations flow
+- confirm real lesson code updates the correct host surface
+
+---
+
+## Phase 6 — Replace mock bridge lesson execution path
+
+### Goal
+Remove the current fake bridge from the core lesson path.
+
+### Tasks
+- stop using the mock bridge for the three primary lessons
+- route Run/Reset through the iframe runtime instead
+- keep the old mock code only temporarily if needed during migration
+- remove deprecated fake lesson APIs after the real path is stable
+
+### Expected result
+- the prototype is primarily powered by the real SDK package
+- the dummy admin shell acts as a real host adapter, not a fake API simulator
+
+### Tiny executable tasks
+
+#### 6.1 Identify current fake bridge dependencies
+- list which components/modules still depend on the mock bridge
+
+#### 6.2 Route Run through iframe execution
+- make Run use the iframe runtime instead of the mock bridge path
+
+#### 6.3 Route Reset through iframe runtime
+- make Reset restore lesson state via the iframe path
+
+#### 6.4 Keep temporary compatibility layer only where needed
+- isolate any remaining bridge code behind a temporary adapter
+
+#### 6.5 Remove fake notifications path
+- stop using the old mock notification behavior for the main lesson flow
+
+#### 6.6 Remove fake menu path
+- stop using the old mock menu behavior for the main lesson flow
+
+#### 6.7 Remove fake locations path
+- stop using the old mock location behavior for the main lesson flow
+
+#### 6.8 Delete deprecated bridge code once unused
+- remove dead mock runtime pieces after migration is stable
+
+---
+
+## Phase 7 — Validate parity and teaching clarity
+
+### Goal
+Ensure the new architecture is both correct and understandable.
+
+### Tasks
+- verify notification lesson end-to-end in browser
+- verify menu lesson end-to-end in browser
+- verify location lesson end-to-end in browser
+- confirm postMessage flow is working as expected
+- check console/network/runtime logs for handler issues
+- simplify copy where real SDK complexity becomes too noisy
+
+### Expected result
+- prototype still feels approachable
+- but now teaches real SDK behavior and terminology
+
+### Tiny executable tasks
+
+#### 7.1 Browser-verify notifications lesson
+- test the real notification lesson end-to-end
+
+#### 7.2 Browser-verify menu lesson
+- test the real menu lesson end-to-end
+
+#### 7.3 Browser-verify locations lesson
+- test the real locations lesson end-to-end
+
+#### 7.4 Check message traffic sanity
+- confirm request/response flow behaves as expected in browser/devtools
+
+#### 7.5 Check console for handler/runtime issues
+- identify any host or iframe runtime warnings/errors
+
+#### 7.6 Check iframe sizing behavior
+- verify height updates behave reasonably in the dummy host
+
+#### 7.7 Tighten teaching copy where needed
+- simplify any lesson text that became too implementation-heavy
+
+#### 7.8 Final browser sanity pass
+- confirm the prototype still feels coherent and teachable
+
+---
+
+## Required host-side capabilities
+
+The dummy host should be prepared to handle at least:
+
+- `__registerWindow__`
+- notification dispatch message(s)
+- menu item add message(s)
+- location-related update messages such as height updates
+
+Potentially useful additional support later:
+
+- callback transport for action buttons
+- URL update handling
+- more UI extension APIs
+
+---
+
+## Recommended implementation modules
+
+Suggested new areas inside `packages/admin-sdk-tutorial`:
+
+- `src/host/`
+  - source registry / host bootstrap
+  - channel handler registration
+  - host state adapters
+- `src/iframe-runtime/`
+  - iframe app entry
+  - lesson runtime bootstrap
+  - real SDK execution wrapper
+- `src/lessons/`
+  - updated lesson code using real SDK imports
+- `src/preview/`
+  - dummy host surfaces / location frame rendering
+
+---
+
+## Constraints and gotchas
+
+- the real SDK depends on parent/iframe messaging assumptions, so the iframe runtime must be a genuine iframe
+- function callbacks require correct SDK serializer/deserializer support; avoid custom raw message handling if possible
+- `location.is(...)` depends on URL query parameters, so iframe URLs must be managed deliberately
+- the tutorial host should still validate message source/origin even in local prototype mode
+- a hidden bootstrap location such as `sw-main-hidden` may be useful for registration-style lesson flows
+
+---
+
+## Migration strategy
+
+Recommended order:
+
+1. notifications
+2. menu items
+3. locations / positions
+
+Reason:
+
+- notifications are the smallest end-to-end real handler slice
+- menu adds real host navigation behavior with manageable complexity
+- locations require the deepest conceptual and architectural change
+
+---
+
+## Suggested execution batches
+
+These tiny tasks can be grouped into practical implementation batches.
+
+### Batch A — Real iframe runtime bootstrap
+- 1.1 through 1.10
+
+### Batch B — Host registration and channel setup
+- 2.1 through 2.10
+
+### Batch C — Real notifications vertical slice
+- 3.1 through 3.8
+
+### Batch D — Real menu vertical slice
+- 4.1 through 4.8
+
+### Batch E — Real locations vertical slice
+- 5.1 through 5.10
+
+### Batch F — Remove fake bridge path
+- 6.1 through 6.8
+
+### Batch G — End-to-end validation and polish
+- 7.1 through 7.8
+
+---
+
+## Source-of-truth references
+
+### Core internals
+- `packages/admin-sdk/src/channel.ts`
+- `packages/admin-sdk/src/message-types.ts`
+- `packages/admin-sdk/src/_internals/serializer/function-serializer.ts`
+
+### Feature APIs
+- `packages/admin-sdk/src/notification/index.ts`
+- `packages/admin-sdk/src/ui/menu/index.ts`
+- `packages/admin-sdk/src/location/index.ts`
+- `packages/admin-sdk/src/ui/component-section/index.ts`
+- `packages/admin-sdk/src/ui/tabs/index.ts`
+
+### Docs
+- `docs/admin-sdk/internals/how-it-works.md`
+- `docs/admin-sdk/api-reference/notification.md`
+- `docs/admin-sdk/api-reference/ui/menu.md`
+- `docs/admin-sdk/api-reference/location.md`
+- `docs/admin-sdk/api-reference/ui/component-section.md`
+- `docs/admin-sdk/api-reference/ui/tabs.md`
+- `docs/admin-sdk/concepts/locations.md`
+- `docs/admin-sdk/concepts/component-sections.md`
+- `docs/admin-sdk/concepts/positions.md`
+
+---
+
+## Recommendation
+
+The correct next direction is:
+
+- **do not just rename the fake bridge APIs**
+- **do use the real Admin SDK package inside a lesson iframe**
+- **do implement real host-side handlers in the dummy admin shell**
+- **keep the visuals simplified, but make the runtime architecture real**
+
+---
+
+## Current implementation status
+
+### Finished batches
+
+#### Batch A — Real iframe runtime bootstrap
+Status: **finished**
+
+Completed:
+- real iframe runtime entry exists
+- iframe loads inside the preview
+- real `@shopware-ag/meteor-admin-sdk` is imported in the iframe runtime
+- lesson code is sent from parent to iframe
+- parent observes real SDK traffic
+- `__registerWindow__` is acknowledged so bootstrap does not time out
+
+#### Batch B — Host registration and channel setup
+Status: **finished**
+
+Completed:
+- parent-side host runtime module exists
+- host-side message observation was moved out of the component body
+- source registration count is surfaced in the UI
+- real channel bootstrap is stable in browser
+
+#### Batch C — Real notifications vertical slice
+Status: **finished**
+
+Completed:
+- notifications lesson now uses the real API shape
+- real notification traffic flows from iframe to host
+- dummy host updates notification UI from real handler results
+- success/error states work
+- last successful notification state is preserved on error
+
+#### Batch D — Real menu vertical slice
+Status: **finished**
+
+Completed:
+- menu lesson now uses the real API shape: `ui.menu.addMenuItem(...)`
+- real `menuItemAdd` traffic is sent from iframe to host
+- menu success/error states work
+- no obvious console issues
+
+Completed:
+- edited menu payloads now update the dummy host sidebar correctly
+- dynamic menu item ordering reacts to changed position values
+- menu success/error states are preserved through the real iframe/host path
+
+Minor remaining note:
+- the iframe runtime display can still show concatenated old + new code text during repeated runs, but host behavior is now correct
+
+#### Batch E — Real locations vertical slice
+Status: **finished**
+
+Completed:
+- locations lesson now uses real concepts:
+  - `location.MAIN_HIDDEN`
+  - `ui.componentSection.add(...)`
+  - `location.is(...)`
+  - `location.updateHeight(...)`
+- real `uiComponentSectionRenderer` traffic flows from iframe to host
+- dummy host renders location iframes inside the chosen host slot
+- host slot changes correctly when `positionId` changes
+- height updates are handled via real `locationUpdateHeight` traffic
+- success/error states work through the real iframe/host path
+
+#### Batch F — Remove fake bridge path
+Status: **finished**
+
+Completed:
+- old fake bridge execution path was removed from the active lesson flow
+- old fake runtime executor was removed
+- all three lessons now work through the real iframe + host message flow
+- verification confirmed no visible dependency on the old mock bridge remains
+
+---
+
+## What is currently broken
+
+### Main broken area
+
+There is currently **no blocking migration issue** in Batches A-F.
+
+The remaining work is now primarily **polish and cleanup**, not a core runtime blocker.
+
+### Remaining rough edges
+
+- the iframe runtime display can still show concatenated old + new code text during repeated runs
+- some error output can still feel slightly repetitive depending on the lesson
+- code and runtime synchronization should still be simplified and cleaned up before final polish/commit
+
+### Likely cleanup area
+
+The remaining issue appears to be mostly in the **iframe runtime display/synchronization layer**, not in the real host handler flow.
+
+---
+
+## Follow-up task breakdown for cleanup and validation
+
+### Task group 1 — Clean up iframe runtime display behavior
+
+#### 1.1 Reproduce concatenated iframe code display deterministically
+- confirm the exact circumstances where old + new code are both shown
+
+#### 1.2 Compare editor value vs iframe displayed value
+- confirm whether the iframe is receiving the same code shown in the editor
+
+#### 1.3 Compare iframe displayed value vs executed value
+- confirm whether the code displayed in the iframe is the code actually being executed
+
+#### 1.4 Simplify runtime code display source
+- make the iframe display only the current run snapshot or current editor state, not both ambiguously
+
+### Task group 2 — Polish error/output messaging
+
+#### 2.1 Reduce repeated failure wording
+- simplify output cards so one failure message is enough
+
+#### 2.2 Align failure copy across all three lessons
+- ensure notifications, menu, and locations all use equally clear output wording
+
+#### 2.3 Verify preserved-success-state behavior still reads clearly
+- make sure preserved host state on error feels intentional, not confusing
+
+### Task group 3 — Final validation / polish
+
+#### 3.1 Re-run notifications lesson end-to-end
+#### 3.2 Re-run menu lesson end-to-end
+#### 3.3 Re-run locations lesson end-to-end
+#### 3.4 Verify desktop layout still feels coherent
+#### 3.5 Verify mobile layout still feels coherent
+
+### Task group 4 — Prepare final commit/summary
+
+#### 4.1 Summarize runtime architecture as implemented
+#### 4.2 Note remaining known quirks explicitly
+#### 4.3 Prepare clean commit once Batch G is complete
+
+---
+
+## Resume point
+
+When implementation resumes, the next focus should be:
+
+1. finish Batch G validation/polish
+2. clean up remaining minor iframe-display quirks if worthwhile
+3. prepare a clean summary + commit
diff --git a/.orchestrator/second-pass-plan.md b/.orchestrator/second-pass-plan.md
new file mode 100644
index 000000000..4deb8d0b5
--- /dev/null
+++ b/.orchestrator/second-pass-plan.md
@@ -0,0 +1,351 @@
+# Admin SDK Tutorial Prototype — Second Pass Plan
+
+## Goal
+
+Run a focused second pass on the prototype to improve:
+
+- visual quality
+- teaching clarity
+- interaction polish
+- readiness for a richer editor/execution phase later
+
+This pass should still stay within prototype scope. It should not become a full platform rebuild.
+
+---
+
+## Phase 1 — Refine the teaching experience
+
+### Goal
+Make each lesson easier to understand at a glance.
+
+### Tasks
+- reduce duplicated information between preview, output, and empty states
+- make the primary lesson task more prominent
+- improve wording for lesson descriptions and objectives
+- make success/error states feel more intentional
+
+### Output
+- clearer lesson framing
+- less noisy preview state
+- stronger “what should I do now?” guidance
+
+### Tiny executable tasks
+
+#### 1.1 Inventory duplicated lesson information
+- note repeated information across sidebar, preview, toast, and output
+- identify what should remain primary vs secondary
+
+#### 1.2 Make the current task more prominent
+- highlight the active lesson objective more clearly
+- ensure it is visible without scanning multiple panels
+
+#### 1.3 Tighten notifications lesson description
+- shorten or clarify the description text
+- make the expected learner action explicit
+
+#### 1.4 Tighten menu lesson description
+- shorten or clarify the description text
+- make the expected learner action explicit
+
+#### 1.5 Tighten locations lesson description
+- shorten or clarify the description text
+- make the expected learner action explicit
+
+#### 1.6 Improve lesson objective wording
+- standardize objective phrasing across all lessons
+- keep objectives action-oriented
+
+#### 1.7 Improve output success message copy
+- replace generic success text with more lesson-aware feedback
+
+#### 1.8 Improve output error message copy
+- make failure messaging feel more intentional and useful
+
+#### 1.9 Reduce repeated preview copy
+- remove or simplify duplicated text in empty state / toast / output where possible
+
+#### 1.10 Verify all three lessons still read clearly
+- manually review lesson copy coherence after edits
+
+---
+
+## Phase 2 — Improve the visual shell
+
+### Goal
+Make the tutorial feel more polished and cohesive.
+
+### Tasks
+- refine sidebar spacing, hierarchy, and progress treatment
+- improve editor/preview balance and panel styling
+- tighten typography and spacing across the shell
+- improve badge, label, and card semantics
+- make the dummy admin feel more deliberate and less placeholder-like
+
+### Output
+- more convincing split-layout tutorial UI
+- better scanability
+- stronger visual rhythm
+
+### Tiny executable tasks
+
+#### 2.1 Refine sidebar spacing
+- adjust gaps, padding, and section spacing in the left column
+
+#### 2.2 Improve sidebar hierarchy
+- strengthen distinctions between title, description, progress, and task sections
+
+#### 2.3 Improve progress treatment
+- refine the step count / progress presentation
+
+#### 2.4 Improve lesson card states
+- make active/inactive lesson items feel clearer
+
+#### 2.5 Refine workspace panel spacing
+- balance internal padding and gaps across editor/preview/output panels
+
+#### 2.6 Improve panel headers
+- align label, title, actions, and metadata more cleanly
+
+#### 2.7 Tighten editor/preview proportions
+- slightly adjust layout balance if one side feels too heavy
+
+#### 2.8 Refine typography scale
+- improve consistency of heading/body/label sizes
+
+#### 2.9 Improve semantic badge styling
+- refine status chips, labels, and small badges
+
+#### 2.10 Verify desktop shell coherence
+- confirm the full split layout feels visually consistent
+
+---
+
+## Phase 3 — Upgrade the dummy admin model
+
+### Goal
+Make the preview better at teaching Admin SDK concepts.
+
+### Tasks
+- improve notification presentation so it feels closer to a teaching toast
+- improve dynamic sidebar/menu item treatment
+- improve extension slot cards and location labels
+- clarify host-vs-extension mental model where useful
+
+### Output
+- notifications look more intentional
+- menu additions are easier to read
+- locations/positions are even more understandable
+
+### Tiny executable tasks
+
+#### 3.1 Refine notification container layout
+- improve internal spacing and hierarchy of the toast-like UI
+
+#### 3.2 Improve notification tone styling
+- make info/success states more distinct but still minimal
+
+#### 3.3 Improve dynamic menu item readability
+- refine spacing between label and “new” marker
+
+#### 3.4 Improve menu item semantics
+- make dynamic items feel intentionally added, not just appended text
+
+#### 3.5 Refine extension slot labels
+- improve wording/formatting of slot labels and titles
+
+#### 3.6 Improve injected content treatment
+- make injected content visually distinct from the host slot container
+
+#### 3.7 Clarify host surface mental model
+- make it clearer which UI belongs to the host vs extension slot
+
+#### 3.8 Verify each concept is visually obvious
+- check notification/menu/location concepts one by one in the preview
+
+---
+
+## Phase 4 — Improve interaction polish
+
+### Goal
+Make run/reset/output flows feel cleaner and more trustworthy.
+
+### Tasks
+- decide whether Reset should also re-run automatically
+- improve output messaging for success/error/reset states
+- make run feedback feel immediate
+- add small interaction affordances where useful
+
+### Output
+- fewer confusing states
+- smoother teaching loop
+- more coherent execution feedback
+
+### Tiny executable tasks
+
+#### 4.1 Decide Reset behavior
+- choose whether Reset should only restore code or also auto-run
+
+#### 4.2 Implement chosen Reset behavior
+- update reset flow accordingly
+
+#### 4.3 Improve run success feedback
+- make success feedback more immediate and less generic
+
+#### 4.4 Improve reset feedback
+- make reset state understandable without reading too much text
+
+#### 4.5 Improve error feedback presentation
+- clarify placement and styling of execution errors
+
+#### 4.6 Add subtle run-state affordance
+- add a small UI signal that a run occurred if useful
+
+#### 4.7 Review control labels
+- ensure Run/Reset labels still feel correct after behavior changes
+
+#### 4.8 Verify the execution loop feels coherent
+- manually test edit → run → reset → run again
+
+---
+
+## Phase 5 — Browser review and iteration
+
+### Goal
+Validate the second pass visually in a real browser and tighten obvious issues.
+
+### Tasks
+- verify desktop layout
+- verify narrow/mobile layout
+- compare lesson flows side-by-side
+- fix obvious spacing, overflow, and clarity issues
+
+### Output
+- a more demo-ready prototype
+- fewer visual rough edges
+
+### Tiny executable tasks
+
+#### 5.1 Desktop browser check
+- review the prototype on desktop viewport
+
+#### 5.2 Mobile browser check
+- review the prototype on narrow/mobile viewport
+
+#### 5.3 Verify notifications flow visually
+- run through the full notifications lesson in-browser
+
+#### 5.4 Verify menu flow visually
+- run through the full menu lesson in-browser
+
+#### 5.5 Verify locations flow visually
+- run through the full locations lesson in-browser
+
+#### 5.6 Note layout issues
+- capture spacing, overflow, and hierarchy issues found in browser
+
+#### 5.7 Fix first browser issue
+- resolve the highest-priority UI issue found
+
+#### 5.8 Re-check in browser
+- verify that the first fix worked
+
+#### 5.9 Fix second browser issue if needed
+- resolve one more obvious issue only if it materially improves the prototype
+
+#### 5.10 Final browser pass
+- confirm the prototype feels demo-ready enough for the second pass goal
+
+---
+
+## Phase 6 — Optional follow-up after the second pass
+
+These should happen only after the visual/product pass feels strong enough.
+
+### Candidate next steps
+- replace textarea with a real code editor
+- add lesson validation / “Solve” states
+- move to a safer execution model
+- add more Admin SDK concepts
+- define documentation integration path
+
+### Tiny executable planning tasks
+
+#### 6.1 Decide whether editor upgrade is next
+- assess if textarea is blocking further prototype learning value
+
+#### 6.2 Define editor upgrade scope
+- decide whether syntax highlighting alone is enough or if a fuller editor is needed
+
+#### 6.3 Define lesson validation scope
+- outline what “success” means for each current lesson
+
+#### 6.4 Reassess execution safety needs
+- decide whether current execution approach is still acceptable for prototype use
+
+#### 6.5 Identify next Admin SDK concepts
+- shortlist the next most valuable concepts after the first three lessons
+
+#### 6.6 Decide docs integration direction
+- outline whether this should remain a package app or connect into docs later
+
+#### 6.7 Write recommendation for next implementation pass
+- summarize the best next technical/product step after the second pass
+
+---
+
+## Recommended execution order
+
+1. Phase 1 — Refine the teaching experience
+2. Phase 2 — Improve the visual shell
+3. Phase 3 — Upgrade the dummy admin model
+4. Phase 4 — Improve interaction polish
+5. Phase 5 — Browser review and iteration
+6. Phase 6 — Optional follow-up
+
+---
+
+## Suggested second-pass execution batches
+
+These tiny tasks can be grouped into small execution batches.
+
+### Batch A — Lesson clarity
+- 1.1 through 1.6
+
+### Batch B — Feedback copy and repetition cleanup
+- 1.7 through 1.10
+
+### Batch C — Sidebar and shell polish
+- 2.1 through 2.5
+
+### Batch D — Typography, badges, and layout refinement
+- 2.6 through 2.10
+
+### Batch E — Notification and menu preview polish
+- 3.1 through 3.4
+
+### Batch F — Locations preview polish
+- 3.5 through 3.8
+
+### Batch G — Interaction polish
+- 4.1 through 4.8
+
+### Batch H — Browser review and iteration
+- 5.1 through 5.10
+
+### Batch I — Decide next implementation pass
+- 6.1 through 6.7
+
+---
+
+## Scope guardrails
+
+During this second pass:
+
+- do not introduce a full authoring system
+- do not introduce persistence or backend services
+- do not overbuild the execution environment
+- do not optimize for production parity yet
+
+The main question for this pass is:
+
+**Does the prototype now feel compelling enough that it is clearly worth evolving further?**
diff --git a/packages/admin-sdk-tutorial/.gitignore b/packages/admin-sdk-tutorial/.gitignore
new file mode 100644
index 000000000..f06235c46
--- /dev/null
+++ b/packages/admin-sdk-tutorial/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+dist
diff --git a/packages/admin-sdk-tutorial/dummy-admin-shell.html b/packages/admin-sdk-tutorial/dummy-admin-shell.html
new file mode 100644
index 000000000..5a8383d1d
--- /dev/null
+++ b/packages/admin-sdk-tutorial/dummy-admin-shell.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Admin SDK Tutorial Dummy Admin Shell</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/dummy-admin-shell/main.ts"></script>
+  </body>
+</html>
diff --git a/packages/admin-sdk-tutorial/env.d.ts b/packages/admin-sdk-tutorial/env.d.ts
new file mode 100644
index 000000000..11f02fe2a
--- /dev/null
+++ b/packages/admin-sdk-tutorial/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/packages/admin-sdk-tutorial/iframe-runtime.html b/packages/admin-sdk-tutorial/iframe-runtime.html
new file mode 100644
index 000000000..443649c6e
--- /dev/null
+++ b/packages/admin-sdk-tutorial/iframe-runtime.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Admin SDK Tutorial Runtime</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/iframe-runtime/main.ts"></script>
+  </body>
+</html>
diff --git a/packages/admin-sdk-tutorial/index.html b/packages/admin-sdk-tutorial/index.html
new file mode 100644
index 000000000..1b153bf42
--- /dev/null
+++ b/packages/admin-sdk-tutorial/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <title>Meteor Admin SDK Tutorial Prototype</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/packages/admin-sdk-tutorial/package.json b/packages/admin-sdk-tutorial/package.json
new file mode 100644
index 000000000..7afb1627d
--- /dev/null
+++ b/packages/admin-sdk-tutorial/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "@shopware-ag/meteor-admin-sdk-tutorial",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "build-only": "vite build",
+    "preview": "vite preview",
+    "type-check": "vue-tsc --build"
+  },
+  "dependencies": {
+    "@codemirror/lang-javascript": "^6.2.5",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@shopware-ag/meteor-admin-sdk": "workspace:*",
+    "@shopware-ag/meteor-component-library": "workspace:*",
+    "codemirror": "^6.0.1",
+    "vue": "^3.5.13",
+    "vue-codemirror6": "^1.3.8"
+  },
+  "devDependencies": {
+    "@tsconfig/node22": "^22.0.1",
+    "@types/node": "^25.5.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vue/tsconfig": "^0.7.0",
+    "npm-run-all2": "^8.0.4",
+    "typescript": "~5.8.0",
+    "vite": "^8.0.0",
+    "vue-tsc": "^3.2.5"
+  }
+}
diff --git a/packages/admin-sdk-tutorial/public/favicon.svg b/packages/admin-sdk-tutorial/public/favicon.svg
new file mode 100644
index 000000000..d96eee733
--- /dev/null
+++ b/packages/admin-sdk-tutorial/public/favicon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
+  <rect width="64" height="64" rx="16" fill="#111827"/>
+  <path d="M20 20h24v8H28v8h14v8H28v12h-8V20z" fill="#EEF2FF"/>
+  <circle cx="46" cy="18" r="6" fill="#4F46E5"/>
+</svg>
diff --git a/packages/admin-sdk-tutorial/src/App.vue b/packages/admin-sdk-tutorial/src/App.vue
new file mode 100644
index 000000000..5f1c2638b
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/App.vue
@@ -0,0 +1,253 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+
+import TutorialTopbar from '@/components/TutorialTopbar.vue';
+import TutorialWorkspace from '@/components/TutorialWorkspace.vue';
+import { lessons } from '@/lessons/lessons';
+import type { TutorialLesson } from '@/types/lesson';
+import { parseTutorialShellMessage, type TutorialRunSnapshot } from '@/types/tutorialShell';
+
+const activeLessonId = ref(lessons[0]?.id ?? '');
+const currentCode = ref(lessons[0]?.starterCode ?? '');
+const editorResetVersion = ref(0);
+const runVersion = ref(0);
+const executionMessage = ref('Ready to execute starter code.');
+const executionError = ref<string | null>(null);
+const executionStatus = ref<'idle' | 'running' | 'success' | 'error'>('idle');
+const lastActionLabel = ref('Not run yet');
+const shellFrameWindow = ref<Window | null>(null);
+const runSnapshot = ref<TutorialRunSnapshot>({
+  lessonId: lessons[0]?.id ?? '',
+  code: lessons[0]?.starterCode ?? '',
+  runCode: lessons[0]?.starterCode ?? '',
+  runVersion: 0,
+  runtimeLocationId: lessons[0]?.runtimeLocationId ?? 'sw-main-hidden',
+});
+
+const activeLesson = computed(
+  () => lessons.find((lesson) => lesson.id === activeLessonId.value) ?? lessons[0],
+);
+
+function createRunSnapshot(lesson: TutorialLesson, code: string): TutorialRunSnapshot {
+  return {
+    lessonId: lesson.id,
+    code,
+    runCode: code,
+    runVersion: runVersion.value,
+    runtimeLocationId: lesson.runtimeLocationId,
+  };
+}
+
+function getRunningMessage(lessonId: string) {
+  if (lessonId === 'notifications') {
+    return 'Running real Admin SDK notification code inside the hidden extension runtime…';
+  }
+
+  if (lessonId === 'menu-items') {
+    return 'Running real Admin SDK menu code inside the hidden extension runtime…';
+  }
+
+  return 'Running real location registration code inside the hidden extension runtime…';
+}
+
+function getSuccessMessage(lessonId: string) {
+  if (lessonId === 'notifications') {
+    return 'Success: the real notification API updated the dummy admin shell.';
+  }
+
+  if (lessonId === 'menu-items') {
+    return 'Success: the real menu API updated the dummy admin shell navigation.';
+  }
+
+  return 'Success: the real location registration rendered inside the dummy admin shell.';
+}
+
+function runCurrentCode(source: 'run' | 'reset' | 'lesson-change' = 'run', codeSnapshot?: string) {
+  const lesson = activeLesson.value;
+  const nextCode = codeSnapshot ?? currentCode.value;
+
+  currentCode.value = nextCode;
+  runVersion.value += 1;
+  runSnapshot.value = createRunSnapshot(lesson, nextCode);
+  executionError.value = null;
+  executionStatus.value = 'running';
+  executionMessage.value = getRunningMessage(lesson.id);
+  lastActionLabel.value =
+    source === 'reset'
+      ? `Reset + run ${runVersion.value}`
+      : source === 'lesson-change'
+        ? `Lesson load ${runVersion.value}`
+        : `Run ${runVersion.value}`;
+}
+
+watch(activeLessonId, () => {
+  currentCode.value = activeLesson.value.starterCode;
+  editorResetVersion.value += 1;
+  runCurrentCode('lesson-change', activeLesson.value.starterCode);
+});
+
+function handleLessonSelect(lessonId: string) {
+  activeLessonId.value = lessonId;
+}
+
+function handleCodeUpdate(code: string) {
+  currentCode.value = code;
+}
+
+function handleCodeReset() {
+  currentCode.value = activeLesson.value.starterCode;
+  editorResetVersion.value += 1;
+  runCurrentCode('reset', activeLesson.value.starterCode);
+}
+
+function handleRunCode(codeSnapshot: string) {
+  runCurrentCode('run', codeSnapshot);
+}
+
+function handleShellFrameWindow(shellWindow: Window | null) {
+  shellFrameWindow.value = shellWindow;
+}
+
+function handleShellMessage(event: MessageEvent) {
+  if (shellFrameWindow.value && event.source !== shellFrameWindow.value) {
+    return;
+  }
+
+  const message = parseTutorialShellMessage(event.data);
+
+  if (!message) {
+    return;
+  }
+
+  if (message.payload.runVersion !== runSnapshot.value.runVersion) {
+    return;
+  }
+
+  if (message.payload.lessonId !== runSnapshot.value.lessonId) {
+    return;
+  }
+
+  if (message.type === 'run-success') {
+    executionStatus.value = 'success';
+    executionError.value = null;
+    executionMessage.value = getSuccessMessage(message.payload.lessonId);
+  }
+
+  if (message.type === 'run-error') {
+    executionStatus.value = 'error';
+    executionError.value = message.payload.error;
+    executionMessage.value = `${activeLesson.value.title} run failed in the hidden extension runtime.`;
+  }
+}
+
+function handleShellChannelRegistration(event: MessageEvent) {
+  if (shellFrameWindow.value && event.source !== shellFrameWindow.value) {
+    return;
+  }
+
+  if (typeof event.data !== 'string') {
+    return;
+  }
+
+  let parsedMessage: { _type?: string; _callbackId?: string } | null = null;
+
+  try {
+    parsedMessage = JSON.parse(event.data) as { _type?: string; _callbackId?: string };
+  } catch {
+    return;
+  }
+
+  if (parsedMessage?._type !== '__registerWindow__' || !parsedMessage._callbackId) {
+    return;
+  }
+
+  if (!event.source || event.source === window) {
+    return;
+  }
+
+  (event.source as Window).postMessage(
+    JSON.stringify({
+      _type: '__registerWindow__',
+      _response: null,
+      _callbackId: parsedMessage._callbackId,
+    }),
+    event.origin,
+  );
+}
+
+onMounted(() => {
+  window.addEventListener('message', handleShellMessage);
+  window.addEventListener('message', handleShellChannelRegistration);
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener('message', handleShellMessage);
+  window.removeEventListener('message', handleShellChannelRegistration);
+});
+
+runCurrentCode('lesson-change', currentCode.value);
+</script>
+
+<template>
+  <main class="app-shell">
+    <TutorialTopbar
+      :lessons="lessons"
+      :active-lesson-id="activeLessonId"
+      @select-lesson="handleLessonSelect"
+    />
+
+    <div class="app-shell__workspace">
+      <TutorialWorkspace
+        :lesson="activeLesson"
+        :code="currentCode"
+        :editor-reset-version="editorResetVersion"
+        :run-snapshot="runSnapshot"
+        :execution-message="executionMessage"
+        :execution-error="executionError"
+        :execution-status="executionStatus"
+        :last-action-label="lastActionLabel"
+        @shell-frame-window="handleShellFrameWindow"
+        @update-code="handleCodeUpdate"
+        @reset-code="handleCodeReset"
+        @run-code="handleRunCode"
+      />
+    </div>
+  </main>
+</template>
+
+<style scoped>
+:global(*) {
+  box-sizing: border-box;
+}
+
+:global(html, body, #app) {
+  margin: 0;
+  min-height: 100%;
+}
+
+:global(body) {
+  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  background:
+    radial-gradient(circle at top left, rgb(79 70 229 / 0.08), transparent 30%),
+    linear-gradient(180deg, #f4f7fb 0%, #eef2f7 100%);
+  color: #1f2937;
+}
+
+.app-shell {
+  min-height: 100vh;
+  display: grid;
+  gap: 20px;
+  padding: 20px;
+}
+
+.app-shell__workspace {
+  min-width: 0;
+}
+
+@media (max-width: 720px) {
+  .app-shell {
+    gap: 12px;
+    padding: 12px;
+  }
+}
+</style>
diff --git a/packages/admin-sdk-tutorial/src/components/.gitkeep b/packages/admin-sdk-tutorial/src/components/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/admin-sdk-tutorial/src/components/CodeEditorPanel.vue b/packages/admin-sdk-tutorial/src/components/CodeEditorPanel.vue
new file mode 100644
index 000000000..ff08ab851
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/components/CodeEditorPanel.vue
@@ -0,0 +1,271 @@
+<script setup lang="ts">
+import { javascript } from '@codemirror/lang-javascript';
+import { oneDark } from '@codemirror/theme-one-dark';
+import CodeMirror from 'vue-codemirror6';
+import { computed, ref, watch } from 'vue';
+
+const props = defineProps<{
+  title: string;
+  description: string;
+  task: string;
+  objective: string;
+  code: string;
+  resetVersion: number;
+}>();
+
+const emit = defineEmits<{
+  updateCode: [code: string];
+}>();
+
+const localCode = ref(props.code);
+const extensions = [javascript({ typescript: true }), oneDark];
+
+watch(
+  () => props.code,
+  (nextCode) => {
+    localCode.value = nextCode;
+  },
+);
+
+watch(
+  () => props.resetVersion,
+  () => {
+    localCode.value = props.code;
+  },
+);
+
+const characterCount = computed(() => localCode.value.length);
+
+function handleInput(nextCode?: string | { toString(): string }) {
+  const normalizedCode = typeof nextCode === 'string' ? nextCode : nextCode?.toString() ?? '';
+
+  localCode.value = normalizedCode;
+  emit('updateCode', normalizedCode);
+}
+
+defineExpose({
+  getCode: () => localCode.value,
+});
+</script>
+
+<template>
+  <div class="editor-panel">
+    <div class="editor-panel__header">
+      <div class="editor-panel__title-group">
+        <p class="editor-panel__label">Editor</p>
+        <h2>{{ title }}</h2>
+        <p class="editor-panel__description">{{ description }}</p>
+      </div>
+
+      <div class="editor-panel__tab">main.ts</div>
+    </div>
+
+    <div class="editor-panel__context">
+      <p class="editor-panel__objective">{{ objective }}</p>
+
+      <div class="editor-panel__task">
+        <span>Try this</span>
+        <p>{{ task }}</p>
+      </div>
+    </div>
+
+    <div class="editor-panel__surface">
+      <CodeMirror
+        class="editor-panel__codemirror"
+        :model-value="localCode"
+        :extensions="extensions"
+        basic
+        wrap
+        @update:model-value="handleInput"
+      />
+    </div>
+
+    <p class="editor-panel__meta">{{ characterCount }} characters</p>
+  </div>
+</template>
+
+<style scoped>
+.editor-panel {
+  min-height: 0;
+  display: grid;
+  gap: 12px;
+}
+
+.editor-panel__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.editor-panel__title-group {
+  display: grid;
+  gap: 6px;
+}
+
+.editor-panel__label {
+  margin: 0;
+  color: #64748b;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.editor-panel__header h2 {
+  margin: 0;
+  font-size: 20px;
+  line-height: 1.15;
+}
+
+.editor-panel__tab {
+  padding: 6px 9px;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  background: #fbfcfe;
+  color: #475569;
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.editor-panel__description {
+  margin: 0;
+  color: #526072;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.editor-panel__context {
+  display: grid;
+  gap: 8px;
+}
+
+.editor-panel__objective {
+  margin: 0;
+  color: #334155;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.editor-panel__task {
+  display: grid;
+  gap: 4px;
+  padding: 10px 12px;
+  border: 1px solid #dee7f7;
+  border-radius: 14px;
+  background: #fafcff;
+}
+
+.editor-panel__task span {
+  color: #4f46e5;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.editor-panel__task p {
+  margin: 0;
+  color: #334155;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.editor-panel__surface {
+  min-height: 0;
+  border: 1px solid #0f172a;
+  border-radius: 18px;
+  overflow: hidden;
+  background: #0f172a;
+  color: #e2e8f0;
+  box-shadow: inset 0 0 0 1px rgb(148 163 184 / 0.12);
+}
+
+.editor-panel__codemirror {
+  min-height: 100%;
+}
+
+.editor-panel__meta {
+  margin: 0;
+  color: #64748b;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+}
+
+:deep(.cm-editor) {
+  min-height: 460px;
+  background: transparent;
+}
+
+:deep(.cm-scroller) {
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+  line-height: 1.7;
+}
+
+:deep(.cm-content),
+:deep(.cm-gutter) {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+
+:deep(.cm-line) {
+  padding-left: 6px;
+}
+
+:deep(.cm-focused) {
+  outline: none;
+}
+
+@media (max-width: 1200px) {
+  :deep(.cm-editor) {
+    min-height: 360px;
+  }
+}
+
+@media (max-width: 720px) {
+  .editor-panel {
+    gap: 12px;
+  }
+
+  .editor-panel__header {
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .editor-panel__title-group {
+    gap: 4px;
+  }
+
+  .editor-panel__header h2 {
+    font-size: 18px;
+  }
+
+  .editor-panel__description,
+  .editor-panel__objective,
+  .editor-panel__task p {
+    font-size: 13px;
+    line-height: 1.45;
+  }
+
+  .editor-panel__context {
+    gap: 8px;
+  }
+
+  .editor-panel__task {
+    padding: 10px 12px;
+    border-radius: 12px;
+  }
+
+  .editor-panel__tab {
+    padding: 6px 9px;
+    font-size: 12px;
+  }
+
+  :deep(.cm-editor) {
+    min-height: 320px;
+  }
+}
+</style>
diff --git a/packages/admin-sdk-tutorial/src/components/DummyAdminLocationFrame.vue b/packages/admin-sdk-tutorial/src/components/DummyAdminLocationFrame.vue
new file mode 100644
index 000000000..cb15e9d27
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/components/DummyAdminLocationFrame.vue
@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue';
+
+const props = defineProps<{
+  lessonId: string;
+  locationId: string;
+  code: string;
+  runCode: string;
+  runVersion: number;
+  height?: number;
+}>();
+
+const frame = ref<HTMLIFrameElement | null>(null);
+
+const frameSrc = computed(
+  () => `/iframe-runtime.html?lesson-id=${props.lessonId}&location-id=${props.locationId}&run-version=${props.runVersion}`,
+);
+
+function syncFrame() {
+  frame.value?.contentWindow?.postMessage(
+    {
+      source: 'tutorial-host',
+      type: 'tutorial:set-code',
+      lessonId: props.lessonId,
+      locationId: props.locationId,
+      code: props.code,
+      runCode: props.runCode,
+      runVersion: props.runVersion,
+    },
+    '*',
+  );
+}
+
+watch(
+  () => [props.locationId, props.runVersion, props.code, props.runCode],
+  () => syncFrame(),
+);
+</script>
+
+<template>
+  <iframe
+    ref="frame"
+    class="location-frame"
+    :src="frameSrc"
+    :style="{ height: `${height ?? 180}px` }"
+    :title="`Location iframe ${locationId}`"
+    @load="syncFrame"
+  />
+</template>
+
+<style scoped>
+.location-frame {
+  width: 100%;
+  min-height: 140px;
+  border: 1px solid #d8e0eb;
+  border-radius: 12px;
+  background: #ffffff;
+}
+</style>
diff --git a/packages/admin-sdk-tutorial/src/components/DummyAdminShell.vue b/packages/admin-sdk-tutorial/src/components/DummyAdminShell.vue
new file mode 100644
index 000000000..832364704
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/components/DummyAdminShell.vue
@@ -0,0 +1,323 @@
+<script setup lang="ts">
+import DummyAdminLocationFrame from '@/components/DummyAdminLocationFrame.vue';
+import type { TutorialRuntimeState } from '@/types/runtime';
+
+withDefaults(
+  defineProps<{
+  runtimeState: TutorialRuntimeState;
+  lessonId: string;
+  code: string;
+  runCode: string;
+  runVersion: number;
+  renderLocationFrames?: boolean;
+  }>(),
+  {
+    renderLocationFrames: true,
+  },
+);
+</script>
+
+<template>
+  <div class="dummy-admin">
+    <aside class="dummy-admin__sidebar">
+      <strong>Meteor Admin</strong>
+      <div v-for="menuItem in runtimeState.menuItems" :key="menuItem.id" class="dummy-admin__menu-item">
+        <span class="dummy-admin__menu-label">{{ menuItem.label }}</span>
+        <small v-if="menuItem.kind === 'dynamic'">New</small>
+      </div>
+    </aside>
+
+    <div class="dummy-admin__content">
+      <div class="dummy-admin__host-bar">
+        <span>Host UI</span>
+        <strong>{{ runtimeState.statusLabel }}</strong>
+      </div>
+
+      <div
+        class="dummy-admin__notification"
+        :class="`dummy-admin__notification--${runtimeState.notificationTone}`"
+      >
+        <span class="dummy-admin__notification-label">Notification</span>
+        <strong>{{ runtimeState.notificationTitle }}</strong>
+        <p>{{ runtimeState.notificationMessage }}</p>
+      </div>
+
+      <div class="dummy-admin__empty-state">
+        <span class="dummy-admin__empty-state-label">Host reaction</span>
+        <strong>{{ runtimeState.emptyStateTitle }}</strong>
+        <p>
+          {{ runtimeState.emptyStateMessage }}
+        </p>
+      </div>
+
+      <div class="dummy-admin__canvas">
+        <div
+          v-for="surface in runtimeState.surfaces"
+          :key="surface.id"
+          class="dummy-admin__card"
+          :class="{ 'dummy-admin__card--ghost': surface.variant === 'ghost' }"
+        >
+          <span v-if="surface.slotLabel" class="dummy-admin__card-label">{{ surface.slotLabel }}</span>
+          <strong class="dummy-admin__card-title">{{ surface.title }}</strong>
+          <p>{{ surface.description }}</p>
+          <div v-if="surface.injectedContent" class="dummy-admin__card-injected">
+            {{ surface.injectedContent }}
+          </div>
+          <DummyAdminLocationFrame
+            v-if="renderLocationFrames && surface.runtimeLocationId"
+            :lesson-id="lessonId"
+            :location-id="surface.runtimeLocationId"
+            :code="code"
+            :run-code="runCode"
+            :run-version="runVersion"
+            :height="surface.runtimeHeight"
+          />
+          <div v-else-if="surface.runtimeLocationId" class="dummy-admin__location-placeholder">
+            <span class="dummy-admin__location-placeholder-label">Registered location</span>
+            <strong>{{ surface.runtimeLocationId }}</strong>
+            <p>This host slot is reserved for the matching extension view.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.dummy-admin {
+  display: grid;
+  grid-template-columns: 148px minmax(0, 1fr);
+  height: 100%;
+  min-height: 100%;
+  border: 1px solid #dbe2ec;
+  border-radius: 18px;
+  overflow: hidden;
+  background: #f8fafc;
+}
+
+.dummy-admin__sidebar {
+  display: grid;
+  align-content: start;
+  gap: 12px;
+  padding: 20px 16px;
+  background: #111827;
+  color: #e5eefb;
+}
+
+.dummy-admin__menu-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.dummy-admin__sidebar span {
+  color: #b8c3d4;
+  font-size: 14px;
+}
+
+.dummy-admin__menu-label {
+  padding-right: 10px;
+}
+
+.dummy-admin__menu-item small {
+  padding: 2px 6px;
+  border-radius: 999px;
+  background: #312e81;
+  color: #c7d2fe;
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.dummy-admin__content {
+  display: grid;
+  grid-template-rows: auto auto auto minmax(0, 1fr);
+  gap: 16px;
+  padding: 16px;
+  min-height: 0;
+}
+
+.dummy-admin__host-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 12px;
+  border: 1px solid #dbe2ec;
+  border-radius: 14px;
+  background: #fff;
+}
+
+.dummy-admin__host-bar span {
+  color: #64748b;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.dummy-admin__host-bar strong {
+  font-size: 13px;
+}
+
+.dummy-admin__notification {
+  display: grid;
+  gap: 4px;
+  padding: 12px 14px;
+  border-radius: 14px;
+  font-size: 14px;
+}
+
+.dummy-admin__notification-label,
+.dummy-admin__empty-state-label {
+  color: currentColor;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  opacity: 0.75;
+}
+
+.dummy-admin__notification strong {
+  font-size: 14px;
+}
+
+.dummy-admin__notification p {
+  margin: 0;
+}
+
+.dummy-admin__notification--info {
+  border: 1px dashed #c7d2fe;
+  background: #eef2ff;
+  color: #4338ca;
+}
+
+.dummy-admin__notification--success {
+  border: 1px dashed #86efac;
+  background: #f0fdf4;
+  color: #166534;
+}
+
+.dummy-admin__notification--warning {
+  border: 1px dashed #fcd34d;
+  background: #fffbeb;
+  color: #92400e;
+}
+
+.dummy-admin__notification--error {
+  border: 1px dashed #fca5a5;
+  background: #fef2f2;
+  color: #b91c1c;
+}
+
+.dummy-admin__empty-state {
+  padding: 14px 16px;
+  border: 1px solid #d8e0eb;
+  border-radius: 14px;
+  background: #ffffff;
+}
+
+.dummy-admin__empty-state strong {
+  display: block;
+  margin: 4px 0 6px;
+  font-size: 14px;
+}
+
+.dummy-admin__card-title {
+  display: block;
+  margin-bottom: 8px;
+  font-size: 14px;
+}
+
+.dummy-admin__card-label {
+  display: inline-block;
+  margin-bottom: 10px;
+  padding: 4px 8px;
+  border-radius: 999px;
+  background: #e8eef7;
+  color: #334155;
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.dummy-admin__empty-state p,
+.dummy-admin__card p {
+  margin: 0;
+  color: #526072;
+  line-height: 1.6;
+}
+
+.dummy-admin__card-injected {
+  margin-top: 12px;
+  padding: 12px 14px;
+  border: 1px dashed #93c5fd;
+  border-radius: 12px;
+  background: #eff6ff;
+  color: #1d4ed8;
+  font-weight: 600;
+}
+
+.dummy-admin__location-placeholder {
+  margin-top: 12px;
+  display: grid;
+  gap: 6px;
+  min-height: 140px;
+  padding: 14px;
+  border: 1px dashed #d8e0eb;
+  border-radius: 12px;
+  background: #f8fafc;
+}
+
+.dummy-admin__location-placeholder-label {
+  color: #64748b;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.dummy-admin__canvas {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+  min-height: 0;
+}
+
+.dummy-admin__card {
+  min-height: 0;
+  padding: 16px;
+  border: 1px solid #d8e0eb;
+  border-radius: 16px;
+  background: #ffffff;
+  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.6);
+}
+
+.dummy-admin__card--ghost {
+  border-style: dashed;
+  background: #f8fafc;
+}
+
+@media (max-width: 720px) {
+  .dummy-admin {
+    grid-template-columns: 1fr;
+    height: auto;
+  }
+
+  .dummy-admin__sidebar {
+    grid-auto-flow: column;
+    grid-auto-columns: max-content;
+    align-items: center;
+    overflow: auto;
+  }
+
+  .dummy-admin__content {
+    grid-template-rows: auto;
+  }
+
+  .dummy-admin__canvas {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
diff --git a/packages/admin-sdk-tutorial/src/components/PreviewPanel.vue b/packages/admin-sdk-tutorial/src/components/PreviewPanel.vue
new file mode 100644
index 000000000..5f966e87d
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/components/PreviewPanel.vue
@@ -0,0 +1,327 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue';
+
+import type { TutorialRunSnapshot } from '@/types/tutorialShell';
+
+const props = defineProps<{
+  runSnapshot: TutorialRunSnapshot;
+  previewLabel: string;
+  outputMessage: string;
+  executionMessage: string;
+  executionError: string | null;
+  executionStatus: 'idle' | 'running' | 'success' | 'error';
+  lastActionLabel: string;
+}>();
+
+const emit = defineEmits<{
+  shellFrameWindow: [shellWindow: Window | null];
+}>();
+
+const shellFrame = ref<HTMLIFrameElement | null>(null);
+
+const shellFrameSrc = computed(
+  () =>
+    `/dummy-admin-shell.html?lesson-id=${props.runSnapshot.lessonId}&run-version=${props.runSnapshot.runVersion}`,
+);
+
+function syncShellFrame() {
+  emit('shellFrameWindow', shellFrame.value?.contentWindow ?? null);
+
+  shellFrame.value?.contentWindow?.postMessage(
+    JSON.stringify({
+      source: 'tutorial-parent',
+      type: 'tutorial:set-run-snapshot',
+      payload: props.runSnapshot,
+    }),
+    '*',
+  );
+}
+
+watch(
+  () => props.runSnapshot,
+  () => {
+    syncShellFrame();
+  },
+  {
+    deep: true,
+  },
+);
+</script>
+
+<template>
+  <div class="preview-stack">
+    <section class="preview-panel preview-panel--output">
+      <div class="preview-panel__header">
+        <div>
+          <p class="preview-panel__label">Output</p>
+          <h2>Status</h2>
+        </div>
+        <div class="preview-panel__meta">
+          <span class="preview-panel__counter">{{ lastActionLabel }}</span>
+          <span class="preview-panel__state" :class="`preview-panel__state--${executionStatus}`">
+            {{ executionStatus }}
+          </span>
+        </div>
+      </div>
+
+      <div class="preview-panel__output-grid">
+        <div class="preview-panel__copy-block">
+          <span>What to observe</span>
+          <p class="preview-panel__output-message">{{ outputMessage }}</p>
+        </div>
+
+        <div
+          v-if="executionStatus !== 'error'"
+          class="preview-panel__copy-block preview-panel__copy-block--muted"
+        >
+          <span>Execution</span>
+          <p class="preview-panel__output-empty">{{ executionMessage }}</p>
+        </div>
+
+        <p v-if="executionError" class="preview-panel__output-error">
+          <strong>Execution failed</strong>
+          <span>{{ executionMessage }}</span>
+          <span>{{ executionError }}</span>
+        </p>
+      </div>
+    </section>
+
+    <section class="preview-panel preview-panel--preview">
+      <div class="preview-panel__header">
+        <div>
+          <p class="preview-panel__label">Preview</p>
+          <h2>Dummy admin shell</h2>
+        </div>
+        <span class="preview-panel__status">{{ previewLabel }}</span>
+      </div>
+
+      <div class="preview-panel__frame">
+        <iframe
+          ref="shellFrame"
+          class="preview-panel__shell-frame"
+          :src="shellFrameSrc"
+          title="Dummy admin shell preview"
+          @load="syncShellFrame"
+        />
+      </div>
+    </section>
+  </div>
+</template>
+
+<style scoped>
+.preview-stack {
+  min-width: 0;
+  display: grid;
+  gap: 14px;
+  height: 100%;
+  grid-template-rows: auto minmax(0, 1fr);
+}
+
+.preview-panel {
+  min-width: 0;
+  display: grid;
+  gap: 14px;
+  padding: 18px;
+  border: 1px solid #dce5f0;
+  border-radius: 24px;
+  background: rgb(255 255 255 / 0.94);
+  box-shadow: 0 14px 36px rgb(15 23 42 / 0.05);
+  backdrop-filter: blur(10px);
+}
+
+.preview-panel--output {
+  align-content: start;
+}
+
+.preview-panel--preview {
+  grid-template-rows: auto minmax(0, 1fr);
+}
+
+.preview-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.preview-panel__header h2 {
+  margin: 4px 0 0;
+  font-size: 18px;
+}
+
+.preview-panel__label {
+  margin: 0;
+  color: #64748b;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.preview-panel__status {
+  padding: 8px 12px;
+  border-radius: 999px;
+  background: #eef2ff;
+  color: #4338ca;
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.preview-panel__meta {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.preview-panel__counter {
+  color: #64748b;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.preview-panel__state {
+  padding: 7px 10px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 700;
+  text-transform: capitalize;
+}
+
+.preview-panel__state--idle {
+  background: #e2e8f0;
+  color: #334155;
+}
+
+.preview-panel__state--running {
+  background: #dbeafe;
+  color: #1d4ed8;
+}
+
+.preview-panel__state--success {
+  background: #dcfce7;
+  color: #166534;
+}
+
+.preview-panel__state--error {
+  background: #fee2e2;
+  color: #b91c1c;
+}
+
+.preview-panel__output-message,
+.preview-panel__output-empty {
+  margin: 0;
+  color: #526072;
+  line-height: 1.6;
+}
+
+.preview-panel__copy-block {
+  display: grid;
+  gap: 8px;
+}
+
+.preview-panel__output-grid {
+  display: grid;
+  gap: 12px;
+  max-height: 220px;
+  overflow: auto;
+}
+
+.preview-panel__copy-block span {
+  color: #64748b;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.preview-panel__copy-block--muted {
+  padding: 10px 12px;
+  border: 1px solid #e6ebf2;
+  border-radius: 14px;
+  background: #fbfcfe;
+}
+
+.preview-panel__frame {
+  min-width: 0;
+  min-height: 480px;
+  max-height: none;
+  padding: 4px;
+  border: 1px solid #e2e8f0;
+  border-radius: 20px;
+  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
+}
+
+.preview-panel__shell-frame {
+  width: 100%;
+  height: 100%;
+  min-height: 100%;
+  border: 0;
+  border-radius: 16px;
+  background: #ffffff;
+}
+
+.preview-panel__output-error {
+  margin: 0;
+  display: grid;
+  gap: 6px;
+  padding: 12px 14px;
+  border: 1px solid #fecaca;
+  border-radius: 14px;
+  background: #fef2f2;
+  color: #b91c1c;
+  line-height: 1.6;
+}
+
+.preview-panel__output-error strong,
+.preview-panel__output-error span {
+  display: block;
+}
+
+@media (max-width: 720px) {
+  .preview-stack {
+    gap: 10px;
+  }
+
+  .preview-panel {
+    gap: 10px;
+    padding: 12px;
+    border-radius: 18px;
+  }
+
+  .preview-panel__header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .preview-panel__meta {
+    flex-wrap: wrap;
+  }
+
+  .preview-panel__status,
+  .preview-panel__state {
+    font-size: 11px;
+  }
+
+  .preview-panel__output-grid {
+    gap: 9px;
+    max-height: 172px;
+  }
+
+  .preview-panel__copy-block--muted,
+  .preview-panel__output-error {
+    padding: 9px 11px;
+  }
+
+  .preview-panel__frame {
+    min-height: 392px;
+    padding: 3px;
+    border-radius: 16px;
+  }
+
+  .preview-panel__shell-frame {
+    border-radius: 12px;
+  }
+}
+</style>
diff --git a/packages/admin-sdk-tutorial/src/components/TutorialSidebar.vue b/packages/admin-sdk-tutorial/src/components/TutorialSidebar.vue
new file mode 100644
index 000000000..ee4b6ba9f
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/components/TutorialSidebar.vue
@@ -0,0 +1,186 @@
+<script setup lang="ts">
+import type { TutorialLesson } from '@/types/lesson';
+
+const props = defineProps<{
+  lessons: TutorialLesson[];
+  activeLessonId: string;
+}>();
+
+const emit = defineEmits<{
+  selectLesson: [lessonId: string];
+}>();
+
+function selectLesson(lessonId: string) {
+  emit('selectLesson', lessonId);
+}
+
+function getActiveLesson() {
+  return props.lessons.find((lesson) => lesson.id === props.activeLessonId) ?? props.lessons[0];
+}
+</script>
+
+<template>
+  <aside class="sidebar">
+    <div class="sidebar__header">
+      <p class="sidebar__eyebrow">Meteor Admin SDK</p>
+      <h1 class="sidebar__title">Interactive tutorial prototype</h1>
+      <p class="sidebar__description">
+        A browser-based learning experience with editable code and a minimal dummy admin.
+      </p>
+    </div>
+
+    <section class="panel">
+      <div class="panel__header">
+        <h2>Prototype steps</h2>
+        <span>{{ getActiveLesson().order }} / {{ lessons.length }}</span>
+      </div>
+
+      <ol class="step-list">
+        <li v-for="lesson in lessons" :key="lesson.id">
+          <button
+            type="button"
+            class="step-list__item"
+            :class="{ 'step-list__item--active': lesson.id === activeLessonId }"
+            @click="selectLesson(lesson.id)"
+          >
+            <span class="step-list__index">{{ String(lesson.order).padStart(2, '0') }}</span>
+            <div>
+              <strong>{{ lesson.title }}</strong>
+              <p>{{ lesson.summary }}</p>
+            </div>
+          </button>
+        </li>
+      </ol>
+    </section>
+
+  </aside>
+</template>
+
+<style scoped>
+.sidebar {
+  display: grid;
+  gap: 18px;
+  align-content: start;
+}
+
+.sidebar__header,
+.panel {
+  padding: 26px;
+  border: 1px solid #dce5f0;
+  border-radius: 24px;
+  background: rgb(255 255 255 / 0.92);
+  box-shadow: 0 18px 48px rgb(15 23 42 / 0.06);
+  backdrop-filter: blur(10px);
+}
+
+.sidebar__eyebrow {
+  margin: 0 0 10px;
+  color: #4f46e5;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.sidebar__title {
+  margin: 0 0 12px;
+  font-size: 40px;
+  line-height: 1;
+}
+
+.sidebar__description,
+.panel p {
+  margin: 0;
+  color: #526072;
+  font-size: 15px;
+  line-height: 1.6;
+}
+
+.panel {
+  display: grid;
+  gap: 18px;
+}
+
+.panel h2 {
+  margin: 0;
+  font-size: 18px;
+}
+
+.panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.panel__header span {
+  padding: 6px 10px;
+  border-radius: 999px;
+  background: #eef2ff;
+  color: #4f46e5;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.step-list {
+  display: grid;
+  gap: 12px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.step-list__item {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 14px;
+  width: 100%;
+  padding: 16px;
+  border: 1px solid #e2e8f0;
+  border-radius: 18px;
+  background: #f9fbfd;
+  text-align: left;
+  cursor: pointer;
+  font: inherit;
+  transition:
+    border-color 160ms ease,
+    transform 160ms ease,
+    box-shadow 160ms ease,
+    background 160ms ease;
+}
+
+.step-list__item:hover {
+  border-color: #cbd5e1;
+  transform: translateY(-1px);
+  box-shadow: 0 10px 24px rgb(15 23 42 / 0.05);
+}
+
+.step-list__item--active {
+  border-color: #c7d2fe;
+  background: linear-gradient(180deg, #eef2ff 0%, #f8fbff 100%);
+  box-shadow: inset 0 0 0 1px rgb(99 102 241 / 0.16);
+}
+
+.step-list__item strong {
+  display: block;
+  margin-bottom: 4px;
+  font-size: 15px;
+}
+
+.step-list__item p {
+  font-size: 14px;
+}
+
+.step-list__index {
+  display: inline-grid;
+  place-items: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 14px;
+  background: #111827;
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+</style>
diff --git a/packages/admin-sdk-tutorial/src/components/TutorialTopbar.vue b/packages/admin-sdk-tutorial/src/components/TutorialTopbar.vue
new file mode 100644
index 000000000..431211e6f
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/components/TutorialTopbar.vue
@@ -0,0 +1,271 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+
+import type { TutorialLesson } from '@/types/lesson';
+
+const props = defineProps<{
+  lessons: TutorialLesson[];
+  activeLessonId: string;
+}>();
+
+const emit = defineEmits<{
+  selectLesson: [lessonId: string];
+}>();
+
+const activeLesson = computed(
+  () => props.lessons.find((lesson) => lesson.id === props.activeLessonId) ?? props.lessons[0],
+);
+
+function selectLesson(lessonId: string) {
+  emit('selectLesson', lessonId);
+}
+</script>
+
+<template>
+  <header class="topbar">
+    <div class="topbar__intro">
+      <div>
+        <p class="topbar__eyebrow">Meteor Admin SDK</p>
+        <div class="topbar__title-row">
+          <h1 class="topbar__title">Interactive tutorial prototype</h1>
+          <span class="topbar__badge">{{ activeLesson.order }} / {{ lessons.length }}</span>
+        </div>
+      </div>
+
+      <p class="topbar__description">
+        Edit real SDK calls, run the hidden extension runtime, and inspect the dummy admin result.
+      </p>
+    </div>
+
+    <nav class="topbar__nav" aria-label="Tutorial lessons">
+      <button
+        v-for="lesson in lessons"
+        :key="lesson.id"
+        type="button"
+        class="topbar__lesson"
+        :class="{ 'topbar__lesson--active': lesson.id === activeLessonId }"
+        :aria-current="lesson.id === activeLessonId ? 'step' : undefined"
+        @click="selectLesson(lesson.id)"
+      >
+        <span class="topbar__lesson-index">{{ String(lesson.order).padStart(2, '0') }}</span>
+        <span class="topbar__lesson-copy">
+          <strong>{{ lesson.title }}</strong>
+          <span>{{ lesson.summary }}</span>
+        </span>
+      </button>
+    </nav>
+  </header>
+</template>
+
+<style scoped>
+.topbar {
+  display: grid;
+  gap: 16px;
+  padding: 20px 22px 18px;
+  border: 1px solid #dce5f0;
+  border-radius: 24px;
+  background: rgb(255 255 255 / 0.94);
+  box-shadow: 0 14px 36px rgb(15 23 42 / 0.05);
+  backdrop-filter: blur(10px);
+}
+
+.topbar__intro {
+  display: grid;
+  gap: 10px;
+}
+
+.topbar__eyebrow {
+  margin: 0 0 6px;
+  color: #4f46e5;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.topbar__title-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+}
+
+.topbar__title {
+  margin: 0;
+  font-size: clamp(24px, 3vw, 32px);
+  line-height: 1.05;
+}
+
+.topbar__badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 6px 10px;
+  border-radius: 999px;
+  background: #eef2ff;
+  color: #4f46e5;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.topbar__description {
+  margin: 0;
+  max-width: 72ch;
+  color: #526072;
+  font-size: 14px;
+  line-height: 1.55;
+}
+
+.topbar__nav {
+  position: relative;
+  display: flex;
+  gap: 12px;
+  padding-bottom: 4px;
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scroll-snap-type: x proximity;
+}
+
+.topbar__nav::after {
+  content: '';
+  position: sticky;
+  right: 0;
+  width: 22px;
+  flex: 0 0 22px;
+  pointer-events: none;
+  background: linear-gradient(90deg, rgb(255 255 255 / 0), rgb(255 255 255 / 0.94) 72%);
+}
+
+.topbar__lesson {
+  flex: 0 0 auto;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 12px;
+  min-width: 220px;
+  max-width: 280px;
+  padding: 14px 16px;
+  border: 1px solid #e2e8f0;
+  border-radius: 18px;
+  background: #f9fbfd;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  font: inherit;
+  scroll-snap-align: start;
+  transition:
+    border-color 160ms ease,
+    transform 160ms ease,
+    box-shadow 160ms ease,
+    background 160ms ease;
+}
+
+.topbar__lesson:hover {
+  border-color: #cbd5e1;
+  transform: translateY(-1px);
+  box-shadow: 0 10px 24px rgb(15 23 42 / 0.05);
+}
+
+.topbar__lesson--active {
+  border-color: #c7d2fe;
+  background: linear-gradient(180deg, #eef2ff 0%, #f8fbff 100%);
+  box-shadow: inset 0 0 0 1px rgb(99 102 241 / 0.16);
+}
+
+.topbar__lesson-index {
+  display: inline-grid;
+  place-items: center;
+  width: 38px;
+  height: 38px;
+  border-radius: 14px;
+  background: #111827;
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.topbar__lesson-copy {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.topbar__lesson-copy strong {
+  font-size: 14px;
+}
+
+.topbar__lesson-copy span {
+  color: #526072;
+  font-size: 13px;
+  line-height: 1.45;
+}
+
+@media (max-width: 720px) {
+  .topbar {
+    gap: 10px;
+    padding: 13px 13px 11px;
+    border-radius: 18px;
+  }
+
+  .topbar__intro {
+    gap: 8px;
+  }
+
+  .topbar__eyebrow {
+    margin-bottom: 4px;
+    font-size: 11px;
+  }
+
+  .topbar__title-row {
+    gap: 8px;
+  }
+
+  .topbar__title {
+    font-size: 21px;
+  }
+
+  .topbar__badge {
+    padding: 4px 8px;
+    font-size: 11px;
+  }
+
+  .topbar__description {
+    font-size: 13px;
+    line-height: 1.45;
+  }
+
+  .topbar__nav {
+    gap: 8px;
+    margin-inline: -1px;
+    padding: 0 8px 2px 1px;
+    scroll-padding-inline: 1px;
+  }
+
+  .topbar__lesson {
+    align-items: center;
+    gap: 8px;
+    min-width: 154px;
+    max-width: none;
+    padding: 10px 11px;
+    border-radius: 14px;
+  }
+
+  .topbar__lesson-index {
+    width: 28px;
+    height: 28px;
+    border-radius: 10px;
+    font-size: 11px;
+  }
+
+  .topbar__lesson-copy {
+    gap: 0;
+  }
+
+  .topbar__lesson-copy strong {
+    font-size: 13px;
+    line-height: 1.2;
+  }
+
+  .topbar__lesson-copy span {
+    display: none;
+  }
+}
+</style>
diff --git a/packages/admin-sdk-tutorial/src/components/TutorialWorkspace.vue b/packages/admin-sdk-tutorial/src/components/TutorialWorkspace.vue
new file mode 100644
index 000000000..dbb97a2e2
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/components/TutorialWorkspace.vue
@@ -0,0 +1,191 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+import CodeEditorPanel from '@/components/CodeEditorPanel.vue';
+import PreviewPanel from '@/components/PreviewPanel.vue';
+import type { TutorialLesson } from '@/types/lesson';
+import type { TutorialRunSnapshot } from '@/types/tutorialShell';
+
+type CodeEditorPanelExposed = {
+  getCode: () => string;
+};
+
+const props = defineProps<{
+  lesson: TutorialLesson;
+  code: string;
+  editorResetVersion: number;
+  runSnapshot: TutorialRunSnapshot;
+  executionMessage: string;
+  executionError: string | null;
+  executionStatus: 'idle' | 'running' | 'success' | 'error';
+  lastActionLabel: string;
+}>();
+
+const emit = defineEmits<{
+  updateCode: [code: string];
+  resetCode: [];
+  runCode: [codeSnapshot: string];
+  shellFrameWindow: [shellWindow: Window | null];
+}>();
+
+const editorPanel = ref<CodeEditorPanelExposed | null>(null);
+
+function handleCodeUpdate(code: string) {
+  emit('updateCode', code);
+}
+
+function resetCode() {
+  emit('resetCode');
+}
+
+function runCode() {
+  emit('runCode', editorPanel.value?.getCode() ?? props.code);
+}
+
+function handleShellFrameWindow(shellWindow: Window | null) {
+  emit('shellFrameWindow', shellWindow);
+}
+</script>
+
+<template>
+  <section class="workspace">
+    <div class="workspace__column workspace__column--editor">
+      <div class="workspace__panel-header">
+        <div class="workspace__actions">
+          <button type="button" @click="resetCode">Reset</button>
+          <button type="button" class="workspace__button--primary" @click="runCode">Run</button>
+        </div>
+      </div>
+
+      <CodeEditorPanel
+        ref="editorPanel"
+        :title="lesson.title"
+        :description="lesson.description"
+        :task="lesson.task"
+        :objective="lesson.objective"
+        :code="code"
+        :reset-version="editorResetVersion"
+        @update-code="handleCodeUpdate"
+      />
+    </div>
+
+    <PreviewPanel
+      class="workspace__column workspace__column--preview"
+      :run-snapshot="runSnapshot"
+      :preview-label="lesson.previewLabel"
+      :output-message="lesson.outputMessage"
+      :execution-message="executionMessage"
+      :execution-error="executionError"
+      :execution-status="executionStatus"
+      :last-action-label="lastActionLabel"
+      @shell-frame-window="handleShellFrameWindow"
+    />
+  </section>
+</template>
+
+<style scoped>
+.workspace {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  align-items: stretch;
+  gap: 18px;
+}
+
+.workspace__column {
+  min-width: 0;
+  display: grid;
+  gap: 14px;
+}
+
+.workspace__column--editor {
+  padding: 20px;
+  border: 1px solid #dce5f0;
+  border-radius: 24px;
+  background: rgb(255 255 255 / 0.94);
+  box-shadow: 0 14px 36px rgb(15 23 42 / 0.05);
+  backdrop-filter: blur(10px);
+  min-height: min(880px, calc(100vh - 180px));
+}
+
+.workspace__panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.workspace__actions {
+  display: flex;
+  gap: 10px;
+}
+
+.workspace__actions button {
+  padding: 10px 15px;
+  border: 1px solid #d7dfeb;
+  border-radius: 12px;
+  background: #ffffff;
+  color: #1f2937;
+  font: inherit;
+  cursor: pointer;
+  transition:
+    transform 160ms ease,
+    box-shadow 160ms ease,
+    border-color 160ms ease;
+}
+
+.workspace__actions button:hover {
+  border-color: #cbd5e1;
+  transform: translateY(-1px);
+  box-shadow: 0 10px 18px rgb(15 23 42 / 0.06);
+}
+
+.workspace__button--primary {
+  border-color: #4f46e5 !important;
+  background: #4f46e5 !important;
+  color: #ffffff !important;
+}
+
+@media (max-width: 1199px) {
+  .workspace {
+    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
+    gap: 18px;
+  }
+}
+
+@media (max-width: 959px) {
+  .workspace {
+    grid-template-columns: 1fr;
+  }
+
+  .workspace__column--editor {
+    min-height: 520px;
+  }
+}
+
+@media (max-width: 720px) {
+  .workspace {
+    gap: 12px;
+  }
+
+  .workspace__column--editor {
+    padding: 13px;
+    border-radius: 18px;
+  }
+
+  .workspace__panel-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .workspace__actions {
+    width: 100%;
+  }
+
+  .workspace__actions button {
+    flex: 1 1 0;
+    padding: 9px 12px;
+  }
+}
+</style>
diff --git a/packages/admin-sdk-tutorial/src/dummy-admin-shell/App.vue b/packages/admin-sdk-tutorial/src/dummy-admin-shell/App.vue
new file mode 100644
index 000000000..f0e090997
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/dummy-admin-shell/App.vue
@@ -0,0 +1,349 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+
+import DummyAdminShell from '@/components/DummyAdminShell.vue';
+import { registerTutorialHostHandlers } from '@/host/registerTutorialHostHandlers';
+import { createTutorialHostRuntime } from '@/host/tutorialHost';
+import { lessons } from '@/lessons/lessons';
+import { createRuntimeState, resetRuntimeState } from '@/runtime/createRuntimeState';
+import type { TutorialRuntimeState } from '@/types/runtime';
+import { parseTutorialParentMessage, type TutorialRunSnapshot } from '@/types/tutorialShell';
+
+const params = new URLSearchParams(window.location.search);
+const initialLesson =
+  lessons.find((lesson) => lesson.id === params.get('lesson-id')) ?? lessons[0];
+
+function cloneRuntimeState<T>(value: T): T {
+  return JSON.parse(JSON.stringify(value)) as T;
+}
+
+const SUCCESSFUL_RUNTIME_STATES_STORAGE_KEY = 'meteor-admin-sdk-tutorial:successful-runtime-states';
+
+function readSuccessfulRuntimeStates() {
+  const storedValue = window.sessionStorage.getItem(SUCCESSFUL_RUNTIME_STATES_STORAGE_KEY);
+
+  if (!storedValue) {
+    return {} as Record<string, TutorialRuntimeState>;
+  }
+
+  try {
+    return JSON.parse(storedValue) as Record<string, TutorialRuntimeState>;
+  } catch {
+    return {} as Record<string, TutorialRuntimeState>;
+  }
+}
+
+function writeSuccessfulRuntimeStates(value: Record<string, TutorialRuntimeState>) {
+  window.sessionStorage.setItem(SUCCESSFUL_RUNTIME_STATES_STORAGE_KEY, JSON.stringify(value));
+}
+
+const runSnapshot = ref<TutorialRunSnapshot | null>(null);
+const runtimeState = ref(createRuntimeState(initialLesson));
+const hiddenRuntimeFrame = ref<HTMLIFrameElement | null>(null);
+const acceptHostMessages = ref(false);
+const successfulRuntimeStates = ref<Record<string, TutorialRuntimeState>>(readSuccessfulRuntimeStates());
+
+const hostRuntime = createTutorialHostRuntime({
+  getAllowedSource: () => null,
+});
+
+let stopTutorialHostHandlers = () => {};
+
+const activeLesson = computed(
+  () => lessons.find((lesson) => lesson.id === runSnapshot.value?.lessonId) ?? initialLesson,
+);
+
+const hiddenRuntimeSrc = computed(
+  () => {
+    if (!runSnapshot.value) {
+      return '';
+    }
+
+    return `/iframe-runtime.html?lesson-id=${runSnapshot.value.lessonId}&location-id=${runSnapshot.value.runtimeLocationId}&run-version=${runSnapshot.value.runVersion}`;
+  },
+);
+
+function syncHiddenRuntimeFrame() {
+  if (!runSnapshot.value) {
+    return;
+  }
+
+  hiddenRuntimeFrame.value?.contentWindow?.postMessage(
+    {
+      source: 'tutorial-host',
+      type: 'tutorial:set-code',
+      lessonId: runSnapshot.value.lessonId,
+      locationId: runSnapshot.value.runtimeLocationId,
+      code: runSnapshot.value.code,
+      runCode: runSnapshot.value.runCode,
+      runVersion: runSnapshot.value.runVersion,
+    },
+    '*',
+  );
+}
+
+function resetShellState(nextSnapshot: TutorialRunSnapshot) {
+  const nextLesson = lessons.find((lesson) => lesson.id === nextSnapshot.lessonId) ?? initialLesson;
+
+  runSnapshot.value = nextSnapshot;
+  runtimeState.value = cloneRuntimeState(resetRuntimeState(nextLesson));
+  acceptHostMessages.value = true;
+}
+
+function getLastSuccessfulRuntimeState(lessonId: string) {
+  return successfulRuntimeStates.value[lessonId]
+    ? cloneRuntimeState(successfulRuntimeStates.value[lessonId])
+    : cloneRuntimeState(resetRuntimeState(lessons.find((lesson) => lesson.id === lessonId) ?? initialLesson));
+}
+
+function persistSuccessfulRuntimeState(lessonId: string) {
+  successfulRuntimeStates.value[lessonId] = cloneRuntimeState(runtimeState.value);
+  writeSuccessfulRuntimeStates(successfulRuntimeStates.value);
+}
+
+function postShellEvent(payload: unknown) {
+  window.parent.postMessage(JSON.stringify(payload), '*');
+}
+
+function handleParentMessage(event: MessageEvent) {
+  const message = parseTutorialParentMessage(event.data);
+
+  if (!message) {
+    return;
+  }
+
+  resetShellState(message.payload);
+}
+
+function handleTutorialRuntimeEvent(event: MessageEvent) {
+  if (typeof event.data !== 'object' || event.data?.source !== 'tutorial-iframe') {
+    return;
+  }
+
+  if (!runSnapshot.value) {
+    return;
+  }
+
+  if (event.source !== hiddenRuntimeFrame.value?.contentWindow) {
+    return;
+  }
+
+  if (event.data.type === 'run-success') {
+    postShellEvent({
+      source: 'tutorial-shell',
+      type: 'run-success',
+      payload: {
+        lessonId: event.data.lessonId,
+        runVersion: event.data.runVersion,
+      },
+    });
+  }
+
+  if (event.data.type === 'run-error') {
+    runtimeState.value = getLastSuccessfulRuntimeState(activeLesson.value.id);
+    acceptHostMessages.value = false;
+
+    postShellEvent({
+      source: 'tutorial-shell',
+      type: 'run-error',
+      payload: {
+        lessonId: event.data.lessonId,
+        runVersion: event.data.runVersion,
+        error: event.data.error,
+      },
+    });
+  }
+}
+
+watch(
+  () => runSnapshot.value,
+  () => {
+    if (!runSnapshot.value) {
+      return;
+    }
+
+    syncHiddenRuntimeFrame();
+  },
+  {
+    deep: true,
+  },
+);
+
+onMounted(() => {
+  hostRuntime.start();
+  stopTutorialHostHandlers = registerTutorialHostHandlers({
+    onNotification: (payload) => {
+      if (!acceptHostMessages.value) {
+        return;
+      }
+
+      runtimeState.value.notificationTitle = payload.title;
+      runtimeState.value.notificationMessage = payload.message;
+      runtimeState.value.notificationTone = payload.variant ?? 'info';
+      runtimeState.value.emptyStateTitle = 'What changed in the host';
+      runtimeState.value.emptyStateMessage =
+        'A real Admin SDK notification request was received and rendered by the dummy host shell.';
+      runtimeState.value.statusLabel = 'Notification concept';
+      persistSuccessfulRuntimeState(activeLesson.value.id);
+    },
+    onMenuItem: (payload) => {
+      if (!acceptHostMessages.value) {
+        return;
+      }
+
+      const nextMenuItem = {
+        id: `dynamic-${payload.locationId}`,
+        label: payload.label,
+        kind: 'dynamic' as const,
+        position: payload.position,
+      };
+
+      runtimeState.value.menuItems = [
+        ...runtimeState.value.menuItems.filter((item) => item.kind === 'static'),
+        nextMenuItem,
+      ].sort((left, right) => (left.position ?? 999) - (right.position ?? 999));
+      runtimeState.value.notificationTitle = 'Menu item added';
+      runtimeState.value.notificationMessage = `The host received a real menu registration for ${payload.locationId}.`;
+      runtimeState.value.notificationTone = 'success';
+      runtimeState.value.emptyStateTitle = 'What changed in the host';
+      runtimeState.value.emptyStateMessage =
+        'A real Admin SDK menu item request was received and rendered by the dummy host shell.';
+      runtimeState.value.statusLabel = 'Navigation concept';
+      persistSuccessfulRuntimeState(activeLesson.value.id);
+    },
+    onComponentSection: (payload) => {
+      if (!acceptHostMessages.value) {
+        return;
+      }
+
+      runtimeState.value.surfaces = runtimeState.value.surfaces.map((surface) => {
+        if (surface.id !== payload.positionId) {
+          return {
+            ...surface,
+            runtimeLocationId:
+              surface.runtimeLocationId && surface.runtimeLocationId !== payload.props.locationId
+                ? undefined
+                : surface.runtimeLocationId,
+          };
+        }
+
+        return {
+          ...surface,
+          title: payload.props.title ?? payload.props.locationId,
+          description: payload.props.subtitle ?? `Position: ${payload.positionId}`,
+          slotLabel: 'Host slot',
+          runtimeLocationId: payload.props.locationId,
+          runtimeHeight: 180,
+          variant: 'default' as const,
+        };
+      });
+      runtimeState.value.notificationTitle = 'Location registered';
+      runtimeState.value.notificationMessage = `The host registered ${payload.props.locationId} at ${payload.positionId}.`;
+      runtimeState.value.notificationTone = 'success';
+      runtimeState.value.emptyStateTitle = 'What changed in the host';
+      runtimeState.value.emptyStateMessage =
+        'A real component-section registration created a visible location iframe in the chosen host slot.';
+      runtimeState.value.statusLabel = 'Extension surfaces concept';
+      persistSuccessfulRuntimeState(activeLesson.value.id);
+    },
+    onLocationHeight: (payload) => {
+      if (!acceptHostMessages.value) {
+        return;
+      }
+
+      if (!payload.locationId) {
+        return;
+      }
+
+      runtimeState.value.surfaces = runtimeState.value.surfaces.map((surface) => {
+        if (surface.runtimeLocationId !== payload.locationId) {
+          return surface;
+        }
+
+        return {
+          ...surface,
+          runtimeHeight: Math.max(140, Math.min(payload.height, 320)),
+        };
+      });
+      persistSuccessfulRuntimeState(activeLesson.value.id);
+    },
+  });
+
+  window.addEventListener('message', handleParentMessage);
+  window.addEventListener('message', handleTutorialRuntimeEvent);
+});
+
+onBeforeUnmount(() => {
+  hostRuntime.stop();
+  stopTutorialHostHandlers();
+  window.removeEventListener('message', handleParentMessage);
+  window.removeEventListener('message', handleTutorialRuntimeEvent);
+});
+</script>
+
+<template>
+  <main class="dummy-admin-shell-app">
+    <template v-if="runSnapshot">
+      <iframe
+        ref="hiddenRuntimeFrame"
+        class="dummy-admin-shell-app__hidden-runtime"
+        :src="hiddenRuntimeSrc"
+        title="Hidden extension runtime"
+        tabindex="-1"
+        aria-hidden="true"
+        @load="syncHiddenRuntimeFrame"
+      />
+
+      <DummyAdminShell
+        :runtime-state="runtimeState"
+        :lesson-id="runSnapshot.lessonId"
+        :code="runSnapshot.code"
+        :run-code="runSnapshot.runCode"
+        :run-version="runSnapshot.runVersion"
+      />
+    </template>
+    <div v-else class="dummy-admin-shell-app__loading">Loading preview…</div>
+  </main>
+</template>
+
+<style scoped>
+:global(*) {
+  box-sizing: border-box;
+}
+
+:global(html, body, #app) {
+  margin: 0;
+  min-height: 100%;
+}
+
+:global(body) {
+  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  background: #eef2f7;
+}
+
+.dummy-admin-shell-app {
+  min-height: 100vh;
+  padding: 14px;
+  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
+}
+
+.dummy-admin-shell-app__hidden-runtime {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border: 0;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.dummy-admin-shell-app__loading {
+  display: grid;
+  place-items: center;
+  min-height: calc(100vh - 28px);
+  border: 1px solid #d8e0eb;
+  border-radius: 18px;
+  background: #ffffff;
+  color: #64748b;
+  font-weight: 600;
+}
+</style>
diff --git a/packages/admin-sdk-tutorial/src/dummy-admin-shell/main.ts b/packages/admin-sdk-tutorial/src/dummy-admin-shell/main.ts
new file mode 100644
index 000000000..419fa699a
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/dummy-admin-shell/main.ts
@@ -0,0 +1,5 @@
+import { createApp } from 'vue';
+
+import App from './App.vue';
+
+createApp(App).mount('#app');
diff --git a/packages/admin-sdk-tutorial/src/host/registerTutorialHostHandlers.ts b/packages/admin-sdk-tutorial/src/host/registerTutorialHostHandlers.ts
new file mode 100644
index 000000000..699840238
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/host/registerTutorialHostHandlers.ts
@@ -0,0 +1,87 @@
+import { createHandler } from '#admin-sdk-channel';
+
+export function registerTutorialHostHandlers(options: {
+  onNotification: (payload: {
+    title: string;
+    message: string;
+    variant?: 'success' | 'info' | 'warning' | 'error';
+  }) => void;
+  onMenuItem: (payload: {
+    label: string;
+    locationId: string;
+    parent?: string;
+    position?: number;
+  }) => void;
+  onComponentSection: (payload: {
+    component: string;
+    positionId: string;
+    props: {
+      locationId: string;
+      title?: string;
+      subtitle?: string;
+    };
+  }) => void;
+  onLocationHeight: (payload: {
+    locationId: string | null;
+    height: number;
+  }) => void;
+}) {
+  const stopNotificationHandler = createHandler('notificationDispatch')<{
+    title: string;
+    message: string;
+    variant?: 'success' | 'info' | 'warning' | 'error';
+  }>((data) => {
+    options.onNotification({
+      title: data.title,
+      message: data.message,
+      variant: data.variant,
+    });
+  });
+
+  const stopMenuItemHandler = createHandler('menuItemAdd')<{
+    label: string;
+    locationId: string;
+    parent?: string;
+    position?: number;
+  }>((data) => {
+    options.onMenuItem({
+      label: data.label,
+      locationId: data.locationId,
+      parent: data.parent,
+      position: data.position,
+    });
+  });
+
+  const stopComponentSectionHandler = createHandler('uiComponentSectionRenderer')<{
+    component: string;
+    positionId: string;
+    props: {
+      locationId: string;
+      title?: string;
+      subtitle?: string;
+    };
+  }>((data) => {
+    options.onComponentSection({
+      component: data.component,
+      positionId: data.positionId,
+      props: data.props,
+    });
+  });
+
+  const stopLocationHeightHandler = createHandler('locationUpdateHeight')<{
+    locationId: string | null;
+    height: number;
+  }>((data) => {
+    options.onLocationHeight({
+      locationId: data.locationId,
+      height: data.height,
+    });
+  });
+
+  return () => {
+    stopNotificationHandler();
+    stopMenuItemHandler();
+    stopComponentSectionHandler();
+    stopLocationHeightHandler();
+  };
+}
diff --git a/packages/admin-sdk-tutorial/src/host/tutorialHost.ts b/packages/admin-sdk-tutorial/src/host/tutorialHost.ts
new file mode 100644
index 000000000..2a1c4a89b
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/host/tutorialHost.ts
@@ -0,0 +1,82 @@
+import '#admin-sdk-channel';
+
+import { ref } from 'vue';
+
+export function createTutorialHostRuntime(options: { getAllowedSource: () => Window | null }) {
+  const iframeStatus = ref('Booting runtime iframe…');
+  const lastSdkMessageType = ref('No SDK message yet');
+  const registeredSourceCount = ref(0);
+
+  function syncRegisteredSourceCount() {
+    registeredSourceCount.value = (window as typeof window & {
+      _swsdk?: { sourceRegistry?: Set<unknown> };
+    })._swsdk?.sourceRegistry?.size ?? 0;
+  }
+
+  function isAllowedSource(source: MessageEvent['source']) {
+    const allowedSource = options.getAllowedSource();
+
+    if (!allowedSource) {
+      return true;
+    }
+
+    return source === allowedSource;
+  }
+
+  function handleMessage(event: MessageEvent) {
+    if (!isAllowedSource(event.source)) {
+      return;
+    }
+
+    if (typeof event.data === 'object' && event.data?.source === 'tutorial-iframe') {
+      if (event.data.type === 'runtime-ready') {
+        iframeStatus.value = 'Runtime iframe ready';
+      }
+
+      if (event.data.type === 'code-received') {
+        iframeStatus.value = `Runtime synced for ${event.data.lessonId}`;
+      }
+
+      return;
+    }
+
+    if (typeof event.data !== 'string') {
+      return;
+    }
+
+    try {
+      const parsed = JSON.parse(event.data) as { _type?: string };
+
+      if (!parsed._type) {
+        return;
+      }
+
+      lastSdkMessageType.value = parsed._type;
+
+      if (parsed._type === '__registerWindow__') {
+        iframeStatus.value = 'Real Admin SDK connected to parent';
+        syncRegisteredSourceCount();
+      }
+    } catch {
+      // ignore non-SDK messages
+    }
+  }
+
+  function start() {
+    syncRegisteredSourceCount();
+    window.addEventListener('message', handleMessage);
+  }
+
+  function stop() {
+    window.removeEventListener('message', handleMessage);
+  }
+
+  return {
+    iframeStatus,
+    lastSdkMessageType,
+    registeredSourceCount,
+    start,
+    stop,
+    syncRegisteredSourceCount,
+  };
+}
diff --git a/packages/admin-sdk-tutorial/src/iframe-runtime/main.ts b/packages/admin-sdk-tutorial/src/iframe-runtime/main.ts
new file mode 100644
index 000000000..3dfe1adbe
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/iframe-runtime/main.ts
@@ -0,0 +1,176 @@
+import { location, notification, ui } from '@shopware-ag/meteor-admin-sdk';
+
+const root = document.querySelector<HTMLDivElement>('#app');
+
+const params = new URLSearchParams(window.location.search);
+let lastRunVersion = 0;
+
+if (root) {
+  root.innerHTML = `
+    <main style="font-family: Inter, system-ui, sans-serif; padding: 16px; color: #1f2937; background: #fff; min-height: 100vh;">
+      <p style="margin: 0 0 8px; color: #64748b; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;">Lesson runtime</p>
+      <h1 style="margin: 0 0 8px; font-size: 18px;">Real Admin SDK iframe bootstrap</h1>
+      <p style="margin: 0 0 16px; line-height: 1.6;">This iframe imports the real Admin SDK package and receives lesson code from the tutorial host.</p>
+      <div style="display: grid; gap: 10px;">
+        <div style="padding: 12px 14px; border: 1px solid #d8e0eb; border-radius: 12px; background: #f8fafc;">
+          <strong style="display:block; margin-bottom: 6px; font-size: 13px;">location-id</strong>
+          <span>${params.get('location-id') ?? 'missing'}</span>
+        </div>
+        <div style="padding: 12px 14px; border: 1px solid #d8e0eb; border-radius: 12px; background: #f8fafc;">
+          <strong style="display:block; margin-bottom: 6px; font-size: 13px;">lesson-id</strong>
+          <span>${params.get('lesson-id') ?? 'missing'}</span>
+        </div>
+        <pre id="runtime-code" style="margin: 0; padding: 12px 14px; border: 1px solid #d8e0eb; border-radius: 12px; background: #0f172a; color: #e2e8f0; font: 12px/1.6 SFMono-Regular, Consolas, monospace; white-space: pre-wrap;">Waiting for lesson code…</pre>
+      </div>
+    </main>
+  `;
+}
+
+window.parent.postMessage(
+  {
+    source: 'tutorial-iframe',
+    type: 'runtime-ready',
+    lessonId: params.get('lesson-id'),
+    locationId: params.get('location-id'),
+  },
+  '*',
+);
+
+window.addEventListener('message', (event) => {
+  if (typeof event.data !== 'object' || event.data?.source !== 'tutorial-host') {
+    return;
+  }
+
+  const codeElement = document.querySelector<HTMLElement>('#runtime-code');
+
+  if (codeElement) {
+    codeElement.textContent = event.data.code ?? 'No code received';
+  }
+
+  if (event.data.runVersion && event.data.runVersion !== lastRunVersion) {
+    lastRunVersion = event.data.runVersion;
+
+    void Promise.resolve()
+      .then(() => {
+        const pendingOperations: Promise<unknown>[] = [];
+        const notificationApi = {
+          ...notification,
+          dispatch(payload: Parameters<typeof notification.dispatch>[0]) {
+            window.parent.postMessage(
+              {
+                source: 'tutorial-iframe',
+                type: 'notification-intent',
+                lessonId: event.data.lessonId,
+                runVersion: event.data.runVersion,
+                payload,
+              },
+              '*',
+            );
+
+            const request = notification.dispatch(payload);
+
+            pendingOperations.push(request);
+
+            return request;
+          },
+        };
+        const uiApi = {
+          ...ui,
+          componentSection: {
+            ...ui.componentSection,
+            add(payload: Parameters<typeof ui.componentSection.add>[0]) {
+              window.parent.postMessage(
+                {
+                  source: 'tutorial-iframe',
+                  type: 'component-section-intent',
+                  lessonId: event.data.lessonId,
+                  runVersion: event.data.runVersion,
+                  payload,
+                },
+                '*',
+              );
+
+              const request = ui.componentSection.add(payload);
+
+              pendingOperations.push(request);
+
+              return request;
+            },
+          },
+          menu: {
+            ...ui.menu,
+            addMenuItem(payload: Parameters<typeof ui.menu.addMenuItem>[0]) {
+              window.parent.postMessage(
+                {
+                  source: 'tutorial-iframe',
+                  type: 'menu-intent',
+                  lessonId: event.data.lessonId,
+                  runVersion: event.data.runVersion,
+                  payload,
+                },
+                '*',
+              );
+
+              const request = ui.menu.addMenuItem(payload);
+
+              pendingOperations.push(request);
+
+              return request;
+            },
+          },
+        };
+
+        const executor = new Function(
+          'notification',
+          'ui',
+          'location',
+          `return (async () => {
+${event.data.runCode ?? event.data.code}
+})();`,
+        ) as (
+          notificationApi: typeof notification,
+          uiApi: typeof ui,
+          locationApi: typeof location,
+        ) => Promise<void>;
+
+        return executor(notificationApi, uiApi, location).then(async () => {
+          await Promise.allSettled(pendingOperations);
+        });
+      })
+      .then(() => {
+        window.parent.postMessage(
+          {
+            source: 'tutorial-iframe',
+            type: 'run-success',
+            lessonId: event.data.lessonId,
+            locationId: event.data.locationId,
+            runVersion: event.data.runVersion,
+          },
+          '*',
+        );
+      })
+      .catch((error: unknown) => {
+        window.parent.postMessage(
+          {
+            source: 'tutorial-iframe',
+            type: 'run-error',
+            lessonId: event.data.lessonId,
+            locationId: event.data.locationId,
+            runVersion: event.data.runVersion,
+            error: error instanceof Error ? error.message : 'Unknown iframe runtime error',
+          },
+          '*',
+        );
+      });
+  }
+
+  window.parent.postMessage(
+    {
+      source: 'tutorial-iframe',
+      type: 'code-received',
+      lessonId: event.data.lessonId,
+      locationId: event.data.locationId,
+    },
+    '*',
+  );
+});
diff --git a/packages/admin-sdk-tutorial/src/lessons/.gitkeep b/packages/admin-sdk-tutorial/src/lessons/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/admin-sdk-tutorial/src/lessons/lessons.ts b/packages/admin-sdk-tutorial/src/lessons/lessons.ts
new file mode 100644
index 000000000..e46b1a6be
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/lessons/lessons.ts
@@ -0,0 +1,80 @@
+import type { TutorialLesson } from '@/types/lesson';
+
+export const lessons: TutorialLesson[] = [
+  {
+    id: 'notifications',
+    order: 1,
+    title: 'Notifications',
+    summary: 'Trigger feedback in the dummy admin shell.',
+    description:
+      'Trigger a host notification from extension code and watch the toast update in the dummy admin.',
+    task: 'Change the notification title, message, or variant, then run the code again.',
+    objective: 'See how a simple SDK call can create immediate host feedback.',
+    runtimeLocationId: 'sw-main-hidden',
+    starterCode: `notification.dispatch({
+  title: 'Hello Meteor',
+  message: 'Welcome to the interactive Admin SDK tutorial.',
+  variant: 'success',
+});`,
+    previewLabel: 'Notification concept',
+    outputMessage:
+      'What to try: tweak the notification title, message, or variant and verify the toast changes in the preview.',
+  },
+  {
+    id: 'menu-items',
+    order: 2,
+    title: 'Menu items',
+    summary: 'See how navigation registration could feel.',
+    description:
+      'Register a custom navigation entry and use the dummy sidebar to understand how host navigation can change.',
+    task: 'Rename the menu item or change its position, then run the code again.',
+    objective: 'Understand how extension code can add new entry points into admin navigation.',
+    runtimeLocationId: 'sw-main-hidden',
+    starterCode: `if (location.is('sw-main-hidden')) {
+  ui.menu.addMenuItem({
+    label: 'My Extension',
+    locationId: 'meteor-tutorial-menu-item',
+    parent: 'sw-extension',
+    position: 20,
+  });
+}`,
+    previewLabel: 'Navigation concept',
+    outputMessage:
+      'What to try: change the label or position and confirm the sidebar reorders the dynamic entry for the given locationId.',
+  },
+  {
+    id: 'locations-positions',
+    order: 3,
+    title: 'Locations & positions',
+    summary: 'Understand placement using simplified extension surfaces.',
+    description:
+      'Register a component section in the hidden iframe and render its view in the matching location iframe.',
+    task: 'Change the positionId or locationId, then run the code again to move the rendered location view.',
+    objective: 'Understand how positionId chooses a host surface and locationId chooses which iframe view gets rendered there.',
+    runtimeLocationId: 'sw-main-hidden',
+    starterCode: `if (location.is(location.MAIN_HIDDEN)) {
+  ui.componentSection.add({
+    component: 'card',
+    positionId: 'after-primary-action',
+    props: {
+      title: 'Injected action card',
+      subtitle: 'Rendered through a real SDK host message',
+      locationId: 'meteor-location-card',
+    },
+  });
+}
+
+if (location.is('meteor-location-card')) {
+  document.body.innerHTML = \
+    '<div style="padding:16px;font:14px/1.6 Inter,sans-serif;color:#0f172a;">' +
+    '<strong style="display:block;margin-bottom:8px;">Location iframe view</strong>' +
+    '<span>This content is rendered because the host opened the matching locationId.</span>' +
+    '</div>';
+
+  location.updateHeight(140);
+}`,
+    previewLabel: 'Extension surfaces concept',
+    outputMessage:
+      'What to try: change the positionId or locationId and verify which host slot gets the location iframe.',
+  },
+];
diff --git a/packages/admin-sdk-tutorial/src/main.ts b/packages/admin-sdk-tutorial/src/main.ts
new file mode 100644
index 000000000..419fa699a
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/main.ts
@@ -0,0 +1,5 @@
+import { createApp } from 'vue';
+
+import App from './App.vue';
+
+createApp(App).mount('#app');
diff --git a/packages/admin-sdk-tutorial/src/runtime/.gitkeep b/packages/admin-sdk-tutorial/src/runtime/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/admin-sdk-tutorial/src/runtime/createRuntimeState.ts b/packages/admin-sdk-tutorial/src/runtime/createRuntimeState.ts
new file mode 100644
index 000000000..8d86f9080
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/runtime/createRuntimeState.ts
@@ -0,0 +1,60 @@
+import type { TutorialLesson } from '@/types/lesson';
+import type { TutorialRuntimeState } from '@/types/runtime';
+
+export function createRuntimeState(lesson: TutorialLesson): TutorialRuntimeState {
+  const surfaces =
+    lesson.id === 'locations-positions'
+      ? [
+          {
+            id: 'before-primary-action',
+            title: 'sw-product-detail-actions',
+            description: 'Position: before-primary-action',
+            variant: 'ghost' as const,
+            slotLabel: 'Host slot',
+            runtimeHeight: 180,
+          },
+          {
+            id: 'after-primary-action',
+            title: 'sw-product-detail-actions',
+            description: 'Position: after-primary-action',
+            variant: 'ghost' as const,
+            slotLabel: 'Host slot',
+            runtimeHeight: 180,
+          },
+        ]
+      : [
+          {
+            id: 'primary',
+            title: lesson.title,
+            description: lesson.summary,
+            variant: 'default' as const,
+          },
+          {
+            id: 'secondary',
+            title: 'Try this next',
+            description: lesson.objective,
+            variant: 'ghost' as const,
+            slotLabel: 'Host note',
+          },
+        ];
+
+  return {
+    statusLabel: lesson.previewLabel,
+    notificationTitle: 'Preview ready',
+    notificationMessage: 'Preview ready',
+    notificationTone: 'info',
+    emptyStateTitle: 'Preview ready',
+    emptyStateMessage:
+      'This dummy admin is intentionally minimal. Later batches will connect the learner code so this area reacts in real time.',
+    menuItems: [
+      { id: 'dashboard', label: 'Dashboard', kind: 'static', position: 10 },
+      { id: 'extensions', label: 'Extensions', kind: 'static', position: 20 },
+      { id: 'settings', label: 'Settings', kind: 'static', position: 30 },
+    ],
+    surfaces,
+  };
+}
+
+export function resetRuntimeState(lesson: TutorialLesson): TutorialRuntimeState {
+  return createRuntimeState(lesson);
+}
diff --git a/packages/admin-sdk-tutorial/src/types/.gitkeep b/packages/admin-sdk-tutorial/src/types/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/admin-sdk-tutorial/src/types/admin-sdk-runtime.d.ts b/packages/admin-sdk-tutorial/src/types/admin-sdk-runtime.d.ts
new file mode 100644
index 000000000..49e6c39a0
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/types/admin-sdk-runtime.d.ts
@@ -0,0 +1,45 @@
+declare module '@shopware-ag/meteor-admin-sdk' {
+  export const notification: {
+    dispatch: (payload: {
+      title: string;
+      message: string;
+      growl?: boolean;
+      variant?: 'success' | 'info' | 'warning' | 'error';
+      appearance?: 'system' | 'notification';
+    }) => Promise<void>;
+  };
+
+  export const ui: {
+    componentSection: {
+      add: (payload: {
+        component: 'card' | 'div' | string;
+        positionId: string;
+        props: {
+          locationId: string;
+          title?: string;
+          subtitle?: string;
+        };
+      }) => Promise<void>;
+    };
+    menu: {
+      addMenuItem: (payload: {
+        label: string;
+        locationId: string;
+        parent?: string;
+        position?: number;
+      }) => Promise<void>;
+    };
+  };
+
+  export const location: {
+    MAIN_HIDDEN: string;
+    is: (locationId: string) => boolean;
+    updateHeight: (height?: number) => Promise<void>;
+  };
+}
+
+declare module '#admin-sdk-channel' {
+  export function createHandler<T extends string>(messageType: T): <TData>(
+    method: (data: TData) => unknown,
+  ) => () => void;
+}
diff --git a/packages/admin-sdk-tutorial/src/types/lesson.ts b/packages/admin-sdk-tutorial/src/types/lesson.ts
new file mode 100644
index 000000000..d7d5b52d5
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/types/lesson.ts
@@ -0,0 +1,13 @@
+export interface TutorialLesson {
+  id: string;
+  order: number;
+  title: string;
+  summary: string;
+  description: string;
+  task: string;
+  objective: string;
+  runtimeLocationId: string;
+  starterCode: string;
+  previewLabel: string;
+  outputMessage: string;
+}
diff --git a/packages/admin-sdk-tutorial/src/types/runtime.ts b/packages/admin-sdk-tutorial/src/types/runtime.ts
new file mode 100644
index 000000000..aed4ed3ba
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/types/runtime.ts
@@ -0,0 +1,28 @@
+export interface DummyAdminMenuItem {
+  id: string;
+  label: string;
+  kind: 'static' | 'dynamic';
+  position?: number;
+}
+
+export interface DummyAdminSurface {
+  id: string;
+  title: string;
+  description: string;
+  variant: 'default' | 'ghost';
+  slotLabel?: string;
+  injectedContent?: string;
+  runtimeLocationId?: string;
+  runtimeHeight?: number;
+}
+
+export interface TutorialRuntimeState {
+  statusLabel: string;
+  notificationTitle: string;
+  notificationMessage: string;
+  notificationTone: 'info' | 'success' | 'warning' | 'error';
+  emptyStateTitle: string;
+  emptyStateMessage: string;
+  menuItems: DummyAdminMenuItem[];
+  surfaces: DummyAdminSurface[];
+}
diff --git a/packages/admin-sdk-tutorial/src/types/tutorialShell.ts b/packages/admin-sdk-tutorial/src/types/tutorialShell.ts
new file mode 100644
index 000000000..f33d78769
--- /dev/null
+++ b/packages/admin-sdk-tutorial/src/types/tutorialShell.ts
@@ -0,0 +1,80 @@
+export interface TutorialRunSnapshot {
+  lessonId: string;
+  code: string;
+  runCode: string;
+  runVersion: number;
+  runtimeLocationId: string;
+}
+
+export interface TutorialSetRunSnapshotMessage {
+  source: 'tutorial-parent';
+  type: 'tutorial:set-run-snapshot';
+  payload: TutorialRunSnapshot;
+}
+
+export interface TutorialShellRunSuccessMessage {
+  source: 'tutorial-shell';
+  type: 'run-success';
+  payload: {
+    lessonId: string;
+    runVersion: number;
+  };
+}
+
+export interface TutorialShellRunErrorMessage {
+  source: 'tutorial-shell';
+  type: 'run-error';
+  payload: {
+    lessonId: string;
+    runVersion: number;
+    error: string;
+  };
+}
+
+export type TutorialShellMessage = TutorialShellRunSuccessMessage | TutorialShellRunErrorMessage;
+
+function safeParseJson(value: unknown): unknown {
+  if (typeof value !== 'string') {
+    return value;
+  }
+
+  try {
+    return JSON.parse(value) as unknown;
+  } catch {
+    return null;
+  }
+}
+
+export function parseTutorialParentMessage(value: unknown): TutorialSetRunSnapshotMessage | null {
+  const parsed = safeParseJson(value);
+
+  if (typeof parsed !== 'object' || parsed === null) {
+    return null;
+  }
+
+  const message = parsed as Partial<TutorialSetRunSnapshotMessage>;
+
+  return message.source === 'tutorial-parent' && message.type === 'tutorial:set-run-snapshot'
+    ? (message as TutorialSetRunSnapshotMessage)
+    : null;
+}
+
+export function parseTutorialShellMessage(value: unknown): TutorialShellMessage | null {
+  const parsed = safeParseJson(value);
+
+  if (typeof parsed !== 'object' || parsed === null) {
+    return null;
+  }
+
+  const message = parsed as Partial<TutorialShellMessage>;
+
+  if (message.source !== 'tutorial-shell') {
+    return null;
+  }
+
+  if (message.type === 'run-success' || message.type === 'run-error') {
+    return message as TutorialShellMessage;
+  }
+
+  return null;
+}
diff --git a/packages/admin-sdk-tutorial/tsconfig.app.json b/packages/admin-sdk-tutorial/tsconfig.app.json
new file mode 100644
index 000000000..9328499be
--- /dev/null
+++ b/packages/admin-sdk-tutorial/tsconfig.app.json
@@ -0,0 +1,11 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}
diff --git a/packages/admin-sdk-tutorial/tsconfig.json b/packages/admin-sdk-tutorial/tsconfig.json
new file mode 100644
index 000000000..66b5e5703
--- /dev/null
+++ b/packages/admin-sdk-tutorial/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}
diff --git a/packages/admin-sdk-tutorial/tsconfig.node.json b/packages/admin-sdk-tutorial/tsconfig.node.json
new file mode 100644
index 000000000..1e1ff06d2
--- /dev/null
+++ b/packages/admin-sdk-tutorial/tsconfig.node.json
@@ -0,0 +1,11 @@
+{
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "include": ["vite.config.*", "eslint.config.*"],
+  "compilerOptions": {
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}
diff --git a/packages/admin-sdk-tutorial/vite.config.ts b/packages/admin-sdk-tutorial/vite.config.ts
new file mode 100644
index 000000000..c5e74350b
--- /dev/null
+++ b/packages/admin-sdk-tutorial/vite.config.ts
@@ -0,0 +1,28 @@
+import { fileURLToPath, URL } from 'node:url';
+
+import vue from '@vitejs/plugin-vue';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    rollupOptions: {
+      input: {
+        main: fileURLToPath(new URL('./index.html', import.meta.url)),
+        dummyAdminShell: fileURLToPath(new URL('./dummy-admin-shell.html', import.meta.url)),
+        iframeRuntime: fileURLToPath(new URL('./iframe-runtime.html', import.meta.url)),
+      },
+    },
+  },
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@shopware-ag/meteor-admin-sdk': fileURLToPath(
+        new URL('../admin-sdk/src/index.ts', import.meta.url),
+      ),
+      '#admin-sdk-channel': fileURLToPath(
+        new URL('../admin-sdk/src/channel.ts', import.meta.url),
+      ),
+    },
+  },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7d05309e2..c737bc36a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,7 +13,7 @@ importers:
         version: 0.5.2(encoding@0.1.13)
       '@changesets/cli':
         specifier: 2.29.8
-        version: 2.29.8(@types/node@25.2.0)
+        version: 2.29.8(@types/node@25.6.0)
       turbo:
         specifier: ^2.5.4
         version: 2.5.4
@@ -31,7 +31,7 @@ importers:
         version: link:../../packages/component-library
       '@vitejs/plugin-vue':
         specifier: ^4.6.2
-        version: 4.6.2(vite@5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.4.5))
+        version: 4.6.2(vite@5.3.1(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.4.5))
       express:
         specifier: ^4.18.2
         version: 4.19.2
@@ -40,7 +40,7 @@ importers:
         version: 0.0.15
       vite:
         specifier: ^5.1.4
-        version: 5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+        version: 5.3.1(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
       vue:
         specifier: ^3.5.0
         version: 3.5.13(typescript@5.4.5)
@@ -136,7 +136,7 @@ importers:
         version: link:../../packages/component-library
       nuxt:
         specifier: ^3.10.3
-        version: 3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue-tsc@2.2.4(typescript@5.9.3))
+        version: 3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(lightningcss@1.32.0)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue-tsc@3.2.6(typescript@5.9.3))
       vue:
         specifier: ^3.5.0
         version: 3.5.0(typescript@5.9.3)
@@ -239,6 +239,55 @@ importers:
         specifier: ^6.0.1
         version: 6.0.1
 
+  packages/admin-sdk-tutorial:
+    dependencies:
+      '@codemirror/lang-javascript':
+        specifier: ^6.2.5
+        version: 6.2.5
+      '@codemirror/theme-one-dark':
+        specifier: ^6.1.3
+        version: 6.1.3
+      '@shopware-ag/meteor-admin-sdk':
+        specifier: workspace:*
+        version: link:../admin-sdk
+      '@shopware-ag/meteor-component-library':
+        specifier: workspace:*
+        version: link:../component-library
+      codemirror:
+        specifier: ^6.0.1
+        version: 6.0.1(@lezer/common@1.2.3)
+      vue:
+        specifier: ^3.5.13
+        version: 3.5.13(typescript@5.8.3)
+      vue-codemirror6:
+        specifier: ^1.3.8
+        version: 1.3.8(@lezer/common@1.2.3)(vue@3.5.13(typescript@5.8.3))
+    devDependencies:
+      '@tsconfig/node22':
+        specifier: ^22.0.1
+        version: 22.0.5
+      '@types/node':
+        specifier: ^25.5.0
+        version: 25.6.0
+      '@vitejs/plugin-vue':
+        specifier: ^6.0.5
+        version: 6.0.6(vite@8.0.8(@types/node@25.6.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))(vue@3.5.13(typescript@5.8.3))
+      '@vue/tsconfig':
+        specifier: ^0.7.0
+        version: 0.7.0(typescript@5.8.3)(vue@3.5.13(typescript@5.8.3))
+      npm-run-all2:
+        specifier: ^8.0.4
+        version: 8.0.4
+      typescript:
+        specifier: ~5.8.0
+        version: 5.8.3
+      vite:
+        specifier: ^8.0.0
+        version: 8.0.8(@types/node@25.6.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vue-tsc:
+        specifier: ^3.2.5
+        version: 3.2.6(typescript@5.8.3)
+
   packages/component-library:
     dependencies:
       '@codemirror/lang-html':
@@ -445,7 +494,7 @@ importers:
         version: 8.6.15(storybook@8.6.15(prettier@3.2.5))(vue@3.5.13(typescript@5.7.3))
       '@storybook/vue3-vite':
         specifier: ^8.6.15
-        version: 8.6.15(storybook@8.6.15(prettier@3.2.5))(vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.7.3))
+        version: 8.6.15(storybook@8.6.15(prettier@3.2.5))(vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.7.3))
       '@testing-library/user-event':
         specifier: ^14.6.1
         version: 14.6.1(@testing-library/dom@10.4.0)
@@ -466,7 +515,7 @@ importers:
         version: 2.1.4
       '@vitejs/plugin-vue':
         specifier: ^4.4.0
-        version: 4.6.2(vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.7.3))
+        version: 4.6.2(vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.7.3))
       '@vitest/ui':
         specifier: ^3.0.5
         version: 3.0.5(vitest@3.0.5)
@@ -532,7 +581,7 @@ importers:
         version: 16.26.1(typescript@5.7.3)
       stylelint-config-standard-scss:
         specifier: ^13.1.0
-        version: 13.1.0(postcss@8.5.6)(stylelint@16.26.1(typescript@5.7.3))
+        version: 13.1.0(postcss@8.4.49)(stylelint@16.26.1(typescript@5.7.3))
       stylelint-define-config:
         specifier: ^1.8.0
         version: 1.8.0(stylelint@16.26.1(typescript@5.7.3))
@@ -550,19 +599,19 @@ importers:
         version: 8.24.1(eslint@9.21.0(jiti@2.6.1))(typescript@5.7.3)
       vite:
         specifier: ^4.4.11
-        version: 4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+        version: 4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
       vite-plugin-dts:
         specifier: ^4.5.0
-        version: 4.5.0(@types/node@18.19.36)(rollup@4.57.1)(typescript@5.7.3)(vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))
+        version: 4.5.0(@types/node@18.19.36)(rollup@4.57.1)(typescript@5.7.3)(vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
       vite-plugin-inspect:
         specifier: ^0.8.4
-        version: 0.8.4(rollup@4.57.1)(vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))
+        version: 0.8.4(rollup@4.57.1)(vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
       vite-plugin-svgstring:
         specifier: ^1.0.0
         version: 1.0.0
       vitest:
         specifier: ^3.0.5
-        version: 3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+        version: 3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
       vue-tsc:
         specifier: ^2.2.4
         version: 2.2.4(typescript@5.7.3)
@@ -696,10 +745,10 @@ importers:
         version: 8.24.1(eslint@9.21.0(jiti@2.6.1))(typescript@5.7.3)
       vite:
         specifier: ^6.2.2
-        version: 6.2.2(@types/node@20.17.19)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+        version: 6.2.2(@types/node@20.17.19)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
       vitest:
         specifier: ^3.0.9
-        version: 3.0.9(@types/node@20.17.19)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@20.17.19)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+        version: 3.0.9(@types/node@20.17.19)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@20.17.19)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
 
   packages/prettier-config:
     devDependencies:
@@ -742,7 +791,7 @@ importers:
         version: 25.2.0
       '@vitest/eslint-plugin':
         specifier: ^1.5.4
-        version: 1.6.6(eslint@9.20.1(jiti@2.6.1))(typescript@5.9.3)(vitest@3.0.6(@types/node@25.2.0)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))
+        version: 1.6.6(eslint@9.20.1(jiti@2.6.1))(typescript@5.9.3)(vitest@3.0.6(@types/node@25.2.0)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))
       dotenv:
         specifier: ^16.4.7
         version: 16.4.7
@@ -766,7 +815,7 @@ importers:
         version: 8.54.0(eslint@9.20.1(jiti@2.6.1))(typescript@5.9.3)
       vitest:
         specifier: ^3.0.6
-        version: 3.0.6(@types/node@25.2.0)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+        version: 3.0.6(@types/node@25.2.0)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
       zod:
         specifier: ^3.25.75
         version: 3.25.75
@@ -1299,6 +1348,9 @@ packages:
   '@codemirror/lang-javascript@6.2.2':
     resolution: {integrity: sha512-VGQfY+FCc285AhWuwjYxQyUQcYurWlxdKYT4bqwr3Twnd5wP5WSeu52t4tvvuWmljT4EmgEgZCqSieokhtY8hg==}
 
+  '@codemirror/lang-javascript@6.2.5':
+    resolution: {integrity: sha512-zD4e5mS+50htS7F+TYjBPsiIFGanfVqg4HyUz6WNFikgOPf2BgKlx+TQedI1w6n/IqRBVBbBWmGFdLB/7uxO4A==}
+
   '@codemirror/language@6.10.6':
     resolution: {integrity: sha512-KrsbdCnxEztLVbB5PycWXFxas4EOyk/fPAfruSOnDDppevQgid2XZ+KbJ9u+fDikP/e7MW7HPBTvTb8JlZK9vA==}
 
@@ -1311,6 +1363,9 @@ packages:
   '@codemirror/state@6.5.0':
     resolution: {integrity: sha512-MwBHVK60IiIHDcoMet78lxt6iw5gJOGSbNbOIVBHWVXIH4/Nq1+GQgLLGgI1KlnN86WDXsPudVaqYHKBIx7Eyw==}
 
+  '@codemirror/theme-one-dark@6.1.3':
+    resolution: {integrity: sha512-NzBdIvEJmx6fjeremiGp3t/okrLPYT0d9orIc7AFun8oZcRk58aejkqhv6spnz4MLAevrKNPMQYXEWMg4s+sKA==}
+
   '@codemirror/view@6.35.3':
     resolution: {integrity: sha512-ScY7L8+EGdPl4QtoBiOzE4FELp7JmNUsBvgBcCakXWM2uiv/K89VAzU3BMDscf0DsACLvTKePbd5+cFDTcei6g==}
 
@@ -1382,6 +1437,15 @@ packages:
   '@dual-bundle/import-meta-resolve@4.2.1':
     resolution: {integrity: sha512-id+7YRUgoUX6CgV0DtuhirQWodeeA7Lf4i2x71JS/vtA5pRb/hIGWlw+G6MeXvsM+MXrz0VAydTGElX1rAfgPg==}
 
+  '@emnapi/core@1.9.2':
+    resolution: {integrity: sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==}
+
+  '@emnapi/runtime@1.9.2':
+    resolution: {integrity: sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==}
+
+  '@emnapi/wasi-threads@1.2.1':
+    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
+
   '@esbuild/aix-ppc64@0.20.2':
     resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
     engines: {node: '>=12'}
@@ -2615,6 +2679,12 @@ packages:
     resolution: {integrity: sha512-EFd6cVbHsgLa6wa4RljGj6Wk75qoHxUSyc5asLyyPSyuhIcdS2Q3Phw6ImS1q+CkALthJRShiYfKANcQMuMqsQ==}
     engines: {node: '>=18'}
 
+  '@napi-rs/wasm-runtime@1.1.3':
+    resolution: {integrity: sha512-xK9sGVbJWYb08+mTJt3/YV24WxvxpXcXtP6B172paPZ+Ts69Re9dAr7lKwJoeIx8OoeuimEiRZ7umkiUVClmmQ==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
+
   '@netlify/functions@2.7.0':
     resolution: {integrity: sha512-4pXC/fuj3eGQ86wbgPiM4zY8+AsNrdz6vcv6FEdUJnZW+LqF8IWjQcY3S0d1hLeLKODYOqq4CkrzGyCpce63Nw==}
     engines: {node: '>=14.0.0'}
@@ -2797,6 +2867,9 @@ packages:
     resolution: {integrity: sha512-M+kkXKRAIAiAP6qYyesfrC5TOmDpDVtsxuGfPcqd9B/iBrac+E14jYwrgm0yZBUIbIP2OnqC3j+UgkXLm1vxUQ==}
     engines: {node: '>=14'}
 
+  '@oxc-project/types@0.124.0':
+    resolution: {integrity: sha512-VBFWMTBvHxS11Z5Lvlr3IWgrwhMTXV+Md+EQF0Xf60+wAdsGFTBx7X7K/hP4pi8N7dcm1RvcHwDxZ16Qx8keUg==}
+
   '@parcel/watcher-android-arm64@2.4.1':
     resolution: {integrity: sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==}
     engines: {node: '>= 10.0.0'}
@@ -2901,6 +2974,101 @@ packages:
   '@remirror/core-constants@3.0.0':
     resolution: {integrity: sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==}
 
+  '@rolldown/binding-android-arm64@1.0.0-rc.15':
+    resolution: {integrity: sha512-YYe6aWruPZDtHNpwu7+qAHEMbQ/yRl6atqb/AhznLTnD3UY99Q1jE7ihLSahNWkF4EqRPVC4SiR4O0UkLK02tA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.15':
+    resolution: {integrity: sha512-oArR/ig8wNTPYsXL+Mzhs0oxhxfuHRfG7Ikw7jXsw8mYOtk71W0OkF2VEVh699pdmzjPQsTjlD1JIOoHkLP1Fg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.15':
+    resolution: {integrity: sha512-YzeVqOqjPYvUbJSWJ4EDL8ahbmsIXQpgL3JVipmN+MX0XnXMeWomLN3Fb+nwCmP/jfyqte5I3XRSm7OfQrbyxw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.15':
+    resolution: {integrity: sha512-9Erhx956jeQ0nNTyif1+QWAXDRD38ZNjr//bSHrt6wDwB+QkAfl2q6Mn1k6OBPerznjRmbM10lgRb1Pli4xZPw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.15':
+    resolution: {integrity: sha512-cVwk0w8QbZJGTnP/AHQBs5yNwmpgGYStL88t4UIaqcvYJWBfS0s3oqVLZPwsPU6M0zlW4GqjP0Zq5MnAGwFeGA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.15':
+    resolution: {integrity: sha512-eBZ/u8iAK9SoHGanqe/jrPnY0JvBN6iXbVOsbO38mbz+ZJsaobExAm1Iu+rxa4S1l2FjG0qEZn4Rc6X8n+9M+w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.15':
+    resolution: {integrity: sha512-ZvRYMGrAklV9PEkgt4LQM6MjQX2P58HPAuecwYObY2DhS2t35R0I810bKi0wmaYORt6m/2Sm+Z+nFgb0WhXNcQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.15':
+    resolution: {integrity: sha512-VDpgGBzgfg5hLg+uBpCLoFG5kVvEyafmfxGUV0UHLcL5irxAK7PKNeC2MwClgk6ZAiNhmo9FLhRYgvMmedLtnQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.15':
+    resolution: {integrity: sha512-y1uXY3qQWCzcPgRJATPSOUP4tCemh4uBdY7e3EZbVwCJTY3gLJWnQABgeUetvED+bt1FQ01OeZwvhLS2bpNrAQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.15':
+    resolution: {integrity: sha512-023bTPBod7J3Y/4fzAN6QtpkSABR0rigtrwaP+qSEabUh5zf6ELr9Nc7GujaROuPY3uwdSIXWrvhn1KxOvurWA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.15':
+    resolution: {integrity: sha512-witB2O0/hU4CgfOOKUoeFgQ4GktPi1eEbAhaLAIpgD6+ZnhcPkUtPsoKKHRzmOoWPZue46IThdSgdo4XneOLYw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.15':
+    resolution: {integrity: sha512-UCL68NJ0Ud5zRipXZE9dF5PmirzJE4E4BCIOOssEnM7wLDsxjc6Qb0sGDxTNRTP53I6MZpygyCpY8Aa8sPfKPg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.15':
+    resolution: {integrity: sha512-ApLruZq/ig+nhaE7OJm4lDjayUnOHVUa77zGeqnqZ9pn0ovdVbbNPerVibLXDmWeUZXjIYIT8V3xkT58Rm9u5Q==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.15':
+    resolution: {integrity: sha512-KmoUoU7HnN+Si5YWJigfTws1jz1bKBYDQKdbLspz0UaqjjFkddHsqorgiW1mxcAj88lYUE6NC/zJNwT+SloqtA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.15':
+    resolution: {integrity: sha512-3P2A8L+x75qavWLe/Dll3EYBJLQmtkJN8rfh+U/eR3MqMgL/h98PhYI+JFfXuDPgPeCB7iZAKiqii5vqOvnA0g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.0-rc.13':
+    resolution: {integrity: sha512-3ngTAv6F/Py35BsYbeeLeecvhMKdsKm4AoOETVhAA+Qc8nrA2I0kF7oa93mE9qnIurngOSpMnQ0x2nQY2FPviA==}
+
+  '@rolldown/pluginutils@1.0.0-rc.15':
+    resolution: {integrity: sha512-UromN0peaE53IaBRe9W7CjrZgXl90fqGpK+mIZbA3qSTeYqg3pqpROBdIPvOG3F5ereDHNwoHBI2e50n1BDr1g==}
+
   '@rollup/plugin-alias@5.1.0':
     resolution: {integrity: sha512-lpA3RZ9PdIG7qqhEfv79tBffNaoDuukFDrmhLqg9ifv99u/ehn+lOg30x2zmhf8AQqQUZaMk/B9fZraQ6/acDQ==}
     engines: {node: '>=14.0.0'}
@@ -3999,6 +4167,9 @@ packages:
   '@tsconfig/node18@18.2.6':
     resolution: {integrity: sha512-eAWQzAjPj18tKnDzmWstz4OyWewLUNBm9tdoN9LayzoboRktYx3Enk1ZXPmThj55L7c4VWYq/Bzq0A51znZfhw==}
 
+  '@tsconfig/node22@22.0.5':
+    resolution: {integrity: sha512-hLf2ld+sYN/BtOJjHUWOk568dvjFQkHnLNa6zce25GIH+vxKfvTgm3qpaH6ToF5tu/NN0IH66s+Bb5wElHrLcw==}
+
   '@tufjs/canonical-json@2.0.0':
     resolution: {integrity: sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==}
     engines: {node: ^16.14.0 || >=18.0.0}
@@ -4007,6 +4178,9 @@ packages:
     resolution: {integrity: sha512-92F7/SFyufn4DXsha9+QfKnN03JGqtMFMXgSHbZOo8JG59WkTni7UzAouNQDf7AuP9OAMxVOPQcqG3sB7w+kkg==}
     engines: {node: ^16.14.0 || >=18.0.0}
 
+  '@tybys/wasm-util@0.10.1':
+    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
+
   '@types/argparse@1.0.38':
     resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
 
@@ -4134,6 +4308,9 @@ packages:
   '@types/node@25.2.0':
     resolution: {integrity: sha512-DZ8VwRFUNzuqJ5khrvwMXHmvPe+zGayJhr2CDNiKB1WBE1ST8Djl00D0IC4vvNmHMdj6DlbYRIaFE7WHjlDl5w==}
 
+  '@types/node@25.6.0':
+    resolution: {integrity: sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==}
+
   '@types/pako@2.0.3':
     resolution: {integrity: sha512-bq0hMV9opAcrmE0Byyo0fY3Ew4tgOevJmQ9grUhpXQhYfyLJ1Kqg3P33JT5fdbT2AjeAjR51zqqVjAL/HMkx7Q==}
 
@@ -4579,6 +4756,13 @@ packages:
       vite: ^5.0.0 || ^6.0.0
       vue: ^3.2.25
 
+  '@vitejs/plugin-vue@6.0.6':
+    resolution: {integrity: sha512-u9HHgfrq3AjXlysn0eINFnWQOJQLO9WN6VprZ8FXl7A2bYisv3Hui9Ij+7QZ41F/WYWarHjwBbXtD7dKg3uxbg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+      vue: ^3.2.25
+
   '@vitest/eslint-plugin@1.6.6':
     resolution: {integrity: sha512-bwgQxQWRtnTVzsUHK824tBmHzjV0iTx3tZaiQIYDjX3SA7TsQS8CuDVqxXrRY3FaOUMgbGavesCxI9MOfFLm7Q==}
     engines: {node: '>=18'}
@@ -4708,18 +4892,27 @@ packages:
   '@volar/language-core@2.4.11':
     resolution: {integrity: sha512-lN2C1+ByfW9/JRPpqScuZt/4OrUUse57GLI6TbLgTIqBVemdl1wNcZ1qYGEo2+Gw8coYLgCy7SuKqn6IrQcQgg==}
 
+  '@volar/language-core@2.4.28':
+    resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
+
   '@volar/source-map@2.3.0':
     resolution: {integrity: sha512-G/228aZjAOGhDjhlyZ++nDbKrS9uk+5DMaEstjvzglaAw7nqtDyhnQAsYzUg6BMP9BtwZ59RIw5HGePrutn00Q==}
 
   '@volar/source-map@2.4.11':
     resolution: {integrity: sha512-ZQpmafIGvaZMn/8iuvCFGrW3smeqkq/IIh9F1SdSx9aUl0J4Iurzd6/FhmjNO5g2ejF3rT45dKskgXWiofqlZQ==}
 
+  '@volar/source-map@2.4.28':
+    resolution: {integrity: sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==}
+
   '@volar/typescript@2.3.0':
     resolution: {integrity: sha512-PtUwMM87WsKVeLJN33GSTUjBexlKfKgouWlOUIv7pjrOnTwhXHZNSmpc312xgXdTjQPpToK6KXSIcKu9sBQ5LQ==}
 
   '@volar/typescript@2.4.11':
     resolution: {integrity: sha512-2DT+Tdh88Spp5PyPbqhyoYavYCPDsqbHLFwcUI9K1NlY1YgUJvujGdrqUp0zWxnW7KWNTr3xSpMuv2WnaTKDAw==}
 
+  '@volar/typescript@2.4.28':
+    resolution: {integrity: sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==}
+
   '@vue-macros/common@1.10.4':
     resolution: {integrity: sha512-akO6Bd6U4jP0+ZKbHq6mbYkw1coOrJpLeVmkuMlUsT5wZRi11BjauGcZHusBSzUjgCBsa1kZTyipxrxrWB54Hw==}
     engines: {node: '>=16.14.0'}
@@ -4829,6 +5022,9 @@ packages:
       typescript:
         optional: true
 
+  '@vue/language-core@3.2.6':
+    resolution: {integrity: sha512-xYYYX3/aVup576tP/23sEUpgiEnujrENaoNRbaozC1/MA9I6EGFQRJb4xrt/MmUCAGlxTKL2RmT8JLTPqagCkg==}
+
   '@vue/reactivity@3.5.0':
     resolution: {integrity: sha512-Ew3F5riP3B3ZDGjD3ZKb9uZylTTPSqt8hAf4sGbvbjrjDjrFb3Jm15Tk1/w7WwTE5GbQ2Qhwxx1moc9hr8A/OQ==}
 
@@ -5082,6 +5278,9 @@ packages:
   alien-signals@1.0.4:
     resolution: {integrity: sha512-DJqqQD3XcsaQcQ1s+iE2jDUZmmQpXwHiR6fCAim/w87luaW+vmLY8fMlrdkmRwzaFXhkxf3rqPCR59tKVv1MDw==}
 
+  alien-signals@3.1.2:
+    resolution: {integrity: sha512-d9dYqZTS90WLiU0I5c6DHj/HcKkF8ZyGN3G5x8wSbslulz70KOxaqCT0hQCo9KOyhVqzqGojvNdJXoTumZOtcw==}
+
   ansi-colors@4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
     engines: {node: '>=6'}
@@ -8570,6 +8769,10 @@ packages:
     resolution: {integrity: sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
+  json-parse-even-better-errors@4.0.0:
+    resolution: {integrity: sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
@@ -8659,6 +8862,76 @@ packages:
   lie@3.1.1:
     resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
 
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
   lilconfig@3.1.2:
     resolution: {integrity: sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==}
     engines: {node: '>=14'}
@@ -9422,6 +9695,10 @@ packages:
     resolution: {integrity: sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
+  npm-normalize-package-bin@4.0.0:
+    resolution: {integrity: sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
   npm-package-arg@11.0.2:
     resolution: {integrity: sha512-IGN0IAwmhDJwy13Wc8k+4PEbTPhpJnMtfR53ZbOyjkvmEcLS4nCwp6mvMWjS5sUjeiW3mpx6cHmuhKEu9XmcQw==}
     engines: {node: ^16.14.0 || >=18.0.0}
@@ -9443,6 +9720,11 @@ packages:
     engines: {node: ^14.18.0 || >=16.0.0, npm: '>= 8'}
     hasBin: true
 
+  npm-run-all2@8.0.4:
+    resolution: {integrity: sha512-wdbB5My48XKp2ZfJUlhnLVihzeuA1hgBnqB2J9ahV77wLS+/YAJAlN8I+X3DIFIPZ3m5L7nplmlbhNiFDmXRDA==}
+    engines: {node: ^20.5.0 || >=22.0.0, npm: '>= 10'}
+    hasBin: true
+
   npm-run-path@4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
     engines: {node: '>=8'}
@@ -9826,14 +10108,14 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
-  picomatch@4.0.2:
-    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
-    engines: {node: '>=12'}
-
   picomatch@4.0.3:
     resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
     engines: {node: '>=12'}
 
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
   pidtree@0.6.0:
     resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
     engines: {node: '>=0.10'}
@@ -10133,6 +10415,10 @@ packages:
     resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
 
+  postcss@8.5.9:
+    resolution: {integrity: sha512-7a70Nsot+EMX9fFU3064K/kdHWZqGVY+BADLyXc8Dfv+mTLLVl6JzJpPaCZ2kQL9gIJvKXSLMHhqdRRjwQeFtw==}
+    engines: {node: ^10 || ^12 || >=14}
+
   precinct@8.3.1:
     resolution: {integrity: sha512-pVppfMWLp2wF68rwHqBIpPBYY8Kd12lDhk8LVQzOwqllifVR15qNFyod43YLyFpurKRZQKnE7E4pofAagDOm2Q==}
     engines: {node: ^10.13 || ^12 || >=14}
@@ -10440,6 +10726,10 @@ packages:
     resolution: {integrity: sha512-0J+Msgym3vrLOUB3hzQCuZHII0xkNGCtz/HJH9xZshwv9DbDwkw1KaE3gx/e2J5rpEY5rtOy6cyhKOPrkP7FZw==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
+  read-package-json-fast@4.0.0:
+    resolution: {integrity: sha512-qpt8EwugBWDw2cgE2W+/3oxC+KTez2uSVR8JU9Q36TXPAGCaozfQUs59v4j4GFpWTaw0i6hAZSvOmu1J0uOEUg==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
   read-yaml-file@1.1.0:
     resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
     engines: {node: '>=6'}
@@ -10625,6 +10915,11 @@ packages:
   robust-sum@1.0.0:
     resolution: {integrity: sha512-AvLExwpaqUqD1uwLU6MwzzfRdaI6VEZsyvQ3IAQ0ZJ08v1H+DTyqskrf2ZJyh0BDduFVLN7H04Zmc+qTiahhAw==}
 
+  rolldown@1.0.0-rc.15:
+    resolution: {integrity: sha512-Ff31guA5zT6WjnGp0SXw76X6hzGRk/OQq2hE+1lcDe+lJdHSgnSX6nK3erbONHyCbpSj9a9E+uX/OvytZoWp2g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
   rollup-plugin-visualizer@5.12.0:
     resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==}
     engines: {node: '>=14'}
@@ -11750,6 +12045,11 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  typescript@5.8.3:
+    resolution: {integrity: sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
   typescript@5.9.3:
     resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
     engines: {node: '>=14.17'}
@@ -11805,6 +12105,9 @@ packages:
   undici-types@7.16.0:
     resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
 
+  undici-types@7.19.2:
+    resolution: {integrity: sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==}
+
   undici@5.28.4:
     resolution: {integrity: sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==}
     engines: {node: '>=14.0'}
@@ -12215,6 +12518,49 @@ packages:
       yaml:
         optional: true
 
+  vite@8.0.8:
+    resolution: {integrity: sha512-dbU7/iLVa8KZALJyLOBOQ88nOXtNG8vxKuOT4I2mD+Ya70KPceF4IAmDsmU0h1Qsn5bPrvsY9HJstCRh3hG6Uw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.1.0
+      esbuild: ^0.27.0 || ^0.28.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
   vitest@3.0.5:
     resolution: {integrity: sha512-4dof+HvqONw9bvsYxtkfUp2uHsTN9bV2CZIi1pWgoFpL1Lld8LA1ka9q/ONSsoScAKG7NVGf2stJTI7XRkXb2Q==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
@@ -12347,8 +12693,8 @@ packages:
   vue-component-type-helpers@2.0.21:
     resolution: {integrity: sha512-3NaicyZ7N4B6cft4bfb7dOnPbE9CjLcx+6wZWAg5zwszfO4qXRh+U52dN5r5ZZfc6iMaxKCEcoH9CmxxoFZHLg==}
 
-  vue-component-type-helpers@3.2.5:
-    resolution: {integrity: sha512-tkvNr+bU8+xD/onAThIe7CHFvOJ/BO6XCOrxMzeytJq40nTfpGDJuVjyCM8ccGZKfAbGk2YfuZyDMXM56qheZQ==}
+  vue-component-type-helpers@3.2.6:
+    resolution: {integrity: sha512-O02tnvIfOQVmnvoWwuSydwRoHjZVt8UEBR+2p4rT35p8GAy5VTlWP8o5qXfJR/GWCN0nVZoYWsVUvx2jwgdBmQ==}
 
   vue-demi@0.14.10:
     resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
@@ -12421,6 +12767,12 @@ packages:
     peerDependencies:
       typescript: '>=5.0.0'
 
+  vue-tsc@3.2.6:
+    resolution: {integrity: sha512-gYW/kWI0XrwGzd0PKc7tVB/qpdeAkIZLNZb10/InizkQjHjnT8weZ/vBarZoj4kHKbUTZT/bAVgoOr8x4NsQ/Q==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=5.0.0'
+
   vue-virtual-scroller@2.0.0-beta.8:
     resolution: {integrity: sha512-b8/f5NQ5nIEBRTNi6GcPItE4s7kxNHw2AIHLtDp+2QvqdTjVN0FgONwX9cr53jWRgnu+HRLPaWDOR2JPI5MTfQ==}
     peerDependencies:
@@ -12580,6 +12932,11 @@ packages:
     engines: {node: ^16.13.0 || >=18.0.0}
     hasBin: true
 
+  which@5.0.0:
+    resolution: {integrity: sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+    hasBin: true
+
   why-is-node-running@2.3.0:
     resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
     engines: {node: '>=8'}
@@ -13389,7 +13746,7 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@changesets/cli@2.29.8(@types/node@25.2.0)':
+  '@changesets/cli@2.29.8(@types/node@25.6.0)':
     dependencies:
       '@changesets/apply-release-plan': 7.0.14
       '@changesets/assemble-release-plan': 6.0.9
@@ -13405,7 +13762,7 @@ snapshots:
       '@changesets/should-skip-package': 0.1.2
       '@changesets/types': 6.1.0
       '@changesets/write': 0.4.0
-      '@inquirer/external-editor': 1.0.3(@types/node@25.2.0)
+      '@inquirer/external-editor': 1.0.3(@types/node@25.6.0)
       '@manypkg/get-packages': 1.1.3
       ansi-colors: 4.1.3
       ci-info: 3.9.0
@@ -13561,6 +13918,16 @@ snapshots:
       '@lezer/common': 1.2.3
       '@lezer/javascript': 1.4.21
 
+  '@codemirror/lang-javascript@6.2.5':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.3(@codemirror/language@6.10.6)(@codemirror/state@6.5.0)(@codemirror/view@6.35.3)(@lezer/common@1.2.3)
+      '@codemirror/language': 6.10.6
+      '@codemirror/lint': 6.8.4
+      '@codemirror/state': 6.5.0
+      '@codemirror/view': 6.35.3
+      '@lezer/common': 1.2.3
+      '@lezer/javascript': 1.4.21
+
   '@codemirror/language@6.10.6':
     dependencies:
       '@codemirror/state': 6.5.0
@@ -13586,6 +13953,13 @@ snapshots:
     dependencies:
       '@marijn/find-cluster-break': 1.0.2
 
+  '@codemirror/theme-one-dark@6.1.3':
+    dependencies:
+      '@codemirror/language': 6.10.6
+      '@codemirror/state': 6.5.0
+      '@codemirror/view': 6.35.3
+      '@lezer/highlight': 1.2.1
+
   '@codemirror/view@6.35.3':
     dependencies:
       '@codemirror/state': 6.5.0
@@ -13643,6 +14017,22 @@ snapshots:
 
   '@dual-bundle/import-meta-resolve@4.2.1': {}
 
+  '@emnapi/core@1.9.2':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.9.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@esbuild/aix-ppc64@0.20.2':
     optional: true
 
@@ -14240,12 +14630,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 25.2.0
 
-  '@inquirer/external-editor@1.0.3(@types/node@25.2.0)':
+  '@inquirer/external-editor@1.0.3(@types/node@25.6.0)':
     dependencies:
       chardet: 2.1.1
       iconv-lite: 0.7.2
     optionalDependencies:
-      '@types/node': 25.2.0
+      '@types/node': 25.6.0
 
   '@inquirer/figures@1.0.15': {}
 
@@ -15051,6 +15441,13 @@ snapshots:
       outvariant: 1.4.3
       strict-event-emitter: 0.5.1
 
+  '@napi-rs/wasm-runtime@1.1.3(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@tybys/wasm-util': 0.10.1
+    optional: true
+
   '@netlify/functions@2.7.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@netlify/serverless-functions-api': 1.18.1(@opentelemetry/api@1.9.0)
@@ -15149,13 +15546,13 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@1.3.3(magicast@0.3.4)(nuxt@3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue-tsc@2.2.4(typescript@5.9.3)))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))':
+  '@nuxt/devtools-kit@1.3.3(magicast@0.3.4)(nuxt@3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(lightningcss@1.32.0)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue-tsc@3.2.6(typescript@5.9.3)))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))':
     dependencies:
       '@nuxt/kit': 3.12.2(magicast@0.3.4)(rollup@4.18.0)
       '@nuxt/schema': 3.12.2(rollup@4.18.0)
       execa: 7.2.0
-      nuxt: 3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue-tsc@2.2.4(typescript@5.9.3))
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      nuxt: 3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(lightningcss@1.32.0)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue-tsc@3.2.6(typescript@5.9.3))
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - magicast
       - rollup
@@ -15174,14 +15571,14 @@ snapshots:
       rc9: 2.1.2
       semver: 7.7.3
 
-  '@nuxt/devtools@1.3.3(33936d08ebc2433a10b3e1e7a1b331b1)':
+  '@nuxt/devtools@1.3.3(b95e3a388c99540114e0ea6232361dae)':
     dependencies:
       '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 1.3.3(magicast@0.3.4)(nuxt@3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue-tsc@2.2.4(typescript@5.9.3)))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))
+      '@nuxt/devtools-kit': 1.3.3(magicast@0.3.4)(nuxt@3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(lightningcss@1.32.0)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue-tsc@3.2.6(typescript@5.9.3)))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
       '@nuxt/devtools-wizard': 1.3.3
       '@nuxt/kit': 3.12.2(magicast@0.3.4)(rollup@4.18.0)
-      '@vue/devtools-applet': 7.1.3(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(nprogress@0.2.0)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))
-      '@vue/devtools-core': 7.1.3(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))
+      '@vue/devtools-applet': 7.1.3(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(nprogress@0.2.0)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))
+      '@vue/devtools-core': 7.1.3(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))
       '@vue/devtools-kit': 7.1.3(vue@3.5.13(typescript@5.9.3))
       birpc: 0.2.17
       consola: 3.2.3
@@ -15198,7 +15595,7 @@ snapshots:
       launch-editor: 2.7.0
       local-pkg: 0.5.0
       magicast: 0.3.4
-      nuxt: 3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue-tsc@2.2.4(typescript@5.9.3))
+      nuxt: 3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(lightningcss@1.32.0)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue-tsc@3.2.6(typescript@5.9.3))
       nypm: 0.3.8
       ohash: 1.1.3
       pacote: 18.0.6
@@ -15211,9 +15608,9 @@ snapshots:
       simple-git: 3.25.0
       sirv: 2.0.4
       unimport: 3.7.2(rollup@4.18.0)
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
-      vite-plugin-inspect: 0.8.4(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))
-      vite-plugin-vue-inspector: 5.1.2(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
+      vite-plugin-inspect: 0.8.4(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
+      vite-plugin-vue-inspector: 5.1.2(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
       which: 3.0.1
       ws: 8.17.1
     transitivePeerDependencies:
@@ -15308,12 +15705,12 @@ snapshots:
       - rollup
       - supports-color
 
-  '@nuxt/vite-builder@3.12.2(@types/node@20.14.5)(eslint@9.39.2(jiti@2.6.1))(magicast@0.3.4)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(vue-tsc@2.2.4(typescript@5.9.3))(vue@3.5.13(typescript@5.9.3))':
+  '@nuxt/vite-builder@3.12.2(@types/node@20.14.5)(eslint@9.39.2(jiti@2.6.1))(lightningcss@1.32.0)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(vue-tsc@3.2.6(typescript@5.9.3))(vue@3.5.13(typescript@5.9.3))':
     dependencies:
       '@nuxt/kit': 3.12.2(magicast@0.3.4)(rollup@4.18.0)
       '@rollup/plugin-replace': 5.0.7(rollup@4.18.0)
-      '@vitejs/plugin-vue': 5.2.1(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))
-      '@vitejs/plugin-vue-jsx': 4.0.0(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))
+      '@vitejs/plugin-vue': 5.2.1(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))
+      '@vitejs/plugin-vue-jsx': 4.0.0(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))
       autoprefixer: 10.4.19(postcss@8.4.49)
       clear: 0.1.0
       consola: 3.2.3
@@ -15340,9 +15737,9 @@ snapshots:
       ufo: 1.5.3
       unenv: 1.9.0
       unplugin: 1.10.1
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
-      vite-node: 1.6.0(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
-      vite-plugin-checker: 0.6.4(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(stylelint@16.26.1(typescript@5.9.3))(typescript@5.9.3)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue-tsc@2.2.4(typescript@5.9.3))
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
+      vite-node: 1.6.0(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
+      vite-plugin-checker: 0.6.4(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(stylelint@16.26.1(typescript@5.9.3))(typescript@5.9.3)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue-tsc@3.2.6(typescript@5.9.3))
       vue: 3.5.13(typescript@5.9.3)
       vue-bundle-renderer: 2.1.0
     transitivePeerDependencies:
@@ -15447,6 +15844,8 @@ snapshots:
 
   '@opentelemetry/semantic-conventions@1.25.0': {}
 
+  '@oxc-project/types@0.124.0': {}
+
   '@parcel/watcher-android-arm64@2.4.1':
     optional: true
 
@@ -15523,6 +15922,59 @@ snapshots:
 
   '@remirror/core-constants@3.0.0': {}
 
+  '@rolldown/binding-android-arm64@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.15':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@napi-rs/wasm-runtime': 1.1.3(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.15':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.0-rc.13': {}
+
+  '@rolldown/pluginutils@1.0.0-rc.15': {}
+
   '@rollup/plugin-alias@5.1.0(rollup@4.18.0)':
     dependencies:
       slash: 4.0.0
@@ -15589,7 +16041,7 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.5
       estree-walker: 2.0.2
-      picomatch: 4.0.2
+      picomatch: 4.0.3
     optionalDependencies:
       rollup: 4.57.1
 
@@ -16041,13 +16493,13 @@ snapshots:
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
 
-  '@storybook/builder-vite@8.6.15(storybook@8.6.15(prettier@3.2.5))(vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))':
+  '@storybook/builder-vite@8.6.15(storybook@8.6.15(prettier@3.2.5))(vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))':
     dependencies:
       '@storybook/csf-plugin': 8.6.15(storybook@8.6.15(prettier@3.2.5))
       browser-assert: 1.2.1
       storybook: 8.6.15(prettier@3.2.5)
       ts-dedent: 2.2.0
-      vite: 4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+      vite: 4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
 
   '@storybook/components@8.4.6(storybook@8.6.15(prettier@3.2.5))':
     dependencies:
@@ -16169,16 +16621,16 @@ snapshots:
     dependencies:
       storybook: 8.6.15(prettier@3.2.5)
 
-  '@storybook/vue3-vite@8.6.15(storybook@8.6.15(prettier@3.2.5))(vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.7.3))':
+  '@storybook/vue3-vite@8.6.15(storybook@8.6.15(prettier@3.2.5))(vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.7.3))':
     dependencies:
-      '@storybook/builder-vite': 8.6.15(storybook@8.6.15(prettier@3.2.5))(vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))
+      '@storybook/builder-vite': 8.6.15(storybook@8.6.15(prettier@3.2.5))(vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
       '@storybook/vue3': 8.6.15(storybook@8.6.15(prettier@3.2.5))(vue@3.5.13(typescript@5.7.3))
       find-package-json: 1.2.0
       magic-string: 0.30.17
       storybook: 8.6.15(prettier@3.2.5)
-      typescript: 5.7.3
-      vite: 4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
-      vue-component-meta: 2.0.21(typescript@5.7.3)
+      typescript: 5.9.3
+      vite: 4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
+      vue-component-meta: 2.0.21(typescript@5.9.3)
       vue-docgen-api: 4.78.0(vue@3.5.13(typescript@5.7.3))
     transitivePeerDependencies:
       - vue
@@ -16195,7 +16647,7 @@ snapshots:
       ts-dedent: 2.2.0
       type-fest: 2.19.0
       vue: 3.5.13(typescript@5.7.3)
-      vue-component-type-helpers: 3.2.5
+      vue-component-type-helpers: 3.2.6
 
   '@supercharge/promise-pool@2.4.0': {}
 
@@ -16599,6 +17051,8 @@ snapshots:
 
   '@tsconfig/node18@18.2.6': {}
 
+  '@tsconfig/node22@22.0.5': {}
+
   '@tufjs/canonical-json@2.0.0': {}
 
   '@tufjs/models@2.0.1':
@@ -16606,6 +17060,11 @@ snapshots:
       '@tufjs/canonical-json': 2.0.0
       minimatch: 9.0.5
 
+  '@tybys/wasm-util@0.10.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@types/argparse@1.0.38': {}
 
   '@types/aria-query@5.0.4': {}
@@ -16759,6 +17218,10 @@ snapshots:
     dependencies:
       undici-types: 7.16.0
 
+  '@types/node@25.6.0':
+    dependencies:
+      undici-types: 7.19.2
+
   '@types/pako@2.0.3': {}
 
   '@types/parse-json@4.0.2': {}
@@ -17394,13 +17857,13 @@ snapshots:
       unhead: 1.9.13
       vue: 3.5.13(typescript@5.9.3)
 
-  '@unocss/astro@0.61.0(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))':
+  '@unocss/astro@0.61.0(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))':
     dependencies:
       '@unocss/core': 0.61.0
       '@unocss/reset': 0.61.0
-      '@unocss/vite': 0.61.0(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))
+      '@unocss/vite': 0.61.0(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
     optionalDependencies:
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - rollup
 
@@ -17531,7 +17994,7 @@ snapshots:
     dependencies:
       '@unocss/core': 0.61.0
 
-  '@unocss/vite@0.61.0(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))':
+  '@unocss/vite@0.61.0(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@rollup/pluginutils': 5.3.0(rollup@4.18.0)
@@ -17543,7 +18006,7 @@ snapshots:
       chokidar: 3.6.0
       fast-glob: 3.3.3
       magic-string: 0.30.21
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - rollup
 
@@ -17565,39 +18028,45 @@ snapshots:
       - encoding
       - supports-color
 
-  '@vitejs/plugin-vue-jsx@4.0.0(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))':
+  '@vitejs/plugin-vue-jsx@4.0.0(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))':
     dependencies:
       '@babel/core': 7.24.7
       '@babel/plugin-transform-typescript': 7.24.7(@babel/core@7.24.7)
       '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.24.7)
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
       vue: 3.5.13(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@4.6.2(vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.7.3))':
+  '@vitejs/plugin-vue@4.6.2(vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.7.3))':
     dependencies:
-      vite: 4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+      vite: 4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
       vue: 3.5.13(typescript@5.7.3)
 
-  '@vitejs/plugin-vue@4.6.2(vite@5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.4.5))':
+  '@vitejs/plugin-vue@4.6.2(vite@5.3.1(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.4.5))':
     dependencies:
-      vite: 5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
       vue: 3.5.13(typescript@5.4.5)
 
-  '@vitejs/plugin-vue@5.2.1(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))':
+  '@vitejs/plugin-vue@5.2.1(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))':
     dependencies:
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
       vue: 3.5.13(typescript@5.9.3)
 
-  '@vitest/eslint-plugin@1.6.6(eslint@9.20.1(jiti@2.6.1))(typescript@5.9.3)(vitest@3.0.6(@types/node@25.2.0)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))':
+  '@vitejs/plugin-vue@6.0.6(vite@8.0.8(@types/node@25.6.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))(vue@3.5.13(typescript@5.8.3))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.0-rc.13
+      vite: 8.0.8(@types/node@25.6.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vue: 3.5.13(typescript@5.8.3)
+
+  '@vitest/eslint-plugin@1.6.6(eslint@9.20.1(jiti@2.6.1))(typescript@5.9.3)(vitest@3.0.6(@types/node@25.2.0)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))':
     dependencies:
       '@typescript-eslint/scope-manager': 8.54.0
       '@typescript-eslint/utils': 8.54.0(eslint@9.20.1(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.20.1(jiti@2.6.1)
     optionalDependencies:
       typescript: 5.9.3
-      vitest: 3.0.6(@types/node@25.2.0)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vitest: 3.0.6(@types/node@25.2.0)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
     transitivePeerDependencies:
       - supports-color
 
@@ -17629,32 +18098,32 @@ snapshots:
       chai: 5.2.0
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.0.5(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(vite@6.2.2(@types/node@18.19.36)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))':
+  '@vitest/mocker@3.0.5(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(vite@6.2.2(@types/node@18.19.36)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))':
     dependencies:
       '@vitest/spy': 3.0.5
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
       msw: 2.12.7(@types/node@18.19.36)(typescript@5.7.3)
-      vite: 6.2.2(@types/node@18.19.36)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite: 6.2.2(@types/node@18.19.36)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
 
-  '@vitest/mocker@3.0.6(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(vite@6.2.2(@types/node@25.2.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))':
+  '@vitest/mocker@3.0.6(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(vite@6.2.2(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))':
     dependencies:
       '@vitest/spy': 3.0.6
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
       msw: 2.12.7(@types/node@25.2.0)(typescript@5.9.3)
-      vite: 6.2.2(@types/node@25.2.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite: 6.2.2(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
 
-  '@vitest/mocker@3.0.9(msw@2.12.7(@types/node@20.17.19)(typescript@5.7.3))(vite@6.2.2(@types/node@20.17.19)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))':
+  '@vitest/mocker@3.0.9(msw@2.12.7(@types/node@20.17.19)(typescript@5.7.3))(vite@6.2.2(@types/node@20.17.19)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))':
     dependencies:
       '@vitest/spy': 3.0.9
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
       msw: 2.12.7(@types/node@20.17.19)(typescript@5.7.3)
-      vite: 6.2.2(@types/node@20.17.19)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite: 6.2.2(@types/node@20.17.19)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
 
   '@vitest/pretty-format@2.0.5':
     dependencies:
@@ -17734,7 +18203,7 @@ snapshots:
       sirv: 3.0.0
       tinyglobby: 0.2.10
       tinyrainbow: 2.0.0
-      vitest: 3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vitest: 3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
 
   '@vitest/utils@2.0.5':
     dependencies:
@@ -17775,12 +18244,18 @@ snapshots:
     dependencies:
       '@volar/source-map': 2.4.11
 
+  '@volar/language-core@2.4.28':
+    dependencies:
+      '@volar/source-map': 2.4.28
+
   '@volar/source-map@2.3.0':
     dependencies:
       muggle-string: 0.4.1
 
   '@volar/source-map@2.4.11': {}
 
+  '@volar/source-map@2.4.28': {}
+
   '@volar/typescript@2.3.0':
     dependencies:
       '@volar/language-core': 2.3.0
@@ -17793,6 +18268,12 @@ snapshots:
       path-browserify: 1.0.1
       vscode-uri: 3.0.8
 
+  '@volar/typescript@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      path-browserify: 1.0.1
+      vscode-uri: 3.0.8
+
   '@vue-macros/common@1.10.4(rollup@4.18.0)(vue@3.5.13(typescript@5.9.3))':
     dependencies:
       '@babel/types': 7.26.9
@@ -17912,12 +18393,12 @@ snapshots:
 
   '@vue/devtools-api@6.6.4': {}
 
-  '@vue/devtools-applet@7.1.3(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(nprogress@0.2.0)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))':
+  '@vue/devtools-applet@7.1.3(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(nprogress@0.2.0)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))':
     dependencies:
-      '@vue/devtools-core': 7.1.3(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))
+      '@vue/devtools-core': 7.1.3(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))
       '@vue/devtools-kit': 7.1.3(vue@3.5.13(typescript@5.9.3))
       '@vue/devtools-shared': 7.3.1
-      '@vue/devtools-ui': 7.3.1(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(nprogress@0.2.0)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)))(vue@3.5.13(typescript@5.9.3))
+      '@vue/devtools-ui': 7.3.1(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(nprogress@0.2.0)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)))(vue@3.5.13(typescript@5.9.3))
       lodash-es: 4.17.21
       perfect-debounce: 1.0.0
       shiki: 1.3.0
@@ -17942,14 +18423,14 @@ snapshots:
       - unocss
       - vite
 
-  '@vue/devtools-core@7.1.3(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))':
+  '@vue/devtools-core@7.1.3(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.9.3))':
     dependencies:
       '@vue/devtools-kit': 7.1.3(vue@3.5.13(typescript@5.9.3))
       '@vue/devtools-shared': 7.3.1
       mitt: 3.0.1
       nanoid: 3.3.11
       pathe: 1.1.2
-      vite-hot-client: 0.2.3(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))
+      vite-hot-client: 0.2.3(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
     transitivePeerDependencies:
       - vite
       - vue
@@ -17967,7 +18448,7 @@ snapshots:
     dependencies:
       rfdc: 1.4.1
 
-  '@vue/devtools-ui@7.3.1(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(nprogress@0.2.0)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)))(vue@3.5.13(typescript@5.9.3))':
+  '@vue/devtools-ui@7.3.1(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(nprogress@0.2.0)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)))(vue@3.5.13(typescript@5.9.3))':
     dependencies:
       '@unocss/reset': 0.61.0
       '@vue/devtools-shared': 7.3.1
@@ -17977,7 +18458,7 @@ snapshots:
       colord: 2.9.3
       floating-vue: 5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3))
       focus-trap: 7.6.4
-      unocss: 0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))
+      unocss: 0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
       vue: 3.5.13(typescript@5.9.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
@@ -17993,7 +18474,7 @@ snapshots:
       - sortablejs
       - universal-cookie
 
-  '@vue/language-core@2.0.21(typescript@5.7.3)':
+  '@vue/language-core@2.0.21(typescript@5.9.3)':
     dependencies:
       '@volar/language-core': 2.3.0
       '@vue/compiler-dom': 3.5.13
@@ -18003,7 +18484,7 @@ snapshots:
       path-browserify: 1.0.1
       vue-template-compiler: 2.7.16
     optionalDependencies:
-      typescript: 5.7.3
+      typescript: 5.9.3
 
   '@vue/language-core@2.2.0(typescript@5.7.3)':
     dependencies:
@@ -18031,19 +18512,15 @@ snapshots:
     optionalDependencies:
       typescript: 5.7.3
 
-  '@vue/language-core@2.2.4(typescript@5.9.3)':
+  '@vue/language-core@3.2.6':
     dependencies:
-      '@volar/language-core': 2.4.11
+      '@volar/language-core': 2.4.28
       '@vue/compiler-dom': 3.5.13
-      '@vue/compiler-vue2': 2.7.16
       '@vue/shared': 3.5.13
-      alien-signals: 1.0.4
-      minimatch: 9.0.4
+      alien-signals: 3.1.2
       muggle-string: 0.4.1
       path-browserify: 1.0.1
-    optionalDependencies:
-      typescript: 5.9.3
-    optional: true
+      picomatch: 4.0.3
 
   '@vue/reactivity@3.5.0':
     dependencies:
@@ -18101,6 +18578,12 @@ snapshots:
       '@vue/shared': 3.5.13
       vue: 3.5.13(typescript@5.7.3)
 
+  '@vue/server-renderer@3.5.13(vue@3.5.13(typescript@5.8.3))':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.13
+      '@vue/shared': 3.5.13
+      vue: 3.5.13(typescript@5.8.3)
+
   '@vue/server-renderer@3.5.13(vue@3.5.13(typescript@5.9.3))':
     dependencies:
       '@vue/compiler-ssr': 3.5.13
@@ -18123,6 +18606,11 @@ snapshots:
       typescript: 5.7.3
       vue: 3.5.13(typescript@5.7.3)
 
+  '@vue/tsconfig@0.7.0(typescript@5.8.3)(vue@3.5.13(typescript@5.8.3))':
+    optionalDependencies:
+      typescript: 5.8.3
+      vue: 3.5.13(typescript@5.8.3)
+
   '@vuepic/vue-datepicker@10.0.0(vue@3.5.13(typescript@5.7.3))':
     dependencies:
       date-fns: 4.1.0
@@ -18330,6 +18818,8 @@ snapshots:
 
   alien-signals@1.0.4: {}
 
+  alien-signals@3.1.2: {}
+
   ansi-colors@4.1.3: {}
 
   ansi-escapes@4.3.2:
@@ -20281,7 +20771,7 @@ snapshots:
       '@typescript-eslint/utils': 7.18.0(eslint@9.21.0(jiti@2.6.1))(typescript@5.7.3)
       eslint: 9.21.0(jiti@2.6.1)
     optionalDependencies:
-      vitest: 3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vitest: 3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -20725,13 +21215,13 @@ snapshots:
     dependencies:
       pend: 1.2.0
 
-  fdir@6.4.3(picomatch@4.0.2):
+  fdir@6.4.3(picomatch@4.0.3):
     optionalDependencies:
-      picomatch: 4.0.2
+      picomatch: 4.0.3
 
-  fdir@6.5.0(picomatch@4.0.3):
+  fdir@6.5.0(picomatch@4.0.4):
     optionalDependencies:
-      picomatch: 4.0.3
+      picomatch: 4.0.4
 
   fecha@4.2.3: {}
 
@@ -22842,6 +23332,8 @@ snapshots:
 
   json-parse-even-better-errors@3.0.2: {}
 
+  json-parse-even-better-errors@4.0.0: {}
+
   json-schema-traverse@0.4.1: {}
 
   json-schema-traverse@1.0.0: {}
@@ -22919,6 +23411,55 @@ snapshots:
     dependencies:
       immediate: 3.0.6
 
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.0.3
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
   lilconfig@3.1.2: {}
 
   lilconfig@3.1.3: {}
@@ -23903,6 +24444,8 @@ snapshots:
 
   npm-normalize-package-bin@3.0.1: {}
 
+  npm-normalize-package-bin@4.0.0: {}
+
   npm-package-arg@11.0.2:
     dependencies:
       hosted-git-info: 7.0.2
@@ -23944,6 +24487,17 @@ snapshots:
       read-package-json-fast: 3.0.2
       shell-quote: 1.8.1
 
+  npm-run-all2@8.0.4:
+    dependencies:
+      ansi-styles: 6.2.3
+      cross-spawn: 7.0.6
+      memorystream: 0.3.1
+      picomatch: 4.0.3
+      pidtree: 0.6.0
+      read-package-json-fast: 4.0.0
+      shell-quote: 1.8.1
+      which: 5.0.0
+
   npm-run-path@4.0.1:
     dependencies:
       path-key: 3.1.1
@@ -23970,14 +24524,14 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  nuxt@3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue-tsc@2.2.4(typescript@5.9.3)):
+  nuxt@3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.5)(@unocss/reset@0.61.0)(axios@1.13.5)(change-case@4.1.2)(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.9.3)))(ioredis@5.4.1)(lightningcss@1.32.0)(magicast@0.3.4)(nprogress@0.2.0)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue-tsc@3.2.6(typescript@5.9.3)):
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.3.3(33936d08ebc2433a10b3e1e7a1b331b1)
+      '@nuxt/devtools': 1.3.3(b95e3a388c99540114e0ea6232361dae)
       '@nuxt/kit': 3.12.2(magicast@0.3.4)(rollup@4.18.0)
       '@nuxt/schema': 3.12.2(rollup@4.18.0)
       '@nuxt/telemetry': 2.5.4(magicast@0.3.4)(rollup@4.18.0)
-      '@nuxt/vite-builder': 3.12.2(@types/node@20.14.5)(eslint@9.39.2(jiti@2.6.1))(magicast@0.3.4)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(vue-tsc@2.2.4(typescript@5.9.3))(vue@3.5.13(typescript@5.9.3))
+      '@nuxt/vite-builder': 3.12.2(@types/node@20.14.5)(eslint@9.39.2(jiti@2.6.1))(lightningcss@1.32.0)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.18.0)(sass@1.77.6)(stylelint@16.26.1(typescript@5.9.3))(terser@5.31.1)(typescript@5.9.3)(vue-tsc@3.2.6(typescript@5.9.3))(vue@3.5.13(typescript@5.9.3))
       '@unhead/dom': 1.9.13
       '@unhead/ssr': 1.9.13
       '@unhead/vue': 1.9.13(vue@3.5.13(typescript@5.9.3))
@@ -24503,10 +25057,10 @@ snapshots:
 
   picomatch@2.3.1: {}
 
-  picomatch@4.0.2: {}
-
   picomatch@4.0.3: {}
 
+  picomatch@4.0.4: {}
+
   pidtree@0.6.0: {}
 
   pify@4.0.1: {}
@@ -24728,9 +25282,9 @@ snapshots:
     dependencies:
       postcss: 8.5.6
 
-  postcss-scss@4.0.9(postcss@8.5.6):
+  postcss-scss@4.0.9(postcss@8.4.49):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.4.49
 
   postcss-selector-parser@6.1.2:
     dependencies:
@@ -24792,6 +25346,12 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  postcss@8.5.9:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
   precinct@8.3.1:
     dependencies:
       commander: 2.20.3
@@ -25172,6 +25732,11 @@ snapshots:
       json-parse-even-better-errors: 3.0.2
       npm-normalize-package-bin: 3.0.1
 
+  read-package-json-fast@4.0.0:
+    dependencies:
+      json-parse-even-better-errors: 4.0.0
+      npm-normalize-package-bin: 4.0.0
+
   read-yaml-file@1.1.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -25381,6 +25946,27 @@ snapshots:
 
   robust-sum@1.0.0: {}
 
+  rolldown@1.0.0-rc.15:
+    dependencies:
+      '@oxc-project/types': 0.124.0
+      '@rolldown/pluginutils': 1.0.0-rc.15
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.0.0-rc.15
+      '@rolldown/binding-darwin-arm64': 1.0.0-rc.15
+      '@rolldown/binding-darwin-x64': 1.0.0-rc.15
+      '@rolldown/binding-freebsd-x64': 1.0.0-rc.15
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-rc.15
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-rc.15
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-rc.15
+      '@rolldown/binding-linux-ppc64-gnu': 1.0.0-rc.15
+      '@rolldown/binding-linux-s390x-gnu': 1.0.0-rc.15
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-rc.15
+      '@rolldown/binding-linux-x64-musl': 1.0.0-rc.15
+      '@rolldown/binding-openharmony-arm64': 1.0.0-rc.15
+      '@rolldown/binding-wasm32-wasi': 1.0.0-rc.15
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.15
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-rc.15
+
   rollup-plugin-visualizer@5.12.0(rollup@4.18.0):
     dependencies:
       open: 8.4.2
@@ -25988,26 +26574,26 @@ snapshots:
       postcss: 8.4.49
       postcss-selector-parser: 6.1.2
 
-  stylelint-config-recommended-scss@14.1.0(postcss@8.5.6)(stylelint@16.26.1(typescript@5.7.3)):
+  stylelint-config-recommended-scss@14.1.0(postcss@8.4.49)(stylelint@16.26.1(typescript@5.7.3)):
     dependencies:
-      postcss-scss: 4.0.9(postcss@8.5.6)
+      postcss-scss: 4.0.9(postcss@8.4.49)
       stylelint: 16.26.1(typescript@5.7.3)
       stylelint-config-recommended: 14.0.1(stylelint@16.26.1(typescript@5.7.3))
       stylelint-scss: 6.10.0(stylelint@16.26.1(typescript@5.7.3))
     optionalDependencies:
-      postcss: 8.5.6
+      postcss: 8.4.49
 
   stylelint-config-recommended@14.0.1(stylelint@16.26.1(typescript@5.7.3)):
     dependencies:
       stylelint: 16.26.1(typescript@5.7.3)
 
-  stylelint-config-standard-scss@13.1.0(postcss@8.5.6)(stylelint@16.26.1(typescript@5.7.3)):
+  stylelint-config-standard-scss@13.1.0(postcss@8.4.49)(stylelint@16.26.1(typescript@5.7.3)):
     dependencies:
       stylelint: 16.26.1(typescript@5.7.3)
-      stylelint-config-recommended-scss: 14.1.0(postcss@8.5.6)(stylelint@16.26.1(typescript@5.7.3))
+      stylelint-config-recommended-scss: 14.1.0(postcss@8.4.49)(stylelint@16.26.1(typescript@5.7.3))
       stylelint-config-standard: 36.0.1(stylelint@16.26.1(typescript@5.7.3))
     optionalDependencies:
-      postcss: 8.5.6
+      postcss: 8.4.49
 
   stylelint-config-standard@36.0.1(stylelint@16.26.1(typescript@5.7.3)):
     dependencies:
@@ -26333,13 +26919,13 @@ snapshots:
 
   tinyglobby@0.2.10:
     dependencies:
-      fdir: 6.4.3(picomatch@4.0.2)
-      picomatch: 4.0.2
+      fdir: 6.4.3(picomatch@4.0.3)
+      picomatch: 4.0.3
 
   tinyglobby@0.2.15:
     dependencies:
-      fdir: 6.5.0(picomatch@4.0.3)
-      picomatch: 4.0.3
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
 
   tinypool@1.0.2: {}
 
@@ -26605,7 +27191,7 @@ snapshots:
       resolve-import: 2.0.0
       rimraf: 6.1.3
       sync-content: 2.0.1
-      typescript: 5.7.3
+      typescript: 5.9.3
       walk-up-path: 4.0.0
 
   tslib@1.14.1: {}
@@ -26804,6 +27390,8 @@ snapshots:
 
   typescript@5.7.3: {}
 
+  typescript@5.8.3: {}
+
   typescript@5.9.3: {}
 
   uc.micro@2.1.0: {}
@@ -26856,6 +27444,8 @@ snapshots:
 
   undici-types@7.16.0: {}
 
+  undici-types@7.19.2: {}
+
   undici@5.28.4:
     dependencies:
       '@fastify/busboy': 2.1.1
@@ -26915,9 +27505,9 @@ snapshots:
 
   universalify@2.0.1: {}
 
-  unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)):
+  unocss@0.61.0(postcss@8.4.49)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
-      '@unocss/astro': 0.61.0(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))
+      '@unocss/astro': 0.61.0(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
       '@unocss/cli': 0.61.0(rollup@4.18.0)
       '@unocss/core': 0.61.0
       '@unocss/extractor-arbitrary-variants': 0.61.0
@@ -26936,9 +27526,9 @@ snapshots:
       '@unocss/transformer-compile-class': 0.61.0
       '@unocss/transformer-directives': 0.61.0
       '@unocss/transformer-variant-group': 0.61.0
-      '@unocss/vite': 0.61.0(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))
+      '@unocss/vite': 0.61.0(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))
     optionalDependencies:
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - postcss
       - rollup
@@ -27096,17 +27686,17 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vite-hot-client@0.2.3(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)):
+  vite-hot-client@0.2.3(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
 
-  vite-node@1.6.0(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1):
+  vite-node@1.6.0(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       pathe: 1.1.2
       picocolors: 1.1.1
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -27117,13 +27707,13 @@ snapshots:
       - supports-color
       - terser
 
-  vite-node@3.0.5(@types/node@18.19.36)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
+  vite-node@3.0.5(@types/node@18.19.36)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.6.0
       pathe: 2.0.3
-      vite: 6.2.2(@types/node@18.19.36)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite: 6.2.2(@types/node@18.19.36)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -27138,13 +27728,13 @@ snapshots:
       - tsx
       - yaml
 
-  vite-node@3.0.6(@types/node@25.2.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
+  vite-node@3.0.6(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.6.0
       pathe: 2.0.3
-      vite: 6.2.2(@types/node@25.2.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite: 6.2.2(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -27159,13 +27749,13 @@ snapshots:
       - tsx
       - yaml
 
-  vite-node@3.0.9(@types/node@20.17.19)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
+  vite-node@3.0.9(@types/node@20.17.19)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.6.0
       pathe: 2.0.3
-      vite: 6.2.2(@types/node@20.17.19)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite: 6.2.2(@types/node@20.17.19)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -27180,7 +27770,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite-plugin-checker@0.6.4(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(stylelint@16.26.1(typescript@5.9.3))(typescript@5.9.3)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1))(vue-tsc@2.2.4(typescript@5.9.3)):
+  vite-plugin-checker@0.6.4(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(stylelint@16.26.1(typescript@5.9.3))(typescript@5.9.3)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1))(vue-tsc@3.2.6(typescript@5.9.3)):
     dependencies:
       '@babel/code-frame': 7.24.7
       ansi-escapes: 4.3.2
@@ -27193,7 +27783,7 @@ snapshots:
       semver: 7.7.3
       strip-ansi: 6.0.1
       tiny-invariant: 1.3.3
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
       vscode-languageclient: 7.0.0
       vscode-languageserver: 7.0.0
       vscode-languageserver-textdocument: 1.0.11
@@ -27203,7 +27793,7 @@ snapshots:
       optionator: 0.9.4
       stylelint: 16.26.1(typescript@5.9.3)
       typescript: 5.9.3
-      vue-tsc: 2.2.4(typescript@5.9.3)
+      vue-tsc: 3.2.6(typescript@5.9.3)
 
   vite-plugin-dts@0.9.10(vite@2.9.18(sass@1.77.6)):
     dependencies:
@@ -27212,7 +27802,7 @@ snapshots:
       ts-morph: 13.0.3
       vite: 2.9.18(sass@1.77.6)
 
-  vite-plugin-dts@4.5.0(@types/node@18.19.36)(rollup@4.57.1)(typescript@5.7.3)(vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-dts@4.5.0(@types/node@18.19.36)(rollup@4.57.1)(typescript@5.7.3)(vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       '@microsoft/api-extractor': 7.49.1(@types/node@18.19.36)
       '@rollup/pluginutils': 5.1.4(rollup@4.57.1)
@@ -27225,13 +27815,13 @@ snapshots:
       magic-string: 0.30.17
       typescript: 5.7.3
     optionalDependencies:
-      vite: 4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+      vite: 4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite-plugin-inspect@0.8.4(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-inspect@0.8.4(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.3.0(rollup@4.18.0)
@@ -27242,14 +27832,14 @@ snapshots:
       perfect-debounce: 1.0.0
       picocolors: 1.1.1
       sirv: 2.0.4
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
     optionalDependencies:
       '@nuxt/kit': 3.12.2(magicast@0.3.4)(rollup@4.18.0)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-inspect@0.8.4(rollup@4.57.1)(vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-inspect@0.8.4(rollup@4.57.1)(vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.3.0(rollup@4.57.1)
@@ -27260,14 +27850,14 @@ snapshots:
       perfect-debounce: 1.0.0
       picocolors: 1.1.1
       sirv: 2.0.4
-      vite: 4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+      vite: 4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
   vite-plugin-svgstring@1.0.0: {}
 
-  vite-plugin-vue-inspector@5.1.2(vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-vue-inspector@5.1.2(vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       '@babel/core': 7.24.7
       '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.24.7)
@@ -27278,7 +27868,7 @@ snapshots:
       '@vue/compiler-dom': 3.5.13
       kolorist: 1.8.0
       magic-string: 0.30.17
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -27302,7 +27892,7 @@ snapshots:
       fsevents: 2.3.3
       sass: 1.77.6
 
-  vite@4.5.14(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1):
+  vite@4.5.14(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1):
     dependencies:
       esbuild: 0.18.20
       postcss: 8.5.6
@@ -27310,10 +27900,11 @@ snapshots:
     optionalDependencies:
       '@types/node': 18.19.36
       fsevents: 2.3.3
+      lightningcss: 1.32.0
       sass: 1.77.6
       terser: 5.31.1
 
-  vite@5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1):
+  vite@5.3.1(@types/node@18.19.36)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.38
@@ -27321,10 +27912,11 @@ snapshots:
     optionalDependencies:
       '@types/node': 18.19.36
       fsevents: 2.3.3
+      lightningcss: 1.32.0
       sass: 1.77.6
       terser: 5.31.1
 
-  vite@5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1):
+  vite@5.3.1(@types/node@20.14.5)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.38
@@ -27332,10 +27924,11 @@ snapshots:
     optionalDependencies:
       '@types/node': 20.14.5
       fsevents: 2.3.3
+      lightningcss: 1.32.0
       sass: 1.77.6
       terser: 5.31.1
 
-  vite@6.2.2(@types/node@18.19.36)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
+  vite@6.2.2(@types/node@18.19.36)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
     dependencies:
       esbuild: 0.25.0
       postcss: 8.5.3
@@ -27344,12 +27937,13 @@ snapshots:
       '@types/node': 18.19.36
       fsevents: 2.3.3
       jiti: 2.6.1
+      lightningcss: 1.32.0
       sass: 1.77.6
       terser: 5.31.1
       tsx: 4.19.3
       yaml: 2.4.5
 
-  vite@6.2.2(@types/node@20.17.19)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
+  vite@6.2.2(@types/node@20.17.19)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
     dependencies:
       esbuild: 0.25.0
       postcss: 8.5.3
@@ -27358,12 +27952,13 @@ snapshots:
       '@types/node': 20.17.19
       fsevents: 2.3.3
       jiti: 2.6.1
+      lightningcss: 1.32.0
       sass: 1.77.6
       terser: 5.31.1
       tsx: 4.19.3
       yaml: 2.4.5
 
-  vite@6.2.2(@types/node@25.2.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
+  vite@6.2.2(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
     dependencies:
       esbuild: 0.25.0
       postcss: 8.5.3
@@ -27372,15 +27967,32 @@ snapshots:
       '@types/node': 25.2.0
       fsevents: 2.3.3
       jiti: 2.6.1
+      lightningcss: 1.32.0
       sass: 1.77.6
       terser: 5.31.1
       tsx: 4.19.3
       yaml: 2.4.5
 
-  vitest@3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
+  vite@8.0.8(@types/node@25.6.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
+    dependencies:
+      lightningcss: 1.32.0
+      picomatch: 4.0.4
+      postcss: 8.5.9
+      rolldown: 1.0.0-rc.15
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 25.6.0
+      fsevents: 2.3.3
+      jiti: 2.6.1
+      sass: 1.77.6
+      terser: 5.31.1
+      tsx: 4.19.3
+      yaml: 2.4.5
+
+  vitest@3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
     dependencies:
       '@vitest/expect': 3.0.5
-      '@vitest/mocker': 3.0.5(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(vite@6.2.2(@types/node@18.19.36)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))
+      '@vitest/mocker': 3.0.5(msw@2.12.7(@types/node@18.19.36)(typescript@5.7.3))(vite@6.2.2(@types/node@18.19.36)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))
       '@vitest/pretty-format': 3.0.5
       '@vitest/runner': 3.0.5
       '@vitest/snapshot': 3.0.5
@@ -27396,8 +28008,8 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
-      vite: 6.2.2(@types/node@18.19.36)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
-      vite-node: 3.0.5(@types/node@18.19.36)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite: 6.2.2(@types/node@18.19.36)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite-node: 3.0.5(@types/node@18.19.36)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 18.19.36
@@ -27417,10 +28029,10 @@ snapshots:
       - tsx
       - yaml
 
-  vitest@3.0.6(@types/node@25.2.0)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
+  vitest@3.0.6(@types/node@25.2.0)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
     dependencies:
       '@vitest/expect': 3.0.6
-      '@vitest/mocker': 3.0.6(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(vite@6.2.2(@types/node@25.2.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))
+      '@vitest/mocker': 3.0.6(msw@2.12.7(@types/node@25.2.0)(typescript@5.9.3))(vite@6.2.2(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))
       '@vitest/pretty-format': 3.0.6
       '@vitest/runner': 3.0.6
       '@vitest/snapshot': 3.0.6
@@ -27436,8 +28048,8 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
-      vite: 6.2.2(@types/node@25.2.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
-      vite-node: 3.0.6(@types/node@25.2.0)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite: 6.2.2(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite-node: 3.0.6(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 25.2.0
@@ -27456,10 +28068,10 @@ snapshots:
       - tsx
       - yaml
 
-  vitest@3.0.9(@types/node@20.17.19)(jiti@2.6.1)(jsdom@26.1.0)(msw@2.12.7(@types/node@20.17.19)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
+  vitest@3.0.9(@types/node@20.17.19)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(msw@2.12.7(@types/node@20.17.19)(typescript@5.7.3))(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5):
     dependencies:
       '@vitest/expect': 3.0.9
-      '@vitest/mocker': 3.0.9(msw@2.12.7(@types/node@20.17.19)(typescript@5.7.3))(vite@6.2.2(@types/node@20.17.19)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))
+      '@vitest/mocker': 3.0.9(msw@2.12.7(@types/node@20.17.19)(typescript@5.7.3))(vite@6.2.2(@types/node@20.17.19)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5))
       '@vitest/pretty-format': 3.0.9
       '@vitest/runner': 3.0.9
       '@vitest/snapshot': 3.0.9
@@ -27475,8 +28087,8 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
-      vite: 6.2.2(@types/node@20.17.19)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
-      vite-node: 3.0.9(@types/node@20.17.19)(jiti@2.6.1)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite: 6.2.2(@types/node@20.17.19)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
+      vite-node: 3.0.9(@types/node@20.17.19)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.77.6)(terser@5.31.1)(tsx@4.19.3)(yaml@2.4.5)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 20.17.19
@@ -27539,23 +28151,42 @@ snapshots:
       - '@lezer/common'
       - '@vue/composition-api'
 
-  vue-component-meta@2.0.21(typescript@5.7.3):
+  vue-codemirror6@1.3.8(@lezer/common@1.2.3)(vue@3.5.13(typescript@5.8.3)):
+    dependencies:
+      '@codemirror/commands': 6.7.1
+      '@codemirror/language': 6.10.6
+      '@codemirror/lint': 6.8.4
+      '@codemirror/state': 6.5.0
+      '@codemirror/view': 6.35.3
+      codemirror: 6.0.1(@lezer/common@1.2.3)
+      style-mod: 4.1.2
+      vue: 3.5.13(typescript@5.8.3)
+      vue-demi: 0.14.10(vue@3.5.13(typescript@5.8.3))
+    transitivePeerDependencies:
+      - '@lezer/common'
+      - '@vue/composition-api'
+
+  vue-component-meta@2.0.21(typescript@5.9.3):
     dependencies:
       '@volar/typescript': 2.3.0
-      '@vue/language-core': 2.0.21(typescript@5.7.3)
+      '@vue/language-core': 2.0.21(typescript@5.9.3)
       path-browserify: 1.0.1
       vue-component-type-helpers: 2.0.21
     optionalDependencies:
-      typescript: 5.7.3
+      typescript: 5.9.3
 
   vue-component-type-helpers@2.0.21: {}
 
-  vue-component-type-helpers@3.2.5: {}
+  vue-component-type-helpers@3.2.6: {}
 
   vue-demi@0.14.10(vue@3.5.13(typescript@5.7.3)):
     dependencies:
       vue: 3.5.13(typescript@5.7.3)
 
+  vue-demi@0.14.10(vue@3.5.13(typescript@5.8.3)):
+    dependencies:
+      vue: 3.5.13(typescript@5.8.3)
+
   vue-demi@0.14.10(vue@3.5.13(typescript@5.9.3)):
     dependencies:
       vue: 3.5.13(typescript@5.9.3)
@@ -27658,10 +28289,16 @@ snapshots:
       '@vue/language-core': 2.2.4(typescript@5.7.3)
       typescript: 5.7.3
 
-  vue-tsc@2.2.4(typescript@5.9.3):
+  vue-tsc@3.2.6(typescript@5.8.3):
     dependencies:
-      '@volar/typescript': 2.4.11
-      '@vue/language-core': 2.2.4(typescript@5.9.3)
+      '@volar/typescript': 2.4.28
+      '@vue/language-core': 3.2.6
+      typescript: 5.8.3
+
+  vue-tsc@3.2.6(typescript@5.9.3):
+    dependencies:
+      '@volar/typescript': 2.4.28
+      '@vue/language-core': 3.2.6
       typescript: 5.9.3
     optional: true
 
@@ -27717,6 +28354,16 @@ snapshots:
     optionalDependencies:
       typescript: 5.7.3
 
+  vue@3.5.13(typescript@5.8.3):
+    dependencies:
+      '@vue/compiler-dom': 3.5.13
+      '@vue/compiler-sfc': 3.5.13
+      '@vue/runtime-dom': 3.5.13
+      '@vue/server-renderer': 3.5.13(vue@3.5.13(typescript@5.8.3))
+      '@vue/shared': 3.5.13
+    optionalDependencies:
+      typescript: 5.8.3
+
   vue@3.5.13(typescript@5.9.3):
     dependencies:
       '@vue/compiler-dom': 3.5.13
@@ -27868,6 +28515,10 @@ snapshots:
     dependencies:
       isexe: 3.1.1
 
+  which@5.0.0:
+    dependencies:
+      isexe: 3.1.1
+
   why-is-node-running@2.3.0:
     dependencies:
       siginfo: 2.0.0